/* ==========================================================================
   Ainora Digital — capa «Dark Premium»
   Se carga después de ainora.css y ainora-paginas.css y redefine colores,
   fondos y acabados sobre las mismas clases. Para volver al diseño claro
   basta con no cargar este archivo (functions.php).
   ========================================================================== */

:root {
	--dk-bg: #07111D;
	--dk-bg-2: #0D1B2E;
	--dk-bg-3: #0A1626;
	--dk-pie: #050C15;
	--dk-azul: #0F5DFF;
	--dk-azul-2: #1A6BFF;
	--dk-cian: #16D6FF;
	--dk-texto: #F3F7FF;
	--dk-texto-2: #B8C7DB;
	--dk-texto-3: #9FB3CC;
	--dk-linea: rgba(159, 179, 204, .16);
	/* Variables del tema reutilizadas como color de texto y bordes */
	--ad-marino: #F3F7FF;
	--ad-texto-2: #B8C7DB;
	--ad-texto-3: #9FB3CC;
	--ad-texto-osc: #9FB3CC;
	--ad-borde: rgba(159, 179, 204, .16);
	--ad-suave: #0D1B2E;
	--ad-base: #07111D;
	--ad-cian: #16D6FF;
	--ad-sombra-card: 0 24px 50px -30px rgba(0, 0, 0, .7);
	--ad-sombra-card-hover: 0 30px 60px -30px rgba(15, 93, 255, .55), 0 0 0 1px rgba(22, 214, 255, .25);
	/* Cristal oscuro con borde luminoso en degradado */
	--dk-cristal: linear-gradient(180deg, rgba(18, 36, 62, .72), rgba(10, 22, 40, .72)) padding-box, linear-gradient(140deg, rgba(22, 214, 255, .42), rgba(30, 123, 255, .14) 38%, rgba(159, 179, 204, .08) 70%, rgba(22, 214, 255, .16)) border-box;
	--dk-glow-btn: 0 0 0 1px rgba(30, 123, 255, .6), 0 12px 34px -8px rgba(15, 93, 255, .7), 0 0 36px -8px rgba(22, 214, 255, .32);
	color-scheme: dark;
}

html, body { background: var(--dk-bg); color: var(--dk-texto); }
::selection { background: rgba(22, 214, 255, .3); color: #fff; }

/* --------------------------------------------------------------------------
   Texto
   -------------------------------------------------------------------------- */
body :where(h1, h2, h3, h4) { color: var(--dk-texto); }
.ad-eyebrow { color: var(--dk-cian) !important; }
.ad-grad { background: linear-gradient(90deg, var(--dk-azul-2) 0%, var(--dk-cian) 75%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ad-lead, .ad-hero__lead, .ad-hero-int__lead { color: var(--dk-texto-2); }
.ad-card__text, .ad-head__side { color: var(--dk-texto-3); }
a { color: var(--dk-cian); }

/* --------------------------------------------------------------------------
   Cabecera, logo y menú
   -------------------------------------------------------------------------- */
.ad-logo__name { color: var(--dk-texto); }
.ad-logo__tag { color: var(--dk-cian); }
.ad-logo__img { filter: drop-shadow(0 0 10px rgba(22, 214, 255, .35)); }

.wp-site-blocks > header.ad-site-header { background: rgba(7, 17, 29, .82); box-shadow: 0 1px 0 rgba(159, 179, 204, .10); }
body.home.ad-scrolled .wp-site-blocks > header.ad-site-header { background: rgba(7, 17, 29, .82); box-shadow: 0 1px 0 rgba(159, 179, 204, .10), 0 18px 40px -24px rgba(0, 0, 0, .8); }

.ad-nav .wp-block-navigation__container { background: rgba(13, 27, 46, .6); border-color: rgba(159, 179, 204, .16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); }
.ad-nav .wp-block-navigation-item__content { color: var(--dk-texto); }
.ad-nav .wp-block-navigation-item__content:hover { color: var(--dk-cian); }
.ad-nav .wp-block-navigation__responsive-container-open { background: rgba(13, 27, 46, .7); border-color: rgba(159, 179, 204, .25); color: var(--dk-texto); }
.ad-nav .wp-block-navigation__responsive-container.is-menu-open { background: radial-gradient(80% 50% at 80% 0%, rgba(15, 93, 255, .3), rgba(15, 93, 255, 0) 70%), var(--dk-bg); }
@media (min-width: 600px) {
	.ad-nav .wp-block-navigation__container > .wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
		background: linear-gradient(180deg, rgba(16, 32, 56, .96), rgba(9, 20, 36, .96)) padding-box, linear-gradient(140deg, rgba(22, 214, 255, .42), rgba(30, 123, 255, .12) 40%, rgba(159, 179, 204, .1)) border-box !important;
		border: 1px solid transparent !important;
		color: var(--dk-texto) !important;
		box-shadow: 0 30px 60px -24px rgba(0, 0, 0, .8), 0 0 40px -20px rgba(15, 93, 255, .5);
		-webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
	}
	.ad-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: var(--dk-texto) !important; }
	.ad-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: rgba(22, 214, 255, .07); }
	.ad-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__description { color: var(--dk-texto-3); }
	.ad-nav .ad-nav-todos { border-top-color: rgba(159, 179, 204, .12); }
	.ad-nav .ad-nav-todos .wp-block-navigation-item__content { color: var(--dk-cian) !important; }
}

