/* EXYTOSA V47 · menú superior tipo web normal + categorías en círculos con movimiento suave */

/* ===== Menú superior (debajo de la barra principal) ===== */
.exy-topnav{position:relative;z-index:195;background:rgba(2,3,5,.96);border-bottom:1px solid var(--border2,rgba(255,255,255,.08));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.exy-topnav[hidden]{display:none}
.exy-topnav-list{list-style:none;margin:0 auto;padding:4px 12px;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;max-width:1320px;-webkit-overflow-scrolling:touch}
.exy-topnav-list::-webkit-scrollbar{display:none}
.exy-tn-link{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;white-space:nowrap;min-height:36px;padding:7px 12px;border:0;border-radius:8px;background:none;color:var(--txt2,#b9c4d3);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s,background .15s}
.exy-tn-link.has-sub{font-weight:800;color:var(--txt,#fff)}
.exy-tn-link:hover,.exy-tn-link:focus-visible,.exy-tn-link.open{color:var(--txt,#fff);background:rgba(0,230,118,.09);outline:none}
.exy-tn-link.is-active{color:#00e676;background:rgba(0,230,118,.1)}
.exy-tn-link svg{width:11px;height:11px;opacity:.7;transition:transform .18s}
.exy-tn-link.open svg{transform:rotate(180deg)}
.exy-tn-premium{color:#c084fc!important}
.exy-tn-panel{position:fixed;z-index:1100;min-width:200px;max-width:min(92vw,320px);max-height:min(70vh,420px);overflow-y:auto;padding:6px;border:1px solid rgba(0,230,118,.22);border-radius:12px;background:rgba(6,10,18,.98);box-shadow:0 18px 44px rgba(0,0,0,.45);display:none}
.exy-tn-panel.open{display:block;animation:exyTnIn .14s ease-out}
.exy-tn-panel button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 11px;border:0;border-radius:8px;background:none;color:var(--txt,#e8eef7);font:inherit;font-size:13px;cursor:pointer}
.exy-tn-panel button:hover,.exy-tn-panel button:focus-visible{background:rgba(0,230,118,.1);outline:none}
.exy-tn-panel .exy-tn-all{font-weight:800;color:#00e676;border-bottom:1px solid rgba(255,255,255,.07);border-radius:8px 8px 0 0;margin-bottom:3px}
@keyframes exyTnIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
html[data-theme="light"] .exy-topnav{background:rgba(255,255,255,.96)}
html[data-theme="light"] .exy-tn-link{color:#44506a}
html[data-theme="light"] .exy-tn-link.has-sub,html[data-theme="light"] .exy-tn-link:hover,html[data-theme="light"] .exy-tn-link.open{color:#0b2a6b}
html[data-theme="light"] .exy-tn-link.is-active{color:#0b7a43;background:#e9fbf1}
html[data-theme="light"] .exy-tn-panel{background:#fff;border-color:rgba(30,60,120,.15);box-shadow:0 14px 34px rgba(20,40,80,.18)}
html[data-theme="light"] .exy-tn-panel button{color:#1d2638}
@media(min-width:900px){
  .exy-topnav{position:sticky;top:var(--exy-nav-h,56px)}
  .exy-topnav-list{flex-wrap:wrap;justify-content:center;overflow:visible}
}
@media(max-width:899px){.exy-tn-link{font-size:12px;padding:7px 10px}}
body.user-panel-mode .exy-topnav{display:none}

/* ===== Sección "Explora por tipo de servicio": compacta, en círculos ===== */
.experience-menu{margin:8px 0 10px!important;padding:10px 0 4px!important;border-radius:16px!important}
.experience-menu .experience-head{margin:0 0 4px!important;padding:0 14px}
.experience-menu .experience-head h2{font-size:17px!important;letter-spacing:.06em;font-weight:900}
.experience-menu .experience-head p,.experience-menu .experience-hint{display:none!important}
.experience-menu .experience-grid{display:block!important}

.exy-strip{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#00e5ff rgba(255,255,255,.06);cursor:grab;touch-action:pan-x pan-y;outline:none}
.exy-strip.is-drag{cursor:grabbing;user-select:none}
.exy-strip.is-drag .exy-circ{pointer-events:none}
.exy-strip::-webkit-scrollbar{height:6px}
.exy-strip::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:6px}
.exy-strip::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#00e5ff,#00e676);border-radius:6px}
.exy-strip-set{display:flex;align-items:flex-start;gap:22px;width:max-content;min-width:100%;justify-content:center;padding:10px 18px 12px}
@media(max-width:899px){.exy-strip-set{justify-content:flex-start}}
.exy-circ{--c:#00e676;flex:0 0 auto;width:104px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--txt,#e8eef7);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.exy-circ-dot{position:relative;-webkit-user-drag:none;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:var(--c);font-size:22px;font-weight:900;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--c) 24%,#0a121c),#060b12 72%);border:2px solid color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--c) 26%,transparent);transition:transform .2s,box-shadow .2s}
.exy-circ-dot svg{width:55%;height:55%;display:block}
.exy-circ-dot img{-webkit-user-drag:none;user-select:none;pointer-events:none;width:100%;height:100%;object-fit:cover;display:block}
.exy-circ:hover .exy-circ-dot,.exy-circ:focus-visible .exy-circ-dot{transform:scale(1.09);box-shadow:0 0 18px color-mix(in srgb,var(--c) 55%,transparent)}
.exy-circ:focus-visible{outline:none}
.exy-circ-name{display:block;max-width:104px;overflow:hidden;white-space:normal;word-break:break-word;min-height:2.3em;text-align:center;font-size:11px;font-weight:800;line-height:1.15;letter-spacing:.3px;text-transform:uppercase}
.exy-circ-age{position:absolute;right:1px;bottom:1px;padding:1px 4px;border-radius:999px;background:#d32f2f;color:#fff;font-size:8px;font-weight:900;line-height:1.2}
html[data-theme="light"] .exy-circ-dot{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--c) 14%,#fff),#fff 75%)}
@media(max-width:600px){
  .exy-circ{width:82px;gap:5px}
  .exy-circ-dot{width:72px;height:72px}
  .exy-circ-name{max-width:82px;font-size:10px}
  .exy-strip-set{gap:12px;padding:8px 12px 10px}
}

html[data-theme="light"] .experience-menu .experience-head h2{color:#1d2638!important}

/* ===== Rejilla "Plataformas": también circular y más pequeña ===== */
.platform-rail-set{gap:12px!important;padding:4px 12px 8px 0!important}
.platform-chip{width:80px!important;flex:0 0 80px!important;display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.platform-chip:hover,.platform-chip:focus-visible{transform:none!important;box-shadow:none!important}
.platform-chip-media{width:64px!important;height:64px!important;border-radius:16px!important;border:2px solid rgba(0,180,255,.38);box-shadow:0 0 10px rgba(0,180,255,.15);transition:transform .2s,border-color .2s;grid-row:auto!important}
.platform-chip:hover .platform-chip-media,.platform-chip:focus-visible .platform-chip-media{transform:scale(1.09);border-color:rgba(0,180,255,.8)}
.platform-chip-name{max-width:80px;margin:0!important;text-align:center;font-size:9px!important}
.platform-chip-type{display:none!important}
html[data-theme="light"] .platform-chip{background:none!important}
.platform-rail-head{padding:8px 14px 4px!important}
.platform-rail-head p{display:none}

@media(prefers-reduced-motion:reduce){
}

/* ===== Pie de página compacto: el paisaje es el fondo de TODO el pie ===== */
.site-footer{padding:20px 18px 14px!important;margin-top:14px!important;line-height:1.5!important;color:#2a3a4d!important;background:linear-gradient(#fff,#e8f2fa)!important;border-color:rgba(60,110,160,.22)!important;min-height:0}
.site-footer .exy-lake-scene{top:0!important;bottom:0!important;height:auto!important;background:transparent!important;-webkit-mask-image:none!important;mask-image:none!important;z-index:1}
.site-footer .exy-lake-landscape{background-size:100% auto!important;background-position:center bottom!important;opacity:.95}
.site-footer .sf-links{margin-bottom:8px}
.site-footer .sf-links a,.site-footer .sf-col a{color:#33465c!important;text-shadow:0 0 6px #fff,0 0 3px #fff}
.site-footer .sf-col a{margin:0 0 4px!important;font-size:11.5px}
.site-footer .sf-col-title{color:#14233a!important;margin-bottom:5px!important;text-shadow:0 0 6px #fff}
.site-footer .sf-cols{gap:20px!important;margin:0 auto 8px!important}
.site-footer .sf-benefit b,.site-footer .sf-benefit p,.site-footer .sf-payment{color:#26384d!important;text-shadow:0 0 6px #fff}
.site-footer .sf-benefit p{font-size:10.5px;margin:1px 0 0;line-height:1.35}
.site-footer .sf-benefits{gap:6px!important}
.site-footer .sf-live{margin:4px auto 0!important;color:#3a4c62}
.site-footer .sf-live-label,.site-footer .sf-live-value{color:#26384d!important;text-shadow:0 0 6px #fff}
.site-footer .sf-bottom{margin:0 auto!important;padding:2px 0 0!important}
.site-footer .sf-brand{margin:2px auto 0!important}
.site-footer .sf-brand-text{font-size:19px!important;color:#10202f!important;text-shadow:0 0 8px #fff}
.site-footer .sf-footer-copy{color:#3a4c62!important;font-size:10px;text-shadow:0 0 6px #fff}
.site-footer .ad-footer-wrap:empty,.site-footer .ad-slot:empty{display:none}
@media(max-width:650px){
  .site-footer{padding:16px 14px 90px!important}
  .site-footer .exy-lake-landscape{background-size:auto 230px!important;background-position:15% bottom!important}
}