@import url("ldva-fonts.css");

/* Reglas globales del diseño original. El resto del estilo viaja
   en los atributos style de cada elemento, tal como fue diseñado. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Fredoka,sans-serif;color:#24352B;background:#FFFFFF;-webkit-font-smoothing:antialiased}
a{color:#2E7D32;text-decoration:none}
a:hover{color:#14532D;text-decoration:underline}
::selection{background:#C9E7CF}
.ldva-search::placeholder{color:#8AA394}
img{max-width:100%}
:focus-visible{outline:3px solid #2E7D32;outline-offset:2px;border-radius:6px}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Estados que el runtime resolvía con style-hover */
.ldva-toclink:hover{background:#F0F5EC}
.ldva-toclink[aria-current="true"]{background:#F0F5EC;border-left-color:#2E7D32!important;color:#14532D}
button[data-accion]:hover{filter:brightness(.96)}
a[href]:hover img{opacity:.92}

/* Enlace de salto para lectores de pantalla y teclado */
.saltar{position:absolute;left:-9999px;top:0;z-index:200;background:#14532D;color:#fff;padding:12px 20px;font-family:Fredoka;font-weight:600;border-radius:0 0 10px 0}
.saltar:focus{left:0}

/* Resaltado del buscador */
mark.ldva-mark{background:#FBE38E;color:#173B23;border-radius:3px;padding:0 1px}

/* Ventana del código QR */
#ldva-qr-modal{position:fixed;inset:0;z-index:100;background:rgba(15,40,25,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}

@media print{
  .no-print{display:none!important}
  .ldva-shell{display:block!important}
  .ldva-body{padding:0!important}
  body{background:#fff}
}

@media (max-width:900px){
  .ldva-shell aside{position:static!important;max-width:none!important;flex-basis:100%!important}
  .ldva-shell nav{max-height:none!important}
}
