.hse-theme .hse-page-content .hse-monthly-top { padding:20px; border:1px solid #cfe6f2; border-radius:20px; background:linear-gradient(140deg,#fff,#f2faff); font-family:'Segoe UI',Arial,sans-serif; }
.hse-theme .hse-page-content .hse-monthly-top .barra { height:auto; padding:17px 20px; border:1px solid #63cfe9; border-radius:14px; background:linear-gradient(115deg,#2cc5df,#329ede); color:#fff; font:700 22px/1.4 'Segoe UI',Arial,sans-serif; }
.hse-theme .hse-page-content .hse-monthly-top .hof-intro { max-width:none; margin:18px 0 24px; padding:24px; border:1px solid #cde6f4; border-radius:15px; background:linear-gradient(120deg,#e8f7ff,#f8fcff); text-align:left; color:#50748b; font:15px/1.7 'Segoe UI',Arial,sans-serif; }
.hse-monthly-top .hof-intro p:first-child { margin-top:0; }
.hse-monthly-top .hof-intro p:first-child strong { color:#0e81b7; font-size:23px; }
.hse-monthly-top .hof-intro p:last-child { margin-bottom:0; }
.hse-theme .hse-page-content .hse-monthly-top .hof-titulo-azul { margin:26px 0 22px; color:#167ca9; font-size:21px; text-transform:none; }
.hse-theme .hse-page-content .hse-monthly-top .hof-contenedor { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:16px; margin:0 0 12px; padding-top:18px; }
.hse-theme .hse-page-content .hse-monthly-top .hof-tarjeta { box-sizing:border-box; width:auto; min-width:0; padding:22px 12px; border:1px solid #cde4f0; border-radius:18px; background:linear-gradient(#fff,#edf8ff); box-shadow:0 6px 18px #2a719918!important; transition:transform .18s ease; }
.hse-theme .hse-page-content .hse-monthly-top .hof-tarjeta:first-child { padding-top:34px; padding-bottom:30px; border-color:#f4d781; background:linear-gradient(#fff8dc,#fffdf4); box-shadow:0 7px 22px #cb9b2920!important; }
.hse-theme .hse-page-content .hse-monthly-top .hof-tarjeta:nth-child(2) { background:linear-gradient(#f4f8fc,#fff); }
.hse-theme .hse-page-content .hse-monthly-top .hof-tarjeta:nth-child(3) { background:linear-gradient(#fff0e3,#fffaf5); border-color:#efd1b7; }
.hse-theme .hse-page-content .hse-monthly-top .hof-tarjeta:hover { transform:translateY(-4px); }
.hse-theme .hse-page-content .hse-monthly-top .hof-aureola { top:4px; width:86px; height:86px; border:0; background:#d9eefb; }
.hse-theme .hse-page-content .hse-monthly-top .hof-tarjeta:first-child .hof-aureola { background:#ffe6a1; }
.hse-theme .hse-page-content .hse-monthly-top .hof-tarjeta:nth-child(3) .hof-aureola { background:#f8dec5; }
.hse-theme .hse-page-content .hse-monthly-top .hof-avatar-wrapper { height:125px; }
.hse-theme .hse-page-content .hse-monthly-top .hof-avatar { height:120px; background-size:contain; background-repeat:no-repeat; image-rendering:pixelated; }
.hse-theme .hse-page-content .hse-monthly-top .hof-posicion { display:inline-block; padding:5px 13px; border-radius:20px; background:#e1edf6; color:#4f6a7c!important; font:700 12px/1.5 'Segoe UI',Arial,sans-serif; }
.hse-theme .hse-page-content .hse-monthly-top .hof-tarjeta:first-child .hof-posicion { background:#ffdc7b; color:#765209!important; }
.hse-theme .hse-page-content .hse-monthly-top .hof-tarjeta:nth-child(3) .hof-posicion { background:#f4d8bd; color:#885a32!important; }
.hse-theme .hse-page-content .hse-monthly-top .hof-nombre { margin-top:12px; overflow-wrap:anywhere; color:#237196; font:700 16px/1.4 'Segoe UI',Arial,sans-serif; }
@media(max-width:540px) { .hse-theme .hse-page-content .hse-monthly-top { padding:12px; } .hse-theme .hse-page-content .hse-monthly-top .hof-contenedor { grid-template-columns:1fr; } .hse-theme .hse-page-content .hse-monthly-top .hof-intro { padding:16px; } }
@media(prefers-reduced-motion:reduce) { .hse-theme .hse-page-content .hse-monthly-top .hof-tarjeta { transition:none; } }