/* CityMesh — manuales y tutoriales de Deitres Platform (los dibuja https://platform.deitres.com/manuales.js).
   Se usa en manuales.html, manual.html, soporte.html y soporte/tutoriales.html. Las clases dm-* son del script. */
:root{
  --dm-acento:#F9B017;--dm-sobre-acento:#1B2129;
  --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.
   El script pone texto blanco sobre el acento; sobre el amarillo no se lee. Los links van en un ocre legible sobre blanco. */
html .dm-buscador button,html .dm-chip[aria-pressed="true"]{color:var(--dm-sobre-acento)}
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:#9A6800}
html .dm-tarjeta:hover .dm-tarjeta-titulo{color:#9A6800}
html .dm-buscador input{background:#fff}

/* Franja oscura de título: la cabecera es transparente con el logo blanco */
.page-hero.franja{min-height:0;padding:132px 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(--citymesh)}

.dm-sec{padding-top:clamp(40px,5vw,72px)}
.dm-sec .dm{max-width:1000px;margin:0 auto}

/* Buscador solo, arriba de los canales de soporte (sobre fondo oscuro) */
.soporte-buscar{width:100%;max-width:620px;margin:0 auto clamp(28px,3vw,44px);text-align:left}
.soporte-buscar .prose{text-align:center}
.soporte-buscar .dm-buscador{margin:14px 0 0}
html .soporte-buscar .dm-buscador input{background:rgba(255,255,255,.96);color:#1B2129;border-color:transparent}

/* 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 cubic-bezier(.16,1,.3,1) 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}}