/* HSE · diseño cielo. Se carga después de los estilos históricos del CMS. */
:root { --hse-blue:#087fff; --hse-ink:#17487d; --hse-muted:#5c7fa5; --hse-line:#bce7ff; --hse-card:#f8fcff; --hse-radius:15px; --hse-shadow:0 4px 14px #258dc323; }
html { scroll-behavior:smooth; }
.hse-theme .s_scroll { position:fixed;right:22px;bottom:22px;z-index:1000;display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #a0def3;border-radius:50%;background:linear-gradient(145deg,#fff,#def6ff);color:#087fae;box-shadow:0 5px 18px #064c7830;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);cursor:pointer;transition:opacity .2s,transform .2s,background .2s; }
.hse-theme .s_scroll.show { opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0); }
.hse-theme .s_scroll:hover { background:#078cbd;color:#fff;border-color:#078cbd;transform:translateY(-3px); }
.hse-theme .s_scroll:focus-visible { outline:3px solid #087fae;outline-offset:4px; }
.hse-theme .s_scroll svg { display:block;flex:none; }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hse-theme .s_scroll{transition:none}}
body.hse-theme { position:relative; isolation:isolate; margin:0; padding:0; min-width:320px; min-height:100vh; background:#D2F1FE; color:var(--hse-ink); font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5; }
/* Paisaje al final del documento: árboles intactos abajo y transición celeste hacia arriba. */
body.hse-theme::before { content:''; position:absolute; bottom:0; left:0; width:100%; height:auto; aspect-ratio:3790 / 986; z-index:-1; pointer-events:none; background:url('/img/theme/hse-city-bottom-v2.png') center bottom / 100% auto no-repeat; -webkit-mask-image:linear-gradient(transparent,#000 24%); mask-image:linear-gradient(transparent,#000 24%); }
.hse-theme .hse-hero { position:relative; height:max(200px,13.628vw); width:100%; background:#D2F1FE; }
.hse-theme .hse-hero::before { content:''; position:absolute; top:0; left:0; width:100%; height:clamp(180px,18vw,414px); pointer-events:none; background-image:url('/img/theme/hse-franky-top-v4.png'); image-rendering:auto; background-repeat:no-repeat; background-size:cover; background-position:center top; -webkit-mask-image:linear-gradient(#000 88%,transparent 100%); mask-image:linear-gradient(#000 88%,transparent 100%); }
@media(max-width:900px){.hse-theme .hse-hero::before{background-position:right top}}
.hse-theme .hse-topbar { position:absolute; top:12px; left:50%; transform:translateX(-50%); width:calc(100% - 36px); max-width:1180px; margin:0; border:1px solid #229bc6; border-bottom:4px solid #08c9ef; border-radius:15px; background:linear-gradient(120deg,#113d54f5,#071924f5 55%,#12334af5); box-shadow:0 2px 0 #008fbc,0 6px 16px #16678930; }
.hse-theme .hse-topbar-inner { min-height:66px; padding:7px 16px; gap:14px; }
.hse-theme .hse-account-toggle { background:#061a2480; }
.hse-theme .hse-topbar .hse-nav-link[aria-current=page] { background:linear-gradient(#0571a5,#06415c); border-color:#1ccafa; }
.hse-theme .hse-toast { top:105px; }
.hse-theme .align_web { position:relative; width:calc(100% - 40px); max-width:1200px; margin:-74px auto 0; }
.hse-theme .cont_web { width:100%; overflow:visible; padding:14px; border:1px solid #ffffffed; border-radius:20px; background:linear-gradient(115deg,#f1fbfff7,#ddf4fff0); box-shadow:0 5px 25px #178ec638,inset 0 0 0 5px #ffffff35; box-sizing:border-box; }
.hse-theme .bar_submenu { height:auto; display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:18px; padding:0 0 12px; background:none; box-shadow:none; border-radius:0; }
.hse-theme .btnsub_bar { display:flex; flex-wrap:wrap; gap:8px; width:auto; float:none; margin:0; }
.hse-theme .btn_sub { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:39px; padding:7px 12px; margin:0; height:auto; float:none; box-sizing:border-box; border:1px solid #ffffff85; border-radius:8px; background:linear-gradient(#ffffff25,#0000000b),var(--hse-accent,#0a9bef); color:white; box-shadow:inset 0 1px 1px #ffffff70,0 2px 4px #17689525; font:600 13px/1.2 Arial,sans-serif; text-shadow:0 1px 1px #0002; text-decoration:none; }
.hse-theme .btn_sub::before { content:'›'; font-size:24px; line-height:1; }
.hse-theme .btn_sub[href='/team'] { background:linear-gradient(#34caff,#0399f5); }
.hse-theme .btn_sub[href='/team']::before { content:'♟'; }
.hse-theme .btn_sub[href='/vacancies'] { background:linear-gradient(#52d854,#17aa35); }
.hse-theme .btn_sub[href='/vacancies']::before { content:'▣'; }
.hse-theme .btn_sub[href='/contact'] { background:linear-gradient(#ff8557,#ff4b1c); }
.hse-theme .btn_sub[href='/contact']::before { content:'✉'; }
.hse-theme .btn_sub[href='/top'] { background:linear-gradient(#a044ff,#7523db); }
.hse-theme .btn_sub[href='/top']::before { content:'★'; }
.hse-theme .btn_sub[href='/terms'] { background:linear-gradient(#22d6e8,#00a9c6); }
.hse-theme .btn_sub[href='/terms']::before { content:'▤'; }
.hse-theme .buscar_bar { float:none; width:100%; min-width:0; height:39px; margin:0; padding:9px 14px 9px 35px; box-sizing:border-box; border:1px solid #a7d8ff; border-radius:22px; background:#f5fbff url('/img/web/buscar.gif') 12px center no-repeat; font:13px Arial,sans-serif; color:#24558a; outline-offset:3px; }
.hse-theme .hse-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; align-items:start; gap:18px; overflow:visible; }
.hse-theme .cont_izq,.hse-theme .cont_der { display:flow-root; float:none; min-width:0; width:auto; height:auto; }
.hse-theme .cont_der { padding:0; background:none; border-radius:0; }
.hse-theme .cont_menu_b { width:100%; margin:0; padding:0; }
.hse-theme .hse-page-content { display:flow-root; min-width:0; height:auto; }
/* Promociones y redes: los datos siguen saliendo del CMS. */
.hse-theme .cont_slide_n { width:100%; height:auto; padding:0; margin:0 0 12px; border:1px solid #bee6fa; border-radius:15px; overflow:hidden; background:#fff; box-sizing:border-box; box-shadow:0 4px 14px #2381ad20; }
.hse-theme .hse-promo-stage { position:relative; aspect-ratio:2.68; min-height:180px; overflow:hidden; }
.hse-theme .slide_noti { inset:0; width:100%; height:100%; background-size:cover; background-position:center; border-radius:0; box-shadow:none; }
.hse-theme .hse-promo-copy { position:absolute; top:clamp(18px,2vw,30px); left:clamp(18px,2vw,28px); width:48%; display:flex; flex-direction:column; gap:12px; }
.hse-theme .slide_noti .titulo_slide { position:static; margin:0; color:#fff; font:700 clamp(22px,2.4vw,32px)/1.12 Arial,sans-serif; text-shadow:0 2px 4px #17305545; text-decoration:none; overflow-wrap:break-word; }
.hse-theme .slide_noti .titulo_slide:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.hse-theme .slide_noti .desc_slide { position:static; width:auto; color:#fff; font:500 14px/1.45 Arial,sans-serif; text-shadow:0 1px 3px #17305550; }
.hse-theme .hse-promo-controls { display:flex; align-items:center; gap:10px; min-height:36px; padding:2px 14px; border-top:1px solid #e0f0fa; background:linear-gradient(#fff,#f5fbff); }
.hse-theme .hse-promo-controls[hidden] { display:none; }
.hse-theme .cont_btn_slide { position:static; display:flex; flex-wrap:wrap; align-items:center; gap:3px; height:auto; flex:1; min-width:0; }
.hse-theme .cont_btn_slide button { display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:8px; background:none; cursor:pointer; }
.hse-theme .cont_btn_slide button::after { content:''; width:8px; height:8px; border-radius:6px; background:#b4d9ed; transition:width .18s,background .18s; }
.hse-theme .cont_btn_slide button.active::after { width:27px; background:#149fea; }
.hse-theme .cont_btn_slide button:hover { background:#e9f6ff; }
@media(max-width:540px) { .hse-theme .hse-promo-copy { width:52%; top:18px; left:15px; gap:8px; } .hse-theme .slide_noti .titulo_slide { font-size:20px; } .hse-theme .slide_noti .desc_slide { font-size:12px; } }
.hse-theme .cont_redes_p { display:flex; align-items:center; gap:12px; width:auto; height:auto; min-height:46px; margin:0 0 12px; padding:5px 10px; border:1px solid #b9e2ff; border-radius:11px; background:linear-gradient(#f9fdff,#e9f6ff); box-shadow:none; overflow:hidden; }
.hse-theme .cont_redes_p::before { content:'◖'; color:#079aff; font-size:30px; }
.hse-theme .cont_redes_p #texto_redes { flex:1; min-width:0; margin:0; color:#145197; text-shadow:none; font:13px/1.4 Arial,sans-serif; }
.hse-theme .cont_redes_p > div { display:flex; gap:8px; flex-shrink:0; }
.hse-theme .cont_redes_p img { display:block; width:32px; height:32px; object-fit:contain; }
/* Noticias de todos los grupos. */
.hse-theme .hse-home-news { margin:0 0 16px; padding:7px; border:1px solid #eaffff; border-radius:16px; background:#e5f6ffb8; box-shadow:0 3px 10px #328db522; }
.hse-theme .hse-news-header { min-height:50px; margin:-1px -1px 9px; border-radius:11px; }
.hse-theme .hse-news-heading { font-size:22px; }
.hse-theme .hse-page-content .hse-news-header :is(.hse-news-arrow,.hse-news-more) { color:#fff; }
.hse-theme .hse-news-grid { gap:9px; }
.hse-theme .hse-news-card { min-height:84px; padding:8px; gap:12px; border:1px solid #fff; border-radius:14px; background:linear-gradient(110deg,#fff,#f3faff); box-shadow:0 2px 5px #3777a124; }
.hse-theme .hse-news-title { font:700 13px/1.5 Arial,sans-serif; color:#0780ff; }
.hse-theme .hse-news-description { color:#527daa; font:12px/1.5 Arial,sans-serif; }
.hse-theme .hse-news-stat { height:22px; font-size:12px; }
/* Cada widget conserva sus identificadores y conexiones. */
.hse-theme .hse-widget { margin:0 0 12px; padding:7px; border:1px solid #d0edff; border-radius:14px; background:#f8fdffe8; box-shadow:var(--hse-shadow); overflow:visible; }
.hse-theme .hse-widget:empty { display:none; }
.hse-theme .head_menu_box { display:flex; align-items:center; min-height:36px; width:auto; height:auto; margin:0 0 5px!important; padding:5px 9px; border:0!important; border-radius:9px; background:linear-gradient(#29b9ff,#0687ed); box-shadow:inset 0 1px 0 #ffffff70; color:#fff; font:700 15px/1.3 Arial,sans-serif; text-shadow:0 1px 1px #185d8540; box-sizing:border-box; }
.hse-theme .head_menu_box.radiostats,.hse-theme .head_menu_box.destacados { background:transparent; color:#09559e; box-shadow:none; }
.hse-theme .head_menu_box.articulos { background:linear-gradient(#74d651,#46b52e); }
.hse-theme .head_menu_box.placas { background:linear-gradient(#e967cd,#ca39ae); }
.hse-theme .head_menu_box.furnis { background:linear-gradient(#3d7191,#27536e); }
.hse-theme .head_menu_box.salas { background:linear-gradient(#12c8ec,#00a8d6); }
.hse-theme .articulos_cont { display:flex; align-items:flex-start; gap:9px; height:auto; min-height:65px; padding:7px; border:0; border-radius:9px; background:#eaf8e4; box-sizing:border-box; }
.hse-theme .articulos_cont:nth-child(even) { background:#f2fbec; }
.hse-theme .articulos_cont .box_img_art { flex:0 0 50px; float:none; width:50px; height:50px; border:1px solid #a7c886; border-radius:6px; }
.hse-theme .articulos_cont .box_text_art { flex:1; float:none; width:auto; min-width:0; margin:0; font:12px/1.3 Arial,sans-serif; }
.hse-theme .articulos_cont .box_text_art .titulo { color:#317c17; }
.hse-theme .articulos_cont .box_text_art .desc { color:#56748b; }
.hse-theme .placas_cont,.hse-theme .furnis_cont,.hse-theme .salas_cont { margin:0; width:auto; padding:9px; border:0; border-radius:9px; background:#e8f4ff; color:#245581; font:13px/1.5 Arial,sans-serif; }
.hse-theme .placas_cont { background:#f9e9f9; }
.hse-theme .salas_cont a { display:block; margin:4px 0; padding:8px; border-radius:8px; background:#e1effe; color:#254d77; text-align:center; }
.hse-theme .v2box_inside { border:0!important; border-radius:9px!important; }
.hse-theme .v2_destacados_inside #equipo_destacado { background:#a4e7fa url('/img/theme/hse-background.png') left bottom / auto 180px no-repeat; height:155px; border:1px solid #d4eeff; border-radius:10px; }
.hse-theme .v2_destacados_inside #equipo_destacado .userdata { box-sizing:border-box; width:55%; max-height:none; right:5px; top:5px; padding:10px; border-radius:9px; background:#fffffff0; font-size:12px; }
.hse-theme .v2_destacados_inside #equipo_destacado .userdata p { color:#5279a0; font:12px/1.35 Arial,sans-serif; }
.hse-theme .v2_destacados_inside #equipo_destacado .keko { width:43%; }
.hse-theme .v2_top_inside .podium { background:#9ee6ff url('/img/theme/hse-background.png') center bottom / auto 220px no-repeat; }
.hse-theme .v2_top_inside .podium>.lugares { background-image:none; border-bottom:20px solid #f8d264; }
.hse-theme .v2_top_inside #top_foro { padding:0; margin:8px 0 0; }
.hse-theme .v2_top_inside #top_foro>li { background:#edf7ff; color:#2a638e; font-size:12px; text-shadow:none; border-radius:6px; margin-top:3px; }
/* Radio: una superficie clara, mismos controles y emisión. */
.hse-theme .cont_stats { width:100%; height:182px; background:linear-gradient(135deg,#fbfdff,#e8f7ff); text-shadow:none; border-radius:10px; }
.hse-theme .cont_stats .title { width:calc(100% - 82px); height:35px; top:7px; left:5px; padding:7px; box-sizing:border-box; box-shadow:none; border:1px solid #d9eeff; border-radius:9px; background:#fff; }
.hse-theme .cont_stats #updateTitle { width:calc(100% - 28px); font:600 12px/20px Arial,sans-serif; color:#205b9f; text-shadow:none; }
.hse-theme .cont_stats .djonline { width:calc(100% - 82px); height:27px; top:44px; left:5px; padding:3px 7px; box-sizing:border-box; background:transparent; box-shadow:none; color:#648bb1; text-shadow:none; }
.hse-theme .cont_stats .djonline #nombre_dj { width:calc(100% - 30px); font-size:12px; }
.hse-theme .cont_stats .kekodj { width:66px; right:4px; bottom:52px; height:126px; background-repeat:no-repeat; background-position:center bottom; }
.hse-theme .cont_stats .peticiones { bottom:61px; left:5px; width:122px; height:32px; border:1px solid #b8e5ff; border-radius:7px; background:linear-gradient(#fff,#daf4ff); }
.hse-theme .cont_stats .peticiones::after { content:'Peticiones ✉'; display:block; color:#0786d5; font:13px/30px Arial,sans-serif; text-align:center; }
.hse-theme .cont_stats .oyentes { left:133px; bottom:61px; width:70px; height:32px; border:1px solid #b8e5ff; border-radius:7px; background:#e3f6ff; }
.hse-theme .cont_stats .oyentes div { width:auto; margin:0; height:30px; color:#0085df; font:13px/30px Arial,sans-serif; }
.hse-theme .cont_stats .oyentes div::before { content:'♫ '; }
.hse-theme .cont_stats .abajo { width:100%; height:52px; background:#f8fcff; border:1px solid #cceaff; border-radius:9px; box-shadow:none; box-sizing:border-box; }
.hse-theme .cont_stats .abajo #toggleBtns { border:0; padding:0; width:39px; height:37px; right:7px; bottom:7px; border-radius:8px; background:linear-gradient(#24b6ff,#0480f4); }
.hse-theme .cont_stats .abajo #toggleBtns #btn_play,.hse-theme .cont_stats .abajo #toggleBtns #btn_pause { margin:0; width:100%; height:100%; background:none; }
.hse-theme #btn_play::after { content:'▶'; display:block; color:#fff; font:21px/37px Arial,sans-serif; text-align:center; }
.hse-theme #btn_pause::after { content:'Ⅱ'; display:block; color:#fff; font:bold 24px/37px Arial,sans-serif; text-align:center; }
/* Componentes comunes de TODAS las páginas internas. */
.hse-theme .hse-page-content .cont_cent_p,.hse-theme .hse-page-content .hs_cont_cent { display:flow-root; width:auto; height:auto; margin:0 0 15px; padding:12px; border:1px solid #fff; border-radius:15px; background:linear-gradient(125deg,#fff,#f3fbff); box-shadow:var(--hse-shadow); overflow:visible; box-sizing:border-box; }
.hse-theme .hse-page-content .cont_cent_p::after { content:''; display:block; clear:both; }
.hse-theme .hse-page-content .barra,.hse-theme .hse-page-content .hs_barra_azulada { height:auto; min-height:43px; padding:10px 13px; margin:0 0 12px; border:1px solid #ffffff80; border-radius:10px; background-image:linear-gradient(#ffffff20,#00000005); background-color:#129eea; box-shadow:inset 0 1px 0 #ffffff80; color:#fff; font:700 18px/1.25 Arial,sans-serif; text-shadow:0 1px 1px #0c4d8a30; box-sizing:border-box; }
.hse-theme .hse-page-content .barra.naranja { background-color:#ffb614; }
.hse-theme .hse-page-content .barra.verde { background-color:#69bf3e; }
.hse-theme .hse-page-content .barra.rojo { background-color:#ef6464; }
.hse-theme .hse-page-content .barra.rosa,.hse-theme .hse-page-content .barra.lila { background-color:#bf6cd7; }
.hse-theme .hse-page-content .barra.gris { background-color:#6587a3; }
.hse-theme .hse-page-content .barra.marron { background-color:#b8895a; }
.hse-theme .hse-page-content .cont_opc_p { width:auto; padding:5px; font:14px/1.6 Arial,sans-serif; color:var(--hse-ink); overflow-wrap:break-word; }
.hse-theme .hse-page-content p { line-height:1.6; }
.hse-theme .hse-page-content a { color:#087bc9; }
.hse-theme .hse-page-content img { max-width:100%; }
.hse-theme .hse-page-content iframe,.hse-theme .hse-page-content video { max-width:100%; }
.hse-theme .hse-page-content :is(input[type=text],input[type=password],input[type=email],input[type=number],input[type=url],input[type=search],input[type=date],input[type=datetime-local],select,textarea) { max-width:100%; height:auto; min-height:36px; padding:8px 10px; border:1px solid #b7dff5; border-radius:7px; background:#fff; color:#245579; font:14px/1.4 Arial,sans-serif; box-sizing:border-box; box-shadow:inset 0 1px 2px #397b9c08; }
.hse-theme .hse-page-content textarea { min-height:110px; resize:vertical; }
.hse-theme .hse-page-content :is(input,select,textarea):focus { outline:2px solid #38b9ff; outline-offset:2px; }
.hse-theme .hse-page-content :is(input[disabled],select[disabled],textarea[disabled]) { background:#edf3f7; color:#758c9b; }
.hse-theme .hse-page-content :is(input[type=submit],.btn_enviar_p,.btn_user_opc,.btn-ir-logs,.btn_verd,.pagf_btn) { display:inline-flex; align-items:center; justify-content:center; min-height:34px; height:auto; padding:7px 13px; border:1px solid #69c8ff; border-radius:7px; background:linear-gradient(#25b6ff,#058bef); color:#fff; font:600 13px/1.35 Arial,sans-serif; text-shadow:0 1px 1px #07559630; box-shadow:0 2px 4px #118cbd20; cursor:pointer; box-sizing:border-box; }
.hse-theme .hse-page-content .btn-eliminar { border-radius:7px; padding:7px 12px; background:#e85656; color:#fff; border:1px solid #d94545; }
.hse-theme .hse-page-content .user_opc,.hse-theme .hse-page-content .user_opc_grand { width:auto; height:auto; min-height:44px; padding:10px; margin:0 0 7px; border:1px solid #d4ecfb; border-radius:9px; background:#edf8ff; color:#315f84; font:14px/1.5 Arial,sans-serif; text-shadow:none; box-sizing:border-box; }
.hse-theme .hse-page-content .user_opc::after { content:''; display:block; clear:both; }
.hse-theme .hse-page-content :is(.error,.success,.mensaje-error,.mensaje-exito,.mensaje-info,.cant_busq,.alerta) { height:auto; padding:12px; margin:10px 0; border:1px solid #baddf5; border-radius:9px; background:#eaf6ff; color:#245c85; font:14px/1.5 Arial,sans-serif; text-shadow:none; box-sizing:border-box; }
.hse-theme .hse-page-content :is(.error.fail,.mensaje-error,.alerta-error) { background:#fff0f0; border-color:#f4c8c8; color:#a83333; }
.hse-theme .hse-page-content :is(.success,.mensaje-exito) { background:#effbed; border-color:#c9e6c0; color:#3c792e; }
.hse-theme .hse-table-scroll { width:100%; overflow-x:auto; margin:10px 0; border:1px solid #cbe8fb; border-radius:10px; }
.hse-theme .hse-page-content table { width:100%; margin:0; border-collapse:collapse; background:#fff; color:#315e80; font:13px/1.5 Arial,sans-serif; }
.hse-theme .hse-page-content table :is(td,th) { padding:10px; border:1px solid #d9edf9; vertical-align:top; }
.hse-theme .hse-page-content table th { background:#e3f3ff; color:#16639b; font-weight:700; }
.hse-theme .hse-page-content table tr:nth-child(even) { background:#f4faff; }
.hse-theme .hse-page-content :is(.camp_articulos,.camp_panel_w,.camp_tickets,.camp_estadisticas,.list_p,.user_opc_ban,.user_opc_radio,.user_opc_codigo,.user_opc_storie,.user_opc_peti,.user_opc_msj) { height:auto; min-height:43px; padding:10px 12px; margin:5px 0; border:1px solid #d0e9fb; border-radius:9px; background:linear-gradient(110deg,#fff,#eef8ff); color:#315e85; text-shadow:none; font:14px/1.5 Arial,sans-serif; box-sizing:border-box; }
.hse-theme .hse-page-content :is(.camp_articulos,.camp_panel_w):hover { background:#def2ff; border-color:#83cdf7; }
.hse-theme .hse-page-content .camp_panel_w { padding-left:16px; border-left:4px solid #3dbbff; }
.hse-theme .hse-page-content .cont_noti_c { width:100%; }
.hse-theme .hse-page-content .m_noti_archivo { display:flex; align-items:flex-start; gap:14px; width:auto; height:auto; min-height:94px; padding:12px; margin:0 0 9px; border:1px solid #d5edff; border-radius:12px; background:linear-gradient(115deg,#fff,#f2faff); box-shadow:0 2px 4px #1688bc10; box-sizing:border-box; }
.hse-theme .hse-page-content .img_noti_archivo { float:none; flex:0 0 62px; width:62px; height:62px; border:1px solid #c5deef; border-radius:9px; }
.hse-theme .hse-page-content .texto_noti_archivo { float:none; flex:1; min-width:0; width:auto; height:auto; margin:0; }
.hse-theme .texto_noti_archivo .titulo_noti { height:auto; font:700 15px/1.4 Arial,sans-serif; }
.hse-theme .texto_noti_archivo .titulo_noti strong { color:#0780ff; }
.hse-theme .texto_noti_archivo .desc_noti { height:auto; min-height:34px; font:13px/1.5 Arial,sans-serif; color:#537ca4; }
.hse-theme .texto_noti_archivo .icon_coment { position:static; display:inline-block; margin-top:5px; }
.hse-theme .hse-page-content .cab_noti { width:auto; height:auto; min-height:110px; padding:14px; border-radius:11px; background:#e5f5ff; box-sizing:border-box; }
.hse-theme .hse-page-content .dat_leer_noti { float:none; width:auto; margin-left:80px; }
.hse-theme .hse-page-content .barra_tit { height:auto; font:700 24px/1.25 Arial,sans-serif; color:#087dd7; }
.hse-theme .hse-page-content .barra_des { height:auto; font:14px/1.5 Arial,sans-serif; color:#527ea3; }
.hse-theme .hse-page-content .cont_noti_txt { width:auto; padding:12px 5px; color:#274e72; font:16px/1.75 Arial,sans-serif; overflow-wrap:anywhere; }
.hse-theme .hse-page-content .cont_noti_txt img { height:auto; }
.hse-theme .hse-page-content .cont_noti_txt :is(p,span,div) { max-width:100%; }
/* Equipo, perfiles y cuentas. */
.hse-theme #sec_equipo .box { padding:8px; border:1px solid #d5edfb; border-radius:13px; box-shadow:var(--hse-shadow); }
.hse-theme #sec_equipo .box>.head { height:auto; min-height:42px; padding:10px 13px; border-radius:9px; font:700 17px/1.4 Arial,sans-serif; }
.hse-theme #sec_equipo .cont_usuarios_g { display:flex; flex-wrap:wrap; gap:8px; padding:8px; border-radius:10px; background:#eaf6ff; }
.hse-theme #sec_equipo .user_box_equipo { display:flex; align-items:center; gap:10px; width:calc(50% - 4px); height:auto; min-height:82px; padding:8px; border:1px solid #d3ebfb; border-radius:11px; background:#fff; }
.hse-theme #sec_equipo .cont_keko_equipo { flex:0 0 54px; float:none; margin:0; }
.hse-theme #sec_equipo .user_box_equipo>.cont_datos_equipo { float:none; flex:1; width:auto; min-width:0; margin:0; }
.hse-theme #sec_equipo .user_box_equipo>.cont_datos_equipo div { font:12px/1.45 Arial,sans-serif; color:#5b7d9c; }
.hse-theme #sec_equipo .user_box_equipo>.cont_datos_equipo div:last-child { margin-top:3px; }
.hse-theme #sec_equipo .user_box_equipo>.cont_datos_equipo div.usuario_equipo { height:auto; margin:0; padding:3px 6px; font:700 13px/1.5 Arial,sans-serif; background:#edf7ff; color:#087fc7; overflow-wrap:anywhere; }
.hse-theme .hse-page-content :is(.cont_headcuenta,.head_inventario,.head_catalogo,.head_peticiones) { max-width:100%; border:1px solid #c2e7fa; border-radius:12px; background-color:#d5f0ff; box-sizing:border-box; }
.hse-theme .hse-page-content :is(.amigo-card,.badge-card,.habbo-preview-card,.box_habbsel,.box_datcuenta,.hof-tarjeta) { border:1px solid #d1eafa; border-radius:12px; background-color:#f5fbff; box-shadow:0 2px 7px #1b8ac31a; }
.hse-theme .hse-page-content :is(.historia_hs,.terminos_condiciones,.online-wrap,.habbo-box) { max-width:100%; color:#365f85; font:15px/1.7 Arial,sans-serif; box-sizing:border-box; }
.hse-theme .hse-page-content :is(.hist_titulo,.titulo_terminos) { color:#087bc8; font:700 21px/1.4 Arial,sans-serif; }
.hse-theme .hse-page-content :is(.cont_pubcamp,.public_der,.public_izq,.cont_img_storie,.camp_textarea_e,.reg_izq,.cont_leermsj,.cont_mensjpus,.cont_msj_ticket,.box_camb_firma) { max-width:100%; box-sizing:border-box; }
.hse-theme .hse-page-content .cont_pubcamp { display:flex; flex-wrap:wrap; gap:12px; }
.hse-theme .hse-page-content .public_izq { flex:0 0 150px; float:none; }
.hse-theme .hse-page-content .public_der { flex:1; float:none; min-width:230px; width:auto; }
.hse-theme .hse-page-content .reg_izq { width:100%; }
.hse-theme .hse-page-content .user_opc_grand textarea { width:100%; }
.hse-theme .hse-utilities-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }
.hse-theme .hse-utility-card { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:18px; border:1px solid #c3e7ff; border-radius:13px; background:linear-gradient(135deg,#fff,#e8f6ff); text-decoration:none; box-shadow:var(--hse-shadow); }
.hse-utility-card strong { font-size:17px; color:#087de3; }.hse-utility-card span { font-size:14px; color:#5b80a1; }
.hse-utility-card:hover { border-color:#35baff; transform:translateY(-1px); }
/* Pie y acreditación fansite, fuera de la columna de noticias. */
.hse-theme .copyright { display:flex; align-items:center; gap:18px; width:auto; min-height:110px; height:auto; margin:18px 0; padding:18px; border:1px solid #fff; border-radius:15px; background:linear-gradient(100deg,#edfaff,#d5f1ff); box-shadow:var(--hse-shadow); box-sizing:border-box; }
.hse-theme .btn_webfan { display:grid; place-items:center; flex:0 0 110px; width:110px; height:85px; margin:0; float:none; background:none; text-decoration:none; }
.hse-theme .btn_webfan>img { display:block; width:100%; height:100%; object-fit:contain; }
.hse-theme .texto_copyright { flex:1; width:auto; margin:0; padding:0; float:none; color:#2b6592; text-shadow:none; font:13px/1.65 Arial,sans-serif; }
.hse-theme .hse-footer { padding:22px 18px; border:1px solid #fff; border-radius:16px; background:linear-gradient(#fffE,#effaffeb); text-align:center; box-shadow:var(--hse-shadow); }
.hse-theme .footer-nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:18px; padding:0 0 18px; margin:0 auto; border-bottom:1px solid #bfdef8; }
.hse-theme .footer-link { color:#145887; font:600 14px/1.5 Arial,sans-serif; padding:6px 2px; }
.hse-theme .hse-footer-credit { padding-top:18px; color:#296eaa; font:14px/1.5 Arial,sans-serif; }
.hse-theme #cookie-banner { box-sizing:border-box; font:14px/1.5 Arial,sans-serif; }
.hse-theme a:focus-visible,.hse-theme button:focus-visible,[role=button]:focus-visible { outline:3px solid #0089d9; outline-offset:3px; }
/* Mismos componentes a cualquier anchura, sin el lienzo fijo de 860px. */
@media (max-width:1100px) { .hse-theme .align_web { width:calc(100% - 24px); } .hse-theme .bar_submenu,.hse-theme .hse-layout { grid-template-columns:minmax(0,1fr) 285px; gap:12px; } .hse-theme .cont_web { padding:10px; } .hse-theme .btn_sub { padding:7px 9px; font-size:12px; } }
@media (max-width:850px) { .hse-theme .hse-layout { grid-template-columns:minmax(0,1fr); } .hse-theme .bar_submenu { grid-template-columns:minmax(0,1fr); } .hse-theme .cont_der .cont_menu_b { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .hse-theme .hse-widget { margin:0; min-width:0; }  .hse-theme .btnsub_bar { justify-content:center; } .hse-theme .hse-page-content .cont_cent_p { padding:10px; } }
@media (max-width:540px) { .hse-theme .hse-topbar { top:8px; width:calc(100% - 16px); } .hse-theme .hse-topbar-inner { padding:8px; gap:8px; }  .hse-theme .align_web { width:calc(100% - 12px); margin-top:-12px; } .hse-theme .cont_web { padding:8px; border-radius:13px; } .hse-theme .hse-news-grid { grid-template-columns:minmax(0,1fr); } .hse-theme .hse-news-heading { font-size:18px; } .hse-theme .hse-news-more { font-size:12px; } .hse-theme .cont_der .cont_menu_b { grid-template-columns:minmax(0,1fr); } .hse-theme #sec_equipo .user_box_equipo { width:100%; } .hse-theme .hse-utilities-grid { grid-template-columns:minmax(0,1fr); } .hse-theme .copyright { padding:12px; gap:10px; align-items:flex-start; } .hse-theme .btn_webfan { flex-basis:68px; width:68px; height:60px; } .hse-theme .texto_copyright { font-size:12px; } .hse-theme .hse-page-content .cont_noti_txt { font-size:15px; } .hse-theme .hse-page-content .public_der { min-width:0; flex-basis:100%; } .hse-theme .hse-page-content .barra_tit { font-size:21px; } .hse-theme .hse-toast { top:auto; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .hse-theme * { animation-duration:.01ms!important; transition-duration:.01ms!important; } }
.hse-theme .hse-radio-status { margin-left:auto; padding:3px 7px; border:1px solid #c4e8ff; border-radius:14px; background:#eaf6ff; color:#5a7da0; font:10px/1.4 Arial,sans-serif; text-shadow:none; white-space:nowrap; }
.hse-theme .hse-radio-status.is-playing { color:#188549; background:#e8fbee; border-color:#b8ecca; }
.hse-theme .cont_stats #sound_mute { width:27px; height:27px; padding:0; border:0; border-radius:6px; bottom:12px; left:8px; background:none; color:#258bc8; font-size:21px; }
.hse-theme .cont_stats #sound_mute::after { content:'♫'; }
.hse-theme .cont_stats #sound_mute[aria-pressed=true]::after { content:'×'; }
.hse-theme .cont_stats #sound_barre { background:#bfdff5; background-image:none; height:5px; width:142px; bottom:24px; left:43px; border-radius:5px; border:0; }
.hse-theme .cont_stats #sound_btn { width:16px; height:16px; top:-6px; background:#009dff; border:2px solid #fff; border-radius:50%; box-sizing:border-box; box-shadow:0 1px 4px #086ba850; }
.hse-theme .cont_stats .abajo [data-radio-icon] { display:block; }
.hse-theme .cont_btn_slide[hidden],.hse-theme .hse-widget[hidden] { display:none; }
.hse-theme .hse-page-content .head_articulos { height:auto; min-height:180px; padding:18px; border:1px solid #c5e9ff; border-radius:12px; background:linear-gradient(120deg,#edfaff,#ddf4ff); color:#275e8c; text-shadow:none; font:14px/1.6 Arial,sans-serif; box-sizing:border-box; }
.hse-theme .hse-page-content .head_articulos>div { width:auto; max-width:100%; height:auto; color:inherit; text-shadow:none; font:inherit; }
.hse-theme .hse-page-content .head_contacto { max-width:100%; height:auto; min-height:145px; padding:18px; border:1px solid #c5e9ff; border-radius:12px; background:linear-gradient(120deg,#edfaff,#ddf4ff); color:#275e8c; font:14px/1.6 Arial,sans-serif; box-sizing:border-box; }
.hse-theme .hse-page-content .head_contacto>div { width:auto; max-width:100%; height:auto; color:inherit; text-shadow:none; font:inherit; }

/* Los formularios siguen el flujo del contenido; no heredan alturas porcentuales. */
.hse-theme .hse-page-content .user_opc_resp { height:auto; min-height:44px; }
.hse-theme .hse-page-content :is(.user_opc,.user_opc_resp,.user_opc_grand,.campinput_cred) :is(input,select,textarea) { height:auto; box-sizing:border-box; }
.hse-theme .hse-page-content .cont_msj_ticket :is(.msjyo,.msjdep) { width:calc(100% - 85px); box-sizing:border-box; overflow-wrap:anywhere; }
.hse-theme .hse-page-content .cont_msj_ticket textarea { width:100%; box-sizing:border-box; }
.hse-theme .copyright,.hse-theme .hse-footer { clear:both; position:relative; }

/* La misma franja de nubes detrás del menú en todas las secciones. */
@media(max-width:1050px) { .hse-theme .hse-hero { height:220px; } }
@media(max-width:540px) { .hse-theme .hse-hero { height:215px; } }
/* Acceso, registro y recuperación */
.hse-theme .hse-login-form {display:grid;gap:9px;padding:18px;border:1px solid #7dbbd0;border-radius:17px;background:linear-gradient(145deg,#214f65,#173e53);color:#e4f5ff;font:14px/1.5 Arial,sans-serif;box-shadow:0 12px 32px #062b4640}
.hse-theme .hse-login-form a {display:block;padding:7px 10px;border-radius:8px;color:#d8f3ff!important;font-weight:400!important;text-decoration:none!important;transition:background .15s,color .15s}
.hse-theme .hse-login-form a:hover {background:#b9e4f4!important;color:#225b75!important}
.hse-theme .hse-login-form input {box-sizing:border-box;width:100%;min-height:42px;border:1px solid #accfdf;border-radius:9px;padding:10px;background:#f3faff;color:#234f68}
.hse-theme .hse-login-form button {min-height:42px;border:1px solid #71cfe8;border-radius:9px;background:#098db9;color:white;font-weight:600;cursor:pointer}
.hse-theme .hse-auth-page {padding:20px!important;border:1px solid #c6e5f5!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,#f5fbff)!important;font:14px/1.6 Arial,sans-serif;color:#315d75}
.hse-theme .hse-auth-page>.barra {height:auto!important;padding:14px 18px!important;border-radius:13px!important;background:linear-gradient(110deg,#25bfd4,#259bd5)!important;color:#fff!important;font:700 20px/1.4 Arial,sans-serif!important;text-shadow:none!important;margin-bottom:18px}
.hse-theme .hse-auth-page .cont_opc_p{padding:0!important}
.hse-auth-intro {margin:0 0 22px;color:#53798e;font:14px/1.7 Arial,sans-serif}
.hse-theme .hse-auth-page #c_reg .hse-register-grid {display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;align-items:start}
.hse-theme .hse-auth-page #c_reg .reg_izq {float:none;width:auto;margin:0}
.hse-theme .hse-auth-page label {display:block;margin:0 0 7px;color:#315c74!important;font:600 13px/1.5 Arial,sans-serif}
.hse-theme .hse-auth-page .user_opc.reg {height:auto!important;min-height:0;padding:12px!important;margin-bottom:12px;border:1px solid #d0e8f5!important;border-radius:12px!important;background:#f1faff!important;display:flex;flex-wrap:wrap;gap:7px}
.hse-theme .hse-auth-page .user_opc.reg>label{width:100%;margin:0}
.hse-theme .hse-auth-page .user_opc.reg>div {float:none!important;margin:0!important;flex:1 1 145px;width:auto!important;align-self:end}
.hse-theme .hse-auth-page input:not([type=hidden]):not([type=button]),.hse-theme .hse-auth-page select {box-sizing:border-box;width:100%!important;height:44px!important;padding:10px 12px!important;border:1px solid #bcddec!important;border-radius:10px!important;background:#fff!important;color:#294f66!important;font:14px Arial,sans-serif!important;box-shadow:none}
.hse-theme .hse-auth-page #c_reg .bg_reg {position:static;float:none;box-sizing:border-box;width:100%;height:auto;min-height:290px;margin:0;padding:24px 18px;border:1px solid #c8e7f4;border-radius:19px;background:radial-gradient(circle at 50% 60%,#d4f2ff,#f5fcff 75%);text-align:center;color:#2385ac}
.hse-theme .hse-auth-page #c_reg .bg_reg p{font-size:13px;color:#587d90}
.hse-theme .hse-auth-page #c_reg .keko_reg {position:static;width:auto;height:160px;display:flex;align-items:center;justify-content:center;margin:15px 0 0;padding:0;background:none}
.hse-theme .hse-auth-page #img_keko_reg {position:static;max-height:160px;max-width:100%;width:auto;height:auto;image-rendering:pixelated}
.hse-theme .hse-auth-page :is(.btn_enviar_p,button[type=submit]) {grid-column:1/-1;box-sizing:border-box;width:100%;min-height:46px;border:1px solid #1da6d0!important;border-radius:11px!important;background:#079ac8!important;color:#fff!important;font:600 15px Arial,sans-serif!important;text-shadow:none!important;box-shadow:none!important;cursor:pointer}
.hse-theme .hse-auth-page :is(.btn_enviar_p,button[type=submit]):hover{background:#087fa7!important}
.hse-theme .hse-auth-page #msjSuc{grid-column:1/-1}
.hse-theme .hse-auth-page .aviso_reg {font:13px/1.7 Arial,sans-serif!important;color:#53788b}
.hse-theme .hse-recovery-page #panel_web_menu>div{box-sizing:border-box;max-width:580px!important;margin:10px auto!important;padding:20px!important;background:transparent!important;box-shadow:none!important}
.hse-recovery-page h2 {font-size:22px;color:#1c7497;margin:0 0 10px}
.hse-auth-steps{display:flex;gap:12px;list-style:none;counter-reset:step;padding:0;margin:20px 0;flex-wrap:wrap}
.hse-auth-steps li{flex:1 1 110px;font-size:12px;color:#52788e}
.hse-auth-steps li:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#d9f3ff;color:#0783b0;font-weight:bold;margin-bottom:7px}
.hse-auth-help {background:#eaf8ff;border:1px solid #c5e6f5;border-radius:12px;padding:14px;color:#3c7088}
.hse-theme :is(.hse-auth-page,.hse-login-form) :is(input,select,button,a):focus-visible {outline:3px solid #55bbdf;outline-offset:3px}
@media(max-width:650px){.hse-theme .hse-auth-page #c_reg .hse-register-grid{grid-template-columns:1fr}.hse-theme .hse-auth-page #c_reg .bg_reg{min-height:0}.hse-theme .hse-auth-page{padding:14px!important}}
/* Registro: rejilla compacta sin anchos heredados de 300px. */
.hse-theme .hse-auth-page #c_reg .hse-register-grid {grid-template-columns:minmax(0,1fr) 190px;gap:16px}
.hse-theme .hse-auth-page #c_reg .reg_izq {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;width:100%}
.hse-theme .hse-auth-page #c_reg .user_opc.reg {box-sizing:border-box;width:100%!important;min-width:0;margin:0!important;align-content:start}
.hse-theme .hse-auth-page #c_reg .bg_reg {padding:20px 12px;min-height:260px}
@media(max-width:750px){.hse-theme .hse-auth-page #c_reg .hse-register-grid{grid-template-columns:1fr}.hse-theme .hse-auth-page #c_reg .bg_reg{min-height:0;padding:16px}.hse-theme .hse-auth-page #c_reg .keko_reg{height:110px;margin-top:8px}}
@media(max-width:480px){.hse-theme .hse-auth-page #c_reg .reg_izq{grid-template-columns:1fr}}
/* Navegación superior con desplegables y contenido alineado con el buscador. */
.hse-theme .hse-topbar-inner{gap:8px}
.hse-theme .hse-main-nav{gap:2px}
.hse-theme .hse-topbar .hse-nav-link{font-size:14px;gap:6px;padding:8px}
.hse-nav-group{position:relative;display:flex;align-items:center}
.hse-nav-expand{display:grid;place-items:center;width:22px;height:36px;margin-left:-3px;padding:0;border:0;border-radius:8px;background:transparent;color:#d8f4ff;cursor:pointer}
.hse-nav-expand svg{width:15px;height:15px}
.hse-nav-expand:hover,.hse-nav-expand[aria-expanded=true]{background:#0b6689}
.hse-nav-dropdown{position:absolute;top:100%;left:0;min-width:220px;max-width:calc(100vw - 28px);padding:8px;border:1px solid #2384a8;border-radius:13px;background:linear-gradient(135deg,#123e53,#072a3d);box-shadow:0 12px 26px #06223640;z-index:200}
.hse-nav-dropdown[hidden]{display:none!important}
.hse-theme .hse-topbar .hse-nav-dropdown a{display:block;padding:11px 13px;border-radius:8px;color:#def5ff;text-decoration:none;font:14px/1.4 Arial,sans-serif}
.hse-theme .hse-topbar .hse-nav-dropdown a:hover{background:#0b6084;color:white}
.hse-nav-group :is(a,button):focus-visible{outline:2px solid #78dafa;outline-offset:2px}
.hse-theme .hse-sidebar-search{box-sizing:border-box;width:100%;float:none;margin:0 0 12px;min-height:40px}
.hse-theme .cont_der .hse-widget-radio .head_menu_box.radiostats{box-sizing:border-box;height:auto!important;min-height:42px!important;padding:9px 12px!important;background:linear-gradient(110deg,#9256bb,#8142ac)!important;font-size:20px!important;line-height:24px!important;border-radius:13px!important}
.hse-theme .hse-widget-radio .hse-radio-brand b{font-size:20px!important;line-height:24px!important}
.hse-theme .hse-widget-radio .hse-radio-status{color:#8142ac;background:#f6edff}
.hse-event-link{display:flex;flex-direction:column;gap:6px;margin:12px 0;padding:16px;border:1px solid #c5e5f5;border-radius:12px;background:#f0faff;text-decoration:none;color:#297697}
.hse-event-link span{font-size:13px;color:#5c7c91}
@media(max-width:1100px){.hse-theme .hse-topbar-inner{flex-wrap:wrap}.hse-theme .hse-main-nav{flex-basis:100%;order:1;flex-wrap:wrap}.hse-theme .hse-topbar .hse-nav-link{font-size:13px}}
@media(max-width:850px){.hse-theme .hse-sidebar-search{grid-column:1/-1}.hse-nav-dropdown{left:auto;right:0}}
/* Más espacio entre el nombre del menú y su desplegable. */
.hse-theme .hse-nav-group{gap:4px}
.hse-theme .hse-nav-expand{width:28px;height:32px;margin:0 4px 0 0;border-radius:10px;flex-shrink:0}
.hse-theme .hse-nav-expand svg{width:16px;height:16px}
.hse-theme .hse-nav-expand:hover,.hse-theme .hse-nav-expand[aria-expanded=true]{background:#ffffff14;color:#9fe7ff}
@media(max-width:650px){.hse-theme .hse-nav-group{gap:2px}.hse-theme .hse-nav-expand{margin-right:2px;width:26px}}
/* Barra más amplia y elementos protegidos contra solapamientos. */
.hse-theme .hse-topbar{max-width:1400px}
.hse-theme .hse-topbar-inner{max-width:none;gap:14px;padding:9px 18px}
.hse-theme .hse-main-nav{flex:1 0 auto;gap:4px}
.hse-theme .hse-nav-group,.hse-theme .hse-nav-panel,.hse-theme .hse-online{flex-shrink:0}
@media(max-width:1280px){
.hse-theme .hse-topbar-inner{flex-wrap:wrap}
.hse-theme .hse-main-nav{flex:1 1 100%;order:1;flex-wrap:wrap;min-width:0}
}
@media(max-width:540px){.hse-theme .hse-topbar-inner{gap:8px;padding:8px}.hse-theme .hse-main-nav{gap:2px}}
/* Un único control para abrir cada menú. */
.hse-theme .hse-topbar .hse-nav-unified{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:43px;margin:0;padding:8px 12px;gap:9px;border:1px solid #2386a5;border-radius:20px;background:linear-gradient(145deg,#11516a,#092e42);color:#eefaff;font:600 14px Arial,sans-serif;cursor:pointer}
.hse-theme .hse-topbar .hse-nav-unified:hover,.hse-theme .hse-topbar .hse-nav-unified[aria-expanded=true]{background:linear-gradient(#087caf,#064663);border-color:#21c9ed;box-shadow:inset 0 1px 5px #38d9ff30}
.hse-theme .hse-topbar .hse-nav-unified svg{width:21px;height:21px}
.hse-theme .hse-topbar .hse-nav-unified svg:last-child{width:15px;height:15px;margin-left:3px;transition:transform .15s}
.hse-theme .hse-topbar .hse-nav-unified[aria-expanded=true] svg:last-child{transform:rotate(180deg)}
/* Menú sin cápsulas permanentes: resaltar únicamente al interactuar. */
.hse-theme .hse-topbar .hse-nav-link,
.hse-theme .hse-topbar .hse-nav-link[aria-current=page],
.hse-theme .hse-topbar .hse-nav-unified[aria-expanded=true]{background:transparent;border-color:transparent;box-shadow:none}
.hse-theme .hse-topbar .hse-nav-link:hover,
.hse-theme .hse-topbar .hse-nav-link:focus-visible{background:linear-gradient(#087caf,#064663);border-color:#21c9ed;box-shadow:inset 0 1px 5px #38d9ff30;color:#fff}

/* Acreditación al final del pie, con la insignia a tamaño original. */
.hse-theme .hse-footer .copyright { margin:20px 0 0; padding:18px 0 0; min-height:0; border:0; border-top:1px solid #bfdef8; border-radius:0; background:none; box-shadow:none; text-align:left; }
.hse-theme .hse-footer .btn_webfan { flex:0 0 122px; width:122px; height:64px; }
.hse-theme .hse-footer .btn_webfan>img { width:122px; height:64px; max-width:none; }
@media(max-width:540px) { .hse-theme .hse-footer .copyright { flex-direction:column; text-align:center; gap:12px; } .hse-theme .hse-footer .btn_webfan { flex-basis:auto; } }

/* Navegación de Top Stories: flechas a los extremos e indicadores centrados. */
.hse-theme #promo-box .hse-promo-controls { display:grid; grid-template-columns:32px minmax(0,1fr) 32px; gap:10px; padding:7px 14px; }
.hse-theme #promo-box .hse-promo-controls[hidden] { display:none; }
.hse-theme #promo-box .cont_btn_slide { justify-content:center; gap:0; }
.hse-theme #promo-box .cont_btn_slide button { width:24px; }
.hse-theme #promo-box .cont_btn_slide button::after { width:7px; height:7px; }
.hse-theme #promo-box .cont_btn_slide button.active::after { width:19px; background:#09a4dc; }
.hse-theme #promo-box .hse-promo-arrow { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid #b9e5fa; border-radius:11px; background:linear-gradient(#f8fdff,#eaf8ff); color:#079cdd; cursor:pointer; transition:background .15s,border-color .15s; }
.hse-theme #promo-box .hse-promo-arrow svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.hse-theme #promo-box .hse-promo-arrow:hover { background:#ddf3ff; border-color:#65c9f6; }
.hse-theme #promo-box .hse-promo-controls button:focus-visible { outline:2px solid #079cdd; outline-offset:2px; }

/* Iconos independientes de rutas relativas del panel. */
body.hse-theme .buscar_bar {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232186b9%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22M16%2016l5%205%22%2F%3E%3C%2Fsvg%3E");background-size:18px 18px;background-position:12px center;background-repeat:no-repeat;padding-left:38px;}
body.hse-theme .list_p .opc_eb .btn_eb {flex:0 0 30px;width:30px;height:30px;margin-left:5px;background-size:18px 18px;background-position:center;background-repeat:no-repeat;border:1px solid #b4dff5;border-radius:7px;background-color:#eaf8ff;cursor:pointer;}
body.hse-theme .list_p .opc_eb .btn_eb:is(.edit,.edit_n) {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23008adc%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%204l5%205M4%2016L16%204a2%202%200%200%201%203%200l1%201a2%202%200%200%201%200%203L8%2020l-5%201z%22%2F%3E%3C%2Fsvg%3E");}
body.hse-theme .list_p .opc_eb .btn_eb:is(.borrar,.borrar_n) {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e51d69%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M9%207V4h6v3M6%207l1%2014h10l1-14M10%2011v6m4-6v6%22%2F%3E%3C%2Fsvg%3E");border-color:#f4c0d2;background-color:#fff1f6;}
body.hse-theme .list_p .opc_eb .btn_eb:hover {filter:brightness(.95);}

/* Navegación táctil y distribución adaptable. */
.hse-mobile-toggle { display:none; }
.hse-mobile-menu,.hse-mobile-menu * { box-sizing:border-box; }
.hse-mobile-menu svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body.hse-theme .hse-account-menu { z-index:300; }
html.hse-menu-open { overflow:hidden; }
body.hse-theme .hse-mobile-menu { box-sizing:border-box; position:fixed; inset:0 0 0 auto; margin:0; width:min(390px,92vw); max-width:none; height:100%; height:100dvh; max-height:none; padding:20px; border:0; border-left:1px solid #2997b8; background:#0b293b; color:#eefaff; overflow-y:auto; overscroll-behavior:contain; box-shadow:-12px 0 40px #00142466; }
.hse-mobile-menu::backdrop { background:rgba(0,10,22,.74); }
.hse-mobile-menu:not([open]) { display:none; }
.hse-mobile-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; font:700 21px Arial,sans-serif; }
.hse-mobile-heading button { width:44px; height:44px; border:1px solid #508294; border-radius:12px; background:#153e52; color:white; font-size:30px; cursor:pointer; }
body.hse-theme .hse-mobile-menu .hse-account { width:100%; max-width:none; margin:0 0 20px; }
body.hse-theme .hse-mobile-menu .hse-account-menu { position:static; box-sizing:border-box; width:100%; margin:18px 0 0; background:#153d52; box-shadow:none; }
body.hse-theme .hse-mobile-menu .hse-account-toggle { width:100%; }
body.hse-theme .hse-mobile-menu .hse-avatar:not(.is-online) { border:0; background:transparent url('/img/theme/hse-guest-lock.png') center/125% 125% no-repeat; box-shadow:none; }
body.hse-theme .hse-mobile-menu .hse-main-nav { display:block; flex:none; width:100%; min-width:0; height:auto; margin:0; padding:0; }
body.hse-theme .hse-mobile-menu .hse-nav-group { display:block; width:100%; height:auto; min-height:0; margin:0 0 6px; }
body.hse-theme .hse-mobile-menu .hse-nav-link { height:auto; margin:0 0 6px; }
body.hse-theme .hse-mobile-menu .hse-avatar.is-online { background-position:center; background-size:auto; background-repeat:no-repeat; }
body.hse-theme .hse-mobile-menu .hse-nav-link { display:flex; align-items:center; gap:12px; box-sizing:border-box; width:100%; min-height:48px; padding:12px; border:0; border-radius:10px; background:transparent; color:#eefaff; text-decoration:none; font:600 16px/1.4 Arial,sans-serif; text-align:left; }
.hse-mobile-menu .hse-nav-link svg { width:22px; height:22px; flex-shrink:0; }
body.hse-theme .hse-mobile-menu .hse-nav-link:hover,body.hse-theme .hse-mobile-menu .hse-nav-link[aria-expanded=true] { background:#174c64; }
body.hse-theme .hse-mobile-menu .hse-nav-dropdown { position:static; min-width:0; max-width:none; width:auto; margin:4px 0 10px 12px; padding:5px; border:0; border-left:2px solid #20bbe0; border-radius:0; box-shadow:none; background:#103348; }
body.hse-theme .hse-mobile-menu .hse-nav-dropdown a { display:block; padding:13px 12px; color:#e2f6ff; text-decoration:none; font:15px/1.4 Arial,sans-serif; }
.hse-mobile-menu :focus-visible,.hse-mobile-toggle:focus-visible { outline:3px solid #41d9ff; outline-offset:3px; }
body.hse-theme .hse-layout { margin-bottom:20px; }
body.hse-theme .hse-footer { clear:both; margin-top:20px; }
body.hse-theme .hse-footer .texto_copyright { height:auto; min-width:0; overflow-wrap:anywhere; }
body.hse-theme .hse-page-content { overflow-wrap:break-word; }
body.hse-theme .hse-page-content :is(input,select,textarea) { max-width:100%; box-sizing:border-box; }
@media(max-width:1280px) {
 body.hse-theme .hse-topbar:has(.hse-mobile-ready) { position:relative; top:auto; left:auto; transform:none; margin:8px auto 0; }
 body.hse-theme .hse-topbar-inner.hse-mobile-ready { flex-wrap:nowrap; gap:12px; min-height:72px; padding:8px 14px; }
 .hse-mobile-ready .hse-mobile-toggle { display:grid; place-items:center; flex:0 0 44px; height:44px; border:1px solid #70afc4; border-radius:12px; background:#163d50; color:white; cursor:pointer; }
 .hse-mobile-toggle svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
 body.hse-theme .hse-mobile-ready .hse-brand { margin-right:auto; }
 body.hse-theme .hse-mobile-ready .hse-online { margin:0; flex:0 1 auto; white-space:nowrap; }
 body.hse-theme .hse-topbar:has(.hse-mobile-ready) + .hse-hero { height:90px; }
 body.hse-theme .hse-topbar:has(.hse-mobile-ready) ~ .align_web { margin-top:-35px; }
}
@media(max-width:600px) {
 body.hse-theme .hse-topbar-inner.hse-mobile-ready { gap:8px; padding:8px 10px; }
 body.hse-theme .hse-mobile-ready .hse-online { font-size:12px; padding:8px; }
 body.hse-theme .hse-footer { padding:18px 12px; }
 body.hse-theme .footer-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px; }
 body.hse-theme .footer-link { display:flex; align-items:center; justify-content:center; min-height:44px; font-size:13px; }
 body.hse-theme .hse-archive-toolbar { flex-wrap:wrap; gap:12px; }
 body.hse-theme .hse-archive-toolbar nav { display:flex; flex-wrap:wrap; gap:8px; width:100%; }
 body.hse-theme .hse-archive-toolbar nav a { flex:1; min-height:44px; display:flex; align-items:center; justify-content:center; }
 body.hse-theme .hse-mobile-menu .hse-login-form input { font-size:16px; min-height:44px; }
 body.hse-theme .hse-mobile-menu .hse-login-form a { display:block; padding:12px 0; }
 body.hse-theme .hse-page-content iframe { width:100%; }
}






/* Separación estable entre navegación de escritorio y contenido. */
@media(min-width:1281px) {
  .hse-theme .hse-hero { height:290px; }
}


/* El lienzo sigue la proporción 2172 × 724: el degradado llega al pie real de la escena. */
@media(min-width:901px) {
  .hse-theme .hse-hero::before {
    height:auto;
    aspect-ratio:3 / 1;
    background-size:100% auto;
    background-position:center top;
    -webkit-mask-image:linear-gradient(#000 88%,transparent 100%);
    mask-image:linear-gradient(#000 88%,transparent 100%);
  }
}


/* Imagen actual: 2172 x 506, completa y sin un segundo difuminado. */
body.hse-theme .hse-hero::before {
  height:auto;
  aspect-ratio:2172 / 506;
  background-size:100% auto;
  background-position:center top;
  -webkit-mask-image:none;
  mask-image:none;
}

/* En móvil el espacio del paisaje coincide con la imagen 2172 x 506. */
@media(max-width:900px) {
  body.hse-theme .hse-hero,
  body.hse-theme .hse-topbar:has(.hse-mobile-ready) + .hse-hero {
    height:23.296501vw;
    min-height:0;
  }
  body.hse-theme .align_web,
  body.hse-theme .hse-topbar:has(.hse-mobile-ready) ~ .align_web {
    margin-top:12px;
  }
}

/* Pie moderno: una sola paleta y marca tipográfica. */
body.hse-theme .hse-footer{padding:28px 24px;border:1px solid #cbe2ef;border-radius:20px;background:linear-gradient(140deg,#ffffffef,#eef8fbed);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:0 8px 26px #22577b0c}
body.hse-theme .hse-footer-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;color:#173b54;font-size:25px;font-weight:750;line-height:1.25;letter-spacing:-1px}
body.hse-theme .hse-footer-brand-light{font-weight:450;color:#39718c}
body.hse-theme .hse-footer-version{padding:4px 9px;border:1px solid #c6dde7;border-radius:8px;color:#39718c;background:#e8f3f7;font-size:11px;font-weight:650;letter-spacing:.4px}
body.hse-theme .hse-footer .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;border:0}
body.hse-theme .hse-footer .footer-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#496778;text-decoration:none;font:550 13px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif;transition:background .15s,color .15s,border-color .15s}
body.hse-theme .hse-footer .footer-link::after{content:none;display:none}
body.hse-theme .hse-footer .footer-link:hover{background:#e1f0f6;border-color:#c5e0ec;color:#126485}
body.hse-theme .hse-footer .footer-link:focus-visible{outline:2px solid #208bb3;outline-offset:2px}
body.hse-theme .hse-footer-credit{padding-top:18px;color:#77909e;font:400 12px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.15px}
body.hse-theme .hse-footer .copyright{border-top-color:#d4e5ed}
@media(max-width:540px){body.hse-theme .hse-footer{padding:23px 14px}body.hse-theme .hse-footer .footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}body.hse-theme .hse-footer .footer-link{min-height:44px;padding:9px 7px;background:#eaf4f8}body.hse-theme .hse-footer-brand{font-size:24px}}
@media(prefers-reduced-motion:reduce){body.hse-theme .hse-footer .footer-link{transition:none}}

/* Pie compacto, conservando el contenido y la insignia. */
body.hse-theme .hse-footer{padding:16px 22px}
body.hse-theme .hse-footer-brand{font-size:23px;margin-bottom:8px}
body.hse-theme .hse-footer .footer-nav{gap:4px}
body.hse-theme .hse-footer .footer-link{min-height:30px;padding:4px 12px}
body.hse-theme .hse-footer-credit{padding-top:8px}
body.hse-theme .hse-footer .copyright{margin-top:12px;padding-top:12px;gap:16px}
@media(max-width:540px){body.hse-theme .hse-footer{padding:14px}body.hse-theme .hse-footer .footer-link{min-height:32px;padding:5px 8px}}

/* Halo dorado de la insignia fansite, sin desplazar el pie. */
body.hse-theme .hse-footer .btn_webfan{position:relative;isolation:isolate;overflow:visible}
body.hse-theme .hse-footer .btn_webfan::before,
body.hse-theme .hse-footer .btn_webfan::after{content:"";position:absolute;pointer-events:none;z-index:-1;left:50%;top:50%;width:150px;height:150px;border-radius:50%}
body.hse-theme .hse-footer .btn_webfan::before{
 background:repeating-conic-gradient(from 0deg,transparent 0deg 9deg,#ffce4d80 12deg,#fff0a8a6 14deg,transparent 18deg 24deg);
 -webkit-mask-image:radial-gradient(circle,#000 10%,#0008 29%,transparent 66%);
 mask-image:radial-gradient(circle,#000 10%,#0008 29%,transparent 66%);
 animation:hse-fansite-rays 28s linear infinite;opacity:.75
}
body.hse-theme .hse-footer .btn_webfan::after{
 transform:translate(-50%,-50%);
 background:radial-gradient(ellipse,#fff0a380 8%,#ffc53245 29%,transparent 63%);
 animation:hse-fansite-glow 3s ease-in-out infinite
}
body.hse-theme .hse-footer .btn_webfan>img{filter:drop-shadow(0 0 3px #ffbd47a6);transition:filter .2s}
body.hse-theme .hse-footer .btn_webfan:hover>img,
body.hse-theme .hse-footer .btn_webfan:focus-visible>img{filter:drop-shadow(0 0 6px #ffbf40)}
@keyframes hse-fansite-rays{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hse-fansite-glow{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){body.hse-theme .hse-footer .btn_webfan::before,body.hse-theme .hse-footer .btn_webfan::after{animation:none}body.hse-theme .hse-footer .btn_webfan>img{transition:none}}
body.hse-theme .hse-footer .btn_webfan::before{transform:translate(-50%,-50%)}

/* Original animated footer logo, never enlarged. */
body.hse-theme .hse-footer-logo{display:block;width:376px;max-width:calc(100% - 46px);height:auto;flex:0 1 auto;min-width:0;object-fit:contain}

/* Topstories: same full-width canvas in the panel and home. */
body.hse-theme .hse-promo-stage{aspect-ratio:2048/682;min-height:0;background:#163f60}
body.hse-theme .hse-promo-stage .slide_noti{background-size:contain;background-repeat:no-repeat;background-position:center}

body.hse-theme .hse-promo-copy{top:9%;left:3.3%;width:62%;gap:8px}
body.hse-theme .slide_noti .titulo_slide{font:750 clamp(17px,2.2vw,32px)/1.2 'Segoe UI',Arial,sans-serif}
body.hse-theme .slide_noti .desc_slide{font:400 clamp(10px,1.2vw,14px)/1.4 'Segoe UI',Arial,sans-serif}
@media(max-width:550px){body.hse-theme .hse-promo-copy{gap:4px}body.hse-theme .slide_noti .titulo_slide{font-size:16px}body.hse-theme .slide_noti .desc_slide{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}