@charset "UTF-8";

html[data-tema="abierto"],
html[data-tema="abierto"] .tarjeta-flotante {
  --azul-800: #1737a6;
  --azul-700: #1d44c8;
  --azul-600: #2456e6;
  --azul-100: #e6eeff;
  --azul-50: #f5f8ff;

  --cian: #38d3e4;
  --cian-claro: #7fe4ef;
  --texto-claro: #ecf2f8;
  --texto-claro-suave: #9eb0c6;
  --linea-oscura: rgb(255 255 255 / 0.11);

  --c-fondo: #ffffff;
  --c-fondo-alt: var(--azul-50);
  --c-superficie: #ffffff;
  --c-superficie-alt: #f2f6fe;
  --c-texto: #0a1428;
  --c-texto-suave: #48546d;
  --c-borde: #e1e7f3;
  --c-borde-fuerte: #8793ad;
  --c-acento: var(--azul-600);
  --c-enlace: #1f4fd6;
  --c-boton: var(--azul-600);
  --c-boton-hover: var(--azul-700);
  --c-boton-texto: #ffffff;
  --c-pendiente-fondo: #fff3c4;
  --c-pendiente-texto: #5a4300;
  --sombra: 0 1px 2px rgb(15 42 134 / 0.05), 0 18px 40px -22px rgb(15 42 134 / 0.26);
  --sombra-alta: 0 2px 6px rgb(15 42 134 / 0.05), 0 34px 70px -34px rgb(15 42 134 / 0.36);

  --c-alcista: #178a5e;
  --c-alcista-texto: #0b7249;
  --c-lateral: #c98700;
  --c-lateral-texto: #8a5a00;
  --c-bajista: #d4493a;
  --c-bajista-texto: #b3382a;
  --c-tramo: #e2e8f2;
  --c-aviso: #c98700;
  --c-aviso-texto: #8a5a00;
  --c-solido: #ffffff;
  --c-sobre-acento: #ffffff;
  --c-acento-texto: #1f4fd6;

  --radio-portada: clamp(28px, 1rem + 3.2vw, 64px);
}

html[data-tema="abierto"] {
  color-scheme: light;
}

html[data-tema="abierto"] :is(.oscuro, .portada__visual) {
  --cian: #38d3e4;
  --cian-claro: #7fe4ef;
  --texto-claro: #ecf2f8;
  --texto-claro-suave: #a9b9cf;
  --linea-oscura: rgb(255 255 255 / 0.12);
  --c-fondo: var(--marino-900);
  --c-fondo-alt: var(--marino-850);
  --c-superficie: rgb(255 255 255 / 0.05);
  --c-superficie-alt: rgb(255 255 255 / 0.08);
  --c-texto: var(--texto-claro);
  --c-texto-suave: var(--texto-claro-suave);
  --c-borde: var(--linea-oscura);
  --c-borde-fuerte: rgb(255 255 255 / 0.34);
  --c-acento: var(--cian);
  --c-enlace: var(--cian-claro);
  --c-boton: #2f62ee;
  --c-boton-hover: var(--azul-600);
  --c-boton-texto: #ffffff;
  --sombra: 0 30px 60px -30px rgb(0 0 0 / 0.6);
  --sombra-alta: 0 40px 90px -36px rgb(0 0 0 / 0.7);
  --c-alcista: #34c98f;
  --c-alcista-texto: #4fd8a2;
  --c-lateral: #eab042;
  --c-lateral-texto: #f0c062;
  --c-bajista: #ff7b69;
  --c-bajista-texto: #ff8f7f;
  --c-tramo: rgb(255 255 255 / 0.14);
  --c-aviso: #eab042;
  --c-aviso-texto: #f0c062;
  --c-solido: #0d1a33;
  --c-sobre-acento: #04142a;
  --c-acento-texto: var(--cian);
}

html[data-tema="abierto"] .seccion.oscuro {
  background:
    radial-gradient(55% 80% at 100% 0%, rgb(36 86 230 / 0.28), transparent 70%),
    radial-gradient(40% 60% at 0% 100%, rgb(56 211 228 / 0.07), transparent 70%),
    #07153a;
}

html[data-tema="abierto"] :is(.portada, .llamada) {
  --cian: #d0f7fb;
  --cian-claro: #e2fafd;
  --texto-claro: #ffffff;
  --texto-claro-suave: #eef3ff;
  --linea-oscura: rgb(255 255 255 / 0.24);
  --c-fondo: var(--azul-600);
  --c-fondo-alt: var(--azul-700);
  --c-superficie: rgb(255 255 255 / 0.1);
  --c-superficie-alt: rgb(255 255 255 / 0.16);
  --c-texto: #ffffff;
  --c-texto-suave: #eef3ff;
  --c-borde: rgb(255 255 255 / 0.24);
  --c-borde-fuerte: rgb(255 255 255 / 0.62);
  --c-acento: var(--cian);
  --c-acento-texto: var(--cian);
  --c-enlace: #ffffff;
  --c-boton: #ffffff;
  --c-boton-hover: #e9f0ff;
  --c-boton-texto: var(--azul-700);
  --c-solido: var(--azul-700);
  --c-sobre-acento: var(--azul-800);
  --c-tramo: rgb(255 255 255 / 0.22);
  --sombra: 0 30px 60px -30px rgb(8 24 90 / 0.55);
  --sombra-alta: 0 40px 90px -40px rgb(8 24 90 / 0.65);
}

