html,body{margin:0;padding:0;background:#FFFFFF;}
body{font-family:'Poppins',system-ui,sans-serif;color:#4B3D63;-webkit-font-smoothing:antialiased;}
*{box-sizing:border-box;}
a{color:#7021CC;text-decoration:underline;text-underline-offset:3px;}
a:hover{color:#381066;}
button{font-family:inherit;}
:focus-visible{outline:3px solid #1688B1;outline-offset:3px;}
details>summary{list-style:none;}
details>summary::-webkit-details-marker{display:none;}
details[open] .nl-plus{transform:rotate(45deg);}
input,select,textarea{font-family:inherit;font-size:16px;}
@keyframes nlPulse{0%{box-shadow:0 0 0 0 rgba(112,33,204,0.55)}70%{box-shadow:0 0 0 14px rgba(112,33,204,0)}100%{box-shadow:0 0 0 0 rgba(112,33,204,0)}}
@keyframes nlNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important;}}

/* NewsLittle: una versión para escritorio y otra para celular (el diseño cambia con el ancho, a 980 px) */
.nl-menu-panel[hidden]{display:none!important}.nl-v--mob{display:none}
@media (max-width:979px){.nl-v--desk{display:none}.nl-v--mob{display:block}}
.nl-menu-panel[hidden]{display:none}
/* NewsLittle: botones convertidos en enlaces, con el aspecto del botón */
a.nl-boton{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.nl-legal a{color:inherit}
/* NewsLittle: estados de pestañas y desplegables (nueva.js muestra uno por grupo) */
.nl-estados,.nl-estado{display:contents}.nl-estado[hidden]{display:none!important}
.nl-video-marco{position:relative;width:100%;height:100%}.nl-video-marco iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
