@charset "UTF-8";

@font-face {
  font-family: 'carmenSans';
  src: url('../../css/plugins/fonts/Carmen\ Sans\ Regular.otf') format('truetype'); /* Ajusta la ruta al archivo de fuente */
}

:root {
  --fondo:linear-gradient(143deg, rgba(0,1,41,1) 0%, rgb(11, 51, 74) 68%, rgba(44,197,171,0.5323275862068966) 88%, rgba(50,224,190,0.6961206896551724) 99%);
  --fondoNormal:linear-gradient(143deg, rgba(0,1,41,1) 0%, rgba(11,51,74,1) 68%, rgba(44,197,171,1) 88%, rgba(50,224,190,1) 99%);
  --fondoTelefono: linear-gradient(143deg, rgba(0,1,41,1) 0%, rgba(11,51,74,1) 68%, rgba(44,197,171,1) 88%, rgba(50,224,190,1) 99%);
  --fondoHeader: linear-gradient(180deg, rgba(11,51,74,1) 70%, rgba(50,224,190,1) 100%);
  --fondoColor: #000229;
  --background: #000;
  --titulo: #fff;
  --borde:#1bc5ff;
  --fondoTransparente: rgba(242, 242, 242,.4);
  --textoBoton: 0;
  --colorHeader: 0;
  --fondoClaro:linear-gradient(143deg, rgba(255,255,255,1) 0%, rgba(249,255,255,1) 67%, rgba(119,248,255,0.7413793103448276) 76%, rgba(97,247,255,0) 84%);
  --fondoOscuro:linear-gradient(143deg, rgba(0,1,41,1) 0%, rgba(11,51,74,1) 68%, rgba(44,197,171,0.5323275862068966) 88%, rgba(50,224,190,0.6961206896551724) 99%);
  --background: #000;
  --azulOscuroQbox:#000129;
  --verdeQbox:#32e0be;
  --azulQbox: #1bc5ff;
  --verde: #29ED54;
  --rojo:#e83e3e;
  --negro:#000;
  --negroTexto:#000;
  --blanco:#fff;
  --texto: #fff;
  --gris: #5d5d5d;
  --grisClaro: #dddddd;
  --azulOscuroKH: #003064;
  --azulClaroKH: #0072c0;
  --blue: #0061f2;
  --indigo: #5800e8;
  --purple: #6900c7;
  --pink: #e30059;
  --red: #e81500;
  --orange: #f76400;
  --yellow: #f4a100;
  --green: #00ac69;
  --teal: #00ba94;
  --cyan: #00cfd5;
  --white: #fff;
  --gray: #69707a;
  --gray-dark: #363d47;
  --primary: #0061f2;
  --secondary: #6900c7;
  --success: #00ac69;
  --info: #00cfd5;
  --warning: #f4a100;
  --danger: #e81500;
  --light: #f2f6fc;
  --dark: #212832;
  --black: #000;
  --white: #fff;
  --red: #e81500;
  --orange: #f76400;
  --yellow: #f4a100;
  --green: #00ac69;
  --teal: #00ba94;
  --cyan: #00cfd5;
  --blue: #0061f2;
  --indigo: #5800e8;
  --purple: #6900c7;
  --pink: #e30059;
  --red-soft: #f1e0e3;
  --orange-soft: #f3e7e3;
  --yellow-soft: #f2eee3;
  --green-soft: #daefed;
  --teal-soft: #daf0f2;
  --cyan-soft: #daf2f8;
  --blue-soft: #dae7fb;
  --indigo-soft: #e3ddfa;
  --purple-soft: #e4ddf7;
  --pink-soft: #f1ddec;
  --primary-soft: #dae7fb;
  --secondary-soft: #e4ddf7;
  --success-soft: #daefed;
  --info-soft: #daf2f8;
  --warning-soft: #f2eee3;
  --danger-soft: #f1e0e3;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1500px;
  --font-family-sans-serif: 'Metropolis', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  font-family: var(--font-family-monospace);
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  outline: none !important;
}

.boton {
  font-size: 1em;
  padding: 0.3em 0.8em;
  font-weight: 200;
  border: solid 2px transparent;
  border-radius: 5px;
  background: #dbafcd;
  color: #ffF;
  cursor: pointer;
  box-shadow: 3px 3px 6px #ccc;
  transition: border 0.3s ease, background 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.boton:active {
  transform: scale(0.96);
  box-shadow: 0px 0px 0px #ccc;
}

.boton:hover {
  background: transparent;
  border: 2px solid #dbafcd;
  color: #dbafcd;
}

.cont {
  border-radius: 5px;
  padding: 0.3em;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
  transition: box-shadow 0.3s ease;
}

.cont:hover {
  box-shadow: 0 0.15rem 0.75rem 0 rgba(33, 40, 50, 0.15);
}

.select {
  padding: 0.3em;
  font-size: 1em;
  border-radius: 5px;
  background: #dbafcd;
  border: 2px solid #dbafcd;
  color: #fff;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}

.select:focus {
  box-shadow: 3px 3px 6px #ccc;
}


/* Estilos para teléfonos móviles pequeños (portrait) */
@media screen and (max-width: 575px) {
  body  {
      font-size: 10px !important;
  }
}

/* Estilos para teléfonos móviles pequeños (landscape) */
@media screen and (min-width: 576px) and (max-width: 767px) {
  body  {
      font-size: 12px !important;
  }
  }

/* Estilos para tabletas pequeñas (portrait) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  body  {
      font-size: 10px !important;
  }
}

/* Estilos para tabletas pequeñas (landscape) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
}

/* Estilos para pantallas medianas */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
}

/* Estilos para pantallas grandes */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  body  {
      font-size: 18px !important;
  }
}

/* Estilos para pantallas extra grandes */
@media screen and (min-width: 1920px) {
  body  {
      font-size: 28px !important;
  }
}