html[data-tema="abierto"] :is(.portada) {
  border-radius: 0 0 var(--radio-portada) var(--radio-portada);
  box-shadow: none;
  background:
    radial-gradient(70% 60% at 88% 12%, rgb(116 160 255 / 0.4), transparent 70%),
    radial-gradient(38% 55% at 100% 100%, rgb(66 120 246 / 0.55), transparent 72%),
    radial-gradient(42% 60% at 0% 100%, rgb(17 50 180 / 0.45), transparent 72%),
    linear-gradient(180deg, #1c45cf 0%, #2456e6 58%, #2a5cea 100%);
}

@media (max-width: 1099px) {
  html[data-tema="abierto"] :is(.portada) {
    background:
      radial-gradient(70% 45% at 0% 100%, rgb(17 50 180 / 0.4), transparent 72%),
      linear-gradient(180deg, #1c45cf 0%, #2354e4 60%, #2758e8 100%);
  }
}

html[data-tema="abierto"] :is(.portada__rejilla-fondo) {
  background-image:
    linear-gradient(rgb(255 255 255 / 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 0.07) 1px, transparent 1px);
}

html[data-tema="abierto"] main:has(> .portada:first-child + .seccion--alt) {
  background: var(--c-fondo-alt);
}

html[data-tema="abierto"] .aviso-barra {
  background: #0c2275;
  color: #d9e3ff;
  border-bottom-color: rgb(255 255 255 / 0.1);
}

html[data-tema="abierto"] .aviso-barra__enlace {
  color: #ffffff;
  text-decoration-color: rgb(255 255 255 / 0.55);
}

html[data-tema="abierto"] .aviso-barra__enlace .boton__flecha {
  color: #9fe9f2;
}

html[data-tema="abierto"] .aviso-barra :focus-visible {
  outline-color: #ffffff;
}

html[data-tema="abierto"] .cabecera {
  background: rgb(29 68 200 / 0.96);
  border-bottom-color: rgb(255 255 255 / 0.12);
}

html[data-tema="abierto"].js .cabecera {
  background: transparent;
}

html[data-tema="abierto"] .cabecera::before {
  background: rgb(29 68 200 / 0.94);
  box-shadow: 0 12px 30px -20px rgb(8 24 90 / 0.55);
}

html[data-tema="abierto"].js .cabecera.cabecera--menu {
  background: var(--azul-700);
}

html[data-tema="abierto"] .nav__enlace,
html[data-tema="abierto"] .nav-boton {
  color: #ffffff;
}

html[data-tema="abierto"] .nav-boton {
  border-color: rgb(255 255 255 / 0.4);
}

html[data-tema="abierto"] .acceso-boton {
  border-color: rgb(255 255 255 / 0.4);
  color: #ffffff;
}

html[data-tema="abierto"] .acceso-boton:hover {
  border-color: #ffffff;
  background: rgb(255 255 255 / 0.12);
}

html[data-tema="abierto"] .tema-boton {
  color: #ffffff;
}

html[data-tema="abierto"] .tema-boton::before {
  border-color: rgb(255 255 255 / 0.4);
}

html[data-tema="abierto"] .tema-boton:hover::before {
  border-color: #ffffff;
  background: rgb(255 255 255 / 0.12);
}

html[data-tema="abierto"] .boton-prueba {
  background: #ffffff;
  color: var(--azul-700);
  box-shadow: 0 8px 20px -10px rgb(8 24 90 / 0.5);
}

html[data-tema="abierto"] .boton-prueba:hover {
  background: var(--azul-100);
  color: var(--azul-800);
}

html[data-tema="abierto"] .boton-prueba[aria-current="page"] {
  box-shadow: 0 0 0 2px var(--azul-700), 0 0 0 3.5px var(--cian);
}

html[data-tema="abierto"] .cabecera :focus-visible {
  outline-color: #ffffff;
}

@media (max-width: 1159px) {
  html[data-tema="abierto"] .nav {
    background: var(--azul-700);
    border-top-color: rgb(255 255 255 / 0.14);
  }

  html[data-tema="abierto"] .nav__enlace {
    border-bottom-color: rgb(255 255 255 / 0.14);
  }

  html[data-tema="abierto"] .nav__enlace[aria-current="page"],
  html[data-tema="abierto"] .nav__enlace[aria-current="true"] {
    color: #c9f6fb;
  }
}

html[data-tema="abierto"] .boton:not(.boton--contorno) {
  background: linear-gradient(135deg, var(--c-boton) 0%, var(--c-boton-hover) 100%);
  box-shadow: 0 12px 26px -14px color-mix(in srgb, var(--c-boton-hover) 80%, #000000);
}

html[data-tema="abierto"] .boton:not(.boton--contorno):hover {
  background: var(--c-boton-hover);
}

html[data-tema="abierto"] .boton--contorno {
  background: var(--c-superficie);
}

html[data-tema="abierto"] .boton--contorno:hover {
  border-color: var(--c-acento);
  background: var(--c-superficie-alt);
}

html[data-tema="abierto"] :is(.portada, .llamada) .boton--contorno {
  border-color: rgb(255 255 255 / 0.7);
  background: transparent;
  color: #ffffff;
}

html[data-tema="abierto"] :is(.portada, .llamada) .boton--contorno:hover {
  border-color: #ffffff;
  background: rgb(255 255 255 / 0.12);
}

html[data-tema="abierto"] :is(.portada, .llamada) .boton:not(.boton--contorno) {
  box-shadow: 0 16px 30px -16px rgb(8 24 90 / 0.7);
}

html[data-tema="abierto"] .antetitulo {
  width: fit-content;
  max-width: 100%;
  gap: 0.55rem;
  padding: 0.42rem 0.85rem 0.42rem 0.7rem;
  border: 1px solid color-mix(in srgb, var(--c-acento) 22%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--c-acento) 8%, transparent);
}

html[data-tema="abierto"] .antetitulo::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--punto, #22c3d6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--punto, #22c3d6) 24%, transparent);
}

html[data-tema="abierto"] :is(.oscuro, .portada__visual) {
  --punto: var(--cian);
}

html[data-tema="abierto"] :is(.portada, .llamada) {
  --punto: #b3f1f8;
}

html[data-tema="abierto"] :is(.portada, .llamada) .antetitulo {
  border-color: rgb(255 255 255 / 0.3);
  background: rgb(255 255 255 / 0.12);
  color: #ffffff;
}

html[data-tema="abierto"] .portada .cal__pais {
  border-color: rgb(255 255 255 / 0.3);
  background: rgb(255 255 255 / 0.12);
  color: #ffffff;
}

html[data-tema="abierto"] .tarjeta-flotante {
  --punto: #22c3d6;
}

html[data-tema="abierto"] .tarjeta-flotante {
  border-radius: 24px;
  border-color: rgb(255 255 255 / 0.7);
  background: #ffffff;
  box-shadow: 0 2px 6px rgb(8 24 90 / 0.12), 0 50px 90px -40px rgb(8 24 90 / 0.7);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html[data-tema="abierto"] .tarjeta-flotante::before {
  background: linear-gradient(90deg, var(--azul-600), var(--cian));
}

html[data-tema="abierto"] .portada__lema {
  color: #dff8fb;
}

html[data-tema="abierto"] .portada__visual {
  border-color: rgb(255 255 255 / 0.18);
  box-shadow: 0 2px 6px rgb(8 24 90 / 0.18), 0 50px 90px -45px rgb(4 14 60 / 0.8);
}

html[data-tema="abierto"] .nota-ejemplo {
  border-color: rgb(255 255 255 / 0.26);
  background: rgb(10 32 130 / 0.26);
  color: #eef3ff;
}

html[data-tema="abierto"] .contacto-atajo {
  background: rgb(10 32 130 / 0.22);
}

html[data-tema="abierto"] .acceso-alta {
  background: var(--c-superficie);
  box-shadow: var(--sombra);
}

html[data-tema="abierto"] :is(.portada, .llamada) .sello:not(.tarjeta-flotante .sello) {
  color: #ffffff;
}

html[data-tema="abierto"] :is(.empresa-arte, .principios-portada) img {
  mix-blend-mode: screen;
}

html[data-tema="abierto"] .migas li + li::before {
  color: rgb(255 255 255 / 0.55);
}

html[data-tema="abierto"] .migas a:hover {
  color: #ffffff;
}

html[data-tema="abierto"] .llamada {
  border-top: 0;
  border-radius: var(--radio-portada) var(--radio-portada) 0 0;
  background:
    radial-gradient(50% 80% at 92% 30%, rgb(116 160 255 / 0.38), transparent 70%),
    radial-gradient(45% 70% at 0% 100%, rgb(17 50 180 / 0.45), transparent 70%),
    linear-gradient(180deg, #2456e6 0%, #1f4dd8 100%);
}

@media (max-width: 1099px) {
  html[data-tema="abierto"] .llamada {
    background:
      radial-gradient(70% 45% at 0% 100%, rgb(17 50 180 / 0.4), transparent 70%),
      linear-gradient(180deg, #2456e6 0%, #1f4dd8 100%);
  }
}

html[data-tema="abierto"] .seccion--alt + .llamada {
  margin-top: calc(-1 * var(--radio-portada));
  z-index: 1;
}

html[data-tema="abierto"] .seccion--alt:has(+ .llamada) {
  padding-bottom: calc(var(--seccion) + var(--radio-portada));
}

html[data-tema="abierto"] :is(.aviso, .desplegable) {
  box-shadow: 0 1px 2px rgb(15 42 134 / 0.04), 0 12px 26px -20px rgb(15 42 134 / 0.24);
}

html[data-tema="abierto"] :is(.entregable, .peldano:not(:first-child, .oscuro)):not(:hover) {
  box-shadow: 0 1px 2px rgb(15 42 134 / 0.04), 0 12px 26px -20px rgb(15 42 134 / 0.24);
}

html[data-tema="abierto"] :is(.formulario input:not([type="checkbox"]):not([type="radio"]), .formulario select, .formulario textarea) {
  --c-borde: #8793ad;
  --c-borde-fuerte: #5f6b85;
  --c-acento: var(--q-acento-texto);
}

html[data-tema="abierto"] .barra-sesgo:not(.barra-sesgo--mini) > .barra-sesgo__marcador {
  box-shadow: 0 0 0 3px var(--c-solido), 0 3px 8px -1px rgb(15 42 134 / 0.35);
}

html[data-tema="abierto"] .pestanas-activos .pestanas__pestana[aria-selected="true"] {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--c-acento) 55%, transparent), 0 2px 6px -2px rgb(15 42 134 / 0.25);
}

html[data-tema="abierto"] .cinta__previo {
  color: #36415a;
}

html[data-tema="abierto"] .demo__barra {
  background: #ffffff;
  border-bottom-color: #e1e7f3;
  box-shadow: inset 0 2px 0 var(--azul-600), 0 10px 20px -18px rgb(15 42 134 / 0.45);
  color: var(--c-texto);
}

html[data-tema="abierto"] .demo__titulo {
  color: var(--c-texto-suave);
}

html[data-tema="abierto"] .demo__puntos span {
  background: #c9d8fd;
}

html[data-tema="abierto"] .demo__barra .sello {
  --c-acento: var(--azul-600);
  --c-acento-texto: #1f4fd6;
}

html[data-tema="abierto"] .grafico-dialogo::backdrop {
  background: rgb(10 20 40 / 0.6);
}

html[data-tema="abierto"] .grafico .vz rect {
  fill-opacity: 0.24;
}

html[data-tema="abierto"] {
  --pa-londres: #0b7d8c;
  --pa-nyork: #2456e6;
  --pa-texto-sobre-color: #ffffff;
}

html[data-tema="abierto"] .pa-hito {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--pa-color) 14%, transparent);
}

html[data-tema="abierto"] .pa-sesion__ventana {
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--pa-color) 4%, transparent),
    color-mix(in srgb, var(--pa-color) 12%, transparent) 50%,
    color-mix(in srgb, var(--pa-color) 4%, transparent));
}

html[data-tema="abierto"] .pn-marco {
  --pn-londres: #0b7d8c;
  --pn-nyork: #2456e6;
}

html[data-tema="abierto"] .pn-donde {
  color: var(--c-acento-texto);
}

html[data-tema="abierto"] .demo__titulo + .pn-donde::before {
  color: var(--c-texto-suave);
}

