/* La barra del servicio dentro de la píldora (ronda 12, 7-oct-2026).
   Páginas con barra propia (.absv): al pasar la cabecera de la página, la píldora deja el menú general
   y enseña la del servicio; al subir un poco, vuelve. La forma la mueven los muelles del morph-nav:
   aquí solo se cambia lo que hay dentro. */

/* La barra vieja de la página sobra: su contenido vive ahora en la píldora. */
html body .absv, html body .absv-cortina { display: none !important; }
html { scroll-padding-top: 96px; }

.aiden-local { display: none; align-items: center; gap: 6px; }
.csv-mn[data-local] .aiden-local { display: flex; animation: aiden-local-in .3s cubic-bezier(.22,1,.36,1) both .05s; }
html body .csv-mn[data-local] .csv-mn__track,
html body .csv-mn[data-local] #csv-mn-sitio,
html body .csv-mn[data-local] #aiden-bolsa,
html body .csv-mn[data-local] #aiden-soporte,
html body .csv-mn[data-local] #aiden-accede { display: none !important; }
/* Vuelta al menú general: entra igual que ha entrado la barra del servicio. */
.csv-mn.aiden-vuelve .csv-mn__track, .csv-mn.aiden-vuelve .csv-mn__tools { animation: aiden-local-in .3s cubic-bezier(.22,1,.36,1) both .05s; }
@keyframes aiden-local-in { from { opacity: 0; filter: blur(4px); transform: translateY(2px); } to { opacity: 1; filter: none; transform: none; } }

.aiden-local__svc { padding: 0 8px 0 4px; font-weight: 600; font-size: 14px; color: #15130f; white-space: nowrap; }
.aiden-local__nav { position: relative; display: flex; align-items: center; gap: 2px; }
.aiden-local__nav a {
	position: relative; z-index: 1; display: inline-flex; align-items: center; height: 32px; padding: 0 12px;
	border-radius: 999px; color: #6b675f; font-size: 13.5px; white-space: nowrap; text-decoration: none;
	transition: color .14s;
}
.aiden-local__nav a:hover, .aiden-local__nav a.on { color: #15130f; }
/* La sección que se está leyendo: el mismo brillo que se desliza entre las pestañas del menú. */
.aiden-local__hl {
	position: absolute; top: 50%; left: 0; height: 32px; translate: 0 -50%; border-radius: 999px;
	background: rgba(21,19,15,.065); opacity: 0; pointer-events: none;
	transition: transform .32s cubic-bezier(.2,.9,.2,1), width .32s cubic-bezier(.2,.9,.2,1), opacity .2s;
}
html body .aiden-local__cta {
	display: inline-flex; align-items: center; height: 32px; padding: 0 14px; margin-left: 4px; border-radius: 999px;
	background: #13967E; color: #fff; font-size: 13px; font-weight: 500; white-space: nowrap; text-decoration: none;
	transition: background-color .14s, transform .14s;
}
html body .aiden-local__cta:hover { background: #0E7A67; color: #fff; }
html body .aiden-local__cta:active { transform: scale(.97); }
.aiden-local__btn { display: none !important; }

/* Móvil: logo · «Servicios web ▾» · menú; las secciones y el botón, en su panel. */
.csv-mn[data-narrow] .aiden-local__svc,
.csv-mn[data-narrow] .aiden-local__nav,
.csv-mn[data-narrow] .aiden-local > .aiden-local__cta { display: none; }
html body .csv-mn[data-narrow] .aiden-local__btn { display: inline-flex !important; font-weight: 600; color: #15130f; gap: 4px; }
html body .csv-mn[data-narrow][data-local] .csv-mn__bar { width: max-content !important; }
html body .aiden-local__cta--panel { display: flex; justify-content: center; height: 44px; margin: 10px 0 0; font-size: 14px; }
.aiden-local__menu .aiden-local__fila .csv-mn__linkLabel { font-size: 15px; }

@media (prefers-reduced-motion: reduce) {
	.csv-mn[data-local] .aiden-local, .csv-mn.aiden-vuelve .csv-mn__track, .csv-mn.aiden-vuelve .csv-mn__tools { animation: none; }
	.aiden-local__hl { transition: none; }
}