/* Radio de comunidad: paisaje, tarjeta de controles y estados de reproducción. */
.hse-theme .hse-radio { overflow:hidden; border:2px solid #fff; border-radius:17px; background:#fff; box-shadow:0 3px 12px #139ad32a; }
.hse-theme .hse-radio .head_menu_box.radiostats { display:flex; align-items:center; gap:6px; min-height:62px; padding:10px; margin:0; border:1px solid #9ceeff; border-radius:15px; background:linear-gradient(130deg,#00c7ec,#008bff); color:#fff; box-shadow:inset 0 2px 2px #ffffff70; }
.hse-theme .hse-radio-brand { flex:1; min-width:0; }
.hse-theme .hse-radio-brand b { display:block; font:700 23px/1.1 Arial,sans-serif; }
.hse-theme .hse-radio-brand small { display:none; }
.hse-theme .hse-radio .hse-radio-status { padding:5px 7px; font-size:9px; background:#e9f8ff; color:#507a9f; }
.hse-theme .hse-radio .hse-radio-status.is-playing { background:#e4ffed; color:#168742; }
.hse-theme .hse-radio-signal { color:#c2f5ff; font:23px Arial,sans-serif; }
.hse-theme .hse-radio-scene { display:flex; align-items:center; justify-content:center; padding:18px 14px; border-radius:16px 16px 0 0; overflow:hidden; background:#75d7f8 url('/img/theme/hse-background.png') center bottom / cover no-repeat; }
.hse-theme .hse-radio .cont_stats { box-sizing:border-box; width:100%; min-width:0; margin:0; height:234px; border:4px solid #fff; border-radius:17px; background:linear-gradient(120deg,#fffffffa,#edf9fff5); box-shadow:0 3px 9px #168bc72a; }
.hse-theme .hse-radio .cont_stats .title { display:flex; align-items:center; gap:8px; top:9px; left:7px; width:calc(100% - 14px); height:52px; border-radius:11px; background:#f8fcff; padding:8px; }
.hse-theme .hse-radio .cont_stats .title .icon_canc { float:none; flex:0 0 18px; margin:0; }
.hse-theme .hse-radio .cont_stats #updateTitle { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; flex:1; width:auto; min-width:0; white-space:normal; overflow-wrap:anywhere; font:600 12px/17px Arial,sans-serif; color:#2878bb; }
.hse-theme .hse-radio .cont_stats .djonline { top:70px; left:7px; width:calc(100% - 69px); height:31px; padding:4px 0; }
.hse-theme .hse-radio .cont_stats .icon_canc,.hse-theme .hse-radio .cont_stats .icon_dj { background:none; color:#7290aa; font:bold 12px/18px Arial,sans-serif; }
.hse-theme .hse-radio .icon_canc::before { content:'♫'; }
.hse-theme .hse-radio .icon_dj::before { content:'DJ'; }
.hse-theme .hse-radio .cont_stats .kekodj { bottom:55px; right:0; height:104px; width:58px; background-size:auto 104px; background-repeat:no-repeat; }
.hse-theme .hse-radio .cont_stats .peticiones { left:7px; bottom:69px; width:calc(100% - 112px); height:33px; border-color:#3cd7f7; border-radius:9px; background:linear-gradient(#00c4eb,#0093fb); box-shadow:inset 0 2px 1px #ffffff60; }
.hse-theme .hse-radio .cont_stats .peticiones::after { content:'✉ Peticiones ›'; color:#fff; font:bold 11px/31px Arial,sans-serif; }
.hse-theme .hse-radio .cont_stats .oyentes { left:auto; right:60px; bottom:69px; width:38px; height:33px; border-radius:9px; }
.hse-theme .hse-radio .cont_stats .oyentes div { font-size:11px; }
.hse-theme .hse-radio .cont_stats .abajo { width:calc(100% - 10px); left:5px; bottom:5px; height:49px; border-radius:12px; }
.hse-theme .hse-radio .cont_stats #sound_mute { left:3px; bottom:10px; }
.hse-theme .hse-radio .cont_stats #sound_barre { left:32px; width:calc(100% - 86px); bottom:21px; height:7px; }
.hse-theme .hse-radio .cont_stats #sound_btn { width:19px; height:19px; }
.hse-theme .hse-radio .cont_stats .abajo #toggleBtns { right:5px; bottom:5px; width:39px; height:37px; border:1px solid #ffffff9c; border-radius:10px; background:linear-gradient(#52df73,#12a83d); box-shadow:inset 0 2px 1px #ffffff70,0 2px 3px #15763225; cursor:pointer; }
.hse-theme .hse-radio .cont_stats .abajo #toggleBtns[rel=pause] { background:linear-gradient(#ff707a,#e62c3c); box-shadow:inset 0 2px 1px #ffffff70,0 2px 3px #ab1c3025; }
.hse-theme .hse-radio #btn_pause::after { content:'■'; font:bold 23px/35px Arial,sans-serif; }
.hse-theme .hse-radio #toggleBtns:hover { filter:brightness(1.08); }
.hse-theme .hse-radio :is(button,a,[role=slider]):focus-visible { outline:3px solid #225cab; outline-offset:2px; }
/* Colecciones: cinco piezas por fila, con imágenes a su escala natural. */
.hse-theme .cont_der .hse-widget-placas .head_menu_box { background:linear-gradient(#ee66d3,#cd27ad); color:#fff; }
.hse-theme .cont_der .hse-widget-furnis .head_menu_box { background:linear-gradient(#427e9f,#1b4d6b); color:#fff; }
.hse-theme .cont_der .hse-widget-placas .placas_cont,
.hse-theme .cont_der .hse-widget-furnis .furnis_cont { padding:8px; border-color:#dcedf7; background:#f6fbff; border-radius:13px; }
.hse-theme .cont_der .placas_cont:has(>.placa),
.hse-theme .cont_der .furnis_cont:has(>.furni) { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; align-items:stretch; }
.hse-theme .cont_der .placas_cont>.placa,
.hse-theme .cont_der .furnis_cont>.furni { display:flex; align-items:center; justify-content:center; width:100%; height:auto; min-width:0; aspect-ratio:1; padding:3px; border:1px solid #f0d5ec; border-radius:10px; background:linear-gradient(145deg,#fffafd,#f5e3f2); box-shadow:inset 0 1px 0 #fff,0 2px 3px #a25e9610; transition:transform .15s,box-shadow .15s,border-color .15s; }
.hse-theme .cont_der .furnis_cont>.furni { border-color:#d2e3ed; background:linear-gradient(145deg,#f8fcff,#e0edf5); box-shadow:inset 0 1px 0 #fff,0 2px 3px #38668110; }
.hse-theme .cont_der .placa-img-container,
.hse-theme .cont_der .furni-img-container { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.hse-theme .cont_der .placa-img,
.hse-theme .cont_der .furni-img { width:auto; height:auto; max-width:100%; max-height:40px; object-fit:contain; image-rendering:pixelated; }
.hse-theme .cont_der :is(.placas_cont>.placa,.furnis_cont>.furni):hover { transform:translateY(-2px); border-color:#72c8f5; box-shadow:0 4px 8px #318eb52a; }
.hse-theme .cont_der :is(.placas_cont>.placa,.furnis_cont>.furni):focus-visible { outline:2px solid #008de5; outline-offset:2px; }
.hse-theme .cont_der :is(.placas_cont,.furnis_cont)>button { padding:6px 10px; border:1px solid #b9def3; border-radius:8px; background:#fff; color:#1274ab; font:600 12px Arial,sans-serif; cursor:pointer; }
/* Paneles de comunidad, noticias y redes: una misma superficie clara. */
.hse-theme .hse-home-news { padding:9px; margin:0 0 20px; border:1px solid #fff; border-radius:19px; background:#ecfaffdb; box-shadow:0 5px 16px #258dc318; }
.hse-theme .hse-home-news .hse-news-header { position:relative; isolation:isolate; overflow:hidden; min-height:78px; padding:12px 14px; margin:0 0 10px; gap:12px; border-radius:13px; }
.hse-theme .hse-home-news .hse-news-header::before { content:''; position:absolute; inset:0; z-index:-1; background:url('/img/theme/hse-background.png') center 55% / cover no-repeat; opacity:.12; mix-blend-mode:luminosity; pointer-events:none; }
.hse-theme .hse-news-emblem { display:grid; place-items:center; flex:0 0 42px; width:42px; height:46px; border:1px solid #ffffff90; border-radius:12px; background:#ffffff24; box-shadow:inset 0 1px 1px #fff7,0 2px 5px #64400c15; }
.hse-theme .hse-news-emblem img { max-width:34px; max-height:34px; image-rendering:pixelated; }
.hse-theme .hse-news-header-copy { flex:1; min-width:0; }
.hse-theme .hse-news-heading-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.hse-theme .hse-home-news .hse-news-heading { font-size:23px; line-height:1.2; }
.hse-theme .hse-news-subtitle { margin:5px 0 0; color:#fff; font:600 11px/1.4 Arial,sans-serif; }
.hse-theme .hse-home-news .hse-news-nav { gap:3px; }
.hse-theme .hse-home-news .hse-news-more { padding:10px 12px; border:1px solid #fffc; border-radius:12px; background:#ffffff20; box-shadow:inset 0 1px 2px #fff6; gap:10px; font-size:12px; }
.hse-theme .hse-home-news .hse-news-more:hover { background:#ffffff38; text-decoration:none; }
.hse-theme .hse-news-more-arrow { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#fffc; color:#ae8219; font:700 22px/1 Arial,sans-serif; }
.hse-theme .hse-home-news .hse-news-grid { gap:10px; }
.hse-theme .hse-home-news .hse-news-card { min-height:108px; padding:10px; gap:12px; border-radius:14px; background:linear-gradient(110deg,#fff,#ecf7ff); border:1px solid #fff; box-shadow:0 3px 7px #318bc019; }
.hse-theme .hse-home-news .hse-news-picture { flex:0 0 76px; width:76px; height:76px; overflow:hidden; margin-top:1px; border-radius:10px; background:#e3eef5; box-shadow:0 2px 4px #45688030; }
.hse-theme .hse-news-picture-crop { display:block; width:60px; height:60px; transform:scale(1.267); transform-origin:top left; }
.hse-theme .hse-home-news .hse-news-category { right:0; bottom:0; width:23px; height:23px; }
.hse-theme .hse-home-news .hse-news-category img { max-width:19px; max-height:19px; }
.hse-theme .hse-home-news .hse-news-title { font:700 13px/1.3 Arial,sans-serif; color:#087dff; }
.hse-theme .hse-home-news .hse-news-description { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; overflow:hidden; margin-top:4px; font:12px/1.35 Arial,sans-serif; color:#6785b1; }
.hse-theme .hse-home-news .hse-news-stats { padding-top:6px; }
/* Redes debajo de los topstories. */
.hse-theme .hse-socialbar { display:flex; align-items:center; gap:16px; position:relative; width:100%; min-width:0; min-height:88px; margin:0 0 18px; padding:10px 18px 10px 24px; border:1px solid #b9e4fb; border-radius:15px; background:linear-gradient(115deg,#fff,#eaf6ff); box-shadow:0 3px 10px #2f8ab913; box-sizing:border-box; overflow:hidden; font-family:Arial,sans-serif; }
.hse-theme .hse-socialbar::before { content:''; position:absolute; left:10px; top:20px; bottom:20px; width:5px; border-radius:4px; background:#31bcf4; }
.hse-theme .hse-social-people { width:112px; height:74px; object-fit:contain; align-self:flex-end; flex-shrink:0; }
.hse-theme .hse-social-copy { flex:1; min-width:0; }
.hse-theme .hse-social-copy strong { display:block; color:#155f97; font-size:14px; line-height:1.45; }
.hse-theme .hse-social-copy p { margin:5px 0 0; color:#6390b4; font-size:12px; line-height:1.4; }
.hse-theme .hse-social-links { display:flex; align-items:center; gap:10px; flex:0 0 auto; margin-left:auto; }
.hse-theme .hse-social-links a { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#fff; text-decoration:none; transition:transform .15s,filter .15s; box-shadow:0 3px 7px #1f6ea52d; }
.hse-theme .hse-social-links a:hover { transform:translateY(-2px); }
.hse-theme .hse-social-links .hse-social-x { background:#080b0f; font:500 20px/1 Arial,sans-serif; }
.hse-theme .hse-social-links .hse-social-facebook { background:linear-gradient(#2687ff,#0864df); font:700 31px/1 Arial,sans-serif; font-family:Arial,sans-serif; }
.hse-theme .hse-social-links .hse-social-facebook span { transform:translateY(4px); }
/* Columna lateral: encabezados y listas con la misma jerarquía visual. */
.hse-theme .cont_der .hse-widget:not(.hse-widget-radio) { padding:7px; border:1px solid #fff; border-radius:16px; background:#f7fdfff2; box-shadow:0 4px 13px #2b9dcc1e; }
.hse-theme .cont_der .hse-widget:not(.hse-widget-radio) .head_menu_box { min-height:39px; margin-bottom:7px!important; padding:7px 9px; border-radius:11px; color:#fff; font:700 16px/1.2 Arial,sans-serif; box-shadow:inset 0 1px 2px #fff8,0 1px 3px #137ac622; }
.hse-theme .cont_der .head_menu_box.destacados,.hse-theme .cont_der .head_menu_box.top { background:linear-gradient(#10dbf4,#009cf7); }
.hse-theme .cont_der .head_menu_box.articulos { background:linear-gradient(#6fdb47,#1fac32); }
.hse-theme .cont_der .head_menu_box.placas { background:linear-gradient(#ee66d3,#cd27ad); }
.hse-theme .cont_der .head_menu_box.furnis { background:linear-gradient(#427e9f,#1b4d6b); }
.hse-theme .cont_der .head_menu_box.salas { background:linear-gradient(#09d0ed,#009fe1); }
.hse-theme .cont_der .head_menu_box:is(.destacados,.articulos,.placas,.furnis,.salas,.top)::after { content:''; display:block; flex:0 0 24px; width:24px; height:24px; margin-left:auto; background:#e5f7ff; -webkit-mask:var(--widget-icon) center / contain no-repeat; mask:var(--widget-icon) center / contain no-repeat; }
.hse-theme .cont_der .articulos_cont { align-items:center; position:relative; gap:10px; min-height:71px; margin:5px 0; padding:7px 29px 7px 7px; border:1px solid #d3edfc; border-radius:12px; background:linear-gradient(110deg,#fff,#eff9ff); box-shadow:0 1px 3px #2480af0d; cursor:pointer; }
.hse-theme .cont_der .articulos_cont::after,.hse-theme .cont_der .salas_cont a::after { content:'›'; display:grid; place-items:center; position:absolute; right:7px; top:50%; transform:translateY(-50%); width:21px; height:24px; border-radius:50%; background:#d9f1ff; color:#629ad0; font:700 25px/1 Arial,sans-serif; }
.hse-theme .cont_der .articulos_cont:hover,.hse-theme .cont_der .salas_cont a:hover { border-color:#97d5f7; background:#eaf7ff; }
.hse-theme .cont_der .articulos_cont .box_img_art { border:1px solid #c6deec; border-radius:8px; box-shadow:0 1px 3px #3a60752b; }
.hse-theme .cont_der .articulos_cont .box_text_art .titulo { color:#267914; font:700 12px/1.3 Arial,sans-serif; }
.hse-theme .cont_der .articulos_cont .box_text_art .desc { color:#5277a3; font:12px/1.3 Arial,sans-serif; margin-top:3px; }
.hse-theme .cont_der .salas_cont { padding:0; background:transparent; }
.hse-theme .cont_der .salas_cont ul { list-style:none; margin:0; padding:0; }
.hse-theme .cont_der .salas_cont a { position:relative; padding:11px 32px 11px 12px; min-height:43px; margin:5px 0; border:1px solid #d1eafa; border-radius:10px; background:linear-gradient(110deg,#fff,#eff9ff); text-align:left; color:#176399; font:13px/1.4 Arial,sans-serif; }
.hse-theme .cont_der .placas_cont,.hse-theme .cont_der .furnis_cont { min-height:48px; align-items:center; padding:10px; border:1px solid #d7ecff; border-radius:11px; background:linear-gradient(110deg,#fff,#e5f3ff); color:#557daf; font:12px/1.5 Arial,sans-serif; }
.hse-theme .cont_der .placas_cont { background:linear-gradient(110deg,#fff,#fbecfc); border-color:#efdafa; }
.hse-theme .cont_der .placa,.hse-theme .cont_der .furni { border-radius:7px; background:#ffffffa0; }
.hse-theme .cont_der .v2_destacados_inside #equipo_destacado { height:174px; border-radius:12px; background-size:auto 185px; }
.hse-theme .cont_der .v2_destacados_inside #equipo_destacado .userdata { width:55%; min-height:152px; top:8px; right:6px; padding:10px; border:1px solid #c9e9fb; border-radius:13px; background:#fffffff2; box-shadow:0 3px 6px #1b84bc15; }
.hse-theme .cont_der .v2_destacados_inside #equipo_destacado .userdata span { font:700 15px/1.2 Arial,sans-serif; color:#ed9b06; }
.hse-theme .cont_der .v2_destacados_inside #equipo_destacado .userdata small { color:#6888b1; font:10px/1.4 Arial,sans-serif; margin-top:4px; }
.hse-theme .cont_der .v2_destacados_inside #equipo_destacado .userdata p { display:block; max-height:none; border-top:1px solid #e4edf6; padding-top:6px; margin:6px 0; color:#2c578a; font:11px/1.35 Arial,sans-serif; }
.hse-theme .cont_der .v2_destacados_inside #equipo_destacado .userdata time { margin-top:3px; padding:5px 12px; border-radius:8px; background:linear-gradient(#ffbb22,#ff9800); font:12px Arial,sans-serif; }
.hse-theme .cont_der .v2_destacados_inside #equipo_destacado .keko { width:43%; bottom:8px; }
.hse-theme .cont_der .v2_top_inside .podium { height:180px; margin-bottom:0; border-radius:12px; background-size:auto 200px; }
/* Podio vectorial: oro suave, plata azulada y bronce; conserva posiciones y fondo. */
.hse-theme .cont_der .v2_top_inside .podium>.lugares { border-bottom:0; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22152%22%20height%3D%2290%22%20viewBox%3D%220%200%20152%2090%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22hse-podium-fade%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.70%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cmask%20id%3D%22hse-podium-base%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22152%22%20height%3D%2290%22%3E%3Crect%20width%3D%22152%22%20height%3D%2290%22%20fill%3D%22url%28%23hse-podium-fade%29%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url%28%23hse-podium-base%29%22%3E%3Cellipse%20cx%3D%2277%22%20cy%3D%2284%22%20rx%3D%2267%22%20ry%3D%225%22%20fill%3D%22%234c9bb5%22%20opacity%3D%22.12%22%2F%3E%3Cg%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M49%2020%2076%2032%2076%2085%2049%2073Z%22%20fill%3D%22%23ead196%22%2F%3E%3Cpath%20d%3D%22M76%2032%20103%2020%20103%2073%2076%2085Z%22%20fill%3D%22%23d9b977%22%2F%3E%3Cpath%20d%3D%22M49%2020%2076%208%20103%2020%2076%2032Z%22%20fill%3D%22%23fff0bf%22%20stroke%3D%22%23fff8de%22%2F%3E%3Cpath%20d%3D%22M17%2050%2044%2062%2044%2085%2017%2073Z%22%20fill%3D%22%23b8dce9%22%2F%3E%3Cpath%20d%3D%22M44%2062%2071%2050%2071%2073%2044%2085Z%22%20fill%3D%22%2391bfd3%22%2F%3E%3Cpath%20d%3D%22M17%2050%2044%2038%2071%2050%2044%2062Z%22%20fill%3D%22%23e3f5fc%22%20stroke%3D%22%23f4fcff%22%2F%3E%3Cpath%20d%3D%22M83%2060%20110%2072%20110%2087%2083%2075Z%22%20fill%3D%22%23dcbfad%22%2F%3E%3Cpath%20d%3D%22M110%2072%20137%2060%20137%2075%20110%2087Z%22%20fill%3D%22%23c6a28d%22%2F%3E%3Cpath%20d%3D%22M83%2060%20110%2048%20137%2060%20110%2072Z%22%20fill%3D%22%23f7e5d9%22%20stroke%3D%22%23fff2e9%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size:152px 90px; background-position:center bottom; background-repeat:no-repeat; }
.hse-theme .cont_der .v2_top_inside #top_foro>li { margin-top:5px; border:1px solid #dbedfa; background:#f2faff; text-shadow:none; }
@media(max-width:1100px) and (min-width:851px) { .hse-theme .hse-home-news .hse-news-heading { font-size:18px; } .hse-theme .hse-news-emblem { display:none; } .hse-theme .hse-home-news .hse-news-more { padding:8px; font-size:11px; } .hse-theme .hse-news-subtitle { display:none; } .hse-theme .hse-social-people { width:80px; } .hse-theme .hse-social-links { gap:8px; } }
@media(max-width:600px) { .hse-theme .hse-home-news .hse-news-header { flex-wrap:wrap; padding:10px; } .hse-theme .hse-home-news .hse-news-heading { font-size:20px; } .hse-theme .hse-news-emblem { width:35px; flex-basis:35px; height:40px; } .hse-theme .hse-home-news .hse-news-more { margin-left:auto; font-size:11px; padding:7px 9px; } .hse-theme .hse-socialbar { gap:10px; padding:12px 12px 12px 22px; flex-wrap:wrap; } .hse-theme .hse-social-people { width:78px; height:60px; } .hse-theme .hse-social-copy { flex-basis:calc(100% - 90px); } .hse-theme .hse-social-copy strong { font-size:12px; } .hse-theme .hse-social-copy p { font-size:11px; } .hse-theme .hse-social-links { margin-left:auto; } .hse-theme .hse-social-links img { width:36px; height:36px; } }

.hse-theme .head_menu_box.destacados { --widget-icon: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%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-4a6%206%200%200%201%2012%200v4M17%204a3%203%200%200%201%200%206M21%2021v-4a6%206%200%200%200-3-5%22%2F%3E%3C%2Fsvg%3E"); }
.hse-theme .head_menu_box.articulos { --widget-icon: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%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2217%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%208H1v11a2%202%200%200%200%203%202M8%207h3v4H8zM14%207h3M14%2011h3M8%2015h9M8%2018h9%22%2F%3E%3C%2Fsvg%3E"); }
.hse-theme .head_menu_box.placas { --widget-icon: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%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%203%206%207%201-5%205%201%208-6-4-6%204%201-8-5-5%207-1z%22%2F%3E%3C%2Fsvg%3E"); }
.hse-theme .head_menu_box.furnis { --widget-icon: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%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012V6a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v6M4%2018v3M20%2018v3M2%2011h3v4h14v-4h3v8H2z%22%2F%3E%3C%2Fsvg%3E"); }
.hse-theme .head_menu_box.salas { --widget-icon: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%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m2%2011%2010-9%2010%209M5%209v12h5v-7h4v7h5V9%22%2F%3E%3C%2Fsvg%3E"); }
.hse-theme .head_menu_box.top { --widget-icon: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%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h18v14H10l-5%204v-4H3zM7%209h1M12%209h1M17%209h1%22%2F%3E%3C%2Fsvg%3E"); }

/* Ficha de placa al hacer clic. El dialog mantiene el foco dentro del modal. */
html.hse-badge-modal-open { overflow:hidden; }
.hse-theme .hse-badge-dialog { position:fixed; inset:0; box-sizing:border-box; width:min(440px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); margin:auto; padding:26px 22px 22px; border:1px solid #fff; border-radius:20px; background:linear-gradient(150deg,#fff,#f3faff); color:#315e80; box-shadow:0 22px 80px #001e4266; overflow:auto; font:14px/1.5 Arial,sans-serif; text-shadow:none; }
.hse-theme .hse-badge-dialog::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(3px); }
.hse-theme .hse-badge-close { position:absolute; top:10px; right:10px; display:grid; place-items:center; width:32px; height:32px; border:1px solid #d8e9f4; border-radius:50%; background:#fff; color:#57778d; font:24px/1 Arial,sans-serif; cursor:pointer; }
.hse-theme .hse-badge-close:hover { background:#e7f5ff; color:#0074b7; }
.hse-theme .hse-badge-preview { display:grid; place-items:center; width:76px; height:76px; margin:0 auto 12px; border:1px solid #ecd5ed; border-radius:18px; background:radial-gradient(circle at 30% 20%,#fff,#f5e4f4); box-shadow:inset 0 2px 1px #fff; }
.hse-theme .hse-badge-preview img { max-width:58px; max-height:58px; image-rendering:pixelated; }
.hse-theme .hse-badge-eyebrow { margin:0 0 5px; text-align:center; color:#bb58ab; font-size:9px; letter-spacing:2px; font-weight:700; }
.hse-theme #hse-badge-heading { margin:0; font:700 20px/1.3 Arial,sans-serif; color:#16699c; text-align:center; overflow-wrap:anywhere; }
.hse-theme #hse-badge-description { margin:8px 0 16px; text-align:center; color:#648398; overflow-wrap:anywhere; }
.hse-theme .hse-badge-flags { margin-bottom:18px; display:flex; flex-wrap:wrap; justify-content:center; gap:5px; }
.hse-theme .hse-badge-flag { display:grid; place-items:center; width:31px; height:25px; border:1px solid #dce6ec; border-radius:6px; background:#edf2f6; filter:grayscale(1); opacity:.4; }
.hse-theme .hse-badge-flag.is-active { filter:none; opacity:1; border-color:#8ed6bb; background:#eafff6; box-shadow:0 0 0 2px #a6eac430; }
.hse-theme .hse-badge-flag img { display:block; width:24px; height:16px; border-radius:1px; }
.hse-theme .hse-badge-legend { margin:9px 0 17px; text-align:center; font-size:10px; color:#758b9c; }
.hse-theme .hse-badge-details { display:grid; gap:7px; margin:0; }
.hse-theme .hse-badge-details>div { display:grid; grid-template-columns:115px minmax(0,1fr); gap:10px; align-items:start; padding:10px 12px; border:1px solid #dcecf7; border-radius:10px; background:#eaf5fc; }
.hse-theme .hse-badge-details dt { margin:0; font-weight:700; color:#4a6f89; }
.hse-theme .hse-badge-details dd { margin:0; overflow-wrap:anywhere; color:#29658e; }
.hse-theme .hse-badge-dialog button:focus-visible { outline:3px solid #169fee; outline-offset:3px; }
@media(max-width:420px) { .hse-theme .hse-badge-dialog { padding:24px 14px 16px; } .hse-theme .hse-badge-details>div { grid-template-columns:95px minmax(0,1fr); font-size:12px; } }

.hse-theme .hse-furni-dialog { width:min(760px,calc(100vw - 28px)); }
.hse-theme .hse-furni-dialog .hse-badge-preview { background:radial-gradient(circle at 30% 20%,#fff,#e1edf6); border-color:#d3e5f0; }
.hse-theme #hse-furni-heading { margin:0; font:700 20px/1.3 Arial,sans-serif; color:#16699c; text-align:center; overflow-wrap:anywhere; }
.hse-theme #hse-furni-description { margin:8px 0 16px; text-align:center; color:#648398; overflow-wrap:anywhere; }
.hse-theme .hse-furni-dialog .hse-badge-details { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hse-theme .hse-furni-dialog .hse-badge-details>div { grid-template-columns:minmax(0,1fr) minmax(0,1fr); font-size:12px; }
@media(max-width:600px) { .hse-theme .hse-furni-dialog .hse-badge-details { grid-template-columns:minmax(0,1fr); } }

.hse-theme .hse-code-value { display:flex; align-items:center; gap:8px; }
.hse-theme .hse-code-value>span { min-width:0; user-select:text; }
.hse-theme .hse-copy-code { position:relative; display:inline-grid; place-items:center; flex:0 0 29px; width:29px; height:29px; padding:5px; border:1px solid #bfdfef; border-radius:7px; background:#fff; color:#2e84b9; cursor:pointer; }
.hse-theme .hse-copy-code svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.hse-theme .hse-copy-code:hover { background:#e4f5ff; }
.hse-theme .hse-copy-code.is-copied { color:#168957; border-color:#a1d9bc; background:#edfff5; }
.hse-theme .hse-copy-feedback:not(:empty) { position:absolute; z-index:2; top:calc(100% + 4px); right:0; width:max-content; max-width:180px; padding:4px 7px; border-radius:6px; background:#244961; color:#fff; font:11px/1.3 Arial,sans-serif; box-shadow:0 2px 5px #0002; }

.hse-theme .hse-loading-spinner { display:inline-block; width:17px; height:17px; box-sizing:border-box; vertical-align:middle; border:2px solid #d3e8f4; border-top-color:#299acb; border-radius:50%; animation:hse-loading-turn .75s linear infinite; }
@keyframes hse-loading-turn { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .hse-theme .hse-loading-spinner { animation:none; } }

/* Brillo del distintivo fansite: barrido suave hacia la derecha. */
.hse-theme .btn_webfan { position:relative; isolation:isolate; }
.hse-theme .btn_webfan::before { content:''; position:absolute; inset:4px -9px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse,#ffd95d55 0%,#ffc22b25 40%,transparent 70%); filter:blur(4px); animation:hse-fansite-glow 5s ease-in-out infinite; }
.hse-theme .btn_webfan::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 40%,#fff7 47%,#fff 50%,#fff7 53%,transparent 60%) 160% center / 300% 100% no-repeat; -webkit-mask:url('/img/web/fansite_badge.gif') center / contain no-repeat; mask:url('/img/web/fansite_badge.gif') center / contain no-repeat; mix-blend-mode:screen; animation:hse-fansite-shine 5s ease-in-out infinite; }
@keyframes hse-fansite-shine { 0%,15% { background-position:160% center; opacity:0; } 20% { opacity:.85; } 48% { background-position:-60% center; opacity:.85; } 53%,100% { background-position:-60% center; opacity:0; } }
@keyframes hse-fansite-glow { 0%,60%,100% { opacity:.35; } 30% { opacity:.85; } }
@media(prefers-reduced-motion:reduce) { .hse-theme .btn_webfan::before { animation:none; opacity:.35; } .hse-theme .btn_webfan::after { animation:none; opacity:0; } }