html[data-tema="abierto"] .pn-ficha {
  background: #ffffff;
}

html[data-tema="abierto"] .pn-ficha[aria-selected="true"],
html[data-tema="abierto"] .pn-ficha[aria-selected="true"]::after {
  background: #f1f5ff;
}

html[data-tema="abierto"] .pn-tarjeta.termometro {
  box-shadow: var(--sombra);
}

html[data-tema="abierto"] .pn-mas {
  background: #f7f9fe;
}

html[data-tema="abierto"] .pn-mas[open] {
  background: #ffffff;
}

html[data-tema="abierto"] :is(.dd-sesion, .dd-mira) {
  background: color-mix(in srgb, var(--pa-color) 4%, #ffffff);
  box-shadow: var(--sombra);
}

html[data-tema="abierto"] .dd-nota {
  background: #ffffff;
}

html[data-tema="abierto"] :is(.portada) .in-chips {
  --pa-londres: #b3f1f8;
  --pa-nyork: #ffffff;
}

html[data-tema="abierto"] .ap-ruta {
  --c-texto: #0a1428;
  --c-texto-suave: #48546d;
  --c-borde: #e1e7f3;
  --c-acento: var(--azul-600);
  --c-acento-texto: #1f4fd6;
  --c-solido: #ffffff;
  --c-sobre-acento: #ffffff;
  border-color: rgb(255 255 255 / 0.7);
  background: #ffffff;
  box-shadow: 0 2px 6px rgb(8 24 90 / 0.12), 0 50px 90px -40px rgb(8 24 90 / 0.7);
}

html[data-tema="abierto"] .ap-ruta::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 1;
  height: 2px;
  background: linear-gradient(90deg, var(--azul-600), #38d3e4);
}

html[data-tema="abierto"] .ap-antetitulo {
  padding-left: 0.35rem;
}

html[data-tema="abierto"] .ap-paso {
  width: 1.4rem;
  height: 1.4rem;
  border-color: transparent;
  background: var(--c-acento);
  color: var(--c-sobre-acento);
}

html[data-tema="abierto"] .ap-sesion {
  background: color-mix(in srgb, var(--ap-color) 4%, #ffffff);
  box-shadow: var(--sombra);
}

html[data-tema="abierto"] :is(.ap-glosario-guia, .ap-guia__claves > li) {
  background: #ffffff;
  box-shadow: var(--sombra);
}

html[data-tema="abierto"] .ap-buscador__entrada {
  background: #f7f9fe;
}

@media print {
  html[data-tema="abierto"] :is(.portada, .llamada) {
    border-radius: 0;
    background: #ffffff !important;
  }

  html[data-tema="abierto"] :is(.portada) .antetitulo {
    color: var(--cian-profundo) !important;
  }

  html[data-tema="abierto"] .seccion.oscuro {
    --c-texto: #000000;
    --c-texto-suave: #333333;
    --c-acento: var(--cian-profundo);
  }

  html[data-tema="abierto"] .nota-ejemplo {
    color: #333333;
  }
}

html[data-tema="abierto"] :is(.no-hace, .peldano, .tarjeta-oscura).oscuro,
html[data-tema="abierto"] .portada__visual:is(.aprende-camino, .seguridad-diagrama) {
  --cian: #38d3e4;
  --cian-claro: #7fe4ef;
  --texto-claro: #ecf2f8;
  --texto-claro-suave: #9eb0c6;
  --linea-oscura: rgb(255 255 255 / 0.11);
  --c-fondo: #ffffff;
  --c-fondo-alt: var(--azul-50);
  --c-superficie: #ffffff;
  --c-superficie-alt: #f2f6fe;
  --c-texto: #0a1428;
  --c-texto-suave: #48546d;
  --c-borde: #e1e7f3;
  --c-borde-fuerte: #8793ad;
  --c-acento: var(--azul-600);
  --c-acento-texto: #1f4fd6;
  --c-enlace: #1f4fd6;
  --c-boton: var(--azul-600);
  --c-boton-hover: var(--azul-700);
  --c-boton-texto: #ffffff;
  --c-tramo: #e2e8f2;
  --c-solido: #ffffff;
  --c-sobre-acento: #ffffff;
  --sombra: 0 1px 2px rgb(15 42 134 / 0.05), 0 18px 40px -22px rgb(15 42 134 / 0.26);
  --sombra-alta: 0 2px 6px rgb(15 42 134 / 0.05), 0 34px 70px -34px rgb(15 42 134 / 0.36);
  --punto: #22c3d6;
}

html[data-tema="abierto"] .no-hace.oscuro {
  border: 1px solid #e1e7f3;
  background:
    radial-gradient(60% 90% at 0% 0%, rgb(36 86 230 / 0.07), transparent 70%),
    #f5f8ff;
  box-shadow: 0 1px 2px rgb(15 42 134 / 0.04), 0 12px 26px -20px rgb(15 42 134 / 0.24);
}

html[data-tema="abierto"] .aprende-etapas .peldano.oscuro {
  border-color: rgb(36 86 230 / 0.34);
  background:
    radial-gradient(80% 60% at 100% 0%, rgb(36 86 230 / 0.06), transparent 70%),
    #ffffff;
  box-shadow: inset 0 2px 0 var(--azul-600), var(--sombra);
}

html[data-tema="abierto"] .aprende-etapas .peldano.oscuro:hover {
  box-shadow: inset 0 2px 0 var(--azul-600), var(--sombra-alta);
}

html[data-tema="abierto"] .tarjeta-oscura.oscuro {
  background:
    radial-gradient(80% 70% at 100% 0%, rgb(36 86 230 / 0.06), transparent 70%),
    #ffffff;
}

html[data-tema="abierto"] .portada__visual:is(.aprende-camino, .seguridad-diagrama) {
  position: relative;
  border-color: rgb(255 255 255 / 0.7);
  background: #ffffff;
  box-shadow: 0 2px 6px rgb(8 24 90 / 0.12), 0 50px 90px -40px rgb(8 24 90 / 0.7);
}

html[data-tema="abierto"] .portada__visual:is(.aprende-camino, .seguridad-diagrama)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 1;
  height: 2px;
  background: linear-gradient(90deg, var(--azul-600), var(--cian));
}

html[data-tema="abierto"] .aprende-camino stop {
  stop-color: var(--azul-600);
}

html[data-tema="abierto"] .aprende-camino .dib-guia {
  stroke: rgb(15 42 134 / 0.08);
}

html[data-tema="abierto"] .aprende-camino :is(.dib-inicio, .dib-nodo--inicio) {
  stroke: #8793ad;
}

html[data-tema="abierto"] .aprende-camino .dib-camino {
  stroke: var(--azul-600);
}

html[data-tema="abierto"] .aprende-camino .dib-nodo {
  fill: #ffffff;
}

html[data-tema="abierto"] .aprende-camino .dib-nodo:not(.dib-nodo--inicio) {
  stroke: var(--azul-600);
}

html[data-tema="abierto"] .aprende-camino .dib-punto {
  fill: var(--azul-600);
}

html[data-tema="abierto"] .aprende-camino .dib-halo {
  stroke: rgb(34 195 214 / 0.75);
}

html[data-tema="abierto"] .aprende-camino .dib-vuelta {
  stroke: #1f4fd6;
}

html[data-tema="abierto"] .aprende-camino .dib-punta {
  fill: #1f4fd6;
}

html[data-tema="abierto"] .aprende-camino .dib-t {
  fill: #0a1428;
}

html[data-tema="abierto"] .aprende-camino :is(.dib-t--suave, .dib-t--suave .dib-n) {
  fill: #48546d;
}

html[data-tema="abierto"] .aprende-camino :is(.dib-n, .dib-lema) {
  fill: #1f4fd6;
}

html[data-tema="abierto"] .seguridad-diagrama .t {
  fill: #0a1428;
}

html[data-tema="abierto"] .seguridad-diagrama .s {
  fill: #48546d;
}

html[data-tema="abierto"] .seguridad-diagrama :is(.c, .a) {
  fill: #1f4fd6;
}

html[data-tema="abierto"] .seguridad-diagrama .sd-caja {
  fill: #f5f8ff;
  stroke: #d5deef;
}

html[data-tema="abierto"] .seguridad-diagrama .sd-desk {
  fill: rgb(36 86 230 / 0.05);
  stroke: var(--azul-600);
}

html[data-tema="abierto"] .seguridad-diagrama .sd-nav {
  fill: #ffffff;
  stroke: #8793ad;
}

html[data-tema="abierto"] .seguridad-diagrama .sd-sep {
  stroke: #e1e7f3;
}

html[data-tema="abierto"] .seguridad-diagrama :is(.sd-linea, .sd-i) {
  stroke: var(--azul-600);
}

html[data-tema="abierto"] .seguridad-diagrama .sd-nodo {
  fill: var(--azul-600);
}

html[data-tema="abierto"] .seguridad-diagrama .sd-punto {
  fill: #b4bfd3;
}

html[data-tema="abierto"] .seguridad-diagrama .sd-is {
  stroke: #6b7790;
}

@media (max-width: 420px) {
  html[data-tema="abierto"] .portada__visual.seguridad-diagrama {
    border-radius: 24px;
  }
}

@media print {
  html[data-tema="abierto"] .aprende-camino .aprende-dibujo {
    filter: none;
  }

  html[data-tema="abierto"] .portada__visual:is(.aprende-camino, .seguridad-diagrama)::before {
    display: none;
  }
}

html[data-tema="abierto"] .v4 {
  color-scheme: light;

  --v4-fondo: #f6f6f3;
  --v4-fondo-alt: #eeefeb;
  --v4-superficie: #ffffff;
  --v4-linea: #dcdfe4;
  --v4-linea-media: #c3c8d0;
  --v4-linea-fuerte: #8a93a1;
  --v4-texto: #0b1424;
  --v4-texto-2: #445064;
  --v4-texto-3: #5a6576;
  --v4-acento: #0a6774;
  --v4-acento-trazo: #0e94a4;
  --v4-enlace: #0a5f6b;
  --v4-boton: #0b1424;
  --v4-boton-hover: #1d2b42;
  --v4-boton-texto: #ffffff;
  --v4-aviso: #b07a12;
  --v4-aviso-texto: #6b4a00;

  --v4-r-expansion: #17876a;
  --v4-r-recalentamiento: #b88514;
  --v4-r-estanflacion: #c4433a;
  --v4-r-desaceleracion: #5c56cf;
  --v4-r-transicion: #aab2be;

  --c-pendiente-fondo: #fff3c4;
  --c-pendiente-texto: #5a4300;

  --v4-tinta: #0b1830;
  --v4-tinta-brillo: rgb(52 90 150 / 0.35);
}

html[data-tema="abierto"] .v4 [data-rg-regimen="transicion"] {
  --rg-fondo: repeating-linear-gradient(135deg, #8a93a1 0 3px, transparent 3px 6px);
}

html[data-tema="abierto"] .v4 .v4-oscuro [data-rg-regimen="transicion"] {
  --rg-fondo: repeating-linear-gradient(135deg, var(--v4-r-transicion) 0 3px, transparent 3px 6px);
}

html[data-tema="abierto"] .v4 :is(.v4-servicio, .v4-relacion, .v4-prueba__lanzamiento) {
  border-color: #d3d7de;
}

@media print {
  html[data-tema="abierto"] .v4 {
    --v4-tinta: #ffffff;
    --v4-tinta-brillo: transparent;
    --v4-fondo: #ffffff;
    --v4-fondo-alt: #ffffff;
  }
}

html[data-tema="abierto"] {
  color-scheme: light;

  --q-fondo: #f7f9fc;
  --q-fondo-hondo: #eef3f9;
  --q-fondo-alt: #eef3f9;
  --q-superficie: #ffffff;
  --q-superficie-2: #f3f6fb;
  --q-velo: rgb(11 31 64 / 0.025);
  --q-cristal: linear-gradient(180deg, rgb(255 255 255 / 0.92) 0%, rgb(255 255 255 / 0.66) 100%);
  --q-linea: #e0e6ef;
  --q-linea-media: #ccd5e2;
  --q-linea-fuerte: #8d99ae;
  --q-texto: #0b1630;
  --q-texto-2: #435069;
  --q-texto-3: #56627a;
  --q-acento: #0ea5b9;
  --q-acento-texto: #07697a;
  --q-enlace: #075f70;
  --q-lavanda: #5560d6;
  --q-lavanda-texto: #4650c4;
  --q-aviso: #b07a12;
  --q-aviso-fondo: #fff6dc;
  --q-aviso-texto: #6b4a00;
  --q-boton: #0b1f40;
  --q-boton-2: #12305c;
  --q-boton-hover: #1a3a6a;
  --q-boton-texto: #ffffff;
  --q-boton-sombra: 0 12px 26px -14px rgb(11 31 64 / 0.55), inset 0 1px 0 rgb(255 255 255 / 0.14);
  --q-sombra: 0 1px 2px rgb(11 31 64 / 0.05), 0 22px 48px -30px rgb(11 31 64 / 0.3);
  --q-sombra-alta: 0 2px 6px rgb(11 31 64 / 0.06), 0 36px 72px -36px rgb(11 31 64 / 0.38);
  --q-brillo: rgb(66 128 222 / 0.16);
  --q-brillo-cian: rgb(14 165 185 / 0.09);
  --q-brillo-lavanda: rgb(85 96 214 / 0.09);
  --q-rejilla: rgb(11 31 64 / 0.055);
  --q-motivo: rgb(14 150 172 / 0.72);
  --q-marca-agua: rgb(11 31 64 / 0.9);
  --q-cabecera: rgb(250 251 253 / 0.86);
  --q-cabecera-linea: rgb(11 31 64 / 0.08);
  --q-barra: #e8eef6;
  --q-barra-texto: #34405a;
  --q-pie: #eef2f8;
  --q-portada-base: linear-gradient(180deg, #e9eff8 0%, #f5f8fc 100%);
  --q-pastilla: rgb(11 31 64 / 0.035);
  --q-r-expansion: #17876a;
  --q-r-recalentamiento: #b88514;
  --q-r-estanflacion: #c4433a;
  --q-r-desaceleracion: #5c56cf;
  --q-r-transicion: #8a93a1;
  --q-alcista: #178a5e;
  --q-alcista-texto: #0b7249;
  --q-lateral: #c98700;
  --q-lateral-texto: #8a5a00;
  --q-bajista: #d4493a;
  --q-bajista-texto: #b3382a;
  --q-tramo: #e2e8f2;
}

@media screen {
  html[data-tema="abierto"],
  html[data-tema="abierto"] :is(.oscuro, .portada, .llamada, .pie, .portada__visual, .tarjeta-flotante, .v4, .v4-oscuro, .no-hace, .peldano, .tarjeta-oscura) {
    --c-fondo: var(--q-fondo);
    --c-fondo-alt: var(--q-fondo-alt);
    --c-superficie: var(--q-superficie);
    --c-superficie-alt: var(--q-superficie-2);
    --c-texto: var(--q-texto);
    --c-texto-suave: var(--q-texto-2);
    --c-borde: var(--q-linea-media);
    --c-borde-fuerte: var(--q-linea-fuerte);
    --c-acento: var(--q-acento);
    --c-acento-texto: var(--q-acento-texto);
    --c-enlace: var(--q-enlace);
    --c-boton: var(--q-boton);
    --c-boton-hover: var(--q-boton-hover);
    --c-boton-texto: var(--q-boton-texto);
    --c-solido: var(--q-superficie);
    --c-sobre-acento: var(--q-boton-texto);
    --c-alcista: var(--q-alcista);
    --c-alcista-texto: var(--q-alcista-texto);
    --c-lateral: var(--q-lateral);
    --c-lateral-texto: var(--q-lateral-texto);
    --c-bajista: var(--q-bajista);
    --c-bajista-texto: var(--q-bajista-texto);
    --c-tramo: var(--q-tramo);
    --c-aviso: var(--q-aviso);
    --c-aviso-texto: var(--q-aviso-texto);
    --sombra: var(--q-sombra);
    --sombra-alta: var(--q-sombra-alta);
    --texto-claro: var(--q-texto);
    --texto-claro-suave: var(--q-texto-2);
    --linea-oscura: var(--q-linea);
    --cian: var(--q-acento);
    --cian-claro: var(--q-enlace);
    --punto: var(--q-acento);

    --v4-fondo: var(--q-fondo);
    --v4-fondo-alt: var(--q-fondo-alt);
    --v4-superficie: var(--q-superficie);
    --v4-linea: var(--q-linea);
    --v4-linea-media: var(--q-linea-media);
    --v4-linea-fuerte: var(--q-linea-fuerte);
    --v4-texto: var(--q-texto);
    --v4-texto-2: var(--q-texto-2);
    --v4-texto-3: var(--q-texto-3);
    --v4-acento: var(--q-acento-texto);
    --v4-acento-trazo: var(--q-acento);
    --v4-enlace: var(--q-enlace);
    --v4-boton: var(--q-boton);
    --v4-boton-hover: var(--q-boton-hover);
    --v4-boton-texto: var(--q-boton-texto);
    --v4-aviso: var(--q-aviso);
    --v4-aviso-texto: var(--q-aviso-texto);
    --v4-r-expansion: var(--q-r-expansion);
    --v4-r-recalentamiento: var(--q-r-recalentamiento);
    --v4-r-estanflacion: var(--q-r-estanflacion);
    --v4-r-desaceleracion: var(--q-r-desaceleracion);
    --v4-r-transicion: var(--q-r-transicion);
    --v4-tinta: var(--q-fondo-hondo);
    --v4-tinta-brillo: var(--q-brillo);
  }

  html[data-tema="abierto"] .v4 [data-rg-regimen="transicion"],
  html[data-tema="abierto"] .v4 .v4-oscuro [data-rg-regimen="transicion"] {
    --rg-fondo: repeating-linear-gradient(135deg, var(--q-r-transicion) 0 3px, transparent 3px 6px);
  }
}

html[data-tema="abierto"] .aviso-barra {
  background: var(--q-barra);
  color: var(--q-barra-texto);
  border-bottom-color: var(--q-cabecera-linea);
}

html[data-tema="abierto"] .aviso-barra__enlace {
  color: var(--q-texto);
  text-decoration-color: color-mix(in srgb, var(--q-acento) 60%, transparent);
}

html[data-tema="abierto"] .aviso-barra__enlace .boton__flecha {
  color: var(--q-acento-texto);
}

html[data-tema="abierto"] .aviso-barra :focus-visible,
html[data-tema="abierto"] .cabecera :focus-visible {
  outline-color: var(--q-acento-texto);
}

html[data-tema="abierto"] .cabecera {
  background: var(--q-cabecera);
  border-bottom-color: var(--q-cabecera-linea);
}

html[data-tema="abierto"].js .cabecera {
  background: transparent;
}

html[data-tema="abierto"].js .cabecera.cabecera--solida {
  border-bottom-color: var(--q-cabecera-linea);
}

html[data-tema="abierto"] .cabecera::before {
  background: var(--q-cabecera);
  box-shadow: 0 16px 34px -28px rgb(11 31 64 / 0.4);
}

html[data-tema="abierto"].js .cabecera.cabecera--menu {
  background: var(--q-fondo);
}

html[data-tema="abierto"] .nav__enlace {
  color: var(--q-texto-2);
}

html[data-tema="abierto"] .nav__enlace:hover,
html[data-tema="abierto"] .nav__enlace[aria-current="page"],
html[data-tema="abierto"] .nav__enlace[aria-current="true"] {
  color: var(--q-texto);
}

html[data-tema="abierto"] :is(.nav-boton, .acceso-boton) {
  border-color: var(--q-linea-fuerte);
  color: var(--q-texto);
}

html[data-tema="abierto"] :is(.nav-boton, .acceso-boton):hover {
  border-color: var(--q-texto-2);
  background: var(--q-pastilla);
}

html[data-tema="abierto"] .tema-boton {
  color: var(--q-texto);
}

html[data-tema="abierto"] .tema-boton::before {
  border-color: var(--q-linea-fuerte);
}

html[data-tema="abierto"] .tema-boton:hover::before {
  border-color: var(--q-texto-2);
  background: var(--q-pastilla);
}

html[data-tema="abierto"] .boton-prueba {
  background: linear-gradient(180deg, var(--q-boton) 0%, var(--q-boton-2) 100%);
  color: var(--q-boton-texto);
  box-shadow: var(--q-boton-sombra);
}

html[data-tema="abierto"] .boton-prueba:hover {
  background: var(--q-boton-hover);
  color: var(--q-boton-texto);
}

html[data-tema="abierto"] .boton-prueba[aria-current="page"] {
  background: transparent;
  color: var(--q-texto);
  box-shadow: inset 0 0 0 1px var(--q-linea-fuerte);
}

html[data-tema="abierto"] .boton-prueba[aria-current="page"]:hover {
  background: var(--q-pastilla);
  color: var(--q-texto);
  box-shadow: inset 0 0 0 1px var(--q-texto-2);
}

@media (max-width: 1159px) {
  html[data-tema="abierto"] .nav {
    background:
      radial-gradient(70% 40% at 100% 0%, var(--q-brillo), transparent 70%),
      var(--q-fondo);
    border-top-color: var(--q-cabecera-linea);
  }

  html[data-tema="abierto"] .nav__enlace {
    border-bottom-color: var(--q-linea);
    color: var(--q-texto);
  }

  html[data-tema="abierto"] .nav__enlace[aria-current="page"],
  html[data-tema="abierto"] .nav__enlace[aria-current="true"] {
    color: var(--q-acento-texto);
  }
}

@media screen {
  html[data-tema="abierto"] .marca__logo {
    object-position: -9999px 0;
    background: url("../img/logo-quontis-linea-tinta.svg") center / 100% 100% no-repeat;
  }
}

@media screen and (max-width: 599px) {
  html[data-tema="abierto"] .cabecera .marca__logo {
    background-image: url("../img/logo-quontis-apilado-tinta.svg");
  }
}

@media screen and (forced-colors: active) {
  html[data-tema="abierto"] .marca__logo {
    object-position: 50% 50%;
    background: #06122a;
  }
}

html[data-tema="abierto"] .boton:not(.boton--contorno),
html[data-tema="abierto"] :is(.portada, .llamada) .boton:not(.boton--contorno) {
  background: linear-gradient(180deg, var(--q-boton) 0%, var(--q-boton-2) 100%);
  box-shadow: var(--q-boton-sombra);
}

html[data-tema="abierto"] .boton:not(.boton--contorno):hover {
  background: var(--q-boton-hover);
}

html[data-tema="abierto"] .boton--contorno,
html[data-tema="abierto"] :is(.portada, .llamada) .boton--contorno {
  border-color: var(--q-linea-fuerte);
  background: var(--q-superficie);
  color: var(--q-texto);
}

html[data-tema="abierto"] .boton--contorno:hover,
html[data-tema="abierto"] :is(.portada, .llamada) .boton--contorno:hover {
  border-color: var(--q-texto-2);
  background: var(--q-superficie-2);
}

html[data-tema="abierto"] .antetitulo,
html[data-tema="abierto"] :is(.portada, .llamada) .antetitulo {
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--q-acento-texto);
}

html[data-tema="abierto"] .antetitulo::before {
  width: 1.6rem;
  height: 1px;
  border-radius: 0;
  background: linear-gradient(90deg, var(--q-acento), color-mix(in srgb, var(--q-acento) 25%, transparent));
  box-shadow: none;
}

html[data-tema="abierto"] .portada .cal__pais {
  background: none;
  color: var(--q-acento-texto);
}

html[data-tema="abierto"] :is(.portada, .llamada) .sello:not(.tarjeta-flotante .sello) {
  color: inherit;
}

html[data-tema="abierto"] :is(.portada) {
  border-radius: 0;
  background:
    radial-gradient(58% 70% at 88% 4%, var(--q-brillo), transparent 72%),
    radial-gradient(42% 55% at 2% 100%, var(--q-brillo-cian), transparent 70%),
    var(--q-portada-base);
  box-shadow: inset 0 -1px 0 var(--q-linea);
}

@media (max-width: 1099px) {
  html[data-tema="abierto"] :is(.portada) {
    background:
      radial-gradient(70% 50% at 100% 0%, var(--q-brillo), transparent 72%),
      var(--q-portada-base);
  }
}

html[data-tema="abierto"] :is(.portada__rejilla-fondo) {
  background-image:
    linear-gradient(var(--q-rejilla) 1px, transparent 1px),
    linear-gradient(90deg, var(--q-rejilla) 1px, transparent 1px);
}

html[data-tema="abierto"] .portada__lema {
  color: var(--q-texto-2);
}

html[data-tema="abierto"] .portada__lema {
  color: var(--q-acento-texto);
}

html[data-tema="abierto"] :is(.portada__visual, .tarjeta-flotante) {
  border-color: var(--q-linea-media);
  background:
    radial-gradient(80% 60% at 80% 0%, var(--q-brillo), transparent 70%),
    var(--q-cristal),
    var(--q-superficie);
  box-shadow: var(--q-sombra-alta);
}

html[data-tema="abierto"] .tarjeta-flotante::before {
  background: var(--q-acento);
}

html[data-tema="abierto"] .nota-ejemplo,
html[data-tema="abierto"] .contacto-atajo {
  border-color: var(--q-linea-media);
  background: var(--q-superficie);
  color: var(--q-texto-2);
}

html[data-tema="abierto"] :is(.empresa-arte, .principios-portada) img {
  mix-blend-mode: normal;
}

html[data-tema="abierto"] .migas li + li::before {
  color: var(--q-texto-3);
}

html[data-tema="abierto"] .migas a:hover {
  color: var(--q-texto);
}

html[data-tema="abierto"] .llamada {
  border-top: 1px solid var(--q-linea);
  border-radius: 0;
  background:
    radial-gradient(50% 90% at 92% 50%, var(--q-brillo), transparent 72%),
    radial-gradient(40% 70% at 0% 100%, var(--q-brillo-cian), transparent 70%),
    var(--q-portada-base);
}

html[data-tema="abierto"] .seccion--alt + .llamada {
  margin-top: 0;
}

html[data-tema="abierto"] .seccion--alt:has(+ .llamada) {
  padding-bottom: var(--seccion);
}

html[data-tema="abierto"] .seccion.oscuro {
  background:
    radial-gradient(55% 80% at 100% 0%, var(--q-brillo), transparent 70%),
    radial-gradient(40% 60% at 0% 100%, var(--q-brillo-cian), transparent 70%),
    var(--q-fondo-alt);
}

html[data-tema="abierto"] :is(.no-hace, .tarjeta-oscura).oscuro {
  border: 1px solid var(--q-linea);
  background:
    radial-gradient(60% 90% at 0% 0%, var(--q-brillo-cian), transparent 70%),
    var(--q-superficie);
  box-shadow: var(--q-sombra);
}

html[data-tema="abierto"] .aprende-etapas .peldano.oscuro {
  border-color: color-mix(in srgb, var(--q-acento) 40%, transparent);
  background:
    radial-gradient(80% 60% at 100% 0%, var(--q-brillo-cian), transparent 70%),
    var(--q-superficie);
  box-shadow: inset 0 2px 0 var(--q-acento), var(--q-sombra);
}

html[data-tema="abierto"] .aprende-etapas .peldano.oscuro:hover {
  box-shadow: inset 0 2px 0 var(--q-acento), var(--q-sombra-alta);
}

html[data-tema="abierto"] {
  --pa-nyork: #4650c4;
}

html[data-tema="abierto"] :is(.portada) .in-chips {
  --pa-londres: #0b7d8c;
  --pa-nyork: #4650c4;
}

html[data-tema="abierto"] .v4 :is(.v4-servicio, .v4-relacion, .v4-prueba__lanzamiento) {
  border-color: var(--q-linea);
}

@media print {
  html[data-tema="abierto"] :is(.portada, .llamada, .seccion.oscuro) {
    background: #ffffff;
  }
}

html[data-tema="abierto"],
html[data-tema="abierto"] .tarjeta-flotante {
  --azul-800: #0b1f40;
  --azul-700: #12305c;
  --azul-600: #07697a;
  --azul-100: #eef3f9;
  --azul-50: #f7f9fc;
}

@media screen {
  html[data-tema="abierto"],
  html[data-tema="abierto"] :is(.oscuro, .portada, .llamada, .pie, .portada__visual, .tarjeta-flotante, .v4, .v4-oscuro, .no-hace, .peldano, .tarjeta-oscura) {
    --c-sobre-acento: var(--q-texto);
  }
}

html[data-tema="abierto"] :is(.no-hace, .peldano, .tarjeta-oscura).oscuro,
html[data-tema="abierto"] .portada__visual:is(.aprende-camino, .seguridad-diagrama),
html[data-tema="abierto"] .ap-ruta {
  --cian: var(--q-acento);
  --cian-claro: var(--q-enlace);
  --texto-claro: var(--q-texto);
  --texto-claro-suave: var(--q-texto-2);
  --linea-oscura: var(--q-linea);
  --c-fondo: var(--q-superficie);
  --c-fondo-alt: var(--q-fondo-alt);
  --c-superficie: var(--q-superficie);
  --c-superficie-alt: var(--q-superficie-2);
  --c-texto: var(--q-texto);
  --c-texto-suave: var(--q-texto-2);
  --c-borde: var(--q-linea);
  --c-borde-fuerte: var(--q-linea-fuerte);
  --c-acento: var(--q-acento);
  --c-acento-texto: var(--q-acento-texto);
  --c-enlace: var(--q-enlace);
  --c-boton: var(--q-boton);
  --c-boton-hover: var(--q-boton-hover);
  --c-boton-texto: var(--q-boton-texto);
  --c-tramo: var(--q-tramo);
  --c-solido: var(--q-superficie);
  --c-sobre-acento: var(--q-texto);
  --sombra: var(--q-sombra);
  --sombra-alta: var(--q-sombra-alta);
  --punto: var(--q-acento);
}

html[data-tema="abierto"] .pn-marco {
  --pn-nyork: #4650c4;
}

html[data-tema="abierto"] .pn-ficha[aria-selected="true"],
html[data-tema="abierto"] .pn-ficha[aria-selected="true"]::after {
  background: var(--q-superficie-2);
}

html[data-tema="abierto"] .demo__barra {
  box-shadow: inset 0 2px 0 var(--q-acento), 0 10px 20px -18px rgb(11 31 64 / 0.45);
}

html[data-tema="abierto"] .demo__puntos span {
  background: var(--q-linea-media);
}

html[data-tema="abierto"] .demo__barra .sello {
  --c-acento: var(--q-acento);
  --c-acento-texto: var(--q-acento-texto);
}

html[data-tema="abierto"] .ap-ruta {
  border-color: var(--q-linea-media);
  background: var(--q-cristal), var(--q-superficie);
  box-shadow: var(--q-sombra-alta);
}

html[data-tema="abierto"] .ap-ruta::before,
html[data-tema="abierto"] .portada__visual:is(.aprende-camino, .seguridad-diagrama)::before {
  background: var(--q-acento);
}

html[data-tema="abierto"] .portada__visual:is(.aprende-camino, .seguridad-diagrama) {
  border-color: var(--q-linea-media);
  background:
    radial-gradient(80% 60% at 80% 0%, var(--q-brillo), transparent 70%),
    var(--q-cristal),
    var(--q-superficie);
  box-shadow: var(--q-sombra-alta);
}

html[data-tema="abierto"] .aprende-camino stop {
  stop-color: var(--q-acento);
}

html[data-tema="abierto"] .aprende-camino .dib-guia {
  stroke: var(--q-rejilla);
}

html[data-tema="abierto"] .aprende-camino :is(.dib-camino, .dib-nodo:not(.dib-nodo--inicio)) {
  stroke: var(--q-acento);
}

html[data-tema="abierto"] .aprende-camino .dib-punto {
  fill: var(--q-acento);
}

html[data-tema="abierto"] .aprende-camino .dib-vuelta {
  stroke: var(--q-acento-texto);
}

html[data-tema="abierto"] .aprende-camino .dib-punta,
html[data-tema="abierto"] .aprende-camino :is(.dib-n, .dib-lema) {
  fill: var(--q-acento-texto);
}

html[data-tema="abierto"] .seguridad-diagrama :is(.c, .a) {
  fill: var(--q-acento-texto);
}

html[data-tema="abierto"] .seguridad-diagrama .sd-caja {
  fill: var(--q-superficie-2);
  stroke: var(--q-linea-media);
}

html[data-tema="abierto"] .seguridad-diagrama .sd-desk {
  fill: rgb(14 165 185 / 0.05);
  stroke: var(--q-acento);
}

html[data-tema="abierto"] .seguridad-diagrama .sd-sep {
  stroke: var(--q-linea);
}

html[data-tema="abierto"] .seguridad-diagrama :is(.sd-linea, .sd-i) {
  stroke: var(--q-acento);
}

html[data-tema="abierto"] .seguridad-diagrama .sd-nodo {
  fill: var(--q-acento);
}

html[data-tema="abierto"] .aprende-ciclo .dib-caja {
  fill: var(--q-superficie);
  stroke: color-mix(in srgb, var(--q-acento) 60%, transparent);
}

html[data-tema="abierto"] .aprende-ciclo .dib-caja--inicio {
  fill: var(--q-acento);
  stroke: var(--q-acento);
}

html[data-tema="abierto"] .aprende-ciclo .dib-t {
  fill: var(--q-texto);
}

html[data-tema="abierto"] .aprende-ciclo .dib-t--inicio {
  fill: #04142a;
}

html[data-tema="abierto"] :is(.tarjeta-flotante__momento, .ficha-franja dt, .en-pagina__titulo, .datos dt, .glosario__ancla, .peldano__porque strong),
html[data-tema="abierto"] .numerada > li::before,
html[data-tema="abierto"] .detalle-md li::marker,
html[data-tema="abierto"] :is(.faq summary, .registro > summary, .desplegable > summary):hover {
  color: var(--q-acento-texto);
}

html[data-tema="abierto"] :is(.aviso, .desplegable),
html[data-tema="abierto"] :is(.entregable, .peldano:not(:first-child, .oscuro)):not(:hover) {
  box-shadow: var(--q-sombra);
}

html[data-tema="abierto"] .barra-sesgo:not(.barra-sesgo--mini) > .barra-sesgo__marcador {
  box-shadow: 0 0 0 3px var(--c-solido), 0 3px 8px -1px rgb(11 31 64 / 0.35);
}

html[data-tema="abierto"] .pestanas-activos .pestanas__pestana[aria-selected="true"] {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--c-acento) 55%, transparent), 0 2px 6px -2px rgb(11 31 64 / 0.25);
}