/* --------------------------------------------------------------------------
   Botones
   -------------------------------------------------------------------------- */
.ad-btn .wp-block-button__link,
.ad-btn--blanco .wp-block-button__link {
	background: linear-gradient(135deg, var(--dk-azul-2), var(--dk-azul)); color: #fff;
	box-shadow: var(--dk-glow-btn);
}
.ad-btn .wp-block-button__link:hover,
.ad-btn--blanco .wp-block-button__link:hover {
	color: #fff; filter: none;
	box-shadow: 0 0 0 1px rgba(22, 214, 255, .7), 0 16px 40px -8px rgba(15, 93, 255, .85), 0 0 50px -6px rgba(22, 214, 255, .45);
}
.ad-btn--claro .wp-block-button__link,
.ad-btn--borde .wp-block-button__link {
	background: rgba(255, 255, 255, .04); color: var(--dk-texto); border: 1px solid rgba(159, 179, 204, .28); box-shadow: none;
}
.ad-btn--claro .wp-block-button__link:hover,
.ad-btn--borde .wp-block-button__link:hover { background: rgba(22, 214, 255, .06); color: #fff; border-color: rgba(22, 214, 255, .6); }

/* --------------------------------------------------------------------------
   Fondos de sección: tres tonos y composiciones de luz distintas
   -------------------------------------------------------------------------- */
.ad-sec--clara { background: var(--dk-bg-3); }
.ad-sec--suave {
	background:
		radial-gradient(50% 60% at 85% 20%, rgba(30, 123, 255, .16), rgba(30, 123, 255, 0) 70%),
		radial-gradient(40% 40% at 0% 100%, rgba(22, 214, 255, .06), rgba(22, 214, 255, 0) 70%),
		var(--dk-bg);
}
.ad-sec--oscura { background: linear-gradient(180deg, var(--dk-bg-2) 0%, var(--dk-bg-3) 100%); }
/* Horizonte de luz desde arriba (sustituye al brillo lateral del diseño claro) */
.ad-sec--oscura::after {
	left: 50%; top: -260px; width: 1100px; height: 420px; margin-left: -550px;
	background: radial-gradient(closest-side, rgba(30, 123, 255, .26), rgba(30, 123, 255, 0));
}
.ad-sectores::after { left: auto; top: auto; margin: 0; right: -220px; bottom: -320px; width: 640px; height: 640px; background: radial-gradient(circle, rgba(22, 214, 255, .14), rgba(22, 214, 255, 0) 65%); }
.ad-sec--oscura::before { background: linear-gradient(90deg, rgba(22, 214, 255, 0), rgba(22, 214, 255, .45), rgba(22, 214, 255, 0)); }

/* Banda de azul eléctrico (integraciones) */
.ad-sec--corporativa { background: linear-gradient(120deg, #0B2A6B 0%, #0F3FA8 48%, #0B2A6B 100%); }
.ad-sec--corporativa::before { width: 760px; height: 760px; border-color: rgba(22, 214, 255, .14); }
.ad-sec--corporativa::after { border-color: rgba(191, 242, 255, .22); }
.ad-sec--corporativa .ad-eyebrow { color: #BFF2FF !important; }
.ad-herramienta { background: rgba(7, 17, 29, .35); border-color: rgba(191, 242, 255, .3); }

/* Secciones de proceso (pasos): azul profundo con anillos */
.ad-sec--corporativa:has(.ad-pasos),
.ad-sec--suave:has(.ad-pasos),
.ad-sec--clara:has(.ad-pasos) { background: linear-gradient(180deg, #0A1F45 0%, #0B1A36 60%, var(--dk-bg) 100%); }

/* --------------------------------------------------------------------------
   Hero de portada con la esfera transparente
   -------------------------------------------------------------------------- */
.ad-hero {
	background:
		radial-gradient(60% 70% at 78% 45%, rgba(15, 93, 255, .36) 0%, rgba(15, 93, 255, 0) 60%),
		radial-gradient(40% 50% at 10% 0%, rgba(30, 123, 255, .18) 0%, rgba(30, 123, 255, 0) 70%),
		var(--dk-bg);
}
.ad-hero::before {
	background-image: linear-gradient(rgba(159, 179, 204, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(159, 179, 204, .06) 1px, transparent 1px);
	background-size: 64px 64px;
	-webkit-mask-image: radial-gradient(70% 60% at 45% 40%, #000 20%, transparent 80%);
	mask-image: radial-gradient(70% 60% at 45% 40%, #000 20%, transparent 80%);
}
.ad-hero::after { height: 1px; background: linear-gradient(90deg, rgba(22, 214, 255, 0), rgba(22, 214, 255, .45), rgba(15, 93, 255, .35), rgba(22, 214, 255, 0)); }

.ad-pill { background: rgba(22, 214, 255, .08); border-color: rgba(22, 214, 255, .28); color: #BFF2FF; }
.ad-pill::before { box-shadow: 0 0 10px var(--dk-cian); }
.ad-chips span { background: rgba(13, 27, 46, .5); border-color: rgba(159, 179, 204, .18); color: var(--dk-texto-3); }

.ad-hero__visual {
	width: min(660px, 48vw); aspect-ratio: 1; top: 50%; right: max(24px, calc((100vw - 1200px) / 2 - 40px));
	transform: translateY(-50%);
	background:
		var(--ad-esfera-1100) center / contain no-repeat,
		radial-gradient(circle at 50% 48%, rgba(22, 214, 255, .34) 0%, rgba(22, 214, 255, .10) 34%, rgba(22, 214, 255, 0) 58%);
	mix-blend-mode: normal;
	/* Fundido inferior: oculta la sombra de suelo del render */
	-webkit-mask-image: linear-gradient(180deg, #000 72%, transparent 88%);
	mask-image: linear-gradient(180deg, #000 72%, transparent 88%);
	-webkit-mask-composite: source-over; mask-composite: add;
	animation: dk-flotar 9s ease-in-out infinite;
}
/* Dos aros finos detrás de la esfera (sin relleno, para no recargar) */
.ad-hero__inner::after {
	content: ""; position: absolute; z-index: 0; pointer-events: none; border-radius: 50%;
	width: min(560px, 41vw); aspect-ratio: 1; top: 50%; right: max(74px, calc((100vw - 1200px) / 2 + 10px)); transform: translateY(-50%);
	border: 1px solid rgba(22, 214, 255, .16);
	outline: 1px solid rgba(30, 123, 255, .10); outline-offset: 44px;
}
@keyframes dk-flotar { 0%, 100% { transform: translateY(-50%); } 50% { transform: translateY(calc(-50% - 14px)); } }

/* Escritorio: titular, texto y botones dentro de la primera pantalla (también en portátiles de 768 px de alto) */
@media (min-width: 1100px) {
	.ad-hero { padding-top: calc(var(--ad-header-h) + 64px); padding-bottom: 110px; min-height: min(760px, 100vh); }
	.ad-hero__content { max-width: 580px; }
	.ad-hero .ad-pill { margin-bottom: 22px !important; }
	.ad-hero__title { font-size: clamp(2.6rem, 1rem + 3.2vw, 3.75rem); margin-bottom: 20px !important; }
	.ad-hero__lead { margin-bottom: 30px !important; max-width: 34em; }
	.ad-hero .ad-actions { margin-bottom: 36px !important; }
}

/* --------------------------------------------------------------------------
   Hero interior
   -------------------------------------------------------------------------- */
.ad-hero-int {
	background:
		radial-gradient(55% 80% at 82% 45%, rgba(15, 93, 255, .30), rgba(15, 93, 255, 0) 70%),
		radial-gradient(30% 40% at 0% 0%, rgba(22, 214, 255, .07), rgba(22, 214, 255, 0) 70%),
		var(--dk-bg);
}
.ad-hero-int::before {
	background-image: linear-gradient(rgba(159, 179, 204, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(159, 179, 204, .05) 1px, transparent 1px);
	background-size: 64px 64px;
}
.ad-migas, .ad-migas a { color: var(--dk-texto-3); }
.ad-migas a:hover { color: var(--dk-cian); }
.ad-migas [aria-current] { color: var(--dk-texto); }

/* --------------------------------------------------------------------------
   Tarjetas de cristal oscuro
   -------------------------------------------------------------------------- */
.ad-card--servicio, .ad-card--cristal, .ad-sector-card, .ad-incluye__col, .ad-ejemplo,
.ad-pilar, .ad-canales-tarjeta, .ad-sector,
body .ad-faq .wp-block-details {
	border: 1px solid transparent; background: var(--dk-cristal); box-shadow: none;
}
.ad-card:hover, .ad-sector-card:hover, .ad-sector:hover { box-shadow: var(--ad-sombra-card-hover); border-color: transparent; }
.ad-card--cristal:hover { border-color: transparent; }
.ad-card--servicio .ad-card__title, .ad-sector-card__title { color: var(--dk-texto); }
.ad-card__mas a { color: var(--dk-cian); }
.ad-sector-card__text { color: var(--dk-texto-3); }
.ad-sector-card__tags span { background: rgba(22, 214, 255, .08); color: #BFF2FF; }

.ad-icon { background: rgba(22, 214, 255, .10); border-color: rgba(22, 214, 255, .3); color: var(--dk-cian); box-shadow: 0 0 18px -6px rgba(22, 214, 255, .45); }
.ad-icon--grande { background: linear-gradient(140deg, var(--dk-azul), var(--dk-cian)); color: #fff; border: 0; box-shadow: 0 0 0 1px rgba(22, 214, 255, .35), 0 10px 28px -8px rgba(15, 93, 255, .8); }

/* Sectores (portada) */
.ad-sector { color: var(--dk-texto); }
.ad-sector--destacado { background: linear-gradient(135deg, rgba(15, 93, 255, .55), rgba(22, 214, 255, .25)); border: 1px solid rgba(22, 214, 255, .5); }
.ad-sector:not(.ad-sector--enlace):not(.ad-sector--destacado) { background: rgba(255, 255, 255, .03); border: 1px solid rgba(159, 179, 204, .14); color: #C6D3E5; }

/* Incluye / no incluye */
.ad-incluye__col--no { background: rgba(13, 27, 46, .55); border: 1px solid rgba(159, 179, 204, .12); }
.ad-check li { color: #C6D3E5; }
.ad-check li::before { background: linear-gradient(140deg, var(--dk-azul), var(--dk-cian)); box-shadow: 0 0 12px -2px rgba(22, 214, 255, .55); }
.ad-check--no li { color: var(--dk-texto-3); }
.ad-check--no li::before { background: rgba(159, 179, 204, .14); box-shadow: none; }

/* Persona / control humano */
.ad-persona__item { background: rgba(7, 17, 29, .55); border: 1px solid rgba(22, 214, 255, .2); }
.ad-persona__item .ad-icon { background: rgba(22, 214, 255, .10); color: var(--dk-cian); }
.ad-persona__item strong { color: var(--dk-texto); }

/* Comparativa y opciones */
.ad-compara__col--sin, .ad-opcion--secundaria { background: rgba(255, 255, 255, .03); border-color: rgba(159, 179, 204, .12); }
.ad-compara__col--con, .ad-opcion--destacada {
	border: 1px solid transparent;
	background: linear-gradient(160deg, rgba(15, 93, 255, .30), rgba(13, 27, 46, .9)) padding-box, linear-gradient(140deg, rgba(22, 214, 255, .65), rgba(15, 93, 255, .3)) border-box;
	box-shadow: 0 30px 60px -30px rgba(15, 93, 255, .55);
}

/* Otros sectores, pilares */
.ad-otro { background: rgba(255, 255, 255, .03); border: 1px solid rgba(159, 179, 204, .16); color: #DCE6F5; }
.ad-pilar .ad-icon { box-shadow: none; }

/* Preguntas frecuentes */
body .ad-faq .wp-block-details summary { color: var(--dk-texto); }
body .ad-faq .wp-block-details summary::after { background: var(--dk-cian); }
body .ad-faq .wp-block-details > p { color: var(--dk-texto-3); }
body .ad-faq .wp-block-details[open] { box-shadow: 0 24px 50px -30px rgba(15, 93, 255, .5); }

/* Pasos */
.ad-pasos::before, .ad-pasos--claro::before { background: linear-gradient(90deg, var(--dk-cian) 0%, #1E7BFF 40%, rgba(159, 179, 204, .18) 100%); box-shadow: 0 0 14px rgba(22, 214, 255, .45); }
.ad-paso__num, .ad-pasos--claro .ad-paso__num { background: var(--dk-bg-2); color: var(--dk-texto); border: 1px solid rgba(30, 123, 255, .55); }
.ad-paso.is-activo .ad-paso__num, .ad-paso:hover .ad-paso__num,
.ad-pasos--claro .ad-paso.is-activo .ad-paso__num, .ad-pasos--claro .ad-paso:hover .ad-paso__num {
	background: linear-gradient(140deg, var(--dk-azul), var(--dk-cian)); color: #fff; border-color: transparent;
	box-shadow: 0 0 0 6px rgba(22, 214, 255, .14), 0 0 28px rgba(22, 214, 255, .45);
}
.ad-paso__title, .ad-pasos--claro .ad-paso__title { color: var(--dk-texto); }
.ad-paso__text, .ad-pasos--claro .ad-paso__text { color: var(--dk-texto-3); }
.ad-nota { color: var(--dk-texto-3); }

/* Línea de luz que recorre la línea del proceso */
.ad-pasos::after {
	content: ""; position: absolute; left: 28px; right: 28px; top: 27px; height: 2px; pointer-events: none;
	background: linear-gradient(90deg, rgba(22, 214, 255, 0), rgba(22, 214, 255, .95), rgba(22, 214, 255, 0)) no-repeat;
	background-size: 28% 100%; background-position: -40% 0;
	animation: dk-barrido 5.5s cubic-bezier(.45, 0, .2, 1) infinite;
}
@keyframes dk-barrido { 0% { background-position: -40% 0; } 60%, 100% { background-position: 140% 0; } }

/* --------------------------------------------------------------------------
   Llamada a la acción y contacto
   -------------------------------------------------------------------------- */
.ad-cta.ad-sec--suave { background: radial-gradient(50% 60% at 50% 60%, rgba(15, 93, 255, .2), rgba(15, 93, 255, 0) 70%), var(--dk-bg); }
.ad-cta__card {
	border: 1px solid transparent;
	background: linear-gradient(160deg, #0F2244 0%, #0A1A33 60%, #0B2350 100%) padding-box, linear-gradient(120deg, rgba(22, 214, 255, .75), rgba(15, 93, 255, .4) 40%, rgba(159, 179, 204, .1) 70%, rgba(22, 214, 255, .45)) border-box;
	box-shadow: 0 50px 100px -50px rgba(15, 93, 255, .65), 0 0 70px -36px rgba(22, 214, 255, .3);
}
.ad-cta__card::before { border-color: rgba(22, 214, 255, .22); box-shadow: none; }
.ad-cta__card::after { background: radial-gradient(circle, rgba(22, 214, 255, .3), rgba(22, 214, 255, 0) 70%); }
.ad-cta__text { color: var(--dk-texto-3); }
.ad-cta__nota { color: #7F95B2; }
.ad-cta__pill { background: rgba(22, 214, 255, .10); border-color: rgba(22, 214, 255, .35); color: #BFF2FF; }
.ad-canales-pronto { background: rgba(255, 255, 255, .04); border-color: rgba(159, 179, 204, .35); color: #DCE6F5; }

.ad-canales-tarjeta { color: var(--dk-texto); box-shadow: 0 40px 80px -40px rgba(15, 93, 255, .6); }
.ad-canales-tarjeta__estado { background: rgba(255, 196, 77, .12); color: #FFD27A; border: 1px solid rgba(255, 196, 77, .3); }
.ad-canales-tarjeta__estado.is-activo { background: rgba(22, 214, 255, .12); color: #BFF2FF; border-color: rgba(22, 214, 255, .35); }
.ad-canales-tarjeta__texto { color: var(--dk-texto-3); }
.ad-canales-tarjeta__lista li { background: transparent; border: 1px dashed rgba(159, 179, 204, .3); color: var(--dk-texto-3); }

/* --------------------------------------------------------------------------
   Maquetas demostrativas
   -------------------------------------------------------------------------- */
.ad-demo-badge, .ad-sec--oscura .ad-demo-badge, .ad-sec--corporativa .ad-demo-badge { color: #BFF2FF; background: rgba(22, 214, 255, .08); border: 1px solid rgba(22, 214, 255, .3); }
.ad-demo-badge::before { box-shadow: 0 0 8px var(--dk-cian); }
.ad-mock {
	border: 1px solid transparent; background: linear-gradient(180deg, rgba(18, 36, 62, .9), rgba(10, 22, 40, .92)) padding-box, linear-gradient(140deg, rgba(22, 214, 255, .45), rgba(30, 123, 255, .14) 38%, rgba(159, 179, 204, .08) 70%, rgba(22, 214, 255, .18)) border-box;
	color: var(--dk-texto); box-shadow: 0 40px 80px -40px rgba(15, 93, 255, .65);
}
.ad-mock__bar { border-bottom-color: rgba(159, 179, 204, .12); }
.ad-mock__avatar { background: linear-gradient(140deg, var(--dk-azul), var(--dk-cian)); }
.ad-burbuja--in { background: rgba(159, 179, 204, .10); }
.ad-burbuja--out { background: linear-gradient(135deg, var(--dk-azul-2), var(--dk-azul)); box-shadow: 0 8px 20px -10px rgba(15, 93, 255, .8); }
.ad-burbuja--nota { color: #BFF2FF; background: rgba(22, 214, 255, .10); }
.ad-onda i { background: linear-gradient(180deg, var(--dk-cian), var(--dk-azul)); box-shadow: 0 0 8px rgba(22, 214, 255, .45); }
.ad-transcripcion b { color: var(--dk-cian); }
.ad-resumen { background: rgba(22, 214, 255, .07); border-color: rgba(22, 214, 255, .22); }
.ad-resumen strong { color: #BFF2FF; }
.ad-nodo__punto { background: rgba(22, 214, 255, .10); color: var(--dk-cian); }
.ad-nodo--disparo .ad-nodo__punto { background: linear-gradient(140deg, var(--dk-azul), var(--dk-cian)); color: #fff; box-shadow: 0 0 16px rgba(22, 214, 255, .5); }
.ad-nodo:not(:last-child)::after { background: linear-gradient(180deg, var(--dk-cian), rgba(30, 123, 255, .25)); }
.ad-cal__s { background: rgba(159, 179, 204, .06); border-color: rgba(159, 179, 204, .18); }
.ad-cal__s--ocupado { background: rgba(30, 123, 255, .28); }
.ad-cal__s--nuevo { box-shadow: 0 0 16px rgba(22, 214, 255, .6); }
.ad-aviso-mini { background: rgba(22, 214, 255, .07); }
.ad-kpi { background: rgba(159, 179, 204, .07); }
.ad-barras { border-bottom-color: rgba(159, 179, 204, .15); }
.ad-barras i { background: linear-gradient(180deg, var(--dk-cian), var(--dk-azul)); }
.ad-barras i:last-child { box-shadow: 0 0 16px rgba(22, 214, 255, .6); }
.ad-nav-mock { background: rgba(7, 17, 29, .6); border-bottom-color: rgba(159, 179, 204, .12); }
.ad-nav-mock i { background: rgba(159, 179, 204, .3); }
.ad-nav-mock span { background: rgba(159, 179, 204, .1); color: var(--dk-texto-3); }
.ad-web-mock__h { background: var(--dk-texto); opacity: .85; }
.ad-web-mock__l { background: rgba(159, 179, 204, .18); }
.ad-web-mock__btn { background: linear-gradient(135deg, var(--dk-azul-2), var(--dk-azul)); }
.ad-web-mock__btn--claro { background: rgba(22, 214, 255, .1); color: #BFF2FF; }
.ad-web-mock__cards i { background: rgba(159, 179, 204, .06); border-color: rgba(159, 179, 204, .14); }
.ad-eco__item { background: var(--dk-cristal); border: 1px solid transparent; box-shadow: 0 14px 30px -20px rgba(0, 0, 0, .7); color: var(--dk-texto); }
.ad-eco__nucleo { background: radial-gradient(circle at 35% 30%, #3B8BFF, var(--dk-azul) 45%, #0A1F45 100%); box-shadow: 0 0 0 10px rgba(22, 214, 255, .12), 0 0 0 22px rgba(22, 214, 255, .05), 0 0 60px rgba(22, 214, 255, .35); }

/* --------------------------------------------------------------------------
   Sobre nosotros, página interior, 404 y pie
   -------------------------------------------------------------------------- */
.ad-esfera-mini {
	background: var(--ad-esfera-700) center / contain no-repeat, radial-gradient(circle, rgba(22, 214, 255, .32) 0%, rgba(22, 214, 255, 0) 60%);
	mix-blend-mode: normal; aspect-ratio: 1;
	-webkit-mask-image: linear-gradient(180deg, #000 72%, transparent 88%); mask-image: linear-gradient(180deg, #000 72%, transparent 88%);
	animation: dk-flotar-simple 9s ease-in-out infinite;
}
@keyframes dk-flotar-simple { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
.ad-manifiesto__texto { position: relative; padding-left: 28px; color: #C6D3E5; }
.ad-manifiesto__texto::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 2px; background: linear-gradient(180deg, var(--dk-cian), rgba(15, 93, 255, .2)); box-shadow: 0 0 14px rgba(22, 214, 255, .45); }
.ad-mision__frase em { background: linear-gradient(90deg, var(--dk-azul-2), var(--dk-cian)); -webkit-background-clip: text; background-clip: text; }
.ad-fundadora__foto { background: linear-gradient(160deg, var(--dk-bg-2), #102542); }
.ad-aviso { background: var(--dk-cristal); border: 1px solid transparent; }
.ad-lista { color: var(--dk-texto-2); }
.ad-lista li::marker { color: var(--dk-cian); }
.ad-404 { background: radial-gradient(50% 60% at 50% 40%, rgba(15, 93, 255, .28), rgba(15, 93, 255, 0) 70%), var(--dk-bg); }

.ad-footer { background: var(--dk-pie); color: var(--dk-texto-3); }
.ad-footer::before { background: linear-gradient(90deg, rgba(22, 214, 255, 0), rgba(22, 214, 255, .5), rgba(22, 214, 255, 0)); }
.ad-footer a { color: var(--dk-texto-3); }
.ad-footer a:hover { color: var(--dk-cian); }
.ad-footer__legal { border-top-color: rgba(159, 179, 204, .12); }

/* --------------------------------------------------------------------------
   Tablet y móvil
   -------------------------------------------------------------------------- */
@media (max-width: 1099px) {
	.ad-hero { background: radial-gradient(90% 50% at 70% 72%, rgba(15, 93, 255, .38), rgba(15, 93, 255, 0) 70%), radial-gradient(70% 30% at 10% 0%, rgba(30, 123, 255, .2), rgba(30, 123, 255, 0) 70%), var(--dk-bg); }
	.ad-hero__visual {
		position: relative; top: auto; right: auto; transform: none; animation: dk-flotar-simple 9s ease-in-out infinite;
		width: min(100%, 460px); aspect-ratio: 1; margin: 8px auto 0 !important;
		background: var(--ad-esfera-700) center / contain no-repeat, radial-gradient(circle, rgba(22, 214, 255, .36) 0%, rgba(22, 214, 255, 0) 60%);
		-webkit-mask-image: linear-gradient(180deg, #000 72%, transparent 88%); mask-image: linear-gradient(180deg, #000 72%, transparent 88%);
	}
	.ad-hero__inner::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.ad-hero__visual, .ad-esfera-mini { animation: none; }
	.ad-pasos::after { animation: none; display: none; }
}

/* ==========================================================================
   Acentos de color en tarjetas (intensidad «sutil»)
   Solo en: Problemas que resolvemos (portada), principios de Sobre nosotros
   y tarjetas de servicios (portada e índice de Servicios).
   La base sigue siendo cristal oscuro; el acento va en el borde, la esquina,
   el icono y el hover. Botones, menú y líneas de luz siguen en azul/cian.
   ========================================================================== */
.ad-problemas .ad-card--cristal,
.ad-servicios .ad-card--servicio,
#soluciones .ad-card--servicio,
.pagina-sobre-nosotros .ad-sec--clara .ad-card--servicio {
	--ac: 22, 214, 255;          /* cian por defecto */
	--ac-color: #16D6FF;
	border: 1px solid transparent;
	background:
		radial-gradient(120% 90% at 0% 0%, rgba(var(--ac), .10) 0%, rgba(var(--ac), 0) 55%) padding-box,
		linear-gradient(180deg, rgba(18, 36, 62, .72), rgba(10, 22, 40, .72)) padding-box,
		linear-gradient(140deg, rgba(var(--ac), .55) 0%, rgba(var(--ac), .10) 35%, rgba(159, 179, 204, .08) 70%, rgba(159, 179, 204, .06) 100%) border-box;
}
/* Reparto en secuencia: cian → morado → coral → violeta (sin repetir entre vecinas) */
:is(.ad-problemas .ad-card--cristal, .ad-servicios .ad-card--servicio, #soluciones .ad-card--servicio, .pagina-sobre-nosotros .ad-sec--clara .ad-card--servicio):nth-child(4n+2) { --ac: 123, 97, 255; --ac-color: #7B61FF; }
:is(.ad-problemas .ad-card--cristal, .ad-servicios .ad-card--servicio, #soluciones .ad-card--servicio, .pagina-sobre-nosotros .ad-sec--clara .ad-card--servicio):nth-child(4n+3) { --ac: 255, 90, 107; --ac-color: #FF5A6B; }
:is(.ad-problemas .ad-card--cristal, .ad-servicios .ad-card--servicio, #soluciones .ad-card--servicio, .pagina-sobre-nosotros .ad-sec--clara .ad-card--servicio):nth-child(4n+4) { --ac: 168, 85, 247; --ac-color: #A855F7; }

:is(.ad-problemas .ad-card--cristal, .ad-servicios .ad-card--servicio, #soluciones .ad-card--servicio, .pagina-sobre-nosotros .ad-sec--clara .ad-card--servicio):hover {
	box-shadow: 0 28px 56px -30px rgba(var(--ac), .55), 0 0 0 1px rgba(var(--ac), .30);
}
/* Iconos: trazo con el acento (Problemas) o cuadro en degradado del acento (Servicios y Principios) */
.ad-problemas .ad-card--cristal .ad-icon {
	color: var(--ac-color); background: rgba(var(--ac), .12); border-color: rgba(var(--ac), .32);
	box-shadow: 0 0 20px -6px rgba(var(--ac), .55);
}
:is(.ad-servicios, #soluciones, .pagina-sobre-nosotros .ad-sec--clara) .ad-card--servicio .ad-icon--grande {
	background: linear-gradient(140deg, rgba(var(--ac), .95), rgba(var(--ac), .55));
	box-shadow: 0 0 0 1px rgba(var(--ac), .4), 0 10px 28px -8px rgba(var(--ac), .7);
}