/* Estilos compartidos de todo el sitio */
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;}
::selection{background:#33A9A0; color:#1E1E1E;}
:focus-visible{outline:2px solid #33A9A0; outline-offset:3px;}
.badge-esencial{background:rgba(51,169,160,0.12); color:#33A9A0;}
.badge-premium{background:rgba(51,169,160,0.18); color:#5CC6BD;}
.badge-enterprise{background:#33A9A0; color:#1E1E1E;}
.pulse-ring{transform-box:fill-box; transform-origin:center; animation:pulse-ba 2.4s ease-out infinite; opacity:0.55;}
@keyframes pulse-ba{0%{transform:scale(1); opacity:0.55;}100%{transform:scale(3.2); opacity:0;}}
@media (prefers-reduced-motion: reduce){
  .pulse-ring{animation:none; opacity:0.25;}
}
[id]{scroll-margin-top:90px;}

/* Menú desplegable (escritorio) */
.menu-desplegable{position:relative;}
.menu-desplegable .submenu{position:absolute; top:100%; left:-1rem; min-width:15rem; padding-top:.75rem; opacity:0; visibility:hidden; transform:translateY(4px); transition:opacity .15s, transform .15s, visibility .15s;}
.menu-desplegable:hover .submenu,.menu-desplegable:focus-within .submenu{opacity:1; visibility:visible; transform:none;}

/* Cuerpo de las columnas del Observatorio */
.articulo{color:#D1D5DB; font-size:1.0625rem; line-height:1.85;}
.articulo p{margin:0 0 1.35em;}
.articulo h2{font-family:'Fraunces',serif; color:#fff; font-size:1.65rem; line-height:1.3; margin:2.6em 0 .8em;}
.articulo h3{color:#33A9A0; font-weight:600; font-size:1.1rem; margin:2em 0 .7em;}
.articulo em{color:#fff;}
.nota-ref{color:#33A9A0; font-weight:600; font-size:.75em; padding:0 .1em; text-decoration:none;}
.nota-ref:hover{text-decoration:underline;}

/* Tablas de las columnas */
.tabla{margin:2.2em 0; background:#2A2A2A; border:1px solid rgba(255,255,255,.1); border-radius:.75rem; padding:1.25rem;}
.tabla figcaption{color:#fff; font-weight:600; font-size:.95rem; margin-bottom:1rem;}
.tabla-scroll{overflow-x:auto;}
.tabla table{width:100%; border-collapse:collapse; font-size:.8rem; line-height:1.4; font-variant-numeric:tabular-nums;}
.tabla thead th{color:#9CA3AF; font-weight:500; text-align:right; vertical-align:bottom; padding:.5rem .6rem; border-bottom:1px solid rgba(255,255,255,.15); min-width:6.5rem;}
.tabla thead th:first-child{text-align:left; min-width:0;}
.tabla .unidad th{color:#33A9A0; font-style:italic; text-align:center; font-size:.75rem; padding:.4rem;}
.tabla tbody th{color:#fff; text-align:left; font-weight:600; padding:.5rem .6rem;}
.tabla tbody td{text-align:right; padding:.5rem .6rem; color:#E5E7EB;}
.tabla tbody tr{border-top:1px solid rgba(255,255,255,.06);}
.tabla-hint{display:none; color:#9CA3AF; font-size:.75rem; margin:-.5rem 0 .75rem;}
@media (max-width:767px){.tabla-hint{display:block;}}
.tabla .fuente{color:#9CA3AF; font-size:.75rem; margin:1rem 0 0;}

/* Notas al pie */
.notas li{margin-bottom:.6em; overflow-wrap:anywhere;}
.notas a{color:#33A9A0;}
.notas a:hover{text-decoration:underline;}
.notas .volver{text-decoration:none; margin-left:.25em;}