html[data-tema="abierto"] {
  --q-fondo: #ffffff;
  --q-fondo-hondo: #f5f7fa;
  --q-fondo-alt: #f7f9fb;
  --q-superficie: #ffffff;
  --q-superficie-2: #f5f7fa;
  --q-velo: rgb(10 19 36 / 0.02);
  --q-cristal: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
  --q-linea: #e7eaf0;
  --q-linea-media: #dde2ea;
  --q-linea-fuerte: #a3adbd;
  --q-texto: #0a1324;
  --q-texto-2: #475369;
  --q-texto-3: #5a6579;
  --q-acento: #0ea5b9;
  --q-acento-texto: #08697a;
  --q-enlace: #075f70;
  --q-boton: #0a1324;
  --q-boton-2: #0a1324;
  --q-boton-hover: #1b2b48;
  --q-boton-texto: #ffffff;
  --q-boton-sombra: 0 1px 2px rgb(10 19 36 / 0.12), 0 8px 20px -12px rgb(10 19 36 / 0.45);
  --q-sombra: 0 1px 2px rgb(10 19 36 / 0.04);
  --q-sombra-alta: 0 1px 2px rgb(10 19 36 / 0.05), 0 28px 60px -34px rgb(10 19 36 / 0.25);
  --q-brillo: rgb(56 120 220 / 0.09);
  --q-brillo-cian: rgb(14 165 185 / 0.06);
  --q-brillo-lavanda: rgb(85 96 214 / 0.06);
  --q-rejilla: rgb(10 19 36 / 0.045);
  --q-cabecera: rgb(255 255 255 / 0.86);
  --q-cabecera-linea: #e3e7ee;
  --q-barra: #f6f8fb;
  --q-barra-texto: #4d586c;
  --q-pie: #f7f9fb;
  --q-portada-base: linear-gradient(180deg, #f6f8fb 0%, #ffffff 78%);
  --q-pastilla: rgb(10 19 36 / 0.04);
  --qt-ventana: #ffffff;
  --qt-ventana-barra: #f6f8fb;
  --qt-sombra-ventana: 0 1px 2px rgb(10 19 36 / 0.05), 0 40px 90px -46px rgb(10 19 36 / 0.35), 0 0 0 4px rgb(10 19 36 / 0.02);
}

html[data-tema="abierto"] .aviso-barra {
  border-bottom: 1px solid var(--q-linea);
}

html[data-tema="abierto"] .aviso-barra__enlace {
  color: var(--q-texto);
  text-decoration-color: var(--q-linea-fuerte);
}

html[data-tema="abierto"] .aviso-barra__enlace:hover {
  text-decoration-color: var(--q-acento-texto);
}

html[data-tema="abierto"] .cabecera,
html[data-tema="abierto"].js .cabecera,
html[data-tema="abierto"].js .cabecera.cabecera--solida,
html[data-tema="abierto"].js .cabecera.cabecera--menu {
  background: transparent;
  border-bottom-color: transparent;
}

html[data-tema="abierto"] .cabecera::before {
  background: var(--q-cabecera);
  box-shadow: 0 1px 2px rgb(10 19 36 / 0.04), 0 14px 34px -24px rgb(10 19 36 / 0.28);
}

html[data-tema="abierto"] .cabecera--solida::before {
  box-shadow: 0 1px 2px rgb(10 19 36 / 0.05), 0 18px 40px -22px rgb(10 19 36 / 0.32);
}

html[data-tema="abierto"] .acceso-boton {
  border-color: transparent;
  color: var(--q-texto-2);
}

html[data-tema="abierto"] .acceso-boton:hover {
  border-color: transparent;
  background: var(--q-pastilla);
  color: var(--q-texto);
}

html[data-tema="abierto"] .acceso-boton[aria-current="page"] {
  border-color: var(--q-linea);
  color: var(--q-texto);
}

html[data-tema="abierto"] .tema-boton {
  color: var(--q-texto-2);
}

html[data-tema="abierto"] .tema-boton::before,
html[data-tema="abierto"] .tema-boton:hover::before {
  border-color: transparent;
}

html[data-tema="abierto"] .tema-boton:hover::before {
  background: var(--q-pastilla);
}

html[data-tema="abierto"] .nav-boton {
  border-color: var(--q-linea-media);
}

html[data-tema="abierto"] .boton-prueba,
html[data-tema="abierto"] .boton-prueba:hover {
  background: var(--q-boton);
  color: var(--q-boton-texto);
  box-shadow: var(--q-boton-sombra);
}

html[data-tema="abierto"] .boton-prueba:hover {
  background: var(--q-boton-hover);
}

@media (max-width: 1159px) {
  html[data-tema="abierto"] .nav {
    border: 1px solid var(--q-cabecera-linea);
    background: var(--q-fondo);
    box-shadow: 0 30px 70px -34px rgb(10 19 36 / 0.35);
  }

  html[data-tema="abierto"] .acceso-boton {
    border-color: var(--q-linea-media);
    color: var(--q-texto);
  }
}

@media (max-width: 639px) {
  html[data-tema="abierto"] .nav__tema::before {
    border-color: var(--q-linea-media);
  }

  html[data-tema="abierto"] .nav__tema {
    color: var(--q-texto);
  }
}

html[data-tema="abierto"] .boton:not(.boton--contorno),
html[data-tema="abierto"] :is(.portada, .llamada) .boton:not(.boton--contorno) {
  background: var(--q-boton);
  box-shadow: var(--q-boton-sombra);
}

html[data-tema="abierto"] .boton--contorno,
html[data-tema="abierto"] :is(.portada, .llamada) .boton--contorno {
  border-color: var(--q-linea-fuerte);
  background: var(--q-superficie);
  color: var(--q-texto);
}

html[data-tema="abierto"] .antetitulo,
html[data-tema="abierto"] :is(.portada, .llamada) .antetitulo {
  color: var(--q-acento-texto);
}

html[data-tema="abierto"] .antetitulo::before {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--q-acento);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--q-acento) 20%, transparent);
}

