/* EXYTOSA V50 · pie de página único + menú superior estilo tienda + círculos tipo carrusel */

/* ===== 1) PIE DE PÁGINA: una sola marca/copyright, siempre al final ===== */
.site-footer{content-visibility:visible!important;contain:none!important;contain-intrinsic-size:auto!important;
  --lake-h:min(calc((100vw - 36px) / 4.12),286px);
  position:relative;overflow:hidden;isolation:isolate;padding:22px 18px 16px!important}
.site-footer .exy-lake-scene{top:auto!important;bottom:0!important;left:0!important;right:0!important;
  height:var(--lake-h)!important;aspect-ratio:auto;z-index:0!important;background:transparent!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 26%)!important;mask-image:linear-gradient(to bottom,transparent 0,#000 26%)!important}
.site-footer .exy-lake-landscape{background-size:100% 100%!important;background-position:center bottom!important;opacity:1}
.site-footer > :not(.exy-lake-scene){position:relative;z-index:3}
/* los datos van arriba; la marca y los derechos se apoyan sobre el lago, al final de todo */
.site-footer .sf-live{margin:6px auto 0!important}
.site-footer .ad-footer-wrap{margin:8px auto 0}
.site-footer .sf-bottom{display:flex!important;flex-direction:column;align-items:center;gap:1px;
  width:max-content;max-width:calc(100% - 8px);margin:calc(var(--lake-h) * .56) auto 0!important;
  padding:7px 20px 8px!important;border:0!important;border-radius:14px;
  background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 6px 22px rgba(30,70,110,.14)}
.site-footer .sf-brand{margin:0 auto!important}
.site-footer .sf-footer-copy{margin:0!important;text-shadow:none!important;color:#3a4c62!important}
.site-footer .sf-brand-text{text-shadow:none!important}
/* Un solo bloque de marca/derechos: exy-v50.js elimina cualquier copia sobrante */
@media(max-width:650px){
  .site-footer{--lake-h:200px;padding:16px 14px 14px!important}
  .site-footer .exy-lake-landscape{background-size:auto 100%!important;background-position:18% bottom!important}
  .site-footer .sf-bottom{margin-top:calc(var(--lake-h) * .5)!important}
}

/* ===== 2) MENÚ SUPERIOR (estilo captura: negritas, chevron, acento celeste, "Ver todos en …") ===== */
.exy-topnav{background:rgba(6,10,17,.97)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.exy-topnav-list{justify-content:flex-start!important;gap:0!important;padding:3px 14px!important}
.exy-tn-link{min-height:38px;padding:7px 13px!important;font-size:13.5px!important;font-weight:600!important;color:#e7edf6!important;border-radius:8px!important;letter-spacing:.1px}
.exy-tn-link.has-sub{font-weight:800!important;color:#f4f8fd!important}
.exy-tn-link:hover,.exy-tn-link:focus-visible,.exy-tn-link.open,.exy-tn-link.is-active{color:#52d3f5!important;background:rgba(82,211,245,.09)!important}
.exy-tn-link svg{width:10px!important;height:10px!important;opacity:.8}
.exy-tn-premium{color:#c084fc!important}
.exy-tn-panel{min-width:238px!important;max-width:min(92vw,300px)!important;max-height:min(72vh,440px)!important;padding:7px 0!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;background:#0b121d!important;box-shadow:0 18px 44px rgba(0,0,0,.55)!important;scrollbar-width:thin;scrollbar-color:#3a4658 transparent}
.exy-tn-panel button{padding:9px 16px!important;border-radius:0!important;font-size:13.5px!important;font-weight:500;color:#e2eaf4!important}
.exy-tn-panel button:hover,.exy-tn-panel button:focus-visible{background:rgba(82,211,245,.10)!important;color:#52d3f5!important}
.exy-tn-panel .exy-tn-all{font-weight:800!important;color:#f4f8fd!important;border-bottom:1px solid rgba(255,255,255,.12)!important;margin:0 0 5px!important;padding-bottom:11px!important}
.exy-tn-panel .exy-tn-all:hover{color:#52d3f5!important}
html[data-theme="light"] .exy-topnav{background:rgba(255,255,255,.97)!important;border-bottom-color:rgba(30,60,120,.12)!important}
html[data-theme="light"] .exy-tn-link,html[data-theme="light"] .exy-tn-link.has-sub{color:#1d2638!important}
html[data-theme="light"] .exy-tn-link:hover,html[data-theme="light"] .exy-tn-link.open,html[data-theme="light"] .exy-tn-link.is-active{color:#0a78a6!important;background:rgba(10,120,166,.09)!important}
html[data-theme="light"] .exy-tn-panel{background:#fff!important;border-color:rgba(30,60,120,.16)!important;box-shadow:0 14px 34px rgba(20,40,80,.18)!important}
html[data-theme="light"] .exy-tn-panel button{color:#1d2638!important}
html[data-theme="light"] .exy-tn-panel button:hover{color:#0a78a6!important;background:rgba(10,120,166,.08)!important}
html[data-theme="light"] .exy-tn-panel .exy-tn-all{color:#0b1a2e!important;border-bottom-color:rgba(30,60,120,.14)!important}
.exy-tn-panel.open{animation:exyTnIn .16s ease-out}

/* ===== 3) CÍRCULOS: más grandes (≈5 a la vista) y el resto entra deslizando suave ===== */
.exy-strip{--slot:176px;--dot:128px;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:none!important;cursor:grab;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.exy-strip::-webkit-scrollbar{display:none!important;height:0!important}
.exy-strip.is-static{-webkit-mask-image:none;mask-image:none;cursor:default}
.exy-strip-track{display:flex;width:max-content;min-width:100%}
.exy-strip.is-static .exy-strip-track{justify-content:center}
.exy-strip .exy-strip-set{display:flex!important;gap:0!important;width:max-content!important;min-width:0!important;justify-content:flex-start!important;padding:12px 0 14px!important}
.exy-strip .exy-circ{width:var(--slot)!important;gap:8px!important;flex:0 0 var(--slot)!important}
.exy-strip .exy-circ-dot{width:var(--dot)!important;height:var(--dot)!important;font-size:30px!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.exy-strip .exy-circ-name{max-width:calc(var(--slot) - 14px)!important;font-size:12.5px!important;letter-spacing:.35px}
.exy-strip .exy-circ-age{font-size:10px!important;padding:2px 6px!important;right:6px!important;bottom:6px!important}
@media(max-width:899px) and (min-width:600px){.exy-strip{--dot:112px}}
@media(max-width:599px){.exy-strip{--dot:92px}.exy-strip .exy-circ-dot{font-size:26px!important}.exy-strip .exy-circ-name{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.exy-strip .exy-circ-dot{transition:none}}