/* AMIAR — manuales y tutoriales de Deitres Platform (los dibuja https://platform.deitres.com/manuales.js).
   Se usa en manuales.html, manual.html y soporte.html. Las clases dm-* son del script. */
:root{
  --dm-acento:#E0252D;--dm-sobre-acento:#FFFFFF;
  --dm-texto:inherit;--dm-fondo:transparent;--dm-borde:rgba(27,33,41,.14);--dm-radio:6px;--dm-fuente:inherit;
  --dm-ancho-articulo:820px;
}
/* Con «html» delante para ganarle a los estilos que inserta el script, que se cargan después */
html .dm-cuerpo a,html .dm-adjuntos a,html .dm-relacionados a,html .dm-migas a,html .dm-fuente a,html .dm-manual a,html .dm-mas{color:var(--accent-ink)}
html .dm-tarjeta:hover .dm-tarjeta-titulo{color:var(--accent-ink)}
html .dm-buscador input{background:#fff}

/* Franja oscura de título: la cabecera es transparente con el logo blanco */
.phero.franja{min-height:0;padding:128px 0 clamp(32px,4vw,52px)}
.franja-t{font-weight:700;color:#fff;font-size:clamp(22px,2.4vw,34px);line-height:1.2}
.franja-t a{color:inherit}.franja-t a:hover{color:var(--accent)}

.dm-sec .dm{max-width:1000px;margin:0 auto}

/* Buscador solo, arriba de los canales de soporte */
.soporte-buscar{max-width:760px;margin:0 0 clamp(56px,7vw,96px)}
.soporte-buscar .kicker-line{margin-bottom:14px}
.soporte-buscar .dm-buscador{margin:22px 0 14px}

/* Aparición suave la primera vez que el script termina de dibujar (evento deitres-manuales:listo; ver la página) */
@keyframes dm-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.dm-entra>*{animation:dm-in .6s var(--ease) both}
.dm-entra>:nth-child(2){animation-delay:.06s}.dm-entra>:nth-child(n+3){animation-delay:.12s}
@media (prefers-reduced-motion:reduce){.dm-entra>*{animation:none}}