html[data-tema="abierto"] :is(.portada) {
  background:
    radial-gradient(52% 62% at 82% 0%, var(--q-brillo), transparent 72%),
    radial-gradient(36% 46% at 0% 0%, var(--q-brillo-cian), transparent 70%),
    var(--q-portada-base);
}

@media (max-width: 1159px) {
  html[data-tema="abierto"].js .cabecera.cabecera--menu::after {
    background: rgb(10 19 36 / 0.22);
  }
}

html[data-tema="abierto"] .demo__barra {
  background: var(--qt-ventana-barra);
  box-shadow: none;
}

html[data-tema="abierto"] .demo__puntos span {
  background: var(--qt-luz-1);
}

html[data-tema="abierto"] .demo__puntos span:nth-child(2) {
  background: var(--qt-luz-2);
}

html[data-tema="abierto"] .demo__puntos span:nth-child(3) {
  background: var(--qt-luz-3);
}

html[data-tema="abierto"] :is(.llamada, .v4-llamada) {
  border-top: 1px solid var(--q-linea-media);
  border-bottom: 1px solid var(--q-linea-media);
  border-radius: 0;
  background:
    radial-gradient(50% 110% at 50% 0%, var(--q-brillo), transparent 70%),
    radial-gradient(30% 90% at 90% 100%, rgb(14 165 185 / 0.05), transparent 70%),
    #ffffff;
  color: var(--q-texto);
}

html[data-tema="abierto"] .pd {
  --pd-londres: #0e96a8;
  --pd-londres-texto: #08697a;
  --pd-nyork: #5560d6;
  --pd-nyork-texto: #4650c4;
  --pd-tarjeta: #ffffff;
  --pd-hundido: #f7f9fc;
}

html[data-tema="abierto"] .v5c-dia__marca,
html[data-tema="abierto"] .v5c-dato__marca,
html[data-tema="abierto"] .v5c-barra__activos {
  background: var(--q-acento-texto);
  color: #ffffff;
}

html[data-tema="abierto"] .v5c-dia:not(.v5c-dia--hoy) .v5c-dia__marca {
  background: transparent;
  color: var(--q-acento-texto);
}

html[data-tema="abierto"] .v5c-hoy {
  border-color: color-mix(in srgb, var(--q-acento) 35%, var(--q-linea-media));
  background:
    radial-gradient(80% 140% at 0% 0%, color-mix(in srgb, var(--q-acento) 8%, transparent), transparent 70%),
    #ffffff;
  box-shadow: var(--q-sombra);
}

@media (max-width: 760px) {
  html[data-tema="abierto"] .v5c-dato:not(.v5c-dato--pasado),
  html[data-tema="abierto"] .v5c-empresa:not(.v5c-empresa--muestra) {
    box-shadow: 0 1px 2px rgb(10 19 36 / 0.05);
  }
}

html[data-tema="abierto"] .v5c-dato--proximo {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--q-acento) 35%, transparent), 0 14px 30px -22px rgb(14 165 185 / 0.55);
}

@media (min-width: 1100px) {
  html[data-tema="abierto"] .v5c--js .v5c-lateral {
    box-shadow: var(--q-sombra);
  }
}

html[data-tema="abierto"] .v5c-hoja {
  border-color: var(--q-linea-media);
  box-shadow: 0 -24px 60px -30px rgb(10 19 36 / 0.35);
}

html[data-tema="abierto"] .v5c-hoja::backdrop {
  background: rgb(10 19 36 / 0.42);
}

html[data-tema="abierto"] .v5c-zona {
  background:
    linear-gradient(45deg, transparent 50%, var(--q-texto-2) 50%) right 1.05rem center / 0.4rem 0.4rem no-repeat,
    linear-gradient(-45deg, transparent 50%, var(--q-texto-2) 50%) right 0.8rem center / 0.4rem 0.4rem no-repeat,
    #ffffff;
}

html[data-tema="abierto"] .v5c-sin-empresas {
  box-shadow: var(--q-sombra);
}

html[data-tema="abierto"] .v5c-empresa--muestra {
  background: var(--q-fondo-alt);
}

html[data-tema="abierto"] .v5c-semana__dia--hoy {
  border-color: color-mix(in srgb, var(--q-acento-texto) 45%, transparent);
  box-shadow: inset 0 -2px 0 var(--q-acento-texto);
}

html[data-tema="abierto"] :is(.v5g-mini) {
  --v5g-tinte: 10%;
}

html[data-tema="abierto"] .v5g-franja__tramo:not(.v5g-franja__tramo--actual)::after {
  opacity: 0.38;
}

html[data-tema="abierto"] .v5i-desk__carril {
  background: #f9fafc;
}

html[data-tema="abierto"] .v5i-ficha,
html[data-tema="abierto"] .v5i-servicio__pie {
  box-shadow: 0 1px 2px rgb(10 19 36 / 0.04);
}

html[data-tema="abierto"] .v5i .v5i-sesion[aria-selected="true"],
html[data-tema="abierto"] .v5i .v5i-termos > .v5i-termo--elegido {
  background: #ffffff;
}

html[data-tema="abierto"] .v5i-capa-rg {
  background: #ffffff;
  box-shadow: 0 1px 2px rgb(10 19 36 / 0.04);
}

@media (max-width: 999px) {
  html[data-tema="abierto"] .v5i-desk__sesiones {
    background: #f1f4f8;
  }
}

html[data-tema="abierto"] .pd.v5d {
  --v5d-asia: #c4407f;
  --v5d-asia-texto: #a52f68;
  --v5d-ficha: #ffffff;
  --v5d-ficha-encima: #f7f9fc;
}

html[data-tema="abierto"] .pd.v5d .pn-ficha {
  box-shadow: 0 1px 2px rgb(10 19 36 / 0.05);
}

html[data-tema="abierto"] .pd.v5d .pn-ficha[aria-selected="true"] {
  --c-solido: color-mix(in srgb, var(--v5d-sesion) 6%, #ffffff);
  border-color: var(--v5d-sesion-texto);
  background: color-mix(in srgb, var(--v5d-sesion) 6%, #ffffff);
  box-shadow:
    inset 0 0 0 1px var(--v5d-sesion-texto),
    0 16px 32px -20px color-mix(in srgb, var(--v5d-sesion-texto) 55%, transparent);
}

html[data-tema="abierto"] .pd.v5d .v5d-capa__num::after {
  background: color-mix(in srgb, var(--v5d-sesion-texto, var(--q-acento-texto)) 55%, transparent);
}

html[data-tema="abierto"] .pd.v5d .v5d-pasos__flecha,
html[data-tema="abierto"] .pd.v5d .v5d-pie__boton {
  background: #ffffff;
}

html[data-tema="abierto"] .pd.v5d .v5d-pie__boton--todos {
  background: transparent;
}

html[data-tema="abierto"] .pd.v5d .v5d-hito {
  background: #ffffff;
}

html[data-tema="abierto"] .pd.v5d .v5d-hito[aria-selected="true"] {
  background: color-mix(in srgb, var(--v5d-s) 10%, #ffffff);
}

html[data-tema="abierto"] .pd.v5d .v5d-hito[aria-selected="true"] .v5d-hito__num,
html[data-tema="abierto"] .pd.v5d .v5d-momentos--asia .v5d-hito[aria-selected="true"]::before {
  border-color: var(--v5d-s-texto);
  background: var(--v5d-s-texto);
  color: #ffffff;
}

html[data-tema="abierto"] .pd.v5d .v5d-momentos--asia .v5d-hito[aria-selected="true"]::before {
  background: radial-gradient(circle, #ffffff 0 0.18rem, transparent 0.21rem), var(--v5d-s-texto);
}

html[data-tema="abierto"] {
  --q-asia: #c4407f;
  --q-asia-texto: #a52f68;
  --q-londres: #0e96a8;
  --q-londres-texto: #0b7d8c;
  --q-nyork: #5560d6;
  --q-nyork-texto: #4650c4;
  --pa-londres: var(--q-londres);
  --pa-nyork: var(--q-nyork);
}

html[data-tema="abierto"] :is(.portada) .in-chips {
  --pa-londres: var(--q-londres);
  --pa-nyork: var(--q-nyork);
}

html[data-tema="abierto"] .pn-marco {
  --pn-londres: var(--q-londres);
  --pn-nyork: var(--q-nyork);
}

html[data-tema="abierto"] .pd {
  --pd-londres: var(--q-londres);
  --pd-londres-texto: var(--q-londres-texto);
  --pd-nyork: var(--q-nyork);
  --pd-nyork-texto: var(--q-nyork-texto);
}

html[data-tema="abierto"] .pd.v5d {
  --v5d-asia: var(--q-asia);
  --v5d-asia-texto: var(--q-asia-texto);
}

html[data-tema="abierto"] :is(.portada, .llamada) .sello:not(.tarjeta-flotante .sello) {
  color: var(--q-aviso-texto);
}

html[data-tema="abierto"] .v4 .v4-oscuro {
  --c-pendiente-fondo: #fff3c4;
  --c-pendiente-texto: #5a4300;
}

html[data-tema="abierto"] .v8i-oferta {
  box-shadow: 0 1px 2px rgb(10 19 36 / 0.04), 0 28px 56px -36px rgb(10 19 36 / 0.22);
}

html[data-tema="abierto"] .v8i-oferta__prueba {
  background: #f9fafc;
}

html[data-tema="abierto"] .v34-sesion {
  background-image: url("../img/prueba-sesion-abierto.svg");
}

@media print {
  html[data-tema="abierto"] .oscuro {
    --c-texto: #000000;
    --c-texto-suave: #333333;
    --c-acento: var(--cian-profundo);
    --c-acento-texto: var(--cian-profundo);
    --c-enlace: var(--cian-profundo);
  }
}

html[data-tema="abierto"] .v9p-portada {
  background:
    radial-gradient(62rem 26rem at 50% -4rem, rgb(14 165 185 / 0.1), transparent 72%),
    var(--q-fondo);
}

html[data-tema="abierto"] .v9p-chip {
  color: #ffffff;
}

html[data-tema="abierto"] .v9p-chip--vida {
  color: var(--q-acento-texto);
}

html[data-tema="abierto"] .v9p-tarjeta__incluye {
  background: var(--q-fondo);
}

html[data-tema="abierto"] :is(.v8g, .v5g-mini) {
  --v8g-lavado: 9%;
}

@media (max-width: 39.99rem) {
  html[data-tema="abierto"] .v8g-relieve--luz {
    fill-opacity: 0.085;
  }
}

html[data-tema="abierto"] .franja-casa[aria-labelledby] {
  --fc-fondo: #e9f0fa;
  --fc-fondo-2: #f7f9fd;
  --fc-brillo: rgb(16 48 95 / 0.06);
  --fc-brillo-2: rgb(14 165 185 / 0.07);
  --fc-texto: #0b1630;
  --fc-titulo-2: #24507f;
  --fc-texto-2: #3a4760;
  --fc-texto-3: #4c5870;
  --fc-acento: #07697a;
  --fc-acento-linea: #0ea5b9;
  --fc-filete: rgb(11 31 64 / 0.12);
  --fc-filete-fuerte: rgb(11 31 64 / 0.2);
  --fc-trazo: rgb(16 48 95 / 0.1);
  --fc-regla: rgb(11 31 64 / 0.22);
  --fc-caja: rgb(255 255 255 / 0.78);
  --fc-halo: rgb(14 165 185 / 0.18);
}
html[data-tema="abierto"] .franja-casa[aria-labelledby] .franja-casa__relojes {
  box-shadow: 0 1px 2px rgb(11 31 64 / 0.05), 0 18px 36px -26px rgb(11 31 64 / 0.3);
}

@media (max-width: 759px) {
  html[data-tema="abierto"] .nav__idioma {
    box-shadow: inset 0 0 0 1px var(--q-linea-fuerte);
  }
}

html[lang="en"][data-tema="abierto"] .v34-sesion {
  background-image: url("../img/prueba-sesion-abierto-ingles.svg");
}