/* ================================================================
   LABURBE — guardar_style.css (reorganizado)
   Orden: 1) GENERAL  2) DESKTOP (min-width)  3) MOBILE (max-width)
   4) MOBILE PEQUEÑO (max-width:560px) — copia escalada -30% de (3)
   ================================================================ */

/* ============================================================
   1. GENERAL — reglas sin @media (aplican a todos los tamaños)
   ============================================================ */
/* ===== laburbe-styles (bloque 1/22) ===== */
/* ============================================================
   1. VARIABLES, RESET, CURSOR
   ============================================================ */
:root{
  --bg:#0e0b07;--bg-2:#141009;--bg-3:#1c1610;--bg-card:#1a1510;--bg-card-2:#211a12;
  --surface:rgba(255,245,220,0.04);--surface-2:rgba(255,245,220,0.07);
  --teal:#2dd4bf;--teal-dim:#1aa896;--teal-glow:rgba(45,212,191,0.15);--teal-faint:rgba(45,212,191,0.07);
  --amber:#f59e0b;--amber-dim:#d97706;--amber-glow:rgba(245,158,11,0.15);--amber-faint:rgba(245,158,11,0.07);
  --cream:#f5f0e8;--cream-dim:rgba(245,240,232,0.70);--cream-faint:rgba(245,240,232,0.35);--cream-ghost:rgba(245,240,232,0.12);
  --border:rgba(255,245,220,0.08);--border-teal:rgba(45,212,191,0.20);--border-amber:rgba(245,158,11,0.22);
  --font-display:'Instrument Serif',Georgia,serif;--font-body:'Inter',system-ui,sans-serif;--font-ui:'Syne',sans-serif;
  --ease:cubic-bezier(0.22,1,0.36,1);--spring:cubic-bezier(0.34,1.56,0.64,1);
  --r-sm:6px;--r-md:12px;--r-lg:20px;--r-xl:40px;
  --sh-sm:0 2px 16px rgba(0,0,0,0.35);--sh-md:0 8px 40px rgba(0,0,0,0.50);
  --sh-teal:0 0 28px rgba(45,212,191,0.18);--sh-amber:0 0 28px rgba(245,158,11,0.18);
  --pad-h:clamp(16px,5vw,64px);--pad-v:clamp(48px,8vh,88px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);font-family:var(--font-body);color:var(--cream);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.no-scroll{overflow:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;background:none;border:none}
::selection{background:rgba(45,212,191,0.25);color:var(--cream)}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--teal-glow);border-radius:3px}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}



/* Bloqueo de selección/clic derecho (global) */
body,body *{user-select:none}
input,textarea,select,[contenteditable="true"]{user-select:text}





/* ============================================================
   3. BARRA DE PROGRESO / OVERLAY
   ============================================================ */
#spb{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--teal-dim),var(--teal),var(--amber));z-index:99999;pointer-events:none;box-shadow:0 0 12px var(--teal-glow);transition:width .08s linear}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}
.overlay.on{opacity:1;pointer-events:auto}
.hamburger{z-index:10001;position:relative}
.panel{z-index:10002}
.panel-x{z-index:10003}


/* ============================================================
   4. NAVBAR
   ============================================================ */
.nav{
  position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:20px var(--pad-h);z-index:1000;border-bottom:1px solid transparent;
  background:rgba(0,153,122,0);
  transition:background .4s var(--ease),padding .4s var(--ease),border-color .4s,transform .45s ease,opacity .35s ease;
  will-change:transform;
}
#navSpacer{height:0;overflow:hidden;transition:height .4s var(--ease)}
.nav.scrolled{background:rgba(14,11,7,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px var(--pad-h);border-bottom-color:var(--border)}
.nav.nav-links-open{
  padding-bottom:13px;
  background:rgba(14,11,7,0.92);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom-color:var(--border);
  transition:background .35s var(--ease),padding .35s var(--ease),border-color .35s var(--ease);
}
.nav-logo-wrap{display:flex;flex-direction:column;gap:2px}
.nav-logo{width:clamp(120px,34vw,170px);height:auto;filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.35));opacity:1;transition:opacity .3s}
.nav-logo:hover{opacity:1}
.nav-sub{font-family:var(--font-ui);font-size:clamp(1.2rem,1vw,1.2rem);letter-spacing:.18em;color:white;text-transform:uppercase;font-weight:500;margin-top:10px}

.nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
.nav-link{
  position:relative;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.18em;color:rgba(255,255,255,0.7);
  text-transform:uppercase;padding:7px 14px;border-radius:var(--r-xl);border:1px solid transparent;
  transition:all .3s var(--ease);font-weight:600;white-space:nowrap;
}
.nav-link-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex-shrink:0}
.nav-face{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .3s ease,transform .35s var(--spring)}
.nav-link:hover .nav-face,.nav-link.is-armed .nav-face,.nav-link.active .nav-face{stroke:var(--teal);transform:scale(1.08)}
.nav-link-text{display:inline}
.nav-link:hover,.nav-link.active{color:var(--teal);border-color:var(--border-teal);background:var(--teal-faint)}

.nav-right{display:flex;align-items:center;gap:8px}
.hamburger{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);transition:all .3s var(--spring)}
.hamburger:hover{border-color:var(--border-teal);background:var(--teal-faint);box-shadow:var(--sh-teal)}
.hamburger img{width:60%;height:60%;object-fit:contain}

.nav-menu-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:0px solid var(--border);background:none;color:var(--cream);flex-shrink:0;transition:all .3s var(--spring)}
.nav-menu-toggle:hover{background:none}
.nav-menu-toggle.active{color:var(--teal)}

/* Burbinas badge (navbar) */

.nav-burbinas-icon-wrap{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  animation: none;
}
.nav-burbinas-icon-wrap img{
  width: 92%;
  height: 92%;
  object-fit: contain;
  position: relative;
  z-index: 3;
  opacity: 1;
  filter: drop-shadow(0 0 6px rgba(0,0,0,.35));
}

@keyframes navBurbinaPulse{0%,100%{box-shadow:0 0 14px rgba(45,212,191,.45)}50%{box-shadow:0 0 32px rgba(45,212,191,.9)}
    
}









/* ============================================================
   5. PANEL LATERAL GENÉRICO (usado por #panelmision)
   ============================================================ */
   
.panel{position:fixed;top:0;right:0;width:min(600px,94vw);height:100dvh;background:var(--bg-2);border-left:1px solid var(--border);box-shadow:-20px 0 80px rgba(0,0,0,0.7);z-index:9999;display:flex;flex-direction:column;transform:translateX(110%);transition:transform .5s var(--ease);pointer-events:none;overflow:hidden;padding:0}
.panel::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 40% at 0% 0%,var(--teal-faint) 0%,transparent 60%),radial-gradient(ellipse 50% 55% at 100% 100%,var(--amber-faint) 0%,transparent 60%)}
.panel.on{transform:translateX(0);pointer-events:auto}
.pb-header-bar{
  position:sticky;top:0;z-index:15;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:16px 18px 12px;
  background:linear-gradient(180deg, var(--bg-2) 70%, rgba(20,16,9,0));
}
.pb-close-arrow{
  flex-shrink:0;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border-teal);background:var(--teal-faint);color:var(--teal);
  transition:all .3s var(--spring);
}
.pb-close-arrow:hover{background:var(--teal);color:var(--bg);transform:translateX(-3px)}
.pb-close-arrow:active{transform:translateX(-3px) scale(.9)}

.panel-info-toggle {
  width: 52px !important; 
  height: 52px !important;
  font-size: 1.2rem !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
 
  gap: 0 !important;
  margin-bottom: 16px;   /* si quieres mantener el margen inferior */
  border: 0px solid var(--border-teal);
  background: none;
  color: var(--teal);
  transition: all .3s var(--spring);
  cursor: pointer;
  flex-shrink: 0;
}

.panel-scroll{
  flex:1 1 auto;
  min-height:0;                 /* CRÍTICO — sin esto no hay scroll aunque overflow-y:auto esté puesto */
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  padding:56px 20px 40px;
  position:relative;z-index:1;
  scrollbar-width:thin;scrollbar-color:var(--teal-faint) transparent;
}
.panel-brand{font-family:var(--font-display);font-size:2.2rem;color:var(--cream);font-weight:400;letter-spacing:-.01em;margin-bottom:2px}
.panel-brand-sub{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.4em;color:var(--teal);text-transform:uppercase;margin-bottom:22px;font-weight:700}
.panel-rule{height:1px;background:var(--border);margin-bottom:18px}
.panel-sec-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.38em;color:var(--cream-faint);text-transform:uppercase;margin-bottom:11px;font-weight:400}

.directors-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.director-card{padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);transition:all .3s var(--ease)}
.director-card:hover{border-color:var(--border-teal);background:var(--surface-2)}
.director-name{font-family:var(--font-display);font-size:1.25rem;font-weight:400;font-style:italic;color:var(--cream);margin-bottom:2px}
.director-pos{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.22em;color:var(--teal);text-transform:uppercase;margin-bottom:4px;font-weight:700}
.director-desc{font-size:1.2rem;color:var(--cream-dim);line-height:1.5}

.mentor-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}
.mentor-item{display:flex;flex-direction:column;align-items:center;gap:5px}
.mentor-avatar{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s var(--spring)}
.mentor-avatar img{width:100%;height:100%;object-fit:cover}
.mentor-item:hover .mentor-avatar{border-color:var(--teal);box-shadow:var(--sh-teal);transform:translateY(-2px)}
.mentor-item p{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.08em;color:var(--cream-faint);text-align:center;text-transform:uppercase}
.mentor-text{margin-top:10px;padding:10px 12px;border-left:2px solid var(--teal);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--teal-faint);font-size:1.2rem;color:var(--cream-dim);line-height:1.6;display:none}




/* ============================================================
   6. otros
   ============================================================ */

.pb-toggle-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:8px}
.pb-toggle-arrow{display:inline-block;font-size:.85em;margin-left:4px;transition:transform .25s ease}
.pb-toggle-body{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border-teal)}

.pb-chart-title{font-family:var(--font-ui);font-size:1.15rem;letter-spacing:.1em;color:var(--teal);text-transform:uppercase;font-weight:700;margin:6px 0 22px}
.pb-chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:22px 4px 6px;scrollbar-width:thin;scrollbar-color:var(--teal-faint) transparent}
.pb-chart-row{display:flex;align-items:flex-end;gap:12px;height:130px;padding:0 4px;min-width:max-content}
.pb-chart-col{flex:0 0 auto;width:52px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.pb-chart-col-hoy .pb-chart-label,.pb-chart-col-hoy .pb-chart-daynum{color:var(--teal)}
.pb-chart-daynum{font-family:var(--font-ui);font-size:.68rem;letter-spacing:.08em;color:var(--cream-faint);opacity:.7;margin-top:5px;text-align:center;font-weight:700}
.pb-chart-stats{display:flex;gap:8px;margin-top:14px}
.pb-chart-stat{flex:1;text-align:center;padding:10px 6px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}
.pb-chart-stat-num{display:block;font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--teal)}
.pb-chart-stat-lbl{display:block;font-family:var(--font-ui);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-faint);margin-top:2px}
.pb-chart-conclusion{margin-top:12px;padding:10px 12px;border-radius:10px;border-left:2px solid var(--teal);background:var(--teal-faint);font-size:.8rem;color:var(--cream-dim);line-height:1.5}
.pb-chart-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}
.pb-chart-avg-line{position:absolute;left:0;right:0;border-top:1px dashed rgba(245,240,232,.28);pointer-events:none}
.pb-chart-bar{position:relative;width:62%;min-width:12px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--teal),var(--teal-dim));box-shadow:0 0 10px rgba(45,212,191,.35);transition:height .6s cubic-bezier(.22,1,.36,1)}
.pb-chart-bar-hoy{background:linear-gradient(180deg,#ffd36a,var(--amber))}
.pb-chart-bar-val{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-family:var(--font-ui);font-size:.82rem;font-weight:800;color:var(--cream);white-space:nowrap}
.pb-chart-label{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.05em;color:var(--cream-faint);text-transform:uppercase;margin-top:2px;text-align:center;font-weight:600}
.pb-chart-nav{display:flex;justify-content:flex-start;margin-top:8px}
.pb-chart-nav-arrow{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-teal);background:var(--teal-faint);color:var(--teal);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.75;transition:all .25s ease}
.pb-chart-nav-arrow:hover{opacity:1;background:var(--teal);color:var(--bg);transform:translateX(-2px)}



/* ============================================================
   6. PANEL "TUS BURBINAS" (#panelmision)
   ============================================================ */
.pb-header{text-align:center;padding-top:4px}
.pb-header-icon{width:54px;height:54px;border-radius:50%;margin:0 auto 10px;background:radial-gradient(circle at 20% 20%,rgba(45,212,191,.35),rgba(45,212,191,.06));border:1.5px solid var(--border-teal);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(45,212,191,.25)}
.pb-header-icon img{width:50%;height:50%;object-fit:contain}
.pb-saldo-row{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px}
.pb-saldo-num{font-family:var(--font-display);font-size:2.4rem;font-style:italic;color:var(--teal);line-height:1}

.pb-login-block{text-align:center;padding:6px 0 4px}
.pb-login-block.pb-highlight .pb-ingresar-btn{
  animation:cpzIngresarPulse 1.3s ease-out 1;
  border-color:var(--teal);
}

.pb-ingresar-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border-radius:12px;border:1px solid var(--border-teal);background:var(--teal-faint);color:var(--teal);font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s var(--ease)}
.pb-ingresar-btn:hover{background:var(--teal);color:var(--bg)}
.pb-login-sub{font-size:1.2rem;color:var(--cream-faint);margin-top:8px;line-height:1.5}
.pb-login-form{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s var(--ease),opacity .3s ease,margin .4s ease;text-align:left}
.pb-login-form.open{max-height:400px;opacity:1;margin-top:14px}
.pb-field{margin-bottom:10px}
.pb-field label{display:block;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.14em;color:var(--teal);text-transform:uppercase;margin-bottom:5px;font-weight:700}
.pb-field input{width:100%;padding:9px 11px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--cream);font-family:var(--font-body);font-size:1.2rem;outline:none}
.pb-field input:focus{border-color:var(--teal);background:var(--teal-faint)}
.pb-btn{width:100%;padding:11px;border-radius:9px;border:1px solid var(--border-teal);background:var(--teal-faint);color:var(--teal);font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:4px}
.pb-btn:hover{background:var(--teal);color:var(--bg)}
.pb-btn-link{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;margin-top:10px;padding:10px 8px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--teal);font-family:var(--font-ui);font-size:clamp(.6rem,2.9vw,.95rem);letter-spacing:.04em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .25s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-btn-link:hover{border-color:var(--border-teal);background:var(--teal-faint)}
.pb-btn-link.pb-logout{border-color:rgba(248,113,113,.3);color:#f87171}
.pb-btn-link.pb-logout:hover{background:rgba(248,113,113,.1)}
.pb-status{margin-top:10px;font-size:1.2rem;text-align:center;color:var(--cream-dim);min-height:1.2em}

.pb-sesion-block{text-align:center}
.pb-sesion-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.12em;color:var(--teal);text-transform:uppercase;font-weight:700;margin-bottom:18px}
.pb-sesion-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}

.pb-geo-wrap{position:relative;padding:8px 0 4px}
.nav-burbina-icon-btn{
  position: relative;
  width: 58px;
  height: 58px;
  padding: 0;
  border-radius: 50%;
  border: 1.5px solid rgba(45,212,191,.45);
  background: radial-gradient(circle at 30% 30%, rgba(45,212,191,.35), rgba(45,212,191,.08));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  animation: navBurbinaPulse 2.4s ease-in-out infinite;
  transition: transform .3s var(--spring), box-shadow .15s ease, filter .15s ease;
}
.nav-burbina-icon-btn::before{
  content:'';position:absolute;inset:-10px;border-radius:50%;
  border:1px solid rgba(45,212,191,.22);
  animation:pbSatOrbit 4s linear infinite;
  pointer-events:none;
}


.nav-burbina-icon-btn:hover{transform:scale(1.06)}

.nav-burbina-icon-btn:active{transform:scale(.86);box-shadow:0 0 0 10px rgba(45,212,191,.35),0 0 26px rgba(45,212,191,.85);filter:brightness(1.35)}

.nav-burbina-icon-btn img{width:78%;height:78%;object-fit:contain;pointer-events:none; animation:none!important;}

/* Sensor ping: onda que emerge del centro hacia la periferia, siempre activa */
.nav-burbina-icon-btn::after,
.pb-punto-btn::after{
  content:'';
  position:absolute;
  inset:-4px;
  border-radius:50%;
  border:2.5px solid rgba(45,212,191,.9);
  animation:cpzSensorPing 2.2s ease-out infinite;
  pointer-events:none;
  z-index:0;
  box-shadow:0 0 12px rgba(45,212,191,.55);
}
@keyframes cpzSensorPing{
  0%{transform:scale(.5);opacity:1}
  70%{transform:scale(2.3);opacity:0}
  100%{transform:scale(2.3);opacity:0}
}
/* Estado "localizando" — navbar + panel */
.nav-burbina-icon-btn.geo-locating,
.pb-punto-btn.geo-locating{
  animation:geoLocatingPulse 1s ease-in-out infinite !important;
  cursor:wait;
}
@keyframes geoLocatingPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(45,212,191,.6),0 0 16px rgba(45,212,191,.5)}
  50%{box-shadow:0 0 0 12px rgba(45,212,191,0),0 0 26px rgba(45,212,191,.9)}
}
.nav-burbina-icon-btn.geo-locating::after,
.pb-punto-btn.geo-locating::after{
  content:'';position:absolute;inset:-6px;border-radius:50%;
  border:2px solid transparent;border-top-color:#fff;border-right-color:rgba(255,255,255,.5);
  animation:geoSpin .8s linear infinite;pointer-events:none;
}
@keyframes geoSpin{to{transform:rotate(360deg)}}

/* Cartelito de ubicación confirmada */
.geo-toast{
  position:fixed;z-index:10051;
  width:min(300px, calc(100vw - 24px));
  padding:14px 18px;border-radius:16px;
  background:linear-gradient(160deg, rgba(255,253,248,.98), rgba(245,240,232,.96));
  border:1px solid rgba(45,212,191,.35);
  color:#2b2014;font-family:var(--font-body);
  box-shadow:0 16px 40px rgba(0,0,0,.28), 0 0 0 1px rgba(45,212,191,.08);
  backdrop-filter:blur(10px);
  opacity:0;transform:translate(-50%,4px);
  transition:opacity .35s ease, transform .35s ease;
  pointer-events:none;text-align:left;line-height:1.4;
}
.geo-toast.on{opacity:1;transform:translate(-50%,0)}
.geo-toast.geo-toast-err{border-color:rgba(245,158,11,.45)}
.geo-toast-head{display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-dim);font-weight:700;margin-bottom:6px}
.geo-toast.geo-toast-err .geo-toast-head{color:#b45309}
.geo-toast-loc{font-family:var(--font-display);font-style:italic;font-size:1.15rem;color:#2b2014;margin-bottom:4px;word-break:break-word}
.geo-toast-coords{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.04em;color:rgba(43,32,20,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-geo-btn:hover{transform:translateY(-3px) scale(1.015)}
.pb-geo-btn:active{transform:scale(.97)}
.pb-geo-btn:disabled{opacity:.5;cursor:not-allowed;animation:none}
@keyframes pbGeoPulse{0%,100%{box-shadow:0 0 0 0 rgba(45,212,191,.35),0 12px 30px rgba(0,0,0,.35)}50%{box-shadow:0 0 0 14px rgba(45,212,191,0),0 16px 36px rgba(0,0,0,.4)}}
.pb-geo-glow{position:absolute;inset:-40%;background:radial-gradient(circle,rgba(45,212,191,.30) 0%,transparent 70%);animation:burbinaGlowPulse 3s ease-in-out infinite;pointer-events:none}
.pb-geo-icon{width:50px;height:50px;border-radius:50%;background:rgba(6,18,16,.4);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;animation:burbinaFloat 3.5s ease-in-out infinite}
.pb-geo-icon img{width:60%;height:60%;object-fit:contain}
.pb-geo-text{position:relative;z-index:1;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--cream);text-align:center;line-height:1.4}
.pb-geo-sub{font-size:1.2rem;color:var(--cream-faint);margin-top:10px;line-height:1.5;text-align:center;padding:0 6px}

/* Listado "qué hacer con tus burbinas" */
.burbina-intro{font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--cream);text-align:center;line-height:1.5;margin:4px 0 16px;padding:12px 14px;border:1px solid var(--border-teal);border-radius:var(--r-md);background:var(--teal-faint)}
.burbina-intro strong{font-style:normal;color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:.8em;display:block;margin-top:6px}
.burbina-list{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}
.burbina-item{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);transition:border-color .3s,background .3s}
.burbina-item:hover{border-color:var(--border-teal);background:var(--surface-2)}
.burbina-item-icon{font-size:1.1rem;flex-shrink:0;line-height:1.3}
.burbina-item-texts{display:flex;flex-direction:column;gap:3px;min-width:0}
.burbina-item-title{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.06em;color:var(--teal);font-weight:700;text-transform:uppercase}
.burbina-item-desc{font-size:1.2rem;color:var(--cream-dim);line-height:1.6}







/* ============================================================
   6.C — DETALLES: cómo ganar / usar burbinas (rediseño)
   ============================================================ */
.pb-detalles-toggle{
  flex-shrink:0;display:flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:999px;
  border:1px solid var(--border-teal);
  background:linear-gradient(135deg,rgba(45,212,191,.24),rgba(45,212,191,.08));
  color:var(--teal);
  font-family:var(--font-ui);font-size:.72rem;letter-spacing:.14em;font-weight:800;text-transform:uppercase;
  cursor:pointer;transition:all .3s var(--ease);
  box-shadow:0 4px 14px rgba(45,212,191,.15);
  white-space:nowrap;
}
.pb-detalles-toggle:hover{background:var(--teal);color:var(--bg)}
.pb-detalles-toggle.open{background:linear-gradient(135deg,#ffb84f,#f59e0b);border-color:#f59e0b;color:#2a1600}

.pb-detalles-toggle:hover{background:rgba(45,212,191,.20);border-color:rgba(45,212,191,.5)}
.pb-detalles-toggle-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1;font-family:var(--font-ui);font-size:clamp(.62rem,3vw,.95rem);letter-spacing:.02em;text-transform:uppercase;font-weight:700;text-align:left}
.pb-detalles-toggle-left span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pb-detalles-toggle-icon{font-size:1.3em;flex-shrink:0}
.pb-detalles-arrow{font-size:1.1rem;transition:transform .35s var(--spring);flex-shrink:0}
.pb-detalles-toggle.open .pb-detalles-arrow{transform:rotate(180deg)}

.pb-detalles-body{max-height:0;opacity:0;overflow:hidden;transition:max-height .55s var(--ease),opacity .4s ease,margin .55s ease}
.pb-detalles-body.open{max-height:4000px;opacity:1;margin-top:16px}
.pb-detalles-inner{padding:4px 2px}
#panelmision.pb-modo-sumar .panel-scroll > *:not(#pbDetallesBody){
  display:none;
}
.pb-detalles-section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.pb-detalles-section-num{font-family:var(--font-display);font-style:italic;font-size:1.6rem;color:var(--teal);line-height:1;flex-shrink:0;opacity:.85}
.pb-detalles-section-title{font-family:var(--font-ui);font-size:1.35rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:var(--cream)}
.pb-detalles-section-sub{font-size:1.35rem;color:rgba(245,240,232,.65);margin-top:2px}
.pb-detalles-divider{height:1px;background:var(--border);margin:24px 0}

.pb-earn-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}
.pb-earn-card{display:flex;align-items:flex-start;gap:13px;padding:13px 15px;border-radius:14px;border:1px solid var(--border);background:var(--surface);transition:border-color .25s,background .25s}
.pb-earn-card:hover{border-color:var(--border-teal);background:var(--surface-2)}
.pb-earn-icon{width:42px;height:42px;border-radius:50%;background:var(--teal-faint);border:1px solid var(--border-teal);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.pb-earn-texts{flex:1;min-width:0}
.pb-earn-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--cream)}
.pb-earn-valor{font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--teal);flex-shrink:0}
.pb-earn-desc{font-size:1.55rem;color:rgba(245,240,232,.72);line-height:1.55;margin-top:3px}

.pb-use-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.pb-use-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px 16px;border-radius:16px;border:1px solid var(--border-amber);background:var(--amber-faint);text-align:left;cursor:pointer;transition:all .3s var(--ease)}
.pb-use-card:hover{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.5);transform:translateY(-2px)}
.pb-use-icon{font-size:1.7rem;flex-shrink:0}
.pb-use-texts{flex:1;min-width:0}
.pb-use-title{font-family:var(--font-ui);font-size:1.25rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--amber);margin-bottom:4px}
.pb-use-desc{font-size:1.15rem;color:rgba(245,240,232,.78);line-height:1.6}
.pb-use-arrow{font-size:1.4rem;color:var(--amber);flex-shrink:0;transition:transform .25s var(--ease)}
.pb-use-card:hover .pb-use-arrow{transform:translateX(4px)}

.pb-advertencia{display:flex;gap:12px;padding:14px 16px;border-left:3px solid var(--amber);border-radius:0 12px 12px 0;background:rgba(245,158,11,.08)}
.pb-advertencia-icon{font-size:1.3rem;flex-shrink:0}
.pb-advertencia-title{font-family:var(--font-ui);font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--amber);margin-bottom:4px}
.pb-advertencia-desc{font-size:1.15rem;color:rgba(245,240,232,.75);line-height:1.6}

#panelmision .pb-info-text{color:rgba(245,240,232,.92);font-weight:500}
#panelmision .pb-nivel-msg{color:rgba(245,240,232,.85)}
#panelmision .pb-actividad-label{color:rgba(245,240,232,.85)}
#panelmision .pb-login-sub{color:rgba(245,240,232,.75)}
#panelmision .panel-sec-label{color:rgba(45,212,191,.85)}
#panelmision .pb-ring-max{color:rgba(245,240,232,.75)}
#panelmision .pb-ring-bar-labels{color:rgba(245,240,232,.75)}





/* ============================================================
   LOGROS: NOMBRES Y CANTIDADES CON COLORES DISTINTOS
   ============================================================ */

/* Evita que los nombres se corten o salten de línea */
#panelmision .pb-logro-label,
#panelmision .pb-logro-umbral {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; /* solo por si acaso, pero con el tamaño justo no debería cortar */
}

/* Colores por nivel (contrastan sobre fondo gris) */
.pb-logro-t1 .pb-logro-label,
.pb-logro-t1 .pb-logro-umbral {
  color: #b0b0b0 !important;
}
.pb-logro-t2 .pb-logro-label,
.pb-logro-t2 .pb-logro-umbral {
  color: #2dd4bf !important;
}
.pb-logro-t3 .pb-logro-label,
.pb-logro-t3 .pb-logro-umbral {
  color: #5eead4 !important;
}
.pb-logro-t4 .pb-logro-label,
.pb-logro-t4 .pb-logro-umbral {
  color: #f59e0b !important;
}
.pb-logro-t5 .pb-logro-label,
.pb-logro-t5 .pb-logro-umbral {
  color: #ffd36a !important;
}

/* Cuando el logro está activo (alcanzado), el color se intensifica */
.pb-logro-item.active .pb-logro-label,
.pb-logro-item.active .pb-logro-umbral {
  filter: brightness(1.3) !important;
  text-shadow: 0 0 8px currentColor !important;
}

/* ============================================================
   6.B — NUEVO PANEL BURBINAS (anillo, logros, actividad)
   ============================================================ */
.pb-top-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:32px;flex-wrap:nowrap}
.pb-geo-block{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}
.pb-punto-btn{
  display:flex;align-items:center;justify-content:center;position:relative;
  width:50px;height:50px;border-radius:50%;flex-shrink:0;
  background:radial-gradient(circle at 30% 30%,rgba(45,212,191,.45),rgba(45,212,191,.12));
  border:1.5px solid rgba(45,212,191,.55);
  cursor:pointer;
  animation:navBurbinaPulse 2.4s ease-in-out infinite;
  transition:transform .3s var(--spring);
}
.pb-punto-btn::before{
  content:'';position:absolute;inset:-10px;border-radius:50%;
  border:1px solid rgba(45,212,191,.25);
  animation:pbSatOrbit 4s linear infinite;
  pointer-events:none;
}

@keyframes pbSatOrbit{to{transform:rotate(360deg)}}

.pb-punto-btn:hover{transform:scale(1.06)}

.pb-punto-btn:active{transform:scale(.86);box-shadow:0 0 0 10px rgba(45,212,191,.35),0 0 26px rgba(45,212,191,.85);filter:brightness(1.35)}
.pb-punto-btn img{width:58%;height:58%;object-fit:contain;pointer-events:none}
.pb-punto-label{
  font-family:var(--font-ui);font-size:1.2rem;
  letter-spacing:.1em;color:var(--cream-faint);text-transform:uppercase;
  font-weight:400;white-space:nowrap;line-height:1;opacity:.8;
}


.pb-ring-wrap{
  display:flex;align-items:center;justify-content:center;gap:clamp(12px, 3vw, 20px);
  margin-bottom:24px;flex-wrap:wrap;padding:24px 16px;border-radius:24px;
  background:radial-gradient(ellipse 90% 100% at 50% 0%, rgba(45,212,191,.14) 0%, transparent 70%), var(--bg-card);
  border:1px solid var(--border-teal);
  box-shadow:0 0 0 1px rgba(45,212,191,.06) inset, 0 10px 30px rgba(0,0,0,.3);
}
.pb-ring-center{transition:transform .3s var(--spring)}
.pb-ring-center:hover{transform:scale(1.03)}

.pb-ring-svg{width:clamp(120px, 34vw, 160px);height:clamp(120px, 34vw, 160px);flex-shrink:0;filter:drop-shadow(0 0 16px rgba(45,212,191,.35))}
.pb-ring-track{fill:none;stroke:var(--border);stroke-width:8}
.pb-ring-fill{fill:none;stroke:var(--teal);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(45,212,191,.5));transition:stroke-dashoffset 1s var(--ease)}
.pb-ring-center{position:relative;cursor:pointer}
.pb-ring-center:active{transform:scale(.96)}
.pb-ring-center.pb-ring-refreshing .pb-ring-fill{filter:drop-shadow(0 0 6px rgba(45,212,191,.5)) drop-shadow(0 0 16px rgba(45,212,191,.9))}
.pb-ring-center.pb-ring-refreshing .pb-ring-numwrap{animation:pbRingNumPop .5s ease}
@keyframes pbRingNumPop{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.18)}100%{transform:translate(-50%,-50%) scale(1)}}
.pb-ring-numwrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.pb-ring-num{font-family:var(--font-display);font-size:clamp(2.1rem, 8vw, 3.2rem);font-style:italic;color:var(--teal);line-height:1;text-shadow:0 0 22px rgba(45,212,191,.45)}
.pb-ring-max{font-family:var(--font-body);font-size:clamp(0.7rem, 2.5vw, 1.2rem);color:var(--cream-faint)}
.pb-ring-info{flex:1;min-width:0; /* evita desborde en móvil */ }
.pb-ring-progreso-msg{
  text-align:center;
  max-width:420px;
  margin:14px auto 0;
  padding:10px 16px;
  border-radius:12px;
  border:1px solid var(--border-teal);
  background:var(--teal-faint);
  font-family:var(--font-body);
  font-size:1rem;
  color:var(--cream-dim);
  line-height:1.5;
}
.pb-ring-progreso-msg strong{ color:var(--teal); }
.pb-ring-progreso-msg.pb-ring-progreso-max{
  border-color:var(--border-amber);
  background:var(--amber-faint);
}
.pb-ring-progreso-msg.pb-ring-progreso-max strong{ color:var(--amber); }
.pb-ring-info-title{font-family:var(--font-display);font-style:italic;font-size:clamp(0.95rem, 3vw, 1.4rem);color:var(--cream);margin-bottom:8px;word-break:break-word}
.pb-ring-info-title strong{color:var(--teal);font-style:normal}
.pb-ring-bar-bg{height:4px;border-radius:4px;background:var(--border);overflow:hidden;margin-bottom:4px}
.pb-ring-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal-dim),var(--teal));border-radius:4px;transition:width 1s var(--ease)}
.pb-ring-bar-labels{display:flex;justify-content:space-between;font-size:clamp(0.65rem, 2vw, 1.2rem);color:var(--cream-faint)}

.pb-cards-row{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px; grid-template-columns: 1fr !important;}

.pb-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);padding:clamp(12px, 3vw, 22px);position:relative;overflow:hidden}
.pb-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal-dim),var(--teal),var(--amber))}
.pb-card-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-style:italic;font-size:clamp(1rem, 3.2vw, 1.4rem);color:var(--cream);margin-bottom:12px}
.pb-actividad-cat-clic{cursor:pointer}
.pb-actividad-cat-arrow{display:inline-block;transition:transform .3s ease;margin-left:4px;font-size:.85em}
.pb-actividad-cat-items{display:flex;flex-direction:column;gap:4px;margin:4px 0 8px;padding-left:14px;border-left:2px solid var(--border-teal)}
.pb-actividad-subitem{display:flex;justify-content:space-between;gap:8px;font-size:.85em;color:var(--cream-dim);padding:3px 0}
.pb-actividad-subitem-delta{color:var(--teal);white-space:nowrap;flex-shrink:0}
.pb-actividad-subitem-delta strong{color:var(--teal)}
.pb-actividad-subitem-delta em{font-style:normal;opacity:.55;margin-left:4px;font-size:.9em}
.pb-actividad-delta strong{color:inherit}
.pb-actividad-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 0;border-bottom:1px solid var(--border);font-size:clamp(0.85rem, 2.8vw, 1.2rem);flex-wrap:wrap}
.pb-actividad-item:last-child{border-bottom:none}
.pb-actividad-label{color:var(--cream-dim);flex:1;min-width:0;word-break:break-word}
.pb-actividad-delta{color:var(--teal);font-weight:800;font-family:var(--font-ui);flex-shrink:0;font-size:1.08em;letter-spacing:.02em}
.pb-actividad-item{cursor:pointer}
.pb-actividad-item.pb-actividad-pulse{animation:pbActividadPulse .5s ease}
@keyframes pbActividadPulse{
  0%{background:rgba(45,212,191,0);transform:scale(1)}
  30%{background:rgba(45,212,191,.16);transform:scale(1.02)}
  100%{background:rgba(45,212,191,0);transform:scale(1)}
}
.pb-actividad-fecha{color:var(--cream-faint);font-size:clamp(0.6rem, 2vw, 1.2rem);white-space:nowrap;flex-shrink:0}
.pb-vacio{color:var(--cream-faint);font-size:clamp(0.85rem, 2.8vw, 1.2rem);text-align:center;padding:12px 0}
.pb-ver-mas{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-family:var(--font-ui);font-size:clamp(0.75rem, 2.5vw, 1.2rem);letter-spacing:.1em;color:var(--teal);text-transform:uppercase;font-weight:700}

.pb-logros-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;padding:4px 2px 12px;margin-bottom:14px}
.pb-logros-row::before{display:none}
.pb-logro-item{width:auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}
.pb-logro-item.pb-logro-selected .pb-logro-circle{box-shadow:0 0 0 3px rgba(45,212,191,.5),0 0 16px rgba(45,212,191,.45)}
.pb-logro-item.pb-logro-fundador,.pb-logro-item.pb-logro-constructor{grid-column:1 / -1;justify-self:center;margin-top:8px}
.pb-logro-circle{width:clamp(34px,9vw,48px);height:clamp(34px,9vw,48px);font-size:clamp(1.6rem,7vw,2.4rem);border-radius:50%;border:none;background:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:700;color:var(--cream-faint);flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));animation:pbLogroFloat 3s ease-in-out infinite;transition:transform .3s var(--spring),box-shadow .3s ease}
.pb-logro-item.pb-logro-fundador .pb-logro-circle{width:clamp(44px,11vw,60px);height:clamp(44px,11vw,60px);font-size:clamp(1.9rem,7.5vw,2.8rem)}
.pb-logro-item.pb-logro-constructor .pb-logro-circle{width:clamp(50px,12.5vw,68px);height:clamp(50px,12.5vw,68px);font-size:clamp(2.1rem,8vw,3.1rem)}
@keyframes pbLogroFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.08)}}
.pb-logro-label{font-family:var(--font-ui);font-size:clamp(9px,3.1vw,13px);letter-spacing:0;text-transform:uppercase;color:var(--cream-faint);text-align:center;white-space:nowrap}

.pb-logro-umbral{font-family:var(--font-body);font-size:.62rem;color:var(--cream-faint);opacity:.55;text-align:center;white-space:nowrap}
.pb-logro-item.active .pb-logro-circle{animation:pbLogroFloat 1.8s ease-in-out infinite,pbLogroGlowIcon 1.8s ease-in-out infinite}
@keyframes pbLogroGlowIcon{0%,100%{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) drop-shadow(0 0 0 rgba(45,212,191,0))}50%{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(45,212,191,.85))}}
.pb-logro-item.active .pb-logro-label{color:var(--teal)}
.pb-logro-item.reached .pb-logro-circle::after{content:'🚩';position:absolute;top:-14px;font-size:.7rem}
.pb-logro-nota{display:flex;gap:8px;align-items:flex-start;padding:clamp(10px, 2.5vw, 16px);border:1px solid var(--border-teal);border-radius:var(--r-sm);background:var(--teal-faint);font-size:clamp(0.8rem, 2.8vw, 1.2rem);color:var(--cream-dim);word-break:break-word}

.pb-hitos-row{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.pb-hito-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);transition:border-color .3s}
.pb-hito-item.pb-hito-completo{border-color:var(--border-amber);background:var(--amber-faint)}
.pb-hito-icon{width:38px;height:38px;border-radius:50%;background:var(--teal-faint);border:1px solid var(--border-teal);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.pb-hito-item.pb-hito-completo .pb-hito-icon{background:var(--amber-faint);border-color:var(--border-amber)}
.pb-hito-texts{flex:1;min-width:0}
.pb-hito-label{font-family:var(--font-ui);font-size:1.1rem;font-weight:700;color:var(--cream);margin-bottom:5px}
.pb-hito-bar-bg{height:5px;border-radius:5px;background:var(--border);overflow:hidden;margin-bottom:4px}
.pb-hito-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal-dim),var(--teal));border-radius:5px;transition:width .8s ease}
.pb-hito-item.pb-hito-completo .pb-hito-bar-fill{background:linear-gradient(90deg,var(--amber-dim),var(--amber))}
.pb-hito-count{font-size:1rem;color:var(--cream-faint)}

.pb-info-row{display:flex;align-items:flex-start;gap:clamp(10px, 3vw, 18px);padding:clamp(12px, 3vw, 20px);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin-bottom:14px;flex-wrap:wrap}
.pb-info-icon{width:clamp(32px, 8vw, 50px);height:clamp(32px, 8vw, 50px);border-radius:50%;background:var(--teal-faint);border:1px solid var(--border-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--teal);font-size:clamp(1rem, 3vw, 1.4rem)}
.pb-info-title{font-family:var(--font-ui);font-size:clamp(0.7rem, 2.4vw, 1.2rem);letter-spacing:.14em;color:var(--teal);text-transform:uppercase;font-weight:700;margin-bottom:4px}
.pb-info-text{font-size:clamp(0.85rem, 2.8vw, 1.2rem);color:var(--cream-dim);line-height:1.5;word-break:break-word}

.pb-como-sumar-label{text-align:center;font-family:var(--font-ui);font-size:clamp(0.75rem, 2.5vw, 1.2rem);letter-spacing:.2em;color:var(--cream-faint);text-transform:uppercase;margin:20px 0 14px;position:relative}
.pb-como-sumar-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(70px, 1fr));gap:clamp(8px, 2vw, 14px);margin-bottom:12px}
.pb-sumar-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.pb-sumar-circle{width:clamp(40px, 12vw, 62px);height:clamp(40px, 12vw, 62px);border-radius:50%;border:1.5px solid var(--border-teal);background:var(--teal-faint);display:flex;align-items:center;justify-content:center;color:var(--teal);font-size:clamp(0.9rem, 3vw, 1.4rem)}
.pb-sumar-label{font-family:var(--font-ui);font-size:clamp(0.5rem, 1.8vw, 1.2rem);letter-spacing:.05em;text-transform:uppercase;color:var(--cream-faint);word-break:break-word}
.pb-sumar-valor{font-family:var(--font-display);font-size:clamp(0.9rem, 3vw, 1.4rem);font-style:italic;color:var(--teal)}

.pb-nivel-actual{display:flex;align-items:center;gap:clamp(8px, 2vw, 12px);padding:clamp(10px, 2.5vw, 18px);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin-top:16px;flex-wrap:wrap}
.pb-nivel-badge{width:clamp(32px, 8vw, 50px);height:clamp(32px, 8vw, 50px);border-radius:50%;background:var(--teal-faint);border:1px solid var(--border-teal);display:flex;align-items:center;justify-content:center;font-size:clamp(0.9rem, 3vw, 1.4rem);flex-shrink:0}
.pb-nivel-texts{flex:1;min-width:80px}
.pb-nivel-label{font-family:var(--font-ui);font-size:clamp(0.6rem, 2vw, 1.2rem);letter-spacing:.1em;color:var(--teal);text-transform:uppercase;font-weight:700}
.pb-nivel-nombre{font-family:var(--font-display);font-style:italic;font-size:clamp(1.3rem, 2.8vw, 1.2rem);color:var(--cream);word-break:break-word}
.pb-nivel-msg{font-size:clamp(0.75rem, 2.5vw, 1.2rem);color:var(--cream-dim);flex:2;min-width:100px;word-break:break-word}
.pb-nivel-link{font-family:var(--font-ui);font-size:clamp(0.6rem, 2vw, 0.7rem);color:var(--teal);text-transform:uppercase;font-weight:700;white-space:nowrap}

/* Ajustes para pantallas muy pequeñas (ej: < 400px) */

/* ============================================================
   ANCHO DEL PANEL LATERAL (TUS BURBINAS) EN ESCRITORIO
   ============================================================ */


/* SI QUERES UN POCO MÁS DE ANCHO EN PANTALLAS GRANDES (ej: 1200px+) */


/* ============================================================
   7. HERO
   ============================================================ */
.hero{position:relative;width:100%;min-height:100dvh;display:flex;align-items:flex-end;overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;transform-origin:center;will-change:transform;animation:hzoom 22s ease-in-out forwards}
@keyframes hzoom{from{transform:scale(1)}to{transform:scale(1.05)}}
.hero-veil{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(14,11,7,.18) 0%,
    rgba(14,11,7,.05) 28%,
    rgba(14,11,7,.50) 58%,
    rgba(14,11,7,.92) 82%,
    rgba(14,11,7,1) 100%
  );
  cursor: pointer;
}
.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-particles span{position:absolute;border-radius:50%;background:var(--teal);opacity:0;animation:pdrift var(--d,8s) var(--delay,0s) infinite ease-in-out}
@keyframes pdrift{0%,100%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.18}80%{opacity:.05}100%{transform:translateY(-90px) scale(1.2)}}

.hero-content{position:relative;z-index:3;width:100%;padding:0 var(--pad-h) clamp(44px,7vh,76px)}

.hero-eyebrow{display:inline-flex;align-items:center;gap:clamp(4px,1.5vw,8px);padding:clamp(4px,1.2vw,5px) clamp(8px,2.5vw,14px) clamp(4px,1.2vw,5px) clamp(6px,2vw,10px);border:1px solid rgba(45,212,191,.22);border-radius:var(--r-xl);background:rgba(45,212,191,.06);backdrop-filter:blur(10px);margin-bottom:16px;opacity:0;animation:fadeup .8s .3s var(--ease) forwards;font-weight:650;max-width:100%}
.hero-eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite;flex-shrink:0}
.hero-eyebrow span{font-family:var(--font-ui);letter-spacing:.08em;color:rgba(255,255,255,.95);font-weight:600;display:inline-block;max-width:100%;box-sizing:border-box;white-space:normal;font-size:clamp(0.6rem,2.8vw,1rem);overflow:visible;line-height:1.3}
.hero-eyebrow-com{position:relative;display:inline-flex;max-width:100%;border-radius:var(--r-xl)}
.hero-eyebrow-com::before{content:"";position:absolute;inset:-3px;border-radius:inherit;animation:pulse 3s infinite;pointer-events:none}

@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.5)}}
@keyframes fadeup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.hero-title{font-family:var(--font-display);font-size:clamp(1.5rem,8.2vw,5.8rem);color:#fff;line-height:1.15;letter-spacing:.02em;max-width:640px;text-shadow:0 1px 0 rgba(255,255,255,.3),0 3px 10px rgba(0,0,0,.55),0 8px 30px rgba(0,0,0,.55);font-weight:700;overflow-wrap:break-word;  }
.hero-title em{font-style:italic;color:rgba(45,212,191,.8)}
.hero-title .htl{display:inline-block;opacity:0;filter:blur(9px);transform:translateY(30px) rotateX(18deg);transform-origin:left bottom;animation:htlReveal 1s cubic-bezier(.22,1,.36,1) forwards}
.hero-title .htl-1{animation-delay:.45s; }
.hero-title .htl-2{animation-delay:.65s}
.hero-title .htl-3{animation-delay:.85s}
@keyframes htlReveal{to{opacity:1;filter:blur(0);transform:translateY(0) rotateX(0)}}



.hero-title .htl-em em{
    -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  color: #3ee6cf !important;
  position:relative;
  display:inline-block;
  font-style:normal;
  font-weight:1200;
  color:#3ee6cf;
  -webkit-text-stroke:.6px rgba(6,32,28,.4);
  text-shadow:0 1px 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.1);
  isolation:isolate;
  transform-origin:center;
  will-change:transform;
  animation:htlTouch 6s cubic-bezier(.45,.05,.25,1) infinite;
  animation-delay:1.2s;
}
.hero-title .htl-em em::before{
  content:attr(data-text);
  position:absolute;
  inset:0;
  pointer-events:none;
  font:inherit;
  letter-spacing:inherit;
  white-space:nowrap;
  background:radial-gradient(circle at 50% 50%,#ffffff 0%,#baf7ec 26%,#2dd4bf 55%,transparent 76%);
  background-size:58% 220%;
  background-repeat:no-repeat;
  background-position:-45% 50%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  mix-blend-mode:overlay;
  opacity:0;
  will-change:background-position,opacity;
  animation:htlRippleSweep 6s cubic-bezier(.45,.05,.25,1) infinite;
  animation-delay:1.2s;
}
@keyframes htlTouch{
  0%,38%,100%{transform:scale(1)}
  50%{transform:scale(.986)}
  60%{transform:scale(1.007)}
  70%{transform:scale(1)}
}
@keyframes htlRippleSweep{
  0%,14%{background-position:-45% 50%;opacity:0}
  32%{opacity:.85}
  50%{background-position:72% 50%;opacity:.85}
  68%{opacity:0}
  100%{background-position:145% 50%;opacity:0}
}


.htl {
  display: block;          /* Ocupa todo el ancho de su contenedor */
  white-space: nowrap;     /* Evita que el texto se parta en varias líneas */
}



.hero-title-rule{width:100px;height:1px;background:linear-gradient(90deg,rgba(45,212,191,.8),transparent);margin:14px 0 4px;opacity:0;animation:fadeup .9s .6s var(--ease) forwards}

.hero-desc{font-family:var(--font-body);font-size:clamp(1.55rem,1.6vw,1.4rem);color:rgba(255,255,255,1);line-height:1.75;max-width:430px;margin:14px 0 24px;font-weight:600;opacity:0;animation:fadeup .9s .7s var(--ease) forwards}
.hero-desc strong{letter-spacing:.16em;font-family:var(--font-display);font-size:clamp(1.35rem,1.6vw,1.1rem);color:rgba(255,255,255,0.6);line-height:1.75;max-width:700px;margin:14px 0 24px;font-weight:600}
.hero-desc-b{font-family:var(--font-ui);font-size:clamp(.8rem,2.6vw,.85rem);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.92);line-height:1.6;max-width:500px;margin:14px 0 12px;font-weight:700;text-shadow:2px 2px 2px rgba(0,0,0,1)}


.hero-cta-wrap{opacity:0;animation:fadeup 1s .85s var(--ease) forwards}
.hero-cta-pill{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:50px;background:rgba(14,11,7,.4)!;border:1.5px solid rgba(45,212,191,.55);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s var(--ease);white-space:nowrap;font-size:clamp(0.75rem,2vw,1rem);max-width:100%;box-sizing:border-box;overflow:hidden;position:relative;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.hero-cta-pill:hover{background:rgba(45,212,191,.5);border-color:rgba(45,212,191,.9);transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 18px rgba(45,212,191,.28)}

.hero-cta-pill--primary{background:linear-gradient(135deg,rgba(45,212,191,.95),rgba(20,150,135,.95))!important;border-color:rgba(45,212,191,.95);box-shadow:0 10px 30px rgba(45,212,191,.32),0 6px 18px rgba(0,0,0,.4)}
.hero-cta-pill--primary .hero-cta-text{color:#06201c}
.hero-cta-pill--primary .hero-cta-arrow{color:#06201c}
.hero-cta-pill--primary:hover{background:linear-gradient(135deg,rgba(45,212,191,1),rgba(20,150,135,1));transform:translateY(-2px) scale(1.02)}
.hero-cta-pill.active{background:#f5f0e8!important;border-color:#f5f0e8!important;box-shadow:0 12px 32px rgba(0,0,0,.45),0 0 26px rgba(45,212,191,.4)}
.hero-cta-pill.active .hero-cta-text,.hero-cta-pill.active .hero-cta-arrow{color:#0e7a6c!important}
.hero-cta-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--teal);order:2}
.hero-cta-pill.active .hero-cta-arrow-right{order:0}
.hero-cta-arrow-down{transition:transform .35s var(--spring)}
.hero-cta-pill.active .hero-cta-arrow-down{transform:rotate(180deg)}




.hero-cta-world-icon{width:36px;height:36px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle;color:var(--teal);filter:drop-shadow(0 0 6px rgba(45,212,191,.5))}
.hero-cta-world-icon{
  animation: worldIconSpin 10s linear infinite;
}
@keyframes worldIconSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.hero-cta-divider{width:1px;height:18px;background:rgba(255,255,255,.3)}
.hero-cta-price{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.08em;color:rgba(255,255,255,.85);font-weight:500}
.hero-cta-price strong{color:#fff;font-weight:700}
.hero-cta-text{font-family:var(--font-ui);font-size:10px;letter-spacing:.12em;font-weight:700;color:#fff;text-transform:uppercase}



.proj-grid{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.proj-grid::-webkit-scrollbar{display:none}
.proj-btn{flex:0 0 auto;min-width:112px;max-width:148px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);background:rgba(14,11,7,.55);backdrop-filter:blur(8px);scroll-snap-align:start;min-height:64px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:all .3s var(--ease)}
.proj-btn::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal-dim),var(--teal),var(--amber));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--spring)}
.proj-btn:hover{border-color:rgba(45,212,191,.40);transform:translateY(-3px);background:rgba(45,212,191,.08)}
.proj-btn:hover::after{transform:scaleX(1)}
.proj-status{display:flex;align-items:center;gap:5px;position:relative;z-index:1}
.proj-dot{width:4px;height:4px;border-radius:50%;background:var(--teal);flex-shrink:0;animation:pulse 2s infinite}
.proj-label{font-family:var(--font-ui);font-size:clamp(8px,1.1vw,9.5px);letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:700}
.proj-btn.btn-otros{border-color:rgba(255,255,255,.07);min-height:52px}
.proj-btn.btn-otros .proj-label{font-size:8px;font-weight:400;letter-spacing:.07em;color:rgba(255,255,255,.65)}



.hero-scroll{display:flex;flex-direction:row;align-items:center;gap:8px;margin-left:20px;margin-right:6px;flex-shrink:0;cursor:pointer;opacity:0;animation:fadeup 1s 1.4s var(--ease) forwards}
.hero-scroll:last-child{margin-left:auto}
.hero-scroll span{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.35em;color:rgba(255,255,255,.7);text-transform:uppercase}
.hero-scroll-line{width:28px;height:1px;background:linear-gradient(90deg,rgba(45,212,191,1),transparent);animation:sline 2.4s 1.5s ease-in-out infinite}
@keyframes sline{0%,100%{transform:scaleY(1);transform-origin:top}50%{transform:scaleY(.2);transform-origin:bottom}}

.hero-join-line{display:flex;align-items:center;gap:10px;margin-top:20px;opacity:0;animation:fadeup .9s 1.05s var(--ease) forwards;transition:transform .25s var(--spring);cursor:pointer}
.hero-join-line:active{transform:scale(.94)}
.hero-join-icon{width:30px;height:30px;border-radius:50%;background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s var(--spring),background .3s,border-color .3s}
.hero-join-icon i{color:var(--teal);font-size:14px}
.hero-join-icon.pulse-click{animation:joinPulse .5s ease-out}
@keyframes joinPulse{0%{box-shadow:0 0 0 0 rgba(45,212,191,.5)}100%{box-shadow:0 0 0 14px rgba(45,212,191,0)}}

.hero-features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(2px,1.5vw,8px);margin:20px 0 26px;opacity:0;animation:fadeup .9s .75s var(--ease) forwards;width:100%}
.hero-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(4px,1.2vw,8px);position:relative;padding:0 clamp(2px,1vw,6px);min-width:0;overflow:hidden}
.hero-feature:not(:last-child)::after{content:'';position:absolute;top:-6px;right:0;width:1px;height:clamp(30px,7vw,46px);background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%)}
.hero-feature i{font-size:clamp(13px,4vw,22px);color:var(--teal);flex-shrink:0;position:relative;z-index:1}
.hero-feature i::after{content:'';position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(14,11,7,.85) 0%,transparent 75%);z-index:-1}
.hero-feature span{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,0.8vw,4px);min-width:0;width:100%}
.hero-feature span em{font-style:normal;display:inline-block;white-space:nowrap;font-family:var(--font-ui);font-size:clamp(5.5px,2.1vw,8.5px);letter-spacing:.02em;color:rgba(255,255,255,.85);line-height:1.5;font-weight:600;transform-origin:center top;will-change:transform}

.hero-plane{position:absolute;top:0;left:0;width:clamp(30px,3.6vw,48px);height:clamp(30px,3.6vw,48px);z-index:4;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(45,212,191,.30));offset-path:path("M -20 300 C 40 220, 90 340, 170 300 C 240 260, 290 160, 250 280 C 300 320, 310 300, 330 280 C 350 240, 350 260, 320 300 S 300 320, 260 300");offset-rotate:auto;offset-distance:0%;animation:planeFly 30s cubic-bezier(.45,.05,.4,1) infinite;will-change:offset-distance,opacity,transform}
.hero-plane::before{content:'';position:absolute;inset:-16px;pointer-events:auto;border-radius:50%}
.hero-plane:hover,.hero-plane:focus-visible{animation-play-state:paused}




.hero-plane.plane-shatter{
  animation:none !important;
  opacity:0;
  transform:scale(1.5) rotate(12deg);
  filter:blur(10px) drop-shadow(0 0 18px rgba(45,212,191,.6));
  transition:opacity .5s cubic-bezier(.22,.9,.34,1),transform .5s cubic-bezier(.22,.9,.34,1),filter .5s cubic-bezier(.22,.9,.34,1);
  pointer-events:none;
}
.hero-plane.plane-reform{ animation:planeReform .6s cubic-bezier(.34,1.56,.64,1) forwards; }
@keyframes planeReform{
  0%{opacity:0;transform:scale(.4) rotate(-10deg);filter:blur(8px)}
  60%{opacity:1;transform:scale(1.12) rotate(3deg);filter:blur(0)}
  100%{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}
}

.hero-wish-bubble{
  position:fixed;z-index:9997;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:14px 20px;min-width:150px;max-width:220px;border-radius:50%;
  background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.65) 0%,rgba(255,255,255,.12) 22%,rgba(45,212,191,.14) 55%,rgba(45,212,191,.03) 100%);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:inset 0 -10px 20px rgba(0,0,0,.10),inset 0 10px 18px rgba(255,255,255,.35),0 10px 30px rgba(0,0,0,.25),0 0 22px rgba(45,212,191,.25);
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  color:#fff;font-family:var(--font-ui);font-weight:700;letter-spacing:.02em;line-height:1.35;
  cursor:pointer;pointer-events:auto;opacity:0;aspect-ratio:1/1;
  transform:translate(-50%,-50%) scale(.3);
  animation:wishBubbleIn .55s cubic-bezier(.34,1.56,.64,1) forwards, wishBubbleFloat 3.2s ease-in-out .55s infinite;
}
.hero-wish-bubble::before{
  content:'';position:absolute;top:10%;left:16%;width:28%;height:16%;border-radius:50%;
  background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.2) 55%,transparent 78%);
  filter:blur(1.5px);transform:rotate(-20deg);pointer-events:none;
}
.hero-wish-bubble.wish-out{ animation:wishBubbleOut .5s cubic-bezier(.22,.9,.34,1) forwards !important; }
@keyframes wishBubbleIn{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
  55%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}
  75%{transform:translate(-50%,-50%) scale(.94)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes wishBubbleFloat{
  0%,100%{transform:translate(-50%,-50%) scale(1) translateY(0) rotate(0deg)}
  25%{transform:translate(-50%,-50%) scale(1.015,.985) translateY(-6px) rotate(-1deg)}
  50%{transform:translate(-50%,-50%) scale(.985,1.015) translateY(0) rotate(0deg)}
  75%{transform:translate(-50%,-50%) scale(1.01,.99) translateY(5px) rotate(1deg)}
}
@keyframes wishBubbleOut{
  0%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}
  25%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1.16)}
  100%{opacity:0;filter:blur(9px);transform:translate(-50%,-50%) scale(1.7)}
}


.epz-bubble-marker{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 6px 16px rgba(0,0,0,.4);color:#fff;font-family:'Syne',sans-serif;font-weight:800;font-size:.72rem;cursor:pointer;transition:transform .2s}
.epz-bubble-marker:hover,.epz-bubble-marker.epz-resaltada{transform:scale(1.18)}


.epz-desc-filtro-wrap{max-width:520px;margin:0 auto 16px;text-align:center}
.epz-desc-filtro-label{display:block;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.18em;color:rgba(245,240,232,.55);text-transform:uppercase;font-weight:700;margin-bottom:8px}
.epz-desc-filtro-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.epz-desc-filtro-titulo{display:block;font-family:'Syne',sans-serif;font-size:.72rem;letter-spacing:.22em;color:rgba(94,234,212,.6);text-transform:uppercase;font-weight:700;margin-bottom:12px}
.epz-desc-chip{padding:8px 16px;border-radius:999px;border:none;background:rgba(255,255,255,.04);color:rgba(245,240,232,.65);font-family:'Syne',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .25s ease}
.epz-desc-chip:hover{background:rgba(94,234,212,.1);color:#fff}
.epz-desc-chip.active{background:#5eead4;color:#08201c}
.epz-desc-chip-locked{opacity:.35;cursor:not-allowed}

.leaflet-popup-content-wrapper{background:#0c2622;color:#f5f0e8;border-radius:12px}
.leaflet-popup-tip{background:#0c2622}





@keyframes planeFly{0%{offset-distance:0%;opacity:0;transform:scale(.5)}5%{opacity:1;transform:scale(1)}36%{opacity:1}45%{offset-distance:100%;opacity:0;transform:scale(.6)}100%{offset-distance:100%;opacity:0}}

.hero-bubble{position:fixed;top:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(45,212,191,.35) 60%,rgba(45,212,191,0) 100%);border:1px solid rgba(255,255,255,.5);pointer-events:none;z-index:10050;opacity:0;animation:bubbleRise var(--dur,2s) ease-out forwards;will-change:transform,opacity}
@keyframes bubbleRise{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:1;transform:translate(calc(var(--driftx,0px)*0.2),calc(var(--rise,-60px)*0.15)) scale(1)}100%{opacity:0;transform:translate(var(--driftx,0px),var(--rise,-60px)) scale(.8)}}







/* ============================================================
   8. MODAL "CLAVE UNIVERSAL" y pill de clave
   ============================================================ */


#claveuniversalModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(43,32,20,0.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10050;display:none;align-items:center;justify-content:center;padding:20px}
#claveuniversalModal.show{display:flex}
#claveuniversalModal .modal-dialog{width:100%;max-width:560px;margin:auto;pointer-events:none}
#claveuniversalModal .modal-content{pointer-events:all}
#claveuniversalModal .gn-modal-shell{background:#fffdf8;border:1px solid rgba(184,132,61,0.22);border-radius:20px;box-shadow:0 32px 80px rgba(90,60,15,0.22),0 0 0 1px rgba(255,255,255,0.7) inset;overflow:hidden;position:relative;max-height:92vh;display:flex;flex-direction:column;animation:gnModalIn 0.38s cubic-bezier(0.34,1.46,0.64,1) both}
#claveuniversalModal .modal-content.gn-modal-shell{
  background:#fffdf8 !important;
}
@keyframes gnModalIn{from{opacity:0;transform:translateY(24px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}
#claveuniversalModal .gn-modal-shell::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 65% 45% at 15% 8%,rgba(184,132,61,0.10) 0%,transparent 60%),radial-gradient(ellipse 45% 55% at 85% 92%,rgba(92,122,92,0.06) 0%,transparent 60%)}
#claveuniversalModal .gn-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(184,132,61,0.25);background:rgba(184,132,61,0.08);color:#8c611f;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);z-index:20;cursor:pointer;line-height:1}
#claveuniversalModal .gn-modal-close:hover{background:#b8843d;color:#fffdf7;transform:rotate(90deg) scale(1.08)}
#claveuniversalModal .gn-modal-header{padding:1.6rem 1.8rem 1.2rem;border-bottom:1px solid rgba(184,132,61,0.15);text-align:center;position:relative;z-index:1}
#claveuniversalModal .gn-header-badge{display:inline-block;font-family:'Jost','Montserrat',sans-serif;font-size:1.2rem;letter-spacing:.30em;color:#8c611f;text-transform:uppercase;font-weight:700;background:rgba(184,132,61,0.09);border:1px solid rgba(184,132,61,0.22);border-radius:2rem;padding:0.22rem 0.85rem;margin-bottom:0.75rem}
#claveuniversalModal .gn-modal-title{font-family:'Cormorant Garamond','Instrument Serif',Georgia,serif;font-size:1.70rem;font-style:italic;font-weight:700;color:#2b2014;text-align:center;margin:0 0 0.3rem}
#claveuniversalModal .gn-modal-title span{color:#b8843d}
#claveuniversalModal .gn-modal-body{position:relative;z-index:1;padding:clamp(1rem,3vw,1.5rem) clamp(1.2rem,3.5vw,1.8rem) 1.6rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(184,132,61,0.3) transparent}
#claveuniversalModal .gn-modal-body::-webkit-scrollbar{width:3px}
#claveuniversalModal .gn-modal-body::-webkit-scrollbar-track{background:transparent}
#claveuniversalModal .gn-modal-body::-webkit-scrollbar-thumb{background:rgba(184,132,61,0.3);border-radius:4px}
#claveuniversalModal .gn-separator{height:1px;background:rgba(184,132,61,0.15);margin:1rem 0}
#claveuniversalModal .gn-items-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin:0 0 1rem}
#claveuniversalModal .gn-item{display:flex;align-items:flex-start;gap:0.55rem;padding:0.65rem 0.8rem;background:rgba(255,255,255,0.6);border:1px solid rgba(184,132,61,0.15);border-radius:10px;transition:background 0.2s,border-color 0.2s}
#claveuniversalModal .gn-item:hover{background:rgba(184,132,61,0.07);border-color:rgba(184,132,61,0.28)}
#claveuniversalModal .gn-item-icon{width:28px;height:28px;border-radius:8px;background:rgba(184,132,61,0.12);border:1px solid rgba(184,132,61,0.22);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}
#claveuniversalModal .gn-item-label{display:block;font-family:'Jost','Montserrat',sans-serif;font-size:1.2rem;font-weight:700;color:#8c611f;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.2rem;line-height:1.3}
#claveuniversalModal .gn-item-desc{display:block;font-family:'Jost','Montserrat',sans-serif;font-size:1.2rem;color:rgba(43,32,20,0.55);line-height:1.5;font-weight:400}
#claveuniversalModal .gn-price-display{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:0.2rem 0 0.25rem}
#claveuniversalModal .gn-price-display .gn-price-label{font-family:'Jost',sans-serif;font-size:1.2rem;color:rgba(43,32,20,0.45)}
#claveuniversalModal .gn-price-display .gn-price-amount{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.2rem;font-style:italic;font-weight:700;color:#b8843d;line-height:1}
#claveuniversalModal .gn-price-display .gn-price-currency{font-family:'Jost',sans-serif;font-size:1.2rem;color:rgba(43,32,20,0.45)}
#claveuniversalModal .gn-payment-methods{display:flex;justify-content:center;gap:clamp(18px,4vw,44px);flex-wrap:wrap;margin-bottom:1.2rem}
#claveuniversalModal .gn-payment-item{display:flex;flex-direction:column;align-items:center;gap:7px}
#claveuniversalModal .gn-payment-btn{width:clamp(68px,9vw,84px);height:clamp(68px,9vw,84px);border-radius:50%;border:1px solid rgba(184,132,61,0.25);background:#fffdf7;overflow:hidden;transition:all .32s cubic-bezier(0.34,1.56,0.64,1);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
#claveuniversalModal .gn-payment-btn:hover{border-color:rgba(184,132,61,0.45);box-shadow:0 0 28px rgba(184,132,61,0.22);transform:scale(1.07) translateY(-3px)}
#claveuniversalModal .gn-payment-name{font-family:'Jost',sans-serif;font-size:1.2rem;letter-spacing:.22em;color:rgba(43,32,20,0.40);text-transform:uppercase;font-weight:600}
#claveuniversalModal .gn-notice{background:rgba(184,132,61,0.07);border:1px solid rgba(184,132,61,0.2);border-left:3px solid #b8843d;border-radius:0 10px 10px 0;padding:0.75rem 1rem;margin-bottom:0.5rem}
#claveuniversalModal .gn-notice p{font-family:'Jost',sans-serif;font-size:1.2rem;color:rgba(43,32,20,0.7);line-height:1.65;margin:0}
#claveuniversalModal .gn-notice strong{color:#8c611f}
#claveuniversalModal .gn-footer-text{font-family:'Jost',sans-serif;font-size:1.2rem;opacity:0.45;margin:0.75rem 0 0;text-align:center;color:rgba(43,32,20,0.6)}




/* ============================================================
   BURBINA DE DESEOS — versión sutil e integrada, fija abajo-derecha
   ============================================================ */
#burbinaIcon{
  display:flex;
  position:relative;
  width:50px; height:50px;
  padding:0;
  border-radius:50%;
  align-items:center; justify-content:center;
  background:linear-gradient(160deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(94,234,212,.30);
  box-shadow:0 8px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.18);
  cursor:pointer;
  animation:burbinaFloatSoft 5s ease-in-out infinite;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, border-color .3s ease;
}
#burbinaIcon img{ width:56%; height:56%; object-fit:contain; position:relative; z-index:2; filter:drop-shadow(0 2px 4px rgba(0,0,0,.35)); }
#burbinaIcon:hover{
  transform:translateY(-3px) scale(1.06);
  border-color:rgba(94,234,212,.55);
  box-shadow:0 12px 28px rgba(0,0,0,.4), 0 0 18px rgba(45,212,191,.30), inset 0 1px 0 rgba(255,255,255,.22);
}
#burbinaIcon:active{ transform:scale(.92); }
#burbinaIcon::before{
  content:''; position:absolute; inset:-6px; border-radius:50%;
  background:radial-gradient(circle, rgba(45,212,191,.30) 0%, transparent 72%);
  z-index:0; opacity:.7; pointer-events:none;
  animation:burbinaGlowPulse 3.4s ease-in-out infinite;
}
@keyframes burbinaFloatSoft{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }

.cpz-wish-tooltip{
  position:absolute; right:calc(100% + 12px); top:50%; transform:translateY(-50%) translateX(6px);
  white-space:nowrap; padding:7px 14px; border-radius:999px;
  background:rgba(8,20,17,.92); color:#5eead4;
  font-family:'Syne',sans-serif; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700;
  border:1px solid rgba(94,234,212,.25);
  opacity:0; pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
}
#burbinaIcon:hover .cpz-wish-tooltip,
#burbinaIcon:focus-visible .cpz-wish-tooltip{
  opacity:1; transform:translateY(-50%) translateX(0);
}


/* ============================================================
   10. SECCIÓN RECURSOS (tabs)
   ============================================================ */
.recursos{background:linear-gradient(45deg,rgba(0,180,170,0.3),rgba(120,220,210,0.05));position:relative;overflow:hidden;padding:var(--pad-v) 0;transition:padding .5s var(--ease),background .5s var(--ease)}
.recursos.rec-collapsed{padding:0;background:transparent}
.recursos::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal),transparent);opacity:.20}
.recursos::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 40% at 5% 50%,var(--teal-faint) 0%,transparent 60%),radial-gradient(ellipse 38% 48% at 95% 50%,var(--amber-faint) 0%,transparent 60%)}
.rec-content-wrap{max-height:6000px;opacity:1;overflow:hidden;transition:max-height .6s var(--ease),opacity .4s ease,margin .6s ease}
.rec-content-wrap.closed{max-height:0;opacity:0;margin:0}

.rec-tabs-nav::-webkit-scrollbar{display:none}

.rec-tab-icon{width:26px;height:26px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s var(--spring);flex-shrink:0}
.rec-tab-icon img{width:70%;height:70%;object-fit:contain}
.rec-tab.active .rec-tab-icon,.rec-tab:hover .rec-tab-icon{border-color:var(--border-teal);background:var(--teal-faint)}
.rec-tab-label{position:relative;z-index:1}
.rec-tab-num{font-family:var(--font-ui);font-size:1.2rem;color:var(--cream-faint);opacity:.5;margin-right:1px;position:relative;z-index:1;font-weight:500}

.rec-tabs-nav{display:flex;align-items:flex-end;gap:8px;padding:0 var(--pad-h);border-bottom:none;position:relative;z-index:2;overflow-x:auto;scrollbar-width:none}
.rec-tab{display:flex;align-items:center;gap:7px;padding:14px 18px 12px;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.14);border-bottom:none;border-radius:14px 14px 0 0;background:rgba(255,255,255,.035);margin-bottom:0;transition:all .3s var(--ease);white-space:nowrap;flex-shrink:0;position:relative;font-weight:700}
.rec-tab:hover{color:#fff;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.06)}
.rec-tab.active{color:var(--teal);background:var(--bg-card);border-color:var(--border-teal);box-shadow:0 -8px 22px rgba(45,212,191,.10);z-index:3}
.rec-tab:not(:last-child)::after{display:none}


.rec-panels{position:relative;z-index:2;background:var(--bg-card);border:1px solid var(--border-teal);border-top:none;border-radius:0 20px 20px 20px}
.rec-panel{display:none;animation:rfade .3s var(--ease)}
.rec-panel.active{display:block}
@keyframes rfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.rec-panel-inner{padding:clamp(22px,4vh,34px) var(--pad-h) 0}
.rec-panel-head{display:flex;align-items:flex-start;gap:clamp(14px,2.5vw,22px);margin-bottom:clamp(22px,4vh,34px);padding-bottom:clamp(18px,3vw,26px);border-bottom:1px solid var(--border)}
.rec-panel-icon{width:44%;height:44%;border-radius:10%;border:1.5px solid var(--border);background:var(--bg-card);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rec-panel-icon img{width:110%;height:110%;border-radius:10%;object-fit:contain;background:rgba(255,255,255,0.25);border:2px solid #ffffff}
.rec-panel-head-text{flex:1}
.rec-panel-num{font-family:var(--font-ui);letter-spacing:.34em;color:var(--teal);text-transform:uppercase;margin-bottom:4px;display:flex;align-items:center;gap:6px;font-weight:700;font-size:1.2rem}
.rec-panel-num::before{content:'';width:14px;height:1px;background:var(--teal);opacity:.45}
.rec-panel-title{font-family:var(--font-display);font-size:clamp(1.9rem,2.2vw,1.6rem);font-style:italic;color:var(--cream);line-height:1.35;margin-bottom:8px;font-weight:650;letter-spacing:0.13em}
.rec-panel-desc{font-family:var(--font-body);;color:var(--cream-dim);line-height:1.75;max-width:640px}
.rec-panel-desc strong{color:var(--cream);font-weight:500}
.rec-cta-inline{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-card-2);color:var(--teal);font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.20em;text-transform:uppercase;font-weight:700;text-decoration:none;transition:all .3s var(--ease);position:relative;overflow:hidden}
.rec-cta-inline::before{content:'';position:absolute;inset:0;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease)}
.rec-cta-inline:hover{color:var(--bg)}
.rec-cta-inline:hover::before{transform:scaleX(1)}
.rec-cta-inline span,.rec-cta-inline img{position:relative;z-index:1}
.rec-cta-inline img{width:25px;height:auto}

.rec-res-label{display:grid;grid-template-columns:max-content max-content;grid-template-areas:"titulo boton" "texto texto";column-gap:10px;row-gap:8px;align-items:center;padding:0 var(--pad-h);margin-top:clamp(30px,2.5vh,22px);margin-bottom:clamp(4px,1vh,7px)}
.rec-res-label .rec-panel-num{grid-area:titulo}
.rec-res-label .rec-res-toggle{grid-area:boton;justify-self:start;align-self:center}
.rec-res-label p{grid-area:texto;margin:0;font-family:var(--font-body);font-size:clamp(1.15rem,1.2vw,.9rem);color:var(--cream-dim);line-height:1.7;max-width:660px}
.rec-res-toggle{display:flex;align-items:center;gap:6px;flex-shrink:0;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.20em;text-transform:uppercase;color:var(--teal);font-weight:700;white-space:nowrap}
.rec-res-arrow{width:20px;height:20px;border-radius:50%;border:1px solid var(--border-teal);background:var(--teal-faint);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--teal);transition:transform .35s var(--spring);flex-shrink:0}
.rec-res-label.closed .rec-res-arrow{transform:rotate(-90deg)}
.rec-res-label:hover .rec-res-arrow{background:var(--teal);color:var(--bg)}

.rec-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:clamp(10px,1.8vw,16px);padding:0 var(--pad-h);margin-bottom:clamp(22px,4vh,36px);overflow:hidden;max-height:2000px;transition:max-height .45s var(--ease),opacity .35s var(--ease),margin .45s var(--ease);opacity:1}
.rec-groups.closed{max-height:0;opacity:0;margin:0;padding:0}
.rec-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:clamp(14px,2.5vw,20px) clamp(13px,2vw,18px);transition:border-color .3s,transform .3s;position:relative;overflow:hidden}
.rec-group:hover{border-color:var(--border-teal);transform:translateY(-2px)}
.rec-group-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.22em;color:var(--teal);text-transform:uppercase;margin-bottom:11px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;font-weight:700}
.rec-group-label::before{content:'';width:8px;height:2px;background:var(--teal);opacity:.45;flex-shrink:0}
.link-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.link-item{display:flex;flex-direction:column;gap:2px;padding-bottom:9px;border-bottom:1px solid var(--border)}
.link-item:last-child{padding-bottom:0;border-bottom:none}
.link-row{display:flex;align-items:center;gap:6px}
.link-dot{width:4px;height:4px;border-radius:50%;background:var(--teal);flex-shrink:0;opacity:.6}
.link-a{font-family:var(--font-body);font-size:clamp(1.15rem,1.3vw,.92rem);font-weight:500;color:var(--cream);text-decoration:none;transition:color .2s;line-height:1.3}
.link-a:hover{color:var(--teal)}
.link-desc{font-family:var(--font-body);font-size:1.2rem;color:var(--cream-faint);line-height:1.55;padding-left:10px}










/* ============================================================
   11. TESTIMONIOS / SOCIAL PROOF
   ============================================================ */
.social-proof{background:var(--teal-faint);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(36px,6vh,60px) var(--pad-h);position:relative;overflow:hidden}
.social-proof::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 65% at 0% 50%,var(--teal-faint) 0%,transparent 60%)}
.sp-inner{max-width:1080px;margin:0 auto;position:relative;z-index:1}
.sp-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.40em;color:var(--teal);text-transform:uppercase;margin-bottom:clamp(16px,3vh,28px);display:flex;align-items:center;gap:12px;font-weight:700;cursor:pointer;transition:opacity .25s ease}
.sp-label:hover{opacity:.75}
.sp-label::after{content:'';flex:1;height:1px;background:var(--border)}
#vocesArrow{color:var(--teal);display:inline-flex}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,18px);transition:max-height .5s var(--ease),opacity .35s var(--ease),margin .5s ease;overflow:hidden;max-height:2000px}
.sp-grid.closed{max-height:0;opacity:0;margin:0}
.testimonial{padding:clamp(16px,2.5vw,22px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:all .3s var(--ease);position:relative;overflow:hidden}
.testimonial:hover{border-color:var(--border-teal)}
.testimonial-quote{font-family:var(--font-display);font-style:italic;font-size:clamp(1.35rem,1.45vw,1rem);color:var(--cream);line-height:1.7;margin-bottom:14px}
.testimonial-quote::before{content:'\201C';color:var(--teal);font-size:1.3em;line-height:0;vertical-align:-.3em;margin-right:2px}
.testimonial-foot{display:flex;align-items:center;gap:10px}
.testimonial-av{width:40px;height:40px;border-radius:50%;background:var(--teal-faint);border:1.5px solid var(--border-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display);font-size:1rem;color:var(--teal);font-style:italic}
a.testimonial-av{text-decoration:none;color:inherit;cursor:pointer;transition:opacity 0.2s ease}
a.testimonial-av:hover{opacity:.75}
.testimonial-name{font-size:1.15rem;font-weight:500;color:var(--cream);display:block;margin-bottom:2px}
.testimonial-loc{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.18em;color:var(--cream-faint);text-transform:uppercase}
.testimonial-loc a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.testimonial-loc a:hover{opacity:.75}






/* ============================================================
   12. MODALES GENÉRICOS (Filosofía / Guía práctica) — clase m-*
   ============================================================ */
   /* Header de los 3 paneles: 50px bajo la solapa superior */
#comunidadesPanel .cpz-shell,
#experienciasPanel .cpz-shell,
#burberosMundoSection .cpz-shell,
.bm3-shell{
  width:100%;
  max-width:1320px;
  margin:0 auto;
  padding:40px var(--pad-h) 0;
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
}
/* Centra el contenido del panel de Impacto */
#burberosMundoSection .cpz-shell {
  max-width: 1320px;
  margin: 0 auto;
  padding: 40px var(--pad-h) 0;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
}

/* Opcional: para que el fondo y el espaciado sean iguales a los otros paneles */
#burberosMundoSection {
  background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(45,212,191,.06) 0%, transparent 65%), #0b0805 !important;
}
/* Tipografía del header (sin márgenes que desalineen) */
#comunidadesPanel .cpz-eyebrow,
#experienciasPanel .cpz-eyebrow,
#burberosMundoSection .cpz-eyebrow{
  margin:0 0 8px;
}
#comunidadesPanel .cpz-title,
#experienciasPanel .cpz-title,
#burberosMundoSection .cpz-title{
  margin:0 0 6px;
}
#comunidadesPanel .cpz-sub,
#experienciasPanel .cpz-sub,
#burberosMundoSection .cpz-sub{
  margin:0 auto;
}

/* Comunidad + Premios: 15px exactos entre subtítulo y pestañas internas */
#comunidadesPanel .epz-index-nav,
#experienciasPanel .epz-index-nav,
#cpzVistaNav{
  margin:15px auto 20px;
  max-width:900px;
}
   
.section-eyebrow{font-family:var(--font-ui);font-size:14px;letter-spacing:.42em;color:var(--teal);text-transform:uppercase;margin-bottom:9px;font-weight:700}
.section-title{font-family:var(--font-display);font-size:clamp(1.6rem,3.6vw,2.6rem);color:var(--cream);line-height:1.1;margin-bottom:8px}
.section-title em{font-style:italic;color:var(--teal)}
.section-sub{font-family:var(--font-body);font-size:clamp(1.15rem,1.4vw,1rem);color:var(--cream-dim);line-height:1.75;max-width:500px;font-weight:400;margin-bottom:clamp(28px,5vh,48px)}
.pasos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2vw,18px)}
.paso{padding:clamp(16px,2.5vw,24px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:all .3s var(--ease);position:relative;overflow:hidden}
.paso::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal-dim),var(--teal));opacity:0;transition:opacity .3s}
.paso:hover{border-color:var(--border-teal);transform:translateY(-3px)}
.paso:hover::before{opacity:1}
.paso-icon{width:40px;height:40px;border-radius:50%;background:var(--teal-faint);border:1px solid var(--border-teal);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:1.1rem}
.paso-titulo{font-family:var(--font-display);font-size:clamp(1.25rem,1.6vw,1.1rem);font-style:italic;color:var(--cream);margin-bottom:7px;line-height:1.2}
.paso-desc{font-family:var(--font-body);font-size:clamp(1.15rem,1.2vw,.88rem);color:var(--cream-dim);line-height:1.7;font-weight:400}
.paso-link{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;font-weight:700;transition:color .2s}
.paso-link:hover{color:rgba(45,212,191,.7)}
.paso-link::after{content:'→';font-size:.85em}



.m-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.70);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9996;opacity:0;pointer-events:none;transition:opacity .35s var(--ease);display:flex;align-items:center;justify-content:center;padding:20px}
.m-overlay.on{opacity:1;pointer-events:auto}
.m-wrap{width:100%;max-width:720px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;position:relative;transform:translateY(18px) scale(.98);opacity:0;transition:transform .45s var(--ease),opacity .35s var(--ease);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 32px 80px rgba(0,0,0,.7)}
.m-overlay.on .m-wrap{transform:translateY(0) scale(1);opacity:1}
.m-wrap::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 35% at 10% 0%,var(--teal-faint) 0%,transparent 60%),radial-gradient(ellipse 42% 45% at 90% 100%,var(--amber-faint) 0%,transparent 60%)}
.m-header{padding:clamp(18px,3.5vw,28px) clamp(16px,4vw,32px) clamp(16px,2.5vw,22px);border-bottom:1px solid var(--border);position:relative;z-index:1;flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.m-header-text{flex:1}
.m-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.28em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-weight:700}
.m-label::before{content:'';width:22px;height:2px;background:var(--teal);opacity:.45}
.m-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.0rem);color:var(--cream);line-height:1.15;font-style:italic}
.m-title em{font-style:normal;color:var(--teal)}
.m-sub{font-family:var(--font-body);font-size:1.2rem;color:var(--cream-dim);margin-top:6px;line-height:1.65;max-width:660px}
.m-close{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--teal-faint);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s var(--spring);flex-shrink:0}
.m-close:hover{background:var(--teal);color:var(--bg);transform:rotate(90deg)}
.m-tabs{display:flex;border-bottom:1px solid var(--border);position:relative;z-index:1;padding:0 clamp(12px,4vw,32px);overflow-x:auto;scrollbar-width:none;flex-shrink:0;background:rgba(255,245,220,.02)}
.m-tabs::-webkit-scrollbar{display:none}
.m-tab{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);padding:13px 16px 11px;border:none;border-bottom:2px solid transparent;transition:all .3s var(--ease);white-space:nowrap;background:none;margin-bottom:-1px;font-weight:600}
.m-tab:hover{color:var(--teal)}
.m-tab.active{color:var(--teal);border-bottom-color:var(--teal)}
.m-body{padding:clamp(18px,3.5vw,28px) clamp(14px,4vw,32px) clamp(22px,4vw,36px);position:relative;z-index:1;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--teal-faint) transparent}
.m-panel{display:none}
.m-panel.active{display:block;animation:mfade .3s var(--ease)}
@keyframes mfade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.m-sec-title{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.14em;color:var(--teal);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px;font-weight:700}
.m-sec-title::after{content:'';flex:1;height:1px;background:var(--border)}
.m-acc{display:flex;flex-direction:column;gap:8px}
.m-acc-item{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-card);transition:border-color .3s}
.m-acc-item.open{border-color:var(--border-teal)}
.m-acc-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(11px,1.8vw,15px) clamp(13px,2.5vw,18px);transition:background .2s}
.m-acc-q:hover,.m-acc-item.open .m-acc-q{background:var(--teal-faint)}
.m-acc-q-text{font-family:var(--font-display);font-size:clamp(1.5rem,1.8vw,2rem);font-style:italic;color:var(--cream);line-height:1.4;letter-spacing:0.15em}
.m-acc-icon{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s var(--spring);font-size:.85rem;color:var(--teal)}
.m-acc-item.open .m-acc-icon{background:var(--teal);color:var(--bg);transform:rotate(45deg)}
.m-acc-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.m-acc-item.open .m-acc-answer{max-height:500px}
.m-acc-answer-inner{padding:0 clamp(13px,2.5vw,18px) clamp(13px,2vw,18px);font-size:1.2rem;color:var(--cream-dim);line-height:1.75}
.m-acc-answer-inner strong{color:var(--cream);font-weight:500}

.m-lifestyles{display:grid;grid-template-columns:1fr;gap:12px;max-width:720px;margin:0 auto}
.m-lifestyle{padding:clamp(12px,1.8vw,16px) clamp(13px,2vw,17px);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-card);transition:all .25s;min-width:100%}
.m-lifestyle:hover{border-color:var(--border-teal)}
.m-lifestyle-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.14em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;font-weight:700}
.m-lifestyle-text{font-size:1.2rem;color:var(--cream-dim);line-height:1.65}
.m-lifestyle-text strong{color:var(--cream);font-weight:500}

.m-footer{padding:clamp(13px,2vw,17px) clamp(14px,4vw,32px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1;flex-shrink:0;background:rgba(255,245,220,.02)}
.m-footer-quote{font-family:var(--font-display);font-style:italic;font-size:clamp(1.45rem,1.8vw,1.7rem);color:var(--cream-dim);line-height:1.55;max-width:340px}
.m-footer-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border-teal);border-radius:var(--r-sm);color:var(--teal);font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.15em;text-transform:uppercase;background:var(--teal-faint);font-weight:700;transition:all .3s var(--ease);position:relative;overflow:hidden;white-space:nowrap}
.m-footer-cta::before{content:'';position:absolute;inset:0;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease)}
.m-footer-cta:hover{color:var(--bg)}
.m-footer-cta:hover::before{transform:scaleX(1)}
.m-footer-cta span{position:relative;z-index:1}

/* Footer del modal Visión: arquitectos + mentores */
.m-footer-equipo{flex-direction:column;align-items:stretch;padding:clamp(20px,3.5vw,32px) clamp(14px,4vw,32px) clamp(26px,4vw,38px)}
.m-footer-equipo .m-sec-title{margin-bottom:18px}
.m-equipo-grid{display:none;grid-template-columns:1fr 1px 1fr;gap:clamp(18px,3vw,32px);align-items:start}
.m-equipo-grid.abierto{display:grid}
.m-equipo-divisor{width:1px;background:var(--border)}
.m-equipo-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.m-equipo-label{font-family:var(--font-ui);font-size:8px;letter-spacing:.28em;color:var(--teal);text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:8px}
.m-equipo-label::after{content:'';flex:1;height:1px;background:var(--border)}
.m-footer-equipo .directors-grid{grid-template-columns:1fr;gap:10px;margin-bottom:0}
.m-footer-equipo .mentor-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:0}
.m-footer-equipo .mentor-text{margin-top:4px}
.equipo-toggle-btn{background:none;border:none;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.14em;color:var(--teal);text-transform:uppercase;padding:10px 0 8px;cursor:pointer;transition:color 0.2s}
.equipo-toggle-btn:hover{color:#fff}
.equipo-arrow{transition:transform 0.3s cubic-bezier(.34,1.56,.64,1);display:inline-block;font-size:1.2em}
.equipo-arrow.girado{transform:rotate(180deg)}








/* ============================================================
   13. HUB / LODGE
   ============================================================ */
.lodge{background:var(--bg-3);border-top:1px solid var(--border-amber);border-bottom:1px solid var(--border-amber);position:relative;overflow:hidden;padding:var(--pad-v) var(--pad-h)}
.lodge::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 52% 48% at 50% 50%,var(--amber-faint) 0%,transparent 65%)}
.lodge-inner{max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:2}
.lodge-plano-wrap{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.lodge-plano-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.55;filter:saturate(.9) contrast(1.05);transform:scale(1.02);transition:opacity .8s var(--ease)}
.lodge-plano-veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg-3) 0%,rgba(28,22,16,.18) 18%,rgba(28,22,16,.16) 82%,var(--bg-3) 100%),radial-gradient(ellipse 60% 55% at 50% 45%,rgba(245,158,11,.06) 0%,transparent 70%)}
.lodge-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.44em;color:var(--amber);text-transform:uppercase;margin-bottom:16px;font-weight:700}
.lodge-icon{width:clamp(56px,7vw,72px);height:clamp(56px,7vw,72px);border-radius:50%;border:1.5px solid var(--border-amber);background:var(--bg-card);overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:var(--sh-amber)}
.lodge-icon img{width:80%;height:80%;object-fit:contain}
.lodge-title{font-family:var(--font-display);font-size:clamp(1.9rem,3.8vw,2.6rem);color:var(--cream);line-height:1.1;margin-bottom:14px;font-style:italic}
.lodge-title span{color:var(--amber)}
.lodge-text{font-family:var(--font-body);color:var(--cream-dim);line-height:1.8;margin-bottom:22px;max-width:800px;text-align:justify;hyphens:auto;word-break:break-word}
.lodge-text strong{color:var(--cream);font-weight:500}
.lodge-text-note{font-size:1.2rem;opacity:.85;max-width:520px;margin:0 auto 26px}

.lodge-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2vw,16px);max-width:600px;margin:0 auto 22px}
.lodge-pillar{padding:clamp(16px,2.5vw,20px) clamp(10px,1.8vw,14px);background:var(--bg-card);border:1px solid var(--border-amber);border-radius:var(--r-md);transition:all .3s var(--ease)}
.lodge-pillar:hover{border-color:rgba(245,158,11,.45);transform:translateY(-3px);box-shadow:var(--sh-amber)}
.lodge-pillar-icon{font-size:1.7rem;margin-bottom:9px;line-height:1}
.lodge-pillar-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.14em;color:var(--amber);text-transform:uppercase;font-weight:700;margin-bottom:6px}
.lodge-pillar-desc{font-family:var(--font-body);font-size:1.2rem;color:var(--cream-dim);line-height:1.55}


.lodge-cta-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:460px;margin:8px auto 0;padding:clamp(22px,3.5vw,32px) clamp(20px,3vw,28px);background:var(--bg-card);border:1px solid var(--border-amber);border-radius:var(--r-lg);box-shadow:var(--sh-amber);position:relative;overflow:hidden}
.lodge-cta-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,var(--amber-faint) 0%,transparent 70%);pointer-events:none}
.lodge-cta-badge{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.30em;color:var(--amber);text-transform:uppercase;font-weight:700;padding:5px 14px;border:1px solid var(--border-amber);border-radius:var(--r-xl);background:var(--amber-faint);position:relative;z-index:1}
.lodge-cta-text{font-family:var(--font-display);font-style:italic;font-size:clamp(1.25rem,1.6vw,1.15rem);color:var(--cream);line-height:1.5;text-align:center;position:relative;z-index:1}
.lodge-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:clamp(12px,1.8vw,15px) clamp(22px,3vw,30px);border:1px solid var(--border-amber);border-radius:var(--r-sm);background:var(--amber-faint);color:var(--amber);font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.20em;text-transform:uppercase;font-weight:700;transition:all .32s var(--ease);position:relative;overflow:hidden;z-index:1}
.lodge-cta-btn::before{content:'';position:absolute;inset:0;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--ease)}
.lodge-cta-btn:hover{color:var(--bg)}
.lodge-cta-btn:hover::before{transform:scaleX(1)}
.lodge-cta-btn span{position:relative;z-index:1}

.lodge-prog-wrap{margin-bottom:22px;max-width:400px;margin-left:auto;margin-right:auto}
.lodge-prog-row{display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.16em;color:var(--cream-faint);margin-bottom:6px;text-transform:uppercase;font-weight:600}
.lodge-prog-row span:last-child{color:var(--amber)}
.lodge-prog-bg{position:relative;height:3px;background:var(--border);border-radius:3px;overflow:hidden}
.lodge-prog-fill{position:absolute;top:0;left:0;height:100%;width:70%;border-radius:3px;background:#ffd36a;box-shadow:0 0 12px rgba(245,158,11,.45);transition:width 1.4s cubic-bezier(.22,1,.36,1)}

.lodge-btns{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;font-size:11px}
.btn-amber{display:inline-flex;align-items:center;gap:8px;padding:clamp(10px,1.6vw,13px) clamp(18px,2.8vw,26px);background:var(--amber-faint);border:1px solid var(--border-amber);border-radius:var(--r-sm);color:var(--cream-faint);font-family:var(--font-ui);font-size:1rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;text-decoration:none;transition:all .32s var(--ease);position:relative;overflow:hidden}
.btn-amber::before{content:'';position:absolute;inset:0;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--ease)}
.btn-amber:hover{color:var(--bg)}
.btn-amber:hover::before{transform:scaleX(1)}
.btn-amber span{position:relative;z-index:1}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:clamp(10px,1.6vw,13px) clamp(14px,2.2vw,20px);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--teal);font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;text-decoration:none;transition:all .3s var(--ease);background:transparent}
.btn-ghost:hover{border-color:var(--border-teal);background:var(--teal-faint)}

/* ═══ MODAL EMERGENTE MASTERPLAN (Hub Lodge) ═══ */
#lodgeSection{
  display:none;position:fixed;inset:0;z-index:10800;
  background:rgba(6,10,9,.88);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
#lodgeSection.on{display:block}
#lodgeSection .lodge-shell{
  position:absolute;inset:0;margin:0 auto;
  width:100%;height:100dvh;
  background:#F4F2EE;overflow:hidden;
  padding:0;max-width:none;border:0;border-radius:0;box-shadow:none;
}

#lodgeSection .lodge-shell iframe{
  width:100%;height:100%;border:0;display:block;background:#F4F2EE;
}
#lodgeSection .mp-close-float{
  position:fixed;
  top:max(14px, env(safe-area-inset-top));
  right:max(14px, env(safe-area-inset-right));
  z-index:10801;
  width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(20,16,9,.88);
  border:1.5px solid rgba(94,234,212,.55);
  color:#5eead4;font-size:1.15rem;cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.45);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), background .3s, color .3s;
}
#lodgeSection .mp-close-float:hover{background:#5eead4;color:#08201c;transform:rotate(90deg)}










/* ============================================================
   16. MODAL FONDEAR (colaborar)
   ============================================================ */
#fondearModal .modal-dialog{max-width:600px;width:94%}
.fondear-title{font-family:var(--font-display);font-size:clamp(1.2rem,2.8vw,1.9rem);font-style:italic;color:var(--cream);text-align:center;margin-bottom:4px}
.fondear-title span{color:var(--teal)}
.fondear-text{font-family:var(--font-body);font-size:1.2rem;color:var(--cream-dim);line-height:1.8;text-align:center;max-width:470px;margin:0 auto 14px}
.fondear-text strong{color:var(--cream);font-weight:500}
.fondear-methods-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.36em;color:var(--cream-faint);text-transform:uppercase;text-align:center;margin-bottom:15px;font-weight:600}
.fondear-pagos{display:flex;justify-content:center;gap:clamp(18px,4vw,44px);flex-wrap:wrap}
.fondear-pago{display:flex;flex-direction:column;align-items:center;gap:7px}
.fondear-pago-btn{width:clamp(68px,9vw,84px);height:clamp(68px,9vw,84px);border-radius:50%;border:1px solid var(--border);background:var(--bg-card);overflow:hidden;transition:all .32s var(--spring);display:flex;align-items:center;justify-content:center;padding:0}
.fondear-pago-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.fondear-pago-btn:hover{border-color:var(--border-teal);box-shadow:var(--sh-teal);transform:scale(1.07) translateY(-3px)}
.fondear-pago-nombre{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.22em;color:var(--cream-faint);text-transform:uppercase;font-weight:600}
.clave-items{display:flex;flex-direction:column;gap:8px;margin:15px 0;text-align:left}
.clave-item{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-body);font-size:1.2rem;color:var(--cream-dim);line-height:1.6}
.clave-item::before{content:'✦';color:var(--amber);font-size:.68rem;flex-shrink:0;margin-top:3px}
.clave-item strong{color:var(--cream);font-weight:500}




/* ============================================================
   17. PANEL VISTA PREVIA DE RECURSOS EXTERNOS
   ============================================================ */
#linkPreviewPanel{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,32px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
#linkPreviewPanel.on{opacity:1;pointer-events:auto}
.lbp-shell{width:100%;max-width:1100px;height:min(88vh,860px);background:var(--bg-2);border:1px solid var(--border-teal);border-radius:var(--r-lg);box-shadow:0 32px 90px rgba(0,0,0,.7);display:flex;flex-direction:column;overflow:hidden;transform:translateY(18px) scale(.98);opacity:0;transition:transform .4s var(--ease),opacity .3s var(--ease)}
#linkPreviewPanel.on .lbp-shell{transform:translateY(0) scale(1);opacity:1}
.lbp-header{display:flex;align-items:flex-start;gap:14px;padding:16px clamp(16px,3vw,26px);border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0}
.lbp-header-text{flex:1;min-width:0}
.lbp-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.32em;color:var(--teal);text-transform:uppercase;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.lbp-label::before{content:'';width:16px;height:1px;background:var(--teal);opacity:.5}
.lbp-title{font-family:var(--font-display);font-style:italic;font-size:1.2rem;color:var(--cream);line-height:1.25;margin-bottom:4px;overflow-wrap:anywhere}
.lbp-desc{font-family:var(--font-body);font-size:1.2rem;color:var(--cream-dim);line-height:1.55;max-width:640px}
.lbp-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.lbp-open-new{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-teal);border-radius:var(--r-sm);background:var(--teal-faint);color:var(--teal);font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;text-decoration:none;white-space:nowrap;transition:all .25s var(--ease)}
.lbp-open-new:hover{background:var(--teal);color:var(--bg)}
.lbp-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:all .3s var(--spring)}
.lbp-close:hover{background:var(--teal);color:var(--bg);transform:rotate(90deg)}
.lbp-frame-wrap{position:relative;flex:1;background:#0a0a0a}
.lbp-frame-wrap iframe{width:100%;height:100%;border:0;display:block;background:#fff}
.lbp-fallback-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px clamp(14px,3vw,22px);background:var(--bg-card);border-top:1px solid var(--border-teal);flex-shrink:0}
.lbp-fallback-text{font-family:var(--font-body);font-size:1.4rem;color:var(--cream-dim);line-height:1.5}
.lbp-fallback-text strong{color:var(--teal);font-weight:600}






#loginGlobalModal .lg-gratis-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:13px 16px;border:1px solid rgba(45,212,191,.35);border-radius:12px;background:linear-gradient(135deg,rgba(45,212,191,.14),rgba(45,212,191,.05));color:var(--teal);font-family:var(--font-ui);font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease}
#loginGlobalModal .lg-gratis-toggle:hover{background:rgba(45,212,191,.2)}
#loginGlobalModal .lg-gratis-toggle .lg-gratis-arrow{transition:transform .3s var(--spring)}
#loginGlobalModal .lg-gratis-toggle.open .lg-gratis-arrow{transform:rotate(180deg)}
#loginGlobalModal 
.lg-gratis-box{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .4s ease,margin .5s ease}
#loginGlobalModal .lg-gratis-box.open{max-height:4000px;opacity:1;margin-top:14px}
#loginGlobalModal .lg-gratis-inner{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--surface)}
#loginGlobalModal .lg-gratis-intro{font-size:1.7rem;color:var(--cream-dim);line-height:1.6;margin-bottom:12px}
#loginGlobalModal .lg-gratis-intro strong{color:var(--teal)}
#loginGlobalModal .lg-gratis-tabs{display:flex;gap:8px;margin-bottom:14px;border-bottom:1px solid var(--border)}
#loginGlobalModal .lg-gratis-tab{flex:1;padding:9px;border:none;background:none;font-family:var(--font-ui);font-size:1.02rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cream-faint);font-weight:700;cursor:pointer;border-bottom:2px solid transparent}
#loginGlobalModal .lg-gratis-tab.active{color:var(--teal);border-bottom-color:var(--teal)}
#loginGlobalModal .lg-gratis-panel{display:none}
#loginGlobalModal .lg-gratis-panel.active{display:block}
#loginGlobalModal .lg-field-copy{position:relative}
#loginGlobalModal .lg-field-copy input{padding-right:40px}
#loginGlobalModal .lg-copy-btn{position:absolute;right:6px;bottom:6px;width:28px;height:28px;border-radius:7px;border:1px solid var(--border-teal);background:var(--teal-faint);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;transition:all .25s ease}
#loginGlobalModal .lg-copy-btn:hover{background:var(--teal);color:var(--bg)}
#loginGlobalModal .lg-copy-btn.copiado{background:#2d6a4f;border-color:#68d391;color:#68d391}
#loginGlobalModal .lg-gratis-nota{font-size:1.02rem;color:var(--cream-faint);line-height:1.6;margin-top:10px;padding:10px 12px;border-left:2px solid var(--amber);border-radius:0 8px 8px 0;background:rgba(245,158,11,.06)}
#loginGlobalModal .lg-gratis-nota strong{color:var(--amber)}
/* ============================================================
   LOGIN GLOBAL CENTRALIZADO (lg-*)
   ============================================================ */
.nav-login-btn{
  display:inline-flex;
  align-items:center;
  background:none;
  border:none;
  padding:0px 15px 2px;
  color:rgba(255,255,255,.88);
  font-family:var(--font-ui);
  font-size:1.8rem;
  letter-spacing:.01em;
  text-transform:none;
  font-weight:300;
  cursor:pointer;
  border-bottom:0.5px solid rgba(45,212,191,.3);
  transition:color .25s ease, border-color .25s ease;
  
}
.nav-login-btn:hover{ color:#fff; border-bottom-color:var(--teal); }


#loginGlobalModal{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;padding:20px}
#loginGlobalModal.on{display:flex}
#loginGlobalModal .lg-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:-1}
#loginGlobalModal .lg-shell{width:100%;max-width:440px;background:var(--bg-2);border:1px solid var(--border-teal);border-radius:var(--r-lg);padding:32px 28px;box-shadow:0 32px 90px rgba(0,0,0,.7);position:relative;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#loginGlobalModal .lg-shell::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 60% 40% at 10% 0%,var(--teal-faint) 0%,transparent 60%),radial-gradient(ellipse 45% 45% at 90% 100%,var(--amber-faint) 0%,transparent 60%)}
#loginGlobalModal .lg-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-teal);background:var(--teal-faint);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:all .3s var(--spring);z-index:2}
#loginGlobalModal .lg-close:hover{background:var(--teal);color:var(--bg);transform:rotate(90deg)}
#loginGlobalModal .lg-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 14px;background:radial-gradient(circle at 30% 30%,rgba(45,212,191,.35),rgba(45,212,191,.08));border:1.5px solid var(--border-teal);display:flex;align-items:center;justify-content:center;box-shadow:0 0 22px rgba(45,212,191,.25);position:relative;z-index:1;overflow:hidden}
#loginGlobalModal .lg-icon img{width:60%;height:60%;object-fit:contain}
#loginGlobalModal .lg-title{font-family:var(--font-display);font-style:italic;font-size:1.6rem;color:var(--cream);text-align:center;margin-bottom:6px;position:relative;z-index:1}
#loginGlobalModal .lg-sub{font-family:var(--font-body);font-size:1.2rem;color:var(--cream-dim);text-align:center;line-height:1.6;margin-bottom:22px;position:relative;z-index:1}
#loginGlobalModal .lg-field{margin-bottom:14px;position:relative;z-index:1}
#loginGlobalModal .lg-field label{display:block;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.16em;color:var(--teal);text-transform:uppercase;margin-bottom:6px;font-weight:700}
#loginGlobalModal .lg-field input{width:100%;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--cream);font-family:var(--font-body);font-size:1.2rem;outline:none;transition:all .3s ease}
#loginGlobalModal .lg-field input:focus{border-color:var(--teal);background:var(--teal-faint)}
#loginGlobalModal .lg-btn{width:100%;padding:13px;border:1px solid var(--border-teal);border-radius:var(--r-sm);background:var(--teal-faint);color:var(--teal);font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;margin-top:6px}
#loginGlobalModal .lg-btn::before{content:'';position:absolute;inset:0;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--ease)}
#loginGlobalModal .lg-btn:hover{color:var(--bg)}
#loginGlobalModal .lg-btn:hover::before{transform:scaleX(1)}
#loginGlobalModal .lg-btn span{position:relative;z-index:1}
#loginGlobalModal .lg-status{margin-top:10px;font-size:1.2rem;text-align:center;min-height:1.2em;position:relative;z-index:1}
#loginGlobalModal .lg-status.ok{color:var(--teal)}
#loginGlobalModal .lg-status.err{color:#f87171}
#loginGlobalModal .lg-divider{display:flex;align-items:center;gap:12px;margin:22px 0 18px;color:var(--cream-faint);font-size:1.2rem;position:relative;z-index:1}
#loginGlobalModal .lg-divider span{flex:1;height:1px;background:var(--border)}
#loginGlobalModal .lg-clave-card{border:1px solid var(--border-amber);border-radius:var(--r-md);background:var(--amber-faint);padding:16px 18px;text-align:center;position:relative;z-index:1}
#loginGlobalModal .lg-clave-title{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.2em;color:var(--amber);text-transform:uppercase;font-weight:700;margin-bottom:6px}
#loginGlobalModal .lg-clave-price{font-family:var(--font-display);font-style:italic;font-size:1.6rem;color:var(--amber);margin-bottom:10px}
#loginGlobalModal .lg-clave-price small{font-size:.6em;opacity:.8}
#loginGlobalModal .lg-clave-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--border-amber);border-radius:var(--r-sm);background:transparent;color:var(--amber);font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease}
#loginGlobalModal .lg-clave-btn:hover{background:var(--amber);color:var(--bg)}

.footer-logout-btn{display:none;align-items:center;gap:8px;margin:18px auto 0;padding:10px 22px;border:1px solid rgba(248,113,113,.35);border-radius:24px;background:rgba(248,113,113,.08);color:#f87171;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease}
.footer-logout-btn.on{display:inline-flex}
.footer-logout-btn:hover{background:#f87171;color:var(--bg)}
/* ============================================================
   18. FOOTER
   ============================================================ */
.footer{
  background: linear-gradient(to bottom, #0e0b07 0%, var(--bg-2) 40%, var(--bg-2) 100%);
  border-top: none;
  margin-top: -1px;
  padding: clamp(12px, 2.5vh, 28px) var(--pad-h) clamp(28px, 5vh, 48px);
  text-align: center;
  position: relative;
}
.footer::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(180px, 40vw);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(45,212,191,.45), transparent);
  opacity: 1;
}
.footer-tagline{
  font-family: var(--font-display);
  font-style: italic;
  font-size: 1.2rem;
  color: rgba(245,240,232,.55);
  margin: 10px 0 7px;
}
.footer-copy{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.26em;color:var(--cream-faint);text-transform:uppercase;font-weight:600}




/* ============================================================
   19. UTILIDADES DE INTERACCIÓN (spotlight, glow)
   ============================================================ */
.testimonial,.muro-card,.paso,.rec-group,.director-card{position:relative;overflow:hidden}
.spot-glow{content:'';position:absolute;width:220px;height:220px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(45,212,191,.16) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .35s ease;z-index:0}


/* ============================================================
   20. PANEL DE COMUNIDADES (#comunidadesPanel) — cpz-*
   ============================================================ */
#comunidadesPanel{
  position:relative;
  width:100%;
  z-index:2;
  max-height:0;
  opacity:0;
  overflow:hidden;
  padding:0;
  background:#0b0805;
  transition:max-height .65s var(--ease), opacity .5s ease;
}
#comunidadesPanel::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:100vh;
  z-index:-1;
  pointer-events:none;
  background-image:url('img/suscripcion/12 LABURBE/A-fondocomunidad-CELU.png');
  background-size:cover;
  background-position:top center;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 100%);
}
#comunidadesPanel::after{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:100vh;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(6,5,3,.30) 0%, rgba(6,5,3,.58) 42%, rgba(6,5,3,.90) 78%, #0b0805 100%);
}
@media(min-width:769px){
  #comunidadesPanel::before{
    background-image:url('img/suscripcion/12 LABURBE/A-fondocomunidad-NOTE.png');
    height:76vh;
  }
  #comunidadesPanel::after{ height:76vh; }
}
.comunidadesFONDOTRAMA{ display:none; }
#comunidadesPanel.on{
  max-height:none;
  opacity:1;
  padding: max(100px, 5vh) 0 160px;
}
#comunidadesPanel .cpz-close{top:6px;right:var(--pad-h)}
#comunidadesPanel .cpz-shell.cpz-anim{animation:cpzIn .55s cubic-bezier(.22,1,.36,1)}

@keyframes cpzIn{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
#comunidadesPanel .cpz-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(94,234,212,.35);background:rgba(94,234,212,.10);color:#5eead4;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;z-index:5;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s}
#comunidadesPanel .cpz-close:hover{background:#5eead4;color:#08201c;transform:rotate(90deg)}



#comunidadesPanel .cpz-explain{position:relative;z-index:1;max-width:820px;margin:14px auto 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#comunidadesPanel .cpz-explain-item{padding:14px 12px;border:1px solid rgba(94,234,212,.18);border-radius:14px;background:rgba(94,234,212,.04);text-align:center;transition:all .3s ease}
#comunidadesPanel .cpz-explain-item:hover{border-color:rgba(94,234,212,.4);transform:translateY(-3px)}
#comunidadesPanel .cpz-explain-icon{font-size:1.5em;margin-bottom:6px}
#comunidadesPanel .cpz-explain-title{font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.1em;color:#5eead4;text-transform:uppercase;font-weight:700;margin-bottom:4px}
#comunidadesPanel .cpz-explain-desc{font-size:1.2rem;color:rgba(245,240,232,.6);line-height:1.5}


/* Hero (icono + eyebrow + título + login/fundar) */
#comunidadesPanel .cpz-hero{position:relative;z-index:1;display:flex;flex-direction:column;gap:28px;margin:26px 0 24px}
#comunidadesPanel .cpz-hero-left{text-align:center}
#comunidadesPanel .cpz-hero-right{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:640px;margin:0 auto;width:100%}
#comunidadesPanel .cpz-icon-circle{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;background:radial-gradient(circle at 30% 30%,rgba(94,234,212,.30),rgba(94,234,212,.06));border:1.5px solid rgba(94,234,212,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 22px rgba(94,234,212,.28)}
#comunidadesPanel .cpz-fundar-divider{display:flex;align-items:center;gap:12px;width:100%;color:rgba(94,234,212,.55);font-size:1.2rem;margin-top:6px}
#comunidadesPanel .cpz-fundar-divider span{flex:1;height:1px;background:rgba(94,234,212,.2)}
#comunidadesPanel .cpz-fundar-note{font-family:'Inter',sans-serif;font-size:1.2rem;line-height:1.6;color:rgba(245,240,232,.68);text-align:center;max-width:380px;margin:0 auto}
#comunidadesPanel .cpz-panel-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(94,234,212,.15);font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:rgba(94,234,212,.75);text-align:center}
#comunidadesPanel .cpz-panel-footer-icon{width:32px;height:32px;border-radius:50%;background:rgba(94,234,212,.12);border:1px solid rgba(94,234,212,.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}

/* Reglas / Acciones (toggles) */
#comunidadesPanel .cpz-toolbar-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:-4px auto 24px;position:relative;z-index:1}
#comunidadesPanel .cpz-reglas-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:1;padding:11px 18px;border-radius:24px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.045);color:rgba(245,165,11,1);font-family:'Syne';font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1)}
#comunidadesPanel .cpz-reglas-toggle:hover{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.45);transform:translateY(-1px)}
#comunidadesPanel .cpz-reglas-toggle.open{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.5);color:#f59e0b}
#comunidadesPanel .cpz-reglas-toggle-dot{width:5px;height:5px;border-radius:50%;background:#f59e0b;flex-shrink:0;opacity:.8}
#comunidadesPanel .cpz-reglas-arrow{font-size:.75em;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:inline-block}
#comunidadesPanel .cpz-reglas-toggle.open .cpz-reglas-arrow{transform:rotate(180deg)}

#comunidadesPanel .cpz-reglamento{position:relative;z-index:1;max-width:820px;margin:0 auto;border-left:2px solid #f59e0b;border-radius:0 14px 14px 0;background:rgba(245,158,11,.06);max-height:0;opacity:0;overflow:hidden;transition:max-height .48s cubic-bezier(.22,1,.36,1),opacity .35s ease,margin .48s ease}
#comunidadesPanel .cpz-reglamento.open{max-height:3000px;opacity:1;margin:0 auto 30px}
#comunidadesPanel .cpz-reglamento-inner{padding:16px 20px}
#comunidadesPanel .cpz-reglamento-inner ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:10px}
#comunidadesPanel .cpz-reglamento-inner li{padding:2px 0;font-size:1.2rem;color:rgba(245,240,232,.68);line-height:1.6}
#comunidadesPanel .cpz-reglamento-title{font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.14em;color:#f59e0b;text-transform:uppercase;font-weight:700;margin-bottom:8px}
#comunidadesPanel .cpz-reglamento strong{color:#f5f0e8;font-weight:600}
#comunidadesPanel #cpzAccionesBody .cpz-reglamento-inner ul{gap:12px}
#comunidadesPanel #cpzAccionesBody .cpz-reglamento-inner li{padding:8px 10px;border-radius:8px;background:rgba(94,234,212,.03);transition:background .2s ease}
#comunidadesPanel #cpzAccionesBody .cpz-reglamento-inner li:hover{background:rgba(94,234,212,.07)}

#comunidadesPanel .cpz-reglas-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid rgba(245,158,11,.15);padding-bottom:2px}
#comunidadesPanel .cpz-reglas-tab{padding:8px 18px;border:none;background:none;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:rgba(245,240,232,.45);cursor:pointer;border-bottom:2px solid transparent;transition:all .25s ease}
#comunidadesPanel .cpz-reglas-tab:hover{color:#f59e0b}
#comunidadesPanel .cpz-reglas-tab.active{color:#f59e0b;border-bottom-color:#f59e0b}
#comunidadesPanel .cpz-reglas-panel{display:none}
#comunidadesPanel .cpz-reglas-panel.active{display:block;animation:cpzCardIn .3s ease}
#comunidadesPanel .cpz-reglamento-nota{margin-top:16px;padding-top:14px;border-top:1px solid rgba(245,158,11,.15);font-size:1.2rem;color:rgba(245,240,232,.6);line-height:1.6}

/* Login / ingresar */
#comunidadesPanel .cpz-login{position:relative;z-index:1;max-width:440px;margin:0 auto;scroll-margin-top:30px;display:flex;flex-direction:column;align-items:center}
#comunidadesPanel #cpzLoginBlock:empty{display:none;margin:0;padding:0;height:0;overflow:hidden}
#comunidadesPanel .cpz-ingresar-wrap{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%}
#comunidadesPanel .cpz-ingresar-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 26px;border-radius:14px;border:1px solid #5eead4;background:#5eead4;color:#08201c;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.20em;text-transform:uppercase;font-weight:700;cursor:pointer;position:relative;box-shadow:0 14px 34px rgba(94,234,212,.22);transition:all .3s cubic-bezier(.22,1,.36,1)}
#comunidadesPanel .cpz-ingresar-btn span{position:relative;z-index:1}
#comunidadesPanel .cpz-ingresar-btn:hover{background:#3fd9c0;border-color:#3fd9c0;transform:translateY(-2px);box-shadow:0 20px 46px rgba(94,234,212,.32)}
#comunidadesPanel .cpz-ingresar-sub{font-family:'Inter',sans-serif;font-size:1.2rem;color:rgba(245,240,232,.5);text-align:center;max-width:320px;line-height:1.5}
#comunidadesPanel .cpz-login-form{width:100%;max-width:440px;margin:0 auto;border-radius:18px;background:rgba(94,234,212,.05);border:1px solid rgba(94,234,212,.2);box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden;max-height:0;opacity:0;padding:0 24px;transition:max-height .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,padding .5s ease,margin .5s ease}
#comunidadesPanel .cpz-login-form.open{max-height:520px;opacity:1;padding:24px;margin-top:14px}
#comunidadesPanel .cpz-login.cpz-highlight .cpz-ingresar-btn{border-color:#5eead4;animation:cpzIngresarPulse 1.3s ease-out 1}
@keyframes cpzIngresarPulse{0%{box-shadow:0 0 0 0 rgba(94,234,212,.55),0 14px 34px rgba(94,234,212,.10)}70%{box-shadow:0 0 0 16px rgba(94,234,212,0),0 14px 34px rgba(94,234,212,.10)}100%{box-shadow:0 0 0 0 rgba(94,234,212,0),0 14px 34px rgba(94,234,212,.10)}}

#comunidadesPanel .cpz-field{margin-bottom:16px}
#comunidadesPanel .cpz-field label{display:block;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.14em;color:#5eead4;text-transform:uppercase;margin-bottom:6px;font-weight:700}
#comunidadesPanel .cpz-field input{width:100%;padding:12px 14px;background:#061512;border:1px solid rgba(94,234,212,.25);border-radius:10px;color:#f5f0e8;font-family:'Inter',sans-serif;font-size:1.2rem;outline:none;transition:border-color .25s,background .25s}
#comunidadesPanel .cpz-field input:focus{border-color:#5eead4;background:rgba(94,234,212,.06)}
#comunidadesPanel .cpz-btn{width:100%;padding:14px;border-radius:11px;border:1px solid rgba(94,234,212,.45);background:linear-gradient(135deg,rgba(94,234,212,.18),rgba(94,234,212,.08));color:#5eead4;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;position:relative;overflow:hidden}
#comunidadesPanel .cpz-btn::before{content:'';position:absolute;inset:0;background:#5eead4;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:0}
#comunidadesPanel .cpz-btn span{position:relative;z-index:1}
#comunidadesPanel .cpz-btn:hover{color:#08201c}
#comunidadesPanel .cpz-btn:hover::before{transform:scaleX(1)}
#comunidadesPanel .cpz-btn:disabled{opacity:.4;cursor:not-allowed}
#comunidadesPanel .cpz-btn-logout{background:transparent;border-color:rgba(248,113,113,.3);color:#f87171}
#comunidadesPanel .cpz-btn-logout::before{background:#f87171}
#comunidadesPanel .cpz-btn-link{display:block;width:100%;text-align:center;margin-top:12px;padding:10px;background:transparent;border:1px solid rgba(245,158,11,.35);border-radius:10px;color:#f59e0b;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease}
#comunidadesPanel .cpz-btn-link:hover{background:rgba(245,158,11,.1)}
#comunidadesPanel .cpz-status{margin-top:10px;font-size:1.2rem;text-align:center;min-height:1.2em}
#comunidadesPanel .cpz-status.ok{color:#5eead4}
#comunidadesPanel .cpz-status.err{color:#f87171}
#comunidadesPanel .cpz-session-badge{display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.1em;color:#5eead4;text-transform:uppercase;font-weight:700;margin-bottom:10px}
#comunidadesPanel .cpz-session-dot{width:8px;height:8px;border-radius:50%;background:#5eead4;animation:pulse 2s infinite}
#comunidadesPanel .cpz-session-count{display:block;text-align:center;font-size:1.2rem;color:rgba(245,240,232,.55);margin-bottom:10px}



/* Grid de burbujas */
#comunidadesPanel .cpz-grid-label{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-bottom:24px;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.24em;color:rgba(94,234,212,.7);text-transform:uppercase;font-weight:700}
#comunidadesPanel .cpz-grid-label::after{content:'';flex:1;height:1px;background:rgba(94,234,212,.18)}
#comunidadesPanel .cpz-grid-label-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
#comunidadesPanel .cpz-grid-label-row .cpz-grid-label{margin-bottom:0}
#comunidadesPanel .cpz-fundar-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;border-radius:12px;border:1.5px solid rgba(94,234,212,.5);background:rgba(94,234,212,.08);color:#5eead4;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.22,1,.36,1)}

/* #experienciasPanel: estilos movidos al bloque único cerca del final del del body — ver PANEL EXPERIENCIAS */

#comunidadesPanel .cpz-fundar-SUMAR{display:flex;align-items:center;justify-content:center}

#comunidadesPanel .cpz-fundar-btn:hover{background:#5eead4;color:#08201c;transform:translateY(-2px)}
#comunidadesPanel .cpz-filtros-mias{display:flex;gap:8px;width:100%;margin-top:10px}
#comunidadesPanel .cpz-filtro-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:20px;border:1px solid rgba(94,234,212,.22);background:rgba(94,234,212,.04);color:rgba(94,234,212,.75);font-family:'Syne',sans-serif;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .25s ease}
#comunidadesPanel .cpz-filtro-btn:hover{border-color:rgba(94,234,212,.45);background:rgba(94,234,212,.09)}
#comunidadesPanel .cpz-filtro-btn.active{background:#5eead8;color:#09301c;border-color:#5eead4}
#comunidadesPanel .cpz-filtro-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}
#comunidadesPanel .cpz-grid{position:relative;z-index:1;height:clamp(520px,66vh,700px);margin-top:6px;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(255,255,255,.10),transparent 60%),radial-gradient(ellipse 70% 60% at 50% 15%,rgba(94,234,212,.08),transparent 70%),radial-gradient(ellipse 50% 50% at 80% 90%,rgba(245,158,11,.05),transparent 70%),linear-gradient(180deg,#0c2622 0%,#061512 100%);border:1px solid rgba(94,234,212,.10);box-shadow:0 30px 70px rgba(0,0,0,.35) inset;cursor:grab}


#comunidadesPanel .cpz-bubble-item{position:absolute;top:0;left:0;border-radius:50%;cursor:pointer;will-change:transform}
#comunidadesPanel .cpz-bubble-item.entering{animation:cpzBubbleIn .65s cubic-bezier(.22,1,.36,1) backwards}
@keyframes cpzBubbleIn{from{transform:scale(0) translate(0,0);opacity:0}to{opacity:1}}
#comunidadesPanel .cpz-bubble-item.popping{animation:cpzBubblePop .58s cubic-bezier(.22,.9,.34,1) forwards;pointer-events:none;z-index:1}
@keyframes cpzBubblePop{0%{opacity:1;filter:blur(0);transform:scale(1)}22%{opacity:1;filter:blur(0);transform:scale(1.14)}50%{opacity:.55;filter:blur(2px);transform:scale(1.4) translateY(-6px)}100%{opacity:0;filter:blur(11px);transform:scale(1.9) translateY(-20px)}}

#comunidadesPanel .cpz-bubble-sphere{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.55) 0%,rgba(255,255,255,.08) 16%,transparent 34%),radial-gradient(circle at 68% 78%,rgba(45,212,191,.18) 0%,transparent 45%),linear-gradient(155deg,rgba(255,255,255,.06),rgba(6,18,16,.55) 55%,rgba(2,8,7,.85));border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 -14px 26px rgba(0,0,0,.55),inset 0 14px 22px rgba(255,255,255,.25),inset 6px 0 18px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.5),0 0 0 1px rgba(94,234,212,.10);overflow:hidden;backdrop-filter:blur(1px);transition:box-shadow .3s ease,transform .25s cubic-bezier(.34,1.56,.64,1),border-color .3s ease}
#comunidadesPanel .cpz-bubble-namesvg,#comunidadesPanel .cpz-bubble-countsvg{clip-path:circle(50% at 50% 50%);position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible}
#comunidadesPanel .cpz-bubble-namesvg text{font-family:'Syne',sans-serif;font-weight:700;fill:#fff;paint-order:stroke;stroke:rgba(0,0,0,.55);stroke-width:3px;stroke-linejoin:round;letter-spacing:.02em}
#comunidadesPanel .cpz-bubble-countsvg text{font-family:'Syne',sans-serif;font-weight:700;fill:#5eead4;text-transform:uppercase;paint-order:stroke;stroke:rgba(0,0,0,.55);stroke-width:2.5px;stroke-linejoin:round;letter-spacing:.06em}
#comunidadesPanel .cpz-bubble-item:hover .cpz-bubble-sphere{transform:scale(1.06);border-color:rgba(255,255,255,.6);box-shadow:inset 0 -14px 26px rgba(0,0,0,.5),inset 0 14px 26px rgba(255,255,255,.32),0 24px 56px rgba(0,0,0,.55),0 0 40px rgba(94,234,212,.28)}
#comunidadesPanel .cpz-bubble-sphere::before{content:'';position:absolute;top:3%;left:8%;width:26%;height:16%;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.55) 0%,rgba(255,255,255,.15) 50%,transparent 78%);filter:blur(2px);transform:rotate(-18deg);pointer-events:none;z-index:1}
#comunidadesPanel .cpz-bubble-sphere::after{content:'';position:absolute;bottom:4%;right:10%;width:16%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.35) 0%,transparent 70%);filter:blur(.5px);pointer-events:none;z-index:1}
#comunidadesPanel .cpz-bubble-rim{position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,transparent 60%,rgba(255,255,255,.08) 76%,rgba(255,255,255,.30) 92%,rgba(255,255,255,.04) 100%);mix-blend-mode:screen;opacity:.7}
#comunidadesPanel .cpz-bubble-imgwrap{position:absolute;inset:16%;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 14px rgba(0,0,0,.45) inset,0 0 0 4px rgba(255,255,255,.04);background:#08201c;z-index:2}
#comunidadesPanel .cpz-bubble-imgwrap::after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.55),transparent 50%),linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.72) 100%);pointer-events:none}
#comunidadesPanel .cpz-bubble-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;filter:saturate(1.08) contrast(1.05)}
#comunidadesPanel .cpz-bubble-item:hover .cpz-bubble-img{transform:scale(1.1)}
#comunidadesPanel .cpz-bubble-item.cpz-bubble-completa .cpz-bubble-countsvg text{fill:#f87171}
#comunidadesPanel .cpz-bubble-item.cpz-bubble-completa .cpz-bubble-img{filter:saturate(.4) brightness(.7)}
#comunidadesPanel .cpz-bubble-glare{position:absolute;top:-30%;left:-15%;width:18%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);z-index:1;pointer-events:none;animation:cpzGlareSweep 6.5s ease-in-out infinite}
@keyframes cpzGlareSweep{0%{transform:translateX(-120%) rotate(25deg)}100%{transform:translateX(220%) rotate(25deg)}}
#comunidadesPanel .cpz-bubble-item.cpz-collide-pulse .cpz-bubble-sphere{
  animation:cpzCollideSquish .55s cubic-bezier(.33,1,.68,1);
  transform-origin:center;
}
@keyframes cpzCollideSquish{
  0%{transform:scale(1,1);box-shadow:inset 0 -14px 26px rgba(0,0,0,.55),inset 0 14px 22px rgba(255,255,255,.25),0 0 0 rgba(94,234,212,0)}
  35%{transform:scale(calc(1 - var(--cpz-squish-x,0)*0.08), calc(1 - var(--cpz-squish-y,0)*0.08)) scale(1.035,1.035);box-shadow:inset 0 -14px 26px rgba(0,0,0,.5),inset 0 14px 22px rgba(255,255,255,.3),0 0 24px rgba(94,234,212,.35)}
  100%{transform:scale(1,1);box-shadow:inset 0 -14px 26px rgba(0,0,0,.55),inset 0 14px 22px rgba(255,255,255,.25),0 0 0 rgba(94,234,212,0)}
}
.cpz-collide-flash{position:fixed;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid rgba(94,234,212,.8);z-index:9751;pointer-events:none;animation:cpzCollideFlash .5s ease-out forwards}
@keyframes cpzCollideFlash{0%{width:6px;height:6px;opacity:1;box-shadow:0 0 10px rgba(94,234,212,.8)}100%{width:70px;height:70px;opacity:0;box-shadow:0 0 0 rgba(94,234,212,0)}}
.cpz-bubble,.cpz-bubble-contact,.burbina-bubble-auto{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9750;opacity:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(94,234,212,.4) 60%,rgba(94,234,212,0) 100%);border:1px solid rgba(255,255,255,.5);animation:cpzBubbleRise var(--dur,2.2s) ease-out forwards}
@keyframes cpzBubbleRise{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:1}100%{opacity:0;transform:translate(var(--driftx,0px),var(--rise,-70px)) scale(1)}}
body:not(.cpz-panel-abierto) .cpz-bubble,
body:not(.cpz-panel-abierto) .cpz-bubble-contact,
body:not(.cpz-panel-abierto) .cpz-collide-flash{
  display:none !important;
}



/* Descripción + convocar */
#comunidadesPanel .cpz-desc-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0 28px;padding:18px 20px;border-radius:18px;background:rgba(94,234,212,.045);border:1px solid rgba(94,234,212,.15)}
#comunidadesPanel .cpz-desc-icon{width:52px;height:52px;border-radius:50%;flex-shrink:0;background:rgba(94,234,212,.12);border:1px solid rgba(94,234,212,.3);display:flex;align-items:center;justify-content:center;font-size:1.4em;color:#5eead4}
#comunidadesPanel .cpz-desc-text{flex:1;min-width:220px;font-family:'Inter',sans-serif;font-size:1.2rem;line-height:1.6;color:rgba(245,240,232,.75);margin:0}
#comunidadesPanel .cpz-desc-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
#comunidadesPanel .cpz-desc-action-sub{font-family:'Inter',sans-serif;font-size:1.2rem;color:rgba(245,240,232,.5);white-space:nowrap}

/* Grid 3 tarjetas (familias / viajes / eventos) */
#comunidadesPanel .cpz-secciones{display:flex;flex-direction:column;gap:24px;margin-top:6px}
#comunidadesPanel .cpz-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:6px}
#comunidadesPanel .cpz-info-card{padding:18px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(94,234,212,.14);display:flex;flex-direction:column}



/* Modal Cofre */
#cpzCofreModal{position:fixed;inset:0;z-index:10700;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .35s ease}
#cpzCofreModal.on{opacity:1;pointer-events:auto}
#cpzCofreModal .cpz-cofre-backdrop{position:fixed;inset:0;background:rgba(6,16,14,.82);backdrop-filter:blur(10px);z-index:-1}
#cpzCofreModal .cpz-cofre-shell{position:relative;width:100%;max-width:440px;max-height:88vh;overflow-y:auto;border-radius:26px;background:linear-gradient(160deg,#1c130a 0%,#120c06 100%);border:1px solid rgba(245,158,11,.35);box-shadow:0 32px 90px rgba(0,0,0,.6);padding:34px 28px 28px;transform:translateY(18px) scale(.97);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}
#cpzCofreModal.on .cpz-cofre-shell{transform:translateY(0) scale(1);opacity:1}
#cpzCofreModal .cpz-cofre-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(245,158,11,.4);background:rgba(245,158,11,.1);color:#ffd36a;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer}
#cpzCofreModal .cpz-cofre-icon{text-align:center;font-size:2.4rem;margin-bottom:8px}
#cpzCofreModal .cpz-cofre-titulo{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#fff;font-size:1.5rem;text-align:center;margin-bottom:10px}
#cpzCofreModal .cpz-cofre-desc{font-family:'Inter',sans-serif;font-size:.9rem;color:rgba(245,240,232,.65);text-align:center;line-height:1.6;margin-bottom:20px}
#cpzCofreModal .cpz-cofre-monto-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:16px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);margin-bottom:20px}
#cpzCofreModal .cpz-cofre-monto-label{font-family:'Syne',sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,240,232,.5)}
#cpzCofreModal .cpz-cofre-monto{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:2rem;color:#ffd36a}
#cpzCofreModal .cpz-cofre-btn{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(245,158,11,.5);background:linear-gradient(135deg,rgba(245,158,11,.24),rgba(245,158,11,.1));color:#ffd36a;font-family:'Syne',sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;cursor:pointer;transition:all .3s ease}
#cpzCofreModal .cpz-cofre-btn:hover{background:#ffd36a;color:#2a1600}
#cpzCofreModal .cpz-cofre-donar-box{margin-top:18px;padding-top:18px;border-top:1px solid rgba(245,158,11,.2)}
#cpzCofreModal .cpz-cofre-donar-label{display:block;font-family:'Syne',sans-serif;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#ffd36a;margin-bottom:8px}
#cpzCofreModal .cpz-cofre-donar-input{width:100%;padding:12px 14px;border-radius:10px;background:#0d0a05;border:1px solid rgba(245,158,11,.3);color:#fff;font-family:'Inter',sans-serif;font-size:1rem;margin-bottom:6px}
#cpzCofreModal .cpz-cofre-donar-hint{font-size:.75rem;color:rgba(245,240,232,.5);margin-bottom:12px}



#comunidadesPanel .cpz-info-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.1em;color:#5eead4;text-transform:uppercase;font-weight:700;margin-bottom:14px}
#comunidadesPanel .cpz-info-card-title a{font-size:.85em;color:#5eead4;text-decoration:none;letter-spacing:0;text-transform:none;font-weight:600}
#comunidadesPanel .cpz-avatars-row{display:flex;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:4px 0}
#comunidadesPanel .cpz-avatar-chip-wrap{width:48px;height:48px;border-radius:50%;margin-left:-8px;position:relative;transition:transform .2s ease,z-index 0s;cursor:default}
#comunidadesPanel .cpz-avatar-chip-wrap:first-child{margin-left:0}
#comunidadesPanel .cpz-avatar-chip-wrap:hover{transform:translateY(-4px) scale(1.08);z-index:3}
#comunidadesPanel .cpz-avatar-chip{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #0d2a25;background:#08201c;display:block}
#comunidadesPanel .cpz-avatar-more{width:48px;height:48px;border-radius:50%;margin-left:-8px;background:rgba(94,234,212,.16);border:2px solid #0d2a25;color:#5eead4;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:700;font-size:1.2rem;flex-shrink:0}

#comunidadesPanel .cpz-mini-progress-row{display:flex;justify-content:space-between;font-family:'Syne',sans-serif;font-size:1.2rem;color:rgba(94,234,212,.85);letter-spacing:.06em;margin-bottom:6px}
#comunidadesPanel .cpz-mini-progress-bar{height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:14px}
#comunidadesPanel .cpz-mini-progress-fill{height:100%;background:linear-gradient(90deg,#1aa896,#5eead4);border-radius:4px}
#comunidadesPanel .cpz-empty-block{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:14px 6px}
#comunidadesPanel .cpz-empty-icon{width:56px;height:56px;border-radius:50%;background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.25);display:flex;align-items:center;justify-content:center;font-size:1.6em;color:#5eead4;position:relative}
#comunidadesPanel .cpz-empty-icon .cpz-empty-plus{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#5eead4;color:#08201c;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:700}
#comunidadesPanel .cpz-empty-text{font-family:'Inter',sans-serif;font-size:1.2rem;color:rgba(245,240,232,.6);line-height:1.5}
#comunidadesPanel .cpz-empty-sub{font-family:'Inter',sans-serif;font-size:1.2rem;color:rgba(245,240,232,.45)}
#comunidadesPanel .cpz-miembros-full{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:6px}



/* Miembros */
#comunidadesPanel .cpz-subtitulo{font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.28em;color:rgba(94,234,212,.65);text-transform:uppercase;font-weight:700;margin:22px 0 12px}
#comunidadesPanel .cpz-subtitulo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px;flex-wrap:wrap}
#comunidadesPanel .cpz-subtitulo-row .cpz-subtitulo{margin:0}
#comunidadesPanel .cpz-convocar-btn{margin:4px 0}
#comunidadesPanel .cpz-miembros-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
#comunidadesPanel .cpz-miembro-wrap{display:flex;flex-direction:column}
#comunidadesPanel .cpz-miembro-card{display:flex;flex-direction:column;gap:10px;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(94,234,212,.15);transition:all .25s ease}
#comunidadesPanel .cpz-miembro-top{display:flex;gap:10px;align-items:center}
#comunidadesPanel .cpz-miembro-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid rgba(94,234,212,.10);flex-wrap:wrap}
#comunidadesPanel .cpz-miembro-card:hover{border-color:rgba(94,234,212,.4);background:rgba(94,234,212,.05)}
#comunidadesPanel .cpz-miembro-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid rgba(94,234,212,.3);background:#08201c}
#comunidadesPanel .cpz-miembro-nombre{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#f5f0e8;font-size:1.2rem;margin-bottom:2px}
#comunidadesPanel .cpz-miembro-meta{font-size:1.2rem;color:rgba(245,240,232,.5);line-height:1.4}
#comunidadesPanel .cpz-miembro-meta a{color:#5eead4;text-decoration:underline}
#comunidadesPanel .cpz-miembro-icons{display:flex;gap:6px;flex-shrink:0}
#comunidadesPanel .cpz-icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(94,234,212,.3);background:rgba(94,234,212,.08);color:#5eead4;display:flex;align-items:center;justify-content:center;font-size:.95em;cursor:pointer;transition:all .25s ease;flex-shrink:0}
#comunidadesPanel .cpz-icon-btn:hover{background:#5eead4;color:#08201c;transform:translateY(-2px)}
#comunidadesPanel .cpz-icon-btn.active{background:#5eead4;color:#08201c;border-color:#5eead4}
#comunidadesPanel .cpz-icon-btn.disabled{opacity:.4;cursor:not-allowed;border-color:rgba(245,240,232,.15);background:rgba(255,255,255,.03);color:rgba(245,240,232,.4)}
#comunidadesPanel .cpz-icon-btn.disabled:hover{transform:none;background:rgba(255,255,255,.03);color:rgba(245,240,232,.4)}
#comunidadesPanel .cpz-miembro-vinculados{margin-top:6px;padding:8px 10px;border-radius:10px;background:rgba(94,234,212,.05);border:1px solid rgba(94,234,212,.15)}
#comunidadesPanel .cpz-vinculados-list{display:flex;flex-wrap:wrap;gap:6px}
#comunidadesPanel .cpz-vinculado-chip{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(94,234,212,.2);font-size:1.2rem;color:rgba(245,240,232,.75)}
#comunidadesPanel .cpz-vinculado-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover}
#comunidadesPanel .cpz-bubble-icono{position:absolute;top:6%;left:6%;width:22%;height:22%;min-width:20px;min-height:20px;border-radius:50%;background:rgba(6,18,16,.6);border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:clamp(11px,3.4vw,15px);z-index:4;backdrop-filter:blur(3px);pointer-events:none}
.cpz-bubble-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}

/* Detalle general */
#comunidadesPanel .cpz-detalle{position:relative;z-index:1;margin-top:26px;padding-top:26px;border-top:1px solid rgba(94,234,212,.18);animation:cpzCardIn .4s ease forwards;scroll-margin-top:30px}
@keyframes cpzCardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
#comunidadesPanel .cpz-detalle-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
#comunidadesPanel .cpz-detalle-title{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#f5f0e8;font-size:1.8em}
#comunidadesPanel .cpz-detalle-title em{color:#5eead4}
#comunidadesPanel .cpz-detalle-actions{display:flex;gap:8px;flex-wrap:wrap}
#comunidadesPanel .cpz-mini-btn{padding:9px 16px;border-radius:9px;border:1px solid rgba(94,234,212,.4);background:rgba(94,234,212,.08);color:#5eead4;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease}
#comunidadesPanel .cpz-mini-btn:hover{background:#5eead4;color:#08201c}
#comunidadesPanel .cpz-mini-btn.amber{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.08);color:#f59e0b}
#comunidadesPanel .cpz-mini-btn.amber:hover{background:#f59e0b;color:#08201c}
#comunidadesPanel .cpz-mini-btn.rojo{border-color:rgba(248,113,113,.35);background:transparent;color:#f87171}
#comunidadesPanel .cpz-mini-btn.rojo:hover{background:#f87171;color:#08201c}
#comunidadesPanel .cpz-vacio{text-align:center;color:rgba(245,240,232,.4);padding:16px 0;font-size:1.2rem}

/* Eventos / historial */
#comunidadesPanel .cpz-evento-card{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(94,234,212,.15);margin-bottom:10px;transition:all .25s ease}
#comunidadesPanel .cpz-evento-card:hover{border-color:rgba(94,234,212,.35)}
#comunidadesPanel .cpz-evento-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
#comunidadesPanel .cpz-evento-tipo{display:inline-block;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.12em;color:#f59e0b;text-transform:uppercase;font-weight:700;margin-bottom:4px}
#comunidadesPanel .cpz-evento-nombre{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#f5f0e8;font-size:1.3em}
#comunidadesPanel .cpz-evento-fecha{font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.06em;color:rgba(94,234,212,.8);font-weight:700;white-space:nowrap}
#comunidadesPanel .cpz-evento-tips{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:5px}
#comunidadesPanel .cpz-evento-tips li{font-size:1.2rem;color:rgba(245,240,232,.65);padding-left:16px;position:relative;line-height:1.5}
#comunidadesPanel .cpz-evento-tips li::before{content:'✦';position:absolute;left:0;color:#5eead4;font-size:.7em;top:.4em}
#comunidadesPanel .cpz-evento-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}
#comunidadesPanel .cpz-evento-asistentes{font-size:1.2rem;color:rgba(245,240,232,.5)}
#comunidadesPanel .cpz-evento-btns{display:flex;gap:10px;flex-wrap:wrap}
#comunidadesPanel .cpz-historial .cpz-evento-card{opacity:.55}

/* Formularios (unirse / fundar / evento) */
#comunidadesPanel .cpz-form-unirse{max-width:480px;margin:0 auto;padding:22px;border-radius:16px;background:rgba(94,234,212,.05);border:1px solid rgba(94,234,212,.22);display:flex;flex-direction:column;gap:2px}
#comunidadesPanel .cpz-form-unirse .cpz-field{margin-bottom:16px}
#comunidadesPanel .cpz-form-unirse .cpz-btn,#comunidadesPanel .cpz-form-unirse .cpz-btn-link{margin-top:10px}
#comunidadesPanel .cpz-file-preview{width:88px;height:88px;border-radius:50%;border:1.5px dashed rgba(94,234,212,.4);background:rgba(94,234,212,.08);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;overflow:hidden;cursor:pointer;color:#5eead4;font-size:1.2rem;text-align:center;line-height:1.3;transition:all .3s ease}
#comunidadesPanel .cpz-file-preview:hover{border-color:#5eead4;background:rgba(94,234,212,.14)}
#comunidadesPanel .cpz-file-preview img{width:100%;height:100%;object-fit:cover}
#comunidadesPanel .cpz-tipo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
#comunidadesPanel .cpz-tipo-opt{padding:12px 6px;border-radius:12px;border:1px solid rgba(94,234,212,.2);background:rgba(255,255,255,.02);text-align:center;cursor:pointer;transition:all .25s ease}
#comunidadesPanel .cpz-tipo-opt:hover{border-color:rgba(94,234,212,.5)}
#comunidadesPanel .cpz-tipo-opt.sel{border-color:#5eead4;background:rgba(94,234,212,.12);box-shadow:0 0 0 1px #5eead4 inset}
#comunidadesPanel .cpz-tipo-opt-icon{font-size:1.4em;margin-bottom:4px}
#comunidadesPanel .cpz-tipo-opt-label{font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.05em;color:rgba(245,240,232,.7);text-transform:uppercase;font-weight:700}


/* ============================================================
   PANEL ACCESO MASTERPLAN (dentro de la tarjeta Hub) — cpz-mp-*
   ============================================================ */
#comunidadesPanel .cpz-mp-wrap{max-width:480px;margin:0 auto;padding:22px;border-radius:16px;background:rgba(94,234,212,.05);border:1px solid rgba(94,234,212,.22);display:flex;flex-direction:column;gap:14px}
#comunidadesPanel .cpz-mp-saldo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:12px;background:rgba(94,234,212,.08);border:1px solid rgba(94,234,212,.2)}
#comunidadesPanel .cpz-mp-saldo-label{font-family:'Syne',sans-serif;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,240,232,.6);font-weight:700}
#comunidadesPanel .cpz-mp-saldo-num{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.5rem;color:#5eead4}
#comunidadesPanel .cpz-mp-divider{display:flex;align-items:center;gap:12px;color:rgba(94,234,212,.5);font-family:'Syne',sans-serif;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase}
#comunidadesPanel .cpz-mp-divider::before,#comunidadesPanel .cpz-mp-divider::after{content:'';flex:1;height:1px;background:rgba(94,234,212,.2)}
#comunidadesPanel .cpz-mp-obtener{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:11px;border:1px dashed rgba(245,158,11,.4);background:rgba(245,158,11,.06);color:#f59e0b;font-family:'Syne',sans-serif;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .25s ease}
#comunidadesPanel .cpz-mp-obtener:hover{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.6)}

/* Botón MASTERPLAN: candado (bloqueado) / llave (desbloqueado) */
.cpz-masterplan-btn i{font-size:1em;margin-right:2px;transition:transform .3s ease}
.cpz-masterplan-btn.cpz-mp-unlocked{
  background:linear-gradient(190deg, rgba(245,158,11,1), rgba(184,111,11,.75)) !important;
  border-color:rgba(245,158,11,.6) !important;
}
.cpz-masterplan-btn.cpz-mp-unlocked:hover{
  background:linear-gradient(190deg, rgba(255,178,55,1), rgba(245,158,11,.8)) !important;
}

/* Panel de desbloqueo del Masterplan */
#comunidadesPanel .cpz-mp-header{text-align:center;margin-bottom:18px}
#comunidadesPanel .cpz-mp-header-icon{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:radial-gradient(circle at 30% 30%,rgba(94,234,212,.35),rgba(94,234,212,.08));border:1.5px solid rgba(94,234,212,.4)}
#comunidadesPanel .cpz-mp-header-title{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.5rem;color:#f5f0e8;margin-bottom:6px}
#comunidadesPanel .cpz-mp-header-sub{font-family:'Inter',sans-serif;font-size:1rem;color:rgba(245,240,232,.6);line-height:1.55;max-width:420px;margin:0 auto}

#comunidadesPanel .cpz-mp-option{position:relative;margin-top:20px;padding:22px 20px 20px;border-radius:20px;text-align:center}
#comunidadesPanel .cpz-mp-option-burbinas{border:1.5px solid rgba(94,234,212,.35);background:linear-gradient(160deg,rgba(94,234,212,.07),rgba(94,234,212,.02))}
#comunidadesPanel .cpz-mp-option-clave{border:1.5px solid rgba(245,158,11,.35);background:linear-gradient(160deg,rgba(245,158,11,.07),rgba(245,158,11,.02))}
#comunidadesPanel .cpz-mp-option-badge{display:inline-block;font-family:'Syne',sans-serif;font-size:.68rem;letter-spacing:.22em;font-weight:800;text-transform:uppercase;color:#5eead4;background:rgba(94,234,212,.12);border:1px solid rgba(94,234,212,.3);border-radius:999px;padding:4px 12px;margin-bottom:10px}
#comunidadesPanel .cpz-mp-option-badge.amber{color:#f5b34f;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3)}
#comunidadesPanel .cpz-mp-option-icon{font-size:1.8rem;margin-bottom:6px}
#comunidadesPanel .cpz-mp-option-title{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.2rem;color:#f5f0e8;margin-bottom:6px}
#comunidadesPanel .cpz-mp-option-desc{font-family:'Inter',sans-serif;font-size:.92rem;color:rgba(245,240,232,.62);line-height:1.55;margin-bottom:14px}
#comunidadesPanel .cpz-mp-option-falta{font-family:'Syne',sans-serif;font-size:.88rem;color:#f87171;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25);border-radius:12px;padding:9px 12px;margin-bottom:12px}
#comunidadesPanel .cpz-mp-option-btn{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(94,234,212,.45);background:linear-gradient(135deg,rgba(94,234,212,.2),rgba(94,234,212,.08));color:#5eead4;font-family:'Syne',sans-serif;font-weight:800;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}
#comunidadesPanel .cpz-mp-option-btn:hover{background:#5eead4;color:#08201c}
#comunidadesPanel .cpz-mp-option-btn:disabled{opacity:.45;cursor:not-allowed}
#comunidadesPanel .cpz-mp-option-btn.amber{border-color:rgba(245,158,11,.5);background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.08));color:#f5b34f}
#comunidadesPanel .cpz-mp-option-btn.amber:hover{background:#f5b34f;color:#2a1600}
#comunidadesPanel .cpz-mp-divider-full{display:flex;align-items:center;gap:14px;margin:22px 0;color:rgba(245,240,232,.35);font-family:'Syne',sans-serif;font-size:.75rem;letter-spacing:.2em;font-weight:800}
#comunidadesPanel .cpz-mp-divider-full::before,#comunidadesPanel .cpz-mp-divider-full::after{content:'';flex:1;height:1px;background:rgba(245,240,232,.14)}


/* Modal de pago Masterplan — misma paleta teal que #comunidadesPanel */
#masterplanPagoModal{position:fixed;inset:0;z-index:10700;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .35s ease}
#masterplanPagoModal.on{opacity:1;pointer-events:auto}
#masterplanPagoModal .mp-backdrop{position:fixed;inset:0;background:rgba(6,16,14,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1}
#masterplanPagoModal .mp-shell{position:relative;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;border-radius:26px;background:linear-gradient(160deg,#0d2a25 0%,#081613 60%,#061210 100%);border:1px solid rgba(94,234,212,.28);box-shadow:0 32px 90px rgba(0,0,0,.6);padding:34px 30px 30px;transform:translateY(18px) scale(.97);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}
#masterplanPagoModal.on .mp-shell{transform:translateY(0) scale(1);opacity:1}
#masterplanPagoModal .mp-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(94,234,212,.35);background:rgba(94,234,212,.10);color:#5eead4;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
#masterplanPagoModal .mp-close:hover{background:#5eead4;color:#08201c;transform:rotate(90deg)}
#masterplanPagoModal .mp-badge{display:inline-block;font-family:'Syne',sans-serif;font-size:.85rem;letter-spacing:.28em;text-transform:uppercase;font-weight:700;color:#5eead4;text-align:center;width:100%;margin-bottom:10px}
#masterplanPagoModal .mp-title{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.7rem;color:#f5f0e8;text-align:center;margin-bottom:4px}
#masterplanPagoModal .mp-title span{color:#5eead4}
#masterplanPagoModal .mp-sub{font-family:'Inter',sans-serif;font-size:1rem;color:rgba(245,240,232,.6);text-align:center;line-height:1.6;margin-bottom:16px}
#masterplanPagoModal .mp-sep{height:1px;background:rgba(94,234,212,.15);margin:16px 0}
#masterplanPagoModal .mp-price{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:6px 0 4px}
#masterplanPagoModal .mp-price-amount{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:2.2rem;color:#5eead4}
#masterplanPagoModal .mp-price-label{font-family:'Syne',sans-serif;font-size:.9rem;color:rgba(245,240,232,.45);text-transform:uppercase;letter-spacing:.1em}
#masterplanPagoModal .mp-pay-label{text-align:center;font-family:'Syne',sans-serif;font-size:.85rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(245,240,232,.4);margin-bottom:14px}
#masterplanPagoModal .mp-pay-row{display:flex;justify-content:center}
#masterplanPagoModal .mp-pay-btn{width:78px;height:78px;border-radius:50%;border:1px solid rgba(94,234,212,.3);background:#061512;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}
#masterplanPagoModal .mp-pay-btn:hover{border-color:#5eead4;box-shadow:0 0 24px rgba(94,234,212,.3);transform:scale(1.06)}
#masterplanPagoModal .mp-foot{font-family:'Inter',sans-serif;font-size:.85rem;color:rgba(245,240,232,.4);text-align:center;line-height:1.6;margin-top:16px}


.panel-izq{ left:0; right:auto; border-left:none; border-right:1px solid var(--border); box-shadow:20px 0 80px rgba(0,0,0,0.7); transform:translateX(-110%); }
.panel-izq.on{ transform:translateX(0); }
.pb-close-arrow-izq{ transform:scaleX(-1); }
.pb-close-arrow-izq:hover{ transform:scaleX(-1) translateX(-3px); }

.mi-header-title{ font-family:var(--font-ui); font-size:1.05rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:var(--teal); }
.mi-intro{ font-family:var(--font-body); font-size:1.1rem; color:var(--cream-dim); line-height:1.65; margin:10px 0 26px; text-align:center; }

.mi-block{ margin-bottom:10px; }
.mi-block-title{ text-align:center; font-family:var(--font-ui); font-size:1rem; letter-spacing:.2em; text-transform:uppercase; color:var(--teal); font-weight:700; margin-bottom:16px; }
.mi-block-title-amber{ color:var(--amber); }

.mi-map-wrap{ position:relative; height:260px; border-radius:20px; overflow:hidden; border:1px solid var(--border-teal); background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(255,255,255,.08),transparent 60%),linear-gradient(180deg,#0c2622 0%,#061512 100%); margin-bottom:18px; }
.mi-map{ width:100%; height:100%; }
.mi-map-dot{ width:10px; height:10px; border-radius:50%; background:#2dd4bf; box-shadow:0 0 0 0 rgba(45,212,191,.7); animation:miDotPulse 2.2s ease-out infinite; }
@keyframes miDotPulse{ 0%{box-shadow:0 0 0 0 rgba(45,212,191,.6)} 70%{box-shadow:0 0 0 12px rgba(45,212,191,0)} 100%{box-shadow:0 0 0 0 rgba(45,212,191,0)} }
.mi-map-badge{ position:absolute; top:12px; left:12px; z-index:500; display:flex; flex-direction:column; align-items:center; gap:2px; padding:10px 16px; border-radius:16px; background:rgba(6,18,16,.75); border:1px solid var(--border-teal); backdrop-filter:blur(6px); box-shadow:0 8px 22px rgba(0,0,0,.4); }
.mi-map-badge-num{ font-family:var(--font-display); font-style:italic; font-size:1.6rem; color:var(--teal); line-height:1; }
.mi-map-badge-label{ font-family:var(--font-ui); font-size:.65rem; letter-spacing:.14em; color:var(--cream-faint); text-transform:uppercase; }

.mi-stats-row{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:26px; }
.mi-stat{ display:flex; flex-direction:column; align-items:center; gap:4px; padding:14px 8px; border-radius:14px; background:var(--surface); border:1px solid var(--border); text-align:center; }
.mi-stat-icon{ font-size:1.3rem; }
.mi-stat-num{ font-family:var(--font-display); font-style:italic; font-size:1.4rem; color:var(--teal); }
.mi-stat-label{ font-family:var(--font-ui); font-size:.62rem; letter-spacing:.1em; color:var(--cream-faint); text-transform:uppercase; }

.mi-huella-texto{ font-family:var(--font-body); font-size:1.05rem; color:var(--cream-dim); line-height:1.7; text-align:center; max-width:440px; margin:0 auto 22px; }
.mi-huella-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.mi-huella-item{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:18px 10px; border-radius:16px; background:var(--bg-card); border:1px solid var(--border-amber); text-align:center; transition:all .3s var(--ease); }
.mi-huella-item:hover{ border-color:rgba(245,158,11,.5); transform:translateY(-3px); box-shadow:var(--sh-amber); }
.mi-huella-icon{ font-size:1.5rem; }
.mi-huella-num{ font-family:var(--font-display); font-style:italic; font-size:1.7rem; color:var(--amber); }
.mi-huella-label{ font-family:var(--font-ui); font-size:.65rem; letter-spacing:.1em; color:var(--cream-faint); text-transform:uppercase; }
.mi-huella-item-impacto{ grid-column:1/-1; background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(45,212,191,.06)); border-color:var(--border-amber); }
.mi-huella-item-impacto .mi-huella-num{ font-size:2.1rem; }

.mi-cierre{ margin-top:32px; padding:24px 20px; border-radius:20px; background:linear-gradient(160deg,rgba(45,212,191,.08),rgba(245,158,11,.05)); border:1px solid var(--border-teal); text-align:center; }
.mi-cierre-icon{ font-size:1.6rem; color:var(--teal); margin-bottom:10px; }
.mi-cierre-texto{ font-family:var(--font-display); font-style:italic; font-size:1.15rem; color:var(--cream); line-height:1.7; margin-bottom:12px; }
.mi-cierre-firma{ font-family:var(--font-ui); font-size:.8rem; letter-spacing:.12em; color:var(--teal); text-transform:uppercase; font-weight:700; }



/* ===== masterplan-tmp-close-marker (bloque 2/22) ===== */
.lbb-sub-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  position: relative;
  overflow: hidden;
}

.lbb-sub-icon {
  flex-shrink: 0;
  animation: lbb-sub-pulse 1.8s ease-in-out infinite;
}

@keyframes lbb-sub-pulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(255,255,255,0)); }
  50% { transform: scale(1.18); filter: drop-shadow(0 0 4px currentColor); }
}

.lbb-sub-text {
  position: relative;
  z-index: 1;
}



@keyframes lbb-sub-shine {
  0% { left: -75%; }
  40% { left: 130%; }
  100% { left: 130%; }
}


.hero-title-rule-inline {
  display: inline-block;
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, rgba(45,212,191,.8), transparent);
  margin: 0 10px;
  vertical-align: middle;
  opacity: 0;
  animation: fadeup .9s .6s var(--ease) forwards;
}

.hero-title-rule-inline.hero-burbinas-underline{
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
  margin:0;
}












/* Separador dentro del menú de idiomas */
.lb-lang-separator {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin: 8px 0 10px 0;
}

/* Botón de acceso directo */
.lb-lang-install-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.85);
  font-family: 'Jost', 'Segoe UI', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  width: 100%;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, transform 0.15s;
}
.lb-lang-install-btn:hover {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(45, 212, 191, 0.40);
  transform: scale(1.02);
}
.lb-lang-install-btn:active {
  transform: scale(0.96);
}
.lb-install-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
}

#lbPreloader{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 30%,#141009 0%,#0e0b07 70%);transition:opacity .5s ease,visibility .5s ease}
#lbPreloader.lbp-hide{opacity:0;visibility:hidden;pointer-events:none}
.lbp-orb{position:relative;width:84px;height:84px;display:flex;align-items:center;justify-content:center}
.lbp-orb-icon{object-fit:contain;position:relative;z-index:2;animation:lbpFloat 2.2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(45,212,191,.55))}
.lbp-orb-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(45,212,191,.35);animation:lbpSpin 3.2s linear infinite}
.lbp-orb-ring2{inset:-14px;border-color:rgba(245,158,11,0);animation-duration:5s;animation-direction:reverse}
@keyframes lbpSpin{to{transform:rotate(360deg)}}
@keyframes lbpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.lbp-brand{font-family:var(--font-display);font-style:italic;font-size:1.5rem;color:var(--cream);letter-spacing:.04em}
.lbp-step{font-family:var(--font-ui);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);min-height:1.4em;text-align:center;opacity:.9}
.lbp-bar{width:160px;height:2px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.lbp-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--teal-dim),var(--teal),var(--amber));transition:width .3s ease}


/* ============================================================
   TIPOGRAFÍA DESKTOP — Comunidades + Experiencias (≥769px)
   Sube proporciones para pantallas de notebook/escritorio.
   ============================================================ */



/* ============================================================
   TRADUCTOR (lb-lang-toggle)
   ============================================================ */
.lb-lang-bar{
  position:fixed;right:10px;top:150px;z-index:1001;          /* por encima del nav (1000): nunca bloquea clics */
  display:flex;align-items:center;gap:8px;
  transition:top .35s cubic-bezier(0.22,1,0.36,1);
}
.lb-lang-bar.lb-bar-scrolled{top:120px;}                   /* ← MÁS ABAJO (antes 70px) */

.lb-lang-row{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:nowrap;              /* ← NUNCA ENVUELVE A LA SIGUIENTE LÍNEA */
  overflow:hidden;
  max-width:0;
  opacity:0;
  transform:translateX(10px);
  pointer-events:none;
  transition:max-width .45s cubic-bezier(.22,1,.36,1),opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1),padding .45s cubic-bezier(.22,1,.36,1);
  border-radius:999px;
}
.lb-lang-bar.lb-open .lb-lang-row{
  max-width:480px;               /* ← DESKTOP: ancho controlado (no invade el título) */
  width:auto;
  opacity:1;
  transform:translateX(0);
  pointer-events:auto;
  padding:6px 9px;
  overflow:visible;
  background:rgba(14,11,7,0.65);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.10);
  box-shadow:0 6px 20px rgba(0,0,0,0.25);
}
.lb-lang-actions{
  display:flex;
  flex-direction:column;
  gap:6px;
  max-height:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  margin-top:0;
  transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .3s ease,margin .4s ease;
}
.lb-lang-bar.lb-open .lb-lang-actions{
  max-height:220px;
  opacity:1;
  pointer-events:auto;
  margin-top:8px;
}
.lb-lang-action-btn{
  display:block;
  width:100%;
  padding:8px 14px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(14,11,7,.65);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:rgba(245,240,232,.85);
  font-family:var(--font-ui);
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:700;
  cursor:pointer;
  text-align:center;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.lb-lang-action-btn:hover{
  background:rgba(45,212,191,.14);
  border-color:rgba(45,212,191,.4);
  color:#fff;
}


.lb-lang-chip{
 border-radius:50%;
  flex-shrink:0;                 /* ← NO SE ENCOGEN NUNCA */
  display:flex;align-items:center;justify-content:center;
  background:transparent;border:1px solid transparent;
  cursor:pointer;transition:all .2s cubic-bezier(0.34,1.56,0.64,1);
  opacity:.6;
}
.lb-lang-chip .lb-flag{width:20px;height:auto;display:block;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.lb-lang-chip:hover{opacity:1;transform:translateY(-2px)}
.lb-lang-chip.active{opacity:1;border-color:rgba(45,212,191,.55);background:rgba(45,212,191,.14)}

.lb-install-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0}
.lb-lang-install-chip{background:none;border-color:transparent;box-shadow:none}
.lb-lang-install-chip .lb-flag{width:39px;height:39px;object-fit:contain;border-radius:6px;box-shadow:none;filter:drop-shadow(0 0 5px rgba(45,212,191,.5))}
.lb-lang-install-chip:hover .lb-flag{filter:drop-shadow(0 0 9px rgba(45,212,191,.75))}
.lb-install-caption{
  position:absolute;
  bottom:auto;                   /* ← EN VEZ DE ARRIBA, LO PONEMOS ABAJO */
  top:calc(100% + 8px);          /* ← JUSTO DEBAJO DEL ÍCONO */
  left:50%;
  transform:translateX(-50%) translateY(4px);
  background:rgba(14,11,7,.9);
  border:1px solid rgba(45,212,191,.3);
  padding:5px 11px;
  border-radius:8px;
  font-family:var(--font-ui);
  font-size:10px;
  letter-spacing:.04em;
  color:rgba(245,240,232,.95);
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  box-shadow:0 8px 20px rgba(0,0,0,.4);
  transition:opacity .5s ease, transform .5s ease;
  z-index:5;
}
/* Flecha que apunta hacia arriba (hacia el ícono) */
.lb-install-caption::after{
  content:'';
  position:absolute;
  bottom:100%;                   /* ← ARRIBA DEL CARTEL */
  left:50%;
  transform:translateX(-50%);
  border:5px solid transparent;
  border-bottom-color:rgba(14,11,7,.9);  /* ← FLECHA HACIA ARRIBA */
}
.lb-install-caption.lb-caption-show{ opacity:1; transform:translateX(-50%) translateY(0); }

.lb-lang-sep{width:1px;height:18px;background:rgba(255,255,255,.18);margin:0 2px;flex-shrink:0}

.lb-lang-toggle{
  width:26px;height:26px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(14,11,7,0);
  border:none;                   /* ← SIN BORDE */
  cursor:pointer;opacity:.72;transition:all .25s ease;
  position:relative;
}
.lb-lang-toggle:hover,.lb-lang-toggle.lb-open{opacity:1;}
.lb-lang-toggle__icon{width:15px;height:15px;color:#fff;transition:opacity .2s ease}

/* --- ESTADO "TRADUCIENDO": el botón sigue siendo clickeable, solo cambia el ícono --- */
.lb-lang-toggle.lb-translating{opacity:1;}
.lb-lang-toggle.lb-translating .lb-lang-toggle__icon{opacity:0;}
.lb-lang-spinner{
  display:none;position:absolute;inset:0;align-items:center;justify-content:center;
}
.lb-lang-toggle.lb-translating .lb-lang-spinner{display:flex;}
.lb-lang-spinner svg{width:15px;height:15px;animation:lbSpin 0.9s linear infinite;color:#d4a840;}
@keyframes lbSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

/* Separador dentro del menú de idiomas */
.lb-lang-separator {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin: 8px 0 10px 0;
}

/* Botón de acceso directo */
.lb-lang-install-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.85);
  font-family: 'Jost', 'Segoe UI', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  width: 100%;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, transform 0.15s;
}
.lb-lang-install-btn:hover {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(45, 212, 191, 0.40);
  transform: scale(1.02);
}
.lb-lang-install-btn:active {
  transform: scale(0.96);
}
.lb-install-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
}





/* ============================================================
   PATCH: estabilidad visual del panel Comunidades en scroll
   ============================================================ */

/* 1) El overflow:hidden que usa el panel para animar max-height
   es lo que recorta contenido durante el scroll en iOS/Android.
   Lo dejamos SOLO en el eje horizontal; el vertical queda libre
   una vez que el panel está abierto. */
#comunidadesPanel{
  overflow-x:hidden;
  overflow-y:visible;
  overflow-anchor:none; /* evita saltos de scroll al cargar contenido dinámico */
}
#comunidadesPanel:not(.on){
  overflow:hidden; /* mientras está cerrado sí recorta, para animar bien */
}

/* 2) Fuerza una capa de composición estable en todo lo que se
   mueve o tiene blur, para que Safari/Chrome mobile no "pierdan"
   el layer y hagan parpadear/objetos invisibles al scrollear. */
.cpz-gpu,
#comunidadesPanel .cpz-shell,
#comunidadesPanel .cpz-grid,
#comunidadesPanel .cpz-bubble-item,
#comunidadesPanel .cpz-detalle,
#comunidadesPanel .cpz-info-card,
#comunidadesPanel .cpz-miembro-card,
#comunidadesPanel .cpz-evento-card{
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* 3) La grilla de burbujas usa RAF para mover transforms
   constantemente: hay que avisarle al navegador para que no
   recree la capa cada vez (causa principal de "desaparición"). */
#comunidadesPanel .cpz-grid {
  contain: layout style;
  isolation: isolate;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  /* opcional: border-radius: 0 !important; */
}
#comunidadesPanel .cpz-bubble-item{
  will-change:transform;
}

/* 4) Quitamos backdrop-filter de elementos que viven DENTRO del
   flujo normal de scroll (no en overlays fijos). El blur sobre
   contenido que se desplaza es la causa más común de "flicker"
   / desaparición momentánea en iOS Safari y Chrome Android. */
#comunidadesPanel .cpz-cover-badge,
#comunidadesPanel .cpz-unirme-cover,
#comunidadesPanel .cpz-detalle-cover-veil{
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  background-color:rgba(6,18,16,.72);
}

/* 5) Si la animación de entrada de las burbujas (backwards) se
   reevalúa por un reflow (resize, orientationchange, etc.), el
   navegador puede volver a pintarlas en opacity:0. Forzamos que,
   una vez terminada, quede fija en su estado final. */
#comunidadesPanel .cpz-bubble-item.entering{
  animation-fill-mode:both;
}
#comunidadesPanel .cpz-bubble-item:not(.entering):not(.popping){
  opacity:1 !important;
  filter:none !important;
}

/* 6) Evita que el "glare" en loop infinito (cpzGlareSweep) fuerce
   repaints constantes fuera de la burbuja mientras el usuario
   scrollea la página completa. */
#comunidadesPanel .cpz-bubble-glare{
  will-change:transform;
  pointer-events:none;
}

/* 7) El shell entero se estabiliza como una única capa,
   evitando que sub-elementos "parpadeen" de forma independiente. */
#comunidadesPanel .cpz-shell{
  isolation:isolate;
  contain:layout style;
}


/* ============================================================
   PANEL EXPERIENCIAS — reutiliza el mismo esqueleto visual
   que #comunidadesPanel (clases cpz-*). Solo agregamos el
   contenedor del mapa y sus estados.
   ============================================================ */
#experienciasPanel{
  position:relative;
  width:100%;
  z-index:2;
  max-height:0;
  opacity:0;
  overflow-x:hidden;
  overflow-y:visible;
  overflow-anchor:none;
  padding:0;
  background:#0b0805;
  transition:max-height .65s var(--ease), opacity .5s ease;
}
#experienciasPanel::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:100vh;
  z-index:-1;
  pointer-events:none;
  background-image:url('img/suscripcion/12 LABURBE/A-fondoBENEFICIOS-CELU.jpeg');
  background-size:cover;
  background-position:top center;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 100%);
}
#experienciasPanel::after{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:100vh;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(6,5,3,.30) 0%, rgba(6,5,3,.58) 42%, rgba(6,5,3,.90) 78%, #0b0805 100%);
}
@media(min-width:769px){
  #experienciasPanel::before{
    background-image:url('img/suscripcion/12 LABURBE/A-fondoBENEFICIOS-NOTE.jpeg');
    height:76vh;
  }
  #experienciasPanel::after{ height:76vh; }
}
#experienciasPanel:not(.on){ overflow:hidden; }
#experienciasPanel.on{
  max-height:none;
  opacity:1;
  padding: max(100px, 5vh) 0 160px;
}

#experienciasPanel .cpz-close{top:6px;right:var(--pad-h)}
#experienciasPanel .cpz-shell.cpz-anim{animation:cpzIn .55s cubic-bezier(.22,1,.36,1)}


/* Mapa de establecimientos (reemplaza la grilla de burbujas) */
.epz-mapa-wrap{
  position:relative; z-index:1;
  height:clamp(420px,60vh,640px);
  margin-top:6px;
  border-radius:26px;
  overflow:hidden;
  background:
    radial-gradient(ellipse 90% 70% at 50% -10%,rgba(255,255,255,.10),transparent 60%),
    radial-gradient(ellipse 70% 60% at 50% 15%,rgba(94,234,212,.08),transparent 70%),
    radial-gradient(ellipse 50% 50% at 80% 90%,rgba(245,158,11,.05),transparent 70%),
    linear-gradient(180deg,#0c2622 0%,#061512 100%);
  border:1px solid rgba(94,234,212,.10);
  box-shadow:0 30px 70px rgba(0,0,0,.35) inset;
  display:flex; align-items:center; justify-content:center;
}
.epz-mapa-placeholder{
  text-align:center; max-width:420px; padding:24px;
}
.epz-mapa-placeholder-icon{
  font-size:2.4rem; margin-bottom:12px; opacity:.85;
}
.epz-mapa-placeholder-text{
  font-family:'Inter',sans-serif; font-size:1.15rem;
  color:rgba(245,240,232,.65); line-height:1.6;
}
.epz-mapa-placeholder-text strong{
  color:#5eead4; font-family:'Instrument Serif',Georgia,serif;
  font-style:italic; font-size:1.3em; display:block; margin-bottom:6px;
}
.epz-estrellas{display:inline-flex;align-items:center;gap:4px;color:#ffd36a}
.epz-beneficio-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:14px;border:1.5px solid #ffd36a;background:linear-gradient(135deg,rgba(255,211,106,.22),rgba(245,158,11,.10));color:#ffd36a;font-family:'Syne',sans-serif;font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(245,158,11,.18);transition:all .3s cubic-bezier(.22,1,.36,1)}
.epz-beneficio-btn:hover{background:#ffd36a;color:#1a1206;transform:translateY(-2px);box-shadow:0 16px 36px rgba(245,158,11,.3)}
.epz-descuento-equiv{margin-top:8px;font-size:1.1rem;color:#5eead4;text-align:center}
#epConfirmCanjeModal{position:fixed;inset:0;z-index:10200;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.65);backdrop-filter:blur(6px)}
#epConfirmCanjeModal.on{display:flex}
#epConfirmCanjeModal .epc-shell{width:100%;max-width:420px;background:#0d2a25;border:1px solid rgba(94,234,212,.3);border-radius:20px;padding:28px 26px;box-shadow:0 30px 80px rgba(0,0,0,.6);text-align:center}
#epConfirmCanjeModal .epc-icon{font-size:2.2rem;margin-bottom:10px}
#epConfirmCanjeModal .epc-title{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#f5f0e8;font-size:1.4rem;margin-bottom:8px}
#epConfirmCanjeModal .epc-sub{color:rgba(245,240,232,.7);font-size:1.15rem;margin-bottom:22px;line-height:1.5}
#epConfirmCanjeModal .epc-btns{display:flex;gap:12px}
#epConfirmCanjeModal .epc-btn{flex:1;padding:13px;border-radius:12px;font-family:'Syne',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid transparent}
#epConfirmCanjeModal .epc-btn-si{background:#5eead4;color:#08201c}
#epConfirmCanjeModal .epc-btn-no{background:transparent;border-color:rgba(245,240,232,.25);color:rgba(245,240,232,.75)}
#epConfirmCanjeModal .epc-status{margin-top:14px;font-size:1.1rem;color:#f87171}
  .epz-mapa-placeholder-icon{
    font-size:3.2rem!important;
  }



.epz-buscador-sugerencias{
  position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:40;
  max-height:260px; overflow-y:auto; border-radius:14px;
  background:#0c2622; border:1px solid rgba(94,234,212,.3);
  box-shadow:0 16px 40px rgba(0,0,0,.4);
}
.epz-buscador-sugerencia-item{
  display:flex; align-items:center; gap:8px; padding:10px 14px;
  font-family:'Inter',sans-serif; font-size:.88rem; color:rgba(245,240,232,.85);
  cursor:pointer; border-bottom:1px solid rgba(94,234,212,.08); transition:background .2s ease;
}
.epz-buscador-sugerencia-item:last-child{ border-bottom:none; }
.epz-buscador-sugerencia-item:hover{ background:rgba(94,234,212,.1); }
.epz-sug-icon{ flex-shrink:0; }

/* ===== PARIDAD VISUAL: EXPERIENCIAS = COMUNIDADES ===== */
#experienciasPanel .cpz-detalle-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
#experienciasPanel .cpz-detalle-title{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#f5f0e8;font-size:1.8em}
#experienciasPanel .cpz-detalle-title em{color:#5eead4}
#experienciasPanel .cpz-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(94,234,212,.35);background:rgba(94,234,212,.10);color:#5eead4;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;z-index:5;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s}
#experienciasPanel .cpz-close:hover{background:#5eead4;color:#08201c;transform:rotate(90deg)}

#experienciasPanel .cpz-panel-footer-icon{width:32px;height:32px;border-radius:50%;background:rgba(94,234,212,.12);border:1px solid rgba(94,234,212,.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}

#experienciasPanel .cpz-fundar-note{font-family:'Inter',sans-serif;font-size:1.2rem;line-height:1.6;color:rgba(245,240,232,.68);text-align:center;max-width:380px;margin:0 auto}

#experienciasPanel .cpz-fundar-divider{display:flex;align-items:center;gap:12px;width:100%;color:rgba(94,234,212,.55);font-size:1.2rem;margin-top:6px}
#experienciasPanel .cpz-fundar-divider span{flex:1;height:1px;background:rgba(94,234,212,.2)}

#experienciasPanel .cpz-hero-right{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:640px;margin:0 auto;width:100%}

#experienciasPanel .cpz-toolbar-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:-4px auto 24px;position:relative;z-index:1}

#experienciasPanel .cpz-reglas-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:1;padding:11px 18px;border-radius:24px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.045);color:rgba(245,165,11,1);font-family:'Syne';font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1)}
#experienciasPanel .cpz-reglas-toggle:hover{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.45);transform:translateY(-1px)}
#experienciasPanel .cpz-reglas-toggle.open{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.5);color:#f59e0b}
#experienciasPanel .cpz-reglas-toggle-dot{width:5px;height:5px;border-radius:50%;background:#f59e0b;flex-shrink:0;opacity:.8}
#experienciasPanel .cpz-reglas-arrow{font-size:.75em;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:inline-block}
#experienciasPanel .cpz-reglas-toggle.open .cpz-reglas-arrow{transform:rotate(180deg)}

#experienciasPanel .cpz-reglamento{position:relative;z-index:1;max-width:820px;margin:0 auto;border-left:2px solid #f59e0b;border-radius:0 14px 14px 0;background:rgba(245,158,11,.06);max-height:0;opacity:0;overflow:hidden;transition:max-height .48s cubic-bezier(.22,1,.36,1),opacity .35s ease,margin .48s ease}
#experienciasPanel .cpz-reglamento.open{max-height:3000px;opacity:1;margin:0 auto 30px}
#experienciasPanel .cpz-reglamento-inner{padding:16px 20px}
#experienciasPanel .cpz-reglamento-inner ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:10px}
#experienciasPanel .cpz-reglamento-inner li{padding:2px 0;font-size:1.2rem;color:rgba(245,240,232,.68);line-height:1.6}
#experienciasPanel .cpz-reglamento-title{font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.14em;color:#f59e0b;text-transform:uppercase;font-weight:700;margin-bottom:8px}
#experienciasPanel .cpz-reglamento strong{color:#f5f0e8;font-weight:600}
#experienciasPanel .cpz-reglas-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid rgba(245,158,11,.15);padding-bottom:2px}
#experienciasPanel .cpz-reglas-tab{padding:8px 18px;border:none;background:none;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:rgba(245,240,232,.45);cursor:pointer;border-bottom:2px solid transparent;transition:all .25s ease}
#experienciasPanel .cpz-reglas-tab:hover{color:#f59e0b}
#experienciasPanel .cpz-reglas-tab.active{color:#f59e0b;border-bottom-color:#f59e0b}
#experienciasPanel .cpz-reglas-panel{display:none}
#experienciasPanel .cpz-reglas-panel.active{display:block;animation:cpzCardIn .3s ease}
#experienciasPanel .cpz-reglamento-nota{margin-top:16px;padding-top:14px;border-top:1px solid rgba(245,158,11,.15);font-size:1.2rem;color:rgba(245,240,232,.6);line-height:1.6}

#experienciasPanel .cpz-login{position:relative;z-index:1;max-width:440px;margin:0 auto 40px;scroll-margin-top:30px;display:flex;flex-direction:column;align-items:center}
#experienciasPanel .cpz-ingresar-wrap{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%}
#experienciasPanel .cpz-ingresar-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 26px;border-radius:14px;border:1px solid #5eead4;background:#5eead4;color:#08201c;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.20em;text-transform:uppercase;font-weight:700;cursor:pointer;position:relative;box-shadow:0 14px 34px rgba(94,234,212,.22);transition:all .3s cubic-bezier(.22,1,.36,1)}
#experienciasPanel .cpz-ingresar-btn span{position:relative;z-index:1}
#experienciasPanel .cpz-ingresar-btn:hover{background:#3fd9c0;border-color:#3fd9c0;transform:translateY(-2px);box-shadow:0 20px 46px rgba(94,234,212,.32)}
#experienciasPanel .cpz-ingresar-sub{font-family:'Inter',sans-serif;font-size:1.2rem;color:rgba(245,240,232,.5);text-align:center;max-width:320px;line-height:1.5}
#experienciasPanel .cpz-login-form{width:100%;max-width:440px;margin:0 auto;border-radius:18px;background:rgba(94,234,212,.05);border:1px solid rgba(94,234,212,.2);box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden;max-height:0;opacity:0;padding:0 24px;transition:max-height .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,padding .5s ease,margin .5s ease}
#experienciasPanel .cpz-login-form.open{max-height:520px;opacity:1;padding:24px;margin-top:14px}
#experienciasPanel .cpz-login.cpz-highlight .cpz-ingresar-btn{border-color:#5eead4;animation:cpzIngresarPulse 1.3s ease-out 1}
#experienciasPanel .cpz-field{margin-bottom:16px}
#experienciasPanel .cpz-field label{display:block;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.14em;color:#5eead4;text-transform:uppercase;margin-bottom:6px;font-weight:700}
#experienciasPanel .cpz-field input,#experienciasPanel .cpz-field select{width:100%;padding:12px 14px;background:#061512;border:1px solid rgba(94,234,212,.25);border-radius:10px;color:#f5f0e8;font-family:'Inter',sans-serif;font-size:1.2rem;outline:none;transition:border-color .25s,background .25s}
#experienciasPanel .cpz-field input:focus,#experienciasPanel .cpz-field select:focus{border-color:#5eead4;background:rgba(94,234,212,.06)}
#experienciasPanel .cpz-btn{width:100%;padding:14px;border-radius:11px;border:1px solid rgba(94,234,212,.45);background:linear-gradient(135deg,rgba(94,234,212,.18),rgba(94,234,212,.08));color:#5eead4;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;position:relative;overflow:hidden}
#experienciasPanel .cpz-btn::before{content:'';position:absolute;inset:0;background:#5eead4;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:0}
#experienciasPanel .cpz-btn span{position:relative;z-index:1}
#experienciasPanel .cpz-btn:hover{color:#08201c}
#experienciasPanel .cpz-btn:hover::before{transform:scaleX(1)}
#experienciasPanel .cpz-btn:disabled{opacity:.4;cursor:not-allowed}
#experienciasPanel .cpz-btn-logout{background:transparent;border-color:rgba(248,113,113,.3);color:#f87171}
#experienciasPanel .cpz-btn-logout::before{background:#f87171}
#experienciasPanel .cpz-btn-link{display:block;width:100%;text-align:center;margin-top:12px;padding:10px;background:transparent;border:1px solid rgba(245,158,11,.35);border-radius:10px;color:#f59e0b;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s ease}
#experienciasPanel .cpz-btn-link:hover{background:rgba(245,158,11,.1)}
#experienciasPanel .cpz-status{margin-top:10px;font-size:1.2rem;text-align:center;min-height:1.2em}
#experienciasPanel .cpz-status.ok{color:#5eead4}
#experienciasPanel .cpz-status.err{color:#f87171}
#experienciasPanel .cpz-session-badge{display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.1em;color:#5eead4;text-transform:uppercase;font-weight:700;margin-bottom:10px}
#experienciasPanel .cpz-session-dot{width:8px;height:8px;border-radius:50%;background:#5eead4;animation:pulse 2s infinite}
#experienciasPanel .cpz-session-count{display:block;text-align:center;font-size:1.2rem;color:rgba(245,240,232,.55);margin-bottom:10px}

#experienciasPanel .cpz-grid-label-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}

#experienciasPanel .cpz-fundar-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;border-radius:12px;border:1.5px solid rgba(94,234,212,.5);background:rgba(94,234,212,.08);color:#5eead4;font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.22,1,.36,1)}
#experienciasPanel .cpz-fundar-btn:hover{background:#5eead4;color:#08201c;transform:translateY(-2px)}

#experienciasPanel .cpz-filtros-mias{display:flex;gap:22px;width:100%;margin-top:4px;justify-content:center;flex-wrap:wrap}
#experienciasPanel .cpz-filtro-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:20px;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.05);color:rgba(245,165,11,.85);font-family:'Syne',sans-serif;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .25s ease}
#experienciasPanel .cpz-filtro-btn:hover{border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.1)}
#experienciasPanel .cpz-filtro-btn.active{background:#f5b34f;color:#2a1600;border-color:#f5b34f}
#experienciasPanel .cpz-filtro-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}

/* Trama abstracta exclusiva del panel Beneficios */
.beneficiosFONDOTRAMA{ display:none; }

@keyframes epzFacetasDrift{
  0%{background-position:0 0, 0 0}
  100%{background-position:-680px 480px, 640px -520px}
}
@keyframes epzGlowPulseFondo{
  0%,100%{opacity:.55}
  50%{opacity:1}
}
/* El contenido queda por encima del fondo automáticamente,
   porque el tramado ahora se pinta como background real del panel. */
#comunidadesPanel > .cpz-shell,
#experienciasPanel > .cpz-shell,
#comunidadesPanel > .epz-index-nav,
#experienciasPanel > .epz-index-nav,
#comunidadesPanel > #cpzBurbujasWrap,
#experienciasPanel > .cpz-step-section{
  position: relative;
  z-index: 1;
}

.epz-mapa-wrap{
  background:
    radial-gradient(ellipse 90% 70% at 50% -10%,rgba(255,255,255,.10),transparent 60%),
    radial-gradient(ellipse 70% 60% at 50% 15%,rgba(94,234,212,.08),transparent 70%),
    radial-gradient(ellipse 50% 50% at 80% 90%,rgba(245,158,11,.05),transparent 70%),
    linear-gradient(180deg,#0c2622 0%,#061512 100%) !important;
  border:1px solid rgba(94,234,212,.10) !important;
}

.pb-logro-t1 .pb-logro-circle{color:#c9c9c9}
.pb-logro-t2 .pb-logro-circle{color:#5eead4;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) drop-shadow(0 0 6px rgba(45,212,191,.45))}
.pb-logro-t3 .pb-logro-circle{color:#5eead4;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(45,212,191,.6))}
.pb-logro-t4 .pb-logro-circle{color:#ffd36a;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) drop-shadow(0 0 12px rgba(245,158,11,.6))}
.pb-logro-t5 .pb-logro-circle{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) drop-shadow(0 0 16px rgba(245,158,11,.7)) drop-shadow(0 0 26px rgba(45,212,191,.45))}
.pb-logro-item.active.pb-logro-t5 .pb-logro-circle{animation:pbLogroFloat 1.8s ease-in-out infinite,pbFundadorGlow 1.8s ease-in-out infinite}
@keyframes pbFundadorGlow{0%,100%{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) drop-shadow(0 0 16px rgba(245,158,11,.7)) drop-shadow(0 0 26px rgba(45,212,191,.45))}50%{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) drop-shadow(0 0 26px rgba(245,158,11,1)) drop-shadow(0 0 40px rgba(45,212,191,.7))}}
.pb-logro-circle-img{padding:0;overflow:hidden;border-radius:50%}
.pb-logro-primer-premio{
  border:2px solid #ffd36a !important;
  box-shadow:0 0 0 3px rgba(255,211,106,.25), 0 0 16px rgba(245,158,11,.55) !important;
  background:radial-gradient(circle at 30% 30%, rgba(255,211,106,.18), transparent 70%) !important;
}

.pb-actividad-grupo{margin-bottom:14px}
.pb-actividad-grupo:last-child{margin-bottom:0}
.pb-actividad-grupo-title{display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border-teal)}
.pb-actividad-grupo-total{color:var(--amber)}

#panelmision .pb-info-text,#panelmision .pb-nivel-msg,#panelmision .pb-actividad-label,
#panelmision .burbina-item-desc,#panelmision .pb-earn-desc,#panelmision .pb-use-desc{
  color:rgba(245,240,232,.9)!important;
}


#panelmision .pb-block{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin-bottom:16px}
#panelmision .pb-cards-row .pb-card{border-color:var(--border-teal)}

#panelmision .pb-punto-btn{width:76px;height:76px;box-shadow:0 0 0 6px rgba(45,212,191,.15),0 8px 24px rgba(45,212,191,.4)}
#panelmision .pb-punto-label{font-size:1.2rem;font-weight:400; margin-top: 10px;}


/* ============================================================
   REDISEÑO DESKTOP: LOGIN GLOBAL + MODO GRATUITO
   Textos nunca menores a 1.4rem en notebook/desktop.
   ============================================================ */


/* ═══ HERO DE PORTADA REUTILIZABLE — PANELES BURBEROS ═══ */
.lb-panel-hero{
  position:relative;
  width:100%;
  border-radius:26px;
  overflow:hidden;
  margin-bottom:18px;
  aspect-ratio:3/4;              /* vertical en mobile */
  min-height:340px;
  background:linear-gradient(160deg, rgba(20,55,50,.92), rgba(10,20,18,.96));
  display:flex;
  align-items:flex-end;
}

.lb-panel-hero-mini{ aspect-ratio:3/4; min-height:340px; margin-bottom:18px; }

.lb-panel-hero-media{
  position:absolute;
  inset:14px 14px 0 0;
  border-radius:20px;
  background-image:var(--lb-hero-img, none);
  background-size:cover;
  background-position:center;
  opacity:.92;
}


.lb-panel-hero-icon-bg{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  opacity:.10; pointer-events:none;
}
.lb-panel-hero-icon-bg img{ width:58%; max-width:340px; filter:brightness(0) invert(1); }
.lb-panel-hero-veil{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(6,20,18,.05) 0%, rgba(6,20,18,.55) 55%, rgba(6,20,18,.92) 100%);
}
.lb-hero-close{ position:absolute !important; top:16px; right:16px; z-index:6; }
.lb-panel-hero-content{
  position:relative; z-index:2;
  padding:26px 22px 24px;
  width:100%;
}
.lb-panel-hero-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-ui,'Syne',sans-serif);
  font-size:1.2rem; letter-spacing:.22em; text-transform:uppercase;
  color:#5eead4; opacity:.9; margin-bottom:10px;
}
.lb-panel-hero-eyebrow img{ width:20px; height:20px; object-fit:contain; }
.lb-panel-hero-title{
  font-family:var(--font-display,'Instrument Serif',serif);
  font-size:clamp(1.7rem, 6vw, 2.5rem);
  color:#f5f0e8;
  line-height:1.08;
  margin:0 0 10px;
}
.lb-panel-hero-title em{ color:#5eead4; font-style:italic; }
.lb-panel-hero-desc{
  font-family:'Jost', sans-serif;
  font-size:1.2rem;
  line-height:1.55;
  color:rgba(245,240,232,.82);
  max-width:640px;
  margin:0 0 16px;
}
.lb-hero-comofunciona{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(94,234,212,.35);
  border-radius:20px;
  padding:8px 16px;
  color:#5eead4;
  font-family:var(--font-ui,'Syne',sans-serif);
  font-size:1.2rem; letter-spacing:.16em; text-transform:uppercase;
  cursor:pointer;
  transition:background .25s, transform .2s;
}
.lb-hero-comofunciona:hover{ background:rgba(94,234,212,.14); transform:translateY(-1px); }
.lb-hero-comofunciona .lb-hero-cf-arrow{ transition:transform .3s; display:inline-block; }
.lb-hero-comofunciona.open .lb-hero-cf-arrow{ transform:rotate(180deg); }
/* Fila de botones Acciones/Reglas dentro del hero */
.lb-hero-actions-row{display:flex;gap:10px;flex-wrap:wrap}

/* Versión GLOBAL (sin scope) de los bloques de contenido, para que
   se vean igual en Comunidades, Experiencias y Recursos */
.cpz-reglamento{position:relative;z-index:1;max-width:820px;margin:0 auto;border-left:2px solid #f59e0b;border-radius:0 14px 14px 0;background:rgba(245,158,11,.06);max-height:0;opacity:0;overflow:hidden;transition:max-height .48s cubic-bezier(.22,1,.36,1),opacity .35s ease,margin .48s ease}
.cpz-reglamento.open{max-height:3000px;opacity:1;margin:0 auto 30px}
.cpz-reglamento-inner{padding:16px 20px}
.cpz-reglamento-inner ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:10px}
.cpz-reglamento-inner li{padding:2px 0;font-size:1.2rem;color:rgba(245,240,232,.68);line-height:1.6}
.cpz-reglamento-title{font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.14em;color:#f59e0b;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.cpz-reglamento strong{color:#f5f0e8;font-weight:600}
.cpz-hero-right{display:flex;flex-direction:column;gap:14px;max-width:640px;margin:0 auto;width:100%}
.lb-hero-cf-dot{ width:6px; height:6px; border-radius:50%; background:#5eead4; box-shadow:0 0 8px #5eead4; flex-shrink:0; }

.lb-comofunciona-wrap{ display:none; animation:lbCfIn .35s ease; }
.lb-comofunciona-wrap.open{ display:block; }
@keyframes lbCfIn{ from{opacity:0; transform:translateY(-6px);} to{opacity:1; transform:translateY(0);} }
.rt-hero-close{
  position:absolute; top:16px; right:16px; z-index:6;
  width:38px; height:38px; border-radius:50%;
  border:1px solid rgba(94,234,212,.35);
  background:rgba(94,234,212,.10);
  color:#5eead4;
  display:flex; align-items:center; justify-content:center;
  font-size:1rem; cursor:pointer;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), background .3s;
}
.rt-hero-close:hover{ background:#5eead4; color:#08201c; transform:rotate(90deg); }

/* ═══ BURBEROS POR EL MUNDO — NIVELES DE LA COMUNIDAD ═══ */
.bm-section{position:relative;overflow:hidden;padding:var(--pad-v) var(--pad-h);background:radial-gradient(ellipse 60% 55% at 50% 0%,rgba(45,212,191,.08) 0%,transparent 65%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg-3) 100%);border-top:1px solid var(--border-teal);border-bottom:1px solid var(--border-teal)}
.bm-topline{position:absolute;top:0;left:50%;transform:translateX(-50%);width:70px;height:1px;background:var(--teal);opacity:.5}
.bm-header{text-align:center;max-width:640px;margin:0 auto clamp(28px,4vh,44px)}
.bm-eyebrow{display:inline-block;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.3em;color:var(--teal);text-transform:uppercase;font-weight:700;margin-bottom:14px}
.bm-title{font-family:var(--font-display);font-style:italic;font-size:clamp(1.9rem,4vw,2.8rem);color:var(--cream);line-height:1.15;margin-bottom:12px}
.bm-title em{color:var(--teal);font-style:italic}
.bm-sub{font-family:var(--font-body);font-size:1.2rem;color:var(--cream-dim);line-height:1.75}

.bm-niveles-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.8vw,18px);max-width:1080px;margin:0 auto clamp(28px,4vh,40px)}
.bm-nivel-card{position:relative;text-align:center;padding:clamp(18px,2.5vw,26px) clamp(8px,1.5vw,14px);background:var(--bg-card);border:1px solid var(--border-teal);border-radius:var(--r-lg);overflow:hidden;transition:all .35s var(--spring)}
.bm-nivel-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal-dim),var(--teal),var(--amber));opacity:.6}
.bm-nivel-card:hover{transform:translateY(-6px) scale(1.03);border-color:var(--teal);box-shadow:var(--sh-teal)}
.bm-nivel-icon{font-size:clamp(1.6rem,3.2vw,2.2rem);margin-bottom:10px;filter:drop-shadow(0 0 10px rgba(45,212,191,.35));animation:bmIconFloat 3.4s ease-in-out infinite}
.bm-nivel-card:nth-child(2) .bm-nivel-icon{animation-delay:.3s}
.bm-nivel-card:nth-child(3) .bm-nivel-icon{animation-delay:.6s}
.bm-nivel-card:nth-child(4) .bm-nivel-icon{animation-delay:.9s}
.bm-nivel-card:nth-child(5) .bm-nivel-icon{animation-delay:1.2s}
@keyframes bmIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.bm-nivel-nombre{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--cream);margin-bottom:4px}
.bm-nivel-umbral{font-family:var(--font-body);font-size:1.2rem;color:var(--cream-faint);margin-bottom:14px}
.bm-nivel-count{font-family:var(--font-display);font-style:italic;font-size:clamp(1.8rem,3vw,2.4rem);color:var(--teal);line-height:1;text-shadow:0 0 18px rgba(45,212,191,.35)}
.bm-nivel-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);margin-top:4px}
.bm-nivel-fundador{border-color:var(--border-amber)}
.bm-nivel-fundador::before{background:linear-gradient(90deg,var(--amber-dim),var(--amber),#ffd36a)}
.bm-nivel-fundador .bm-nivel-count{color:var(--amber);text-shadow:0 0 18px rgba(245,158,11,.45)}
.bm-nivel-fundador:hover{border-color:var(--amber);box-shadow:var(--sh-amber)}
.bm-nivel-fundador .bm-nivel-label{color:var(--amber)}

.bm-tuprogreso{display:flex;align-items:center;gap:clamp(16px,3vw,26px);max-width:720px;margin:0 auto;padding:clamp(18px,3vw,28px) clamp(20px,3.5vw,32px);background:linear-gradient(135deg,rgba(45,212,191,.10),rgba(245,158,11,.05));border:1px solid var(--border-teal);border-radius:var(--r-xl);box-shadow:var(--sh-teal)}
.bm-tuprogreso-icon{flex-shrink:0;width:clamp(52px,7vw,68px);height:clamp(52px,7vw,68px);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(45,212,191,.35),rgba(45,212,191,.08));border:1.5px solid var(--border-teal);display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,3vw,2rem);animation:bmIconFloat 3.2s ease-in-out infinite}
.bm-tuprogreso-texts{flex:1;min-width:0}
.bm-tuprogreso-label{font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:4px}
.bm-tuprogreso-nombre{font-family:var(--font-display);font-style:italic;font-size:clamp(1.3rem,2.2vw,1.7rem);color:var(--cream);margin-bottom:10px;letter-spacing:.2em}
.bm-tuprogreso-bar-bg{height:6px;border-radius:6px;background:var(--border);overflow:hidden;margin-bottom:8px}
.bm-tuprogreso-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--teal-dim),var(--teal),var(--amber));border-radius:6px;transition:width 1.1s var(--ease);box-shadow:0 0 10px rgba(45,212,191,.5)}
.bm-tuprogreso-msg{font-family:var(--font-body);font-size:1.2rem;color:var(--cream-dim);line-height:1.6}
.bm-tuprogreso-msg strong{color:var(--teal)}





/* ============ ESPACIO PARA LA BARRA INFERIOR ============ */
body{ padding-bottom: 66px; }

/* ============ BOTTOM TAB BAR ============ */
.lb-bottom-tabs{
  position:fixed;left:0;right:0;bottom:0;z-index:1000;
  display:flex;align-items:stretch;justify-content:space-around;
  background:rgba(14,11,7,0.92);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-top:1px solid var(--border-teal);
  padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));
  box-shadow:0 -10px 30px rgba(0,0,0,.4);
}
.lb-tab-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  padding:7px 4px;border-radius:12px;color:rgba(245,240,232,.55);
  font-family:var(--font-ui);font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
  transition:color .25s ease, background .25s ease, transform .2s var(--spring);
  background:none;border:none;cursor:pointer;
}
.lb-tab-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;transition:transform .3s var(--spring)}
.lb-tab-btn.active{color:var(--teal);background:rgba(45,212,191,.10)}
.lb-tab-btn.active svg{transform:translateY(-2px) scale(1.08)}
.lb-tab-btn:active{transform:scale(.92)}

/* ============ ESCENARIO DE PANELES DESLIZANTES ============ */
.lb-slide-panel{
  position:fixed !important;inset:0 !important;
  width:100% !important;height:100dvh !important;max-height:none !important;
  overflow-y:auto !important;-webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  z-index:900;
  transform:translateX(100%);
  transition:transform .55s cubic-bezier(.22,1,.36,1);
  padding: max(100px, 5vh) 0 160px;
  padding-bottom:calc(96px + env(safe-area-inset-bottom));
}
.lb-slide-panel.lb-slide-in{
  transform:translateX(0);
  box-shadow:-24px 0 60px rgba(0,0,0,.42), -1px 0 0 rgba(255,255,255,.06);
}
.lb-slide-panel.lb-slide-out-left{transform:translateX(-100%);}
.lb-slide-panel.lb-slide-out-right{transform:translateX(100%);}

/* Estado del navbar "mini" mientras hay un panel abierto */
.nav.nav-mini{padding-top:10px;padding-bottom:10px}
.nav.nav-mini .nav-links{
  opacity:0;pointer-events:none;transform:translateX(-16px);
  transition:opacity .3s ease,transform .3s ease;
}
body.lb-panel-mode #navSpacer{height:0 !important}
body.lb-panel-mode .lb-lang-bar{
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .25s ease;
}



/* ============================================================
   SISTEMA DE DISEÑO UNIFICADO — 4 PANELES BURBEROS
   ============================================================ */
:root{
  --lb-panel-radius: 22px;
  --lb-panel-card-bg: rgba(255,255,255,.03);
  --lb-panel-border: rgba(94,234,212,.16);
  --lb-fs-eyebrow: clamp(.68rem, .6rem + .35vw, .85rem);
  --lb-fs-title: clamp(1.5rem, 1.1rem + 2vw, 2.4rem);
  --lb-fs-body: clamp(.95rem, .85rem + .35vw, 1.15rem);
  --lb-fs-label: clamp(.72rem, .65rem + .3vw, .9rem);
}

/* Encabezado consistente en los 4 paneles */
.lb-panel-header{
  text-align:center;
  max-width:640px;
  margin:0 auto clamp(22px,4vh,36px);
  padding:0 var(--pad-h);
}
.lb-panel-header-eyebrow{
  font-family:var(--font-ui);
  font-size:var(--lb-fs-eyebrow);
  letter-spacing:.28em;
  text-transform:uppercase;
  font-weight:700;
  color:#5eead4;
  margin-bottom:10px;
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.lb-panel-header-eyebrow::before,.lb-panel-header-eyebrow::after{content:'';width:26px;height:1px;background:rgba(94,234,212,.4)}
.lb-panel-header-title{
  font-family:var(--font-display);
  font-style:italic;
  font-size:var(--lb-fs-title);
  color:#f5f0e8;
  line-height:1.15;
  margin-bottom:8px;
}
.lb-panel-header-title em{color:#5eead4;font-style:italic}
.lb-panel-header-sub{
  font-family:var(--font-body);
  font-size:var(--lb-fs-body);
  color:rgba(245,240,232,.62);
  line-height:1.65;
}

/* Card genérica reutilizable para las 4 secciones */
.lb-panel-card{
  border-radius:var(--lb-panel-radius);
  background:var(--lb-panel-card-bg);
  border:1px solid var(--lb-panel-border);
  padding:clamp(16px,3vw,26px);
  transition:border-color .3s ease, transform .3s ease;
}
.lb-panel-card:hover{border-color:rgba(94,234,212,.35);transform:translateY(-2px)}
/* Texto base garantizado legible en todos los paneles */
.lb-panel-header-sub, .cpz-desc-text, .pb-info-text{
  font-size:var(--lb-fs-body) !important;
}
.cpz-field label, .pb-field label{ font-size:var(--lb-fs-label) !important; }


/* ============================================================
   BM3 — PANEL NIVELES (rediseño)
   ============================================================ */
.bm3-section{position:relative;overflow:hidden;padding:0 0 160px;background:radial-gradient(ellipse 70% 60% at 50% -10%,rgba(245,158,11,.10) 0%,transparent 60%),linear-gradient(180deg,#1c130a 0%,#120c06 100%);min-height:100dvh}


#comunidadesPanel .cpz-eyebrow,
#experienciasPanel .cpz-eyebrow,
#burberosMundoSection .cpz-eyebrow{
  position:relative;z-index:1;
  text-align:center;
  font-family:'Syne',sans-serif;
  font-size:1.05rem;
  letter-spacing:.28em;
  color:rgba(94,234,212,.75);
  text-transform:uppercase;
  font-weight:700;
  margin:0 0 10px;
  display:flex;align-items:center;justify-content:center;gap:12px;
}
#comunidadesPanel .cpz-eyebrow::before,
#comunidadesPanel .cpz-eyebrow::after,
#experienciasPanel .cpz-eyebrow::before,
#experienciasPanel .cpz-eyebrow::after,
#burberosMundoSection .cpz-eyebrow::before,
#burberosMundoSection .cpz-eyebrow::after{
  content:'';width:34px;height:1px;background:rgba(94,234,212,.4);
}
#comunidadesPanel .cpz-title,
#experienciasPanel .cpz-title,
#burberosMundoSection .cpz-title{
  position:relative;z-index:1;
  font-family:'Instrument Serif',Georgia,serif;
  font-style:italic;
  color:#f5f0e8;
  font-size:clamp(1.7rem,3.2vw,2.6rem);
  text-align:center;
  margin:0 0 8px;
  letter-spacing:.01em;
  font-weight:400;
}
#comunidadesPanel .cpz-title em,
#experienciasPanel .cpz-title em,
#burberosMundoSection .cpz-title em{
  color:#5eead4;font-style:italic;
}
#comunidadesPanel .cpz-sub,
#experienciasPanel .cpz-sub,
#burberosMundoSection .cpz-sub{
  position:relative;z-index:1;
  font-family:'Inter',sans-serif;
  font-size:1.05rem;
  line-height:1.65;
  color:rgba(245,240,232,.65);
  text-align:center;
  max-width:640px;
  margin:0 auto 4px;
  font-weight:400;
}




.bm3-actual-wrap{background:linear-gradient(160deg,rgba(245,158,11,.08),rgba(45,212,191,.04));border:1px solid rgba(245,158,11,.22);border-radius:28px;padding:28px 22px;margin-bottom:36px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.bm3-ranking-badge{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0;padding:12px 22px;max-width:420px;border-radius:20px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.09)}
.bm3-ranking-icon{font-size:1.3rem;filter:drop-shadow(0 0 8px rgba(245,158,11,.6))}
.bm3-ranking-text{font-family:var(--font-ui);font-size:1.05rem;font-weight:700;color:#ffd36a;letter-spacing:.02em;text-align:center}
.bm3-ranking-text strong{color:#fff}
.bm3-escalera-label{text-align:center;font-family:var(--font-ui);font-size:.95rem;letter-spacing:.3em;color:var(--amber);font-weight:700;margin-bottom:22px}
.bm3-escalera{display:flex;flex-direction:column;gap:14px;max-width:720px;margin:0 auto}
.bm3-step{position:relative;display:flex;align-items:center;gap:18px;border-radius:22px;cursor:pointer;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;border:1.5px solid rgba(255,255,255,.08)}
.bm3-step:hover{transform:translateX(6px) scale(1.015)}
.bm3-step:active{transform:scale(.98)}
.bm3-step-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}
.bm3-step-texts{flex:1;min-width:0}
.bm3-step-nombre{font-family:var(--font-ui);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.bm3-step-umbral{font-family:var(--font-body);color:rgba(255,255,255,.8);font-weight:600}
.bm3-step-right{flex-shrink:0;text-align:center;padding-right:18px}
.bm3-step-count{font-family:var(--font-display);font-style:italic;font-weight:700;color:#fff;line-height:1}
.bm3-step-count-label{font-family:var(--font-ui);letter-spacing:.1em;color:rgba(255,255,255,.75);font-weight:700}
.bm3-step-lock{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;margin-left:auto}
.bm3-step.locked{opacity:.55;filter:saturate(.5)}
.bm3-step.current{outline:3px solid #fff;outline-offset:-3px;animation:bm3CurrentPulse 2.4s ease-in-out infinite}
@keyframes bm3CurrentPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.35)}50%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
.bm3-step[data-tier="1"]{padding:14px 16px;background:linear-gradient(120deg,#1aa896,#0e7a6c)}
.bm3-step[data-tier="1"] .bm3-step-icon{width:46px;height:46px;font-size:1.3rem}
.bm3-step[data-tier="1"] .bm3-step-nombre{font-size:1rem}
.bm3-step[data-tier="1"] .bm3-step-umbral{font-size:.85rem}
.bm3-step[data-tier="1"] .bm3-step-count{font-size:1.3rem}
.bm3-step[data-tier="1"] .bm3-step-count-label{font-size:.62rem}
.bm3-step[data-tier="2"]{padding:16px 18px;background:linear-gradient(120deg,#2dd4bf,#159c8c)}
.bm3-step[data-tier="2"] .bm3-step-icon{width:52px;height:52px;font-size:1.5rem}
.bm3-step[data-tier="2"] .bm3-step-nombre{font-size:1.08rem}
.bm3-step[data-tier="2"] .bm3-step-umbral{font-size:.88rem}
.bm3-step[data-tier="2"] .bm3-step-count{font-size:1.45rem}
.bm3-step[data-tier="2"] .bm3-step-count-label{font-size:.64rem}
.bm3-step[data-tier="3"]{padding:18px 20px;background:linear-gradient(120deg,#5eead4,#2dd4bf)}
.bm3-step[data-tier="3"] .bm3-step-icon{width:58px;height:58px;font-size:1.7rem}
.bm3-step[data-tier="3"] .bm3-step-nombre{font-size:1.16rem}
.bm3-step[data-tier="3"] .bm3-step-umbral{font-size:.92rem}
.bm3-step[data-tier="3"] .bm3-step-count{font-size:1.6rem}
.bm3-step[data-tier="3"] .bm3-step-count-label{font-size:.66rem}
.bm3-step[data-tier="4"]{padding:20px 22px;background:linear-gradient(120deg,#ffb347,#f59e0b)}
.bm3-step[data-tier="4"] .bm3-step-icon{width:64px;height:64px;font-size:1.9rem}
.bm3-step[data-tier="4"] .bm3-step-nombre{font-size:1.24rem}
.bm3-step[data-tier="4"] .bm3-step-umbral{font-size:.96rem}
.bm3-step[data-tier="4"] .bm3-step-count{font-size:1.75rem}
.bm3-step[data-tier="4"] .bm3-step-count-label{font-size:.68rem}
.bm3-step[data-tier="5"]{padding:22px 24px;background:linear-gradient(120deg,#ffd36a,#e07a1f)}
.bm3-step[data-tier="5"] .bm3-step-icon{width:70px;height:70px;font-size:2.1rem}
.bm3-step[data-tier="5"] .bm3-step-nombre{font-size:1.32rem}
.bm3-step[data-tier="5"] .bm3-step-umbral{font-size:1rem}
.bm3-step[data-tier="5"] .bm3-step-count{font-size:1.9rem}
.bm3-step[data-tier="5"] .bm3-step-count-label{font-size:.7rem}
.bm3-step[data-tier="6"]{padding:26px 28px;background:linear-gradient(120deg,#2dd4bf 0%,#ffd36a 55%,#f59e0b 100%);box-shadow:0 0 40px rgba(245,158,11,.4)}
.bm3-step[data-tier="6"] .bm3-step-icon{width:78px;height:78px;font-size:2.4rem}
.bm3-step[data-tier="6"] .bm3-step-nombre{font-size:1.4rem}
.bm3-step[data-tier="6"] .bm3-step-umbral{font-size:1.05rem}
.bm3-step[data-tier="6"] .bm3-step-count{font-size:2.1rem}
.bm3-step[data-tier="6"] .bm3-step-count-label{font-size:.72rem}
.bm3-step::after{content:'';position:absolute;left:-6px;top:0;bottom:0;width:6px;background:rgba(255,255,255,.35);opacity:0;transition:opacity .3s}
.bm3-step.reached::after{opacity:1}
.bm3-step.just-unlocked{animation:bm3Unlock .9s ease}
@keyframes bm3Unlock{0%{transform:scale(.9);box-shadow:0 0 0 rgba(255,255,255,0)}40%{transform:scale(1.04);box-shadow:0 0 40px rgba(255,255,255,.6)}100%{transform:scale(1)}}
.bm3-modal-overlay{position:fixed;inset:0;z-index:10400;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}
.bm3-modal-overlay.on{display:flex}
.bm3-modal-shell{width:100%;max-width:440px;background:linear-gradient(160deg,#1c130a,#120c06);border:1px solid rgba(245,158,11,.35);border-radius:26px;padding:32px 26px;text-align:center;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.bm3-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(245,158,11,.4);background:rgba(245,158,11,.1);color:#ffd36a;display:flex;align-items:center;justify-content:center;cursor:pointer}
.bm3-modal-icon{width:84px;height:84px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;background:radial-gradient(circle at 35% 30%,rgba(255,211,106,.4),rgba(0,0,0,.3));border:2px solid rgba(255,211,106,.5);box-shadow:0 0 30px rgba(245,158,11,.4)}
.bm3-modal-nombre{font-family:var(--font-display);font-style:italic;font-size:1.7rem;color:#fff;margin-bottom:4px}
.bm3-modal-umbral{font-family:var(--font-ui);letter-spacing:.14em;color:#ffd36a;font-weight:700;font-size:.95rem;margin-bottom:14px}
.bm3-modal-count{font-family:var(--font-ui);font-size:1.05rem;color:rgba(255,255,255,.85);margin-bottom:14px}
.bm3-modal-divider{height:1px;background:rgba(255,255,255,.12);margin:14px 0}
.bm3-modal-beneficios{display:flex;flex-direction:column;gap:10px;text-align:left}
.bm3-modal-beneficio{display:flex;gap:10px;align-items:flex-start;font-size:1rem;color:rgba(255,255,255,.9);line-height:1.5}
.bm3-modal-beneficio i{color:#ffd36a;flex-shrink:0;margin-top:3px}
.bm3-modal-status{margin-top:16px;font-size:.95rem;font-weight:700;color:#ffd36a}



/* ============================================================
   TIPOGRAFÍA PROFESIONAL — Nuestra Misión / Recursos / Tu Apoyo
   ============================================================ */
#visionModal .m-title,
#recursosModal .m-title,
#fondearModal .fondear-title,
#claveuniversalModal .gn-modal-title{
  font-family:'Syne',var(--font-ui),sans-serif;
  font-style:normal;
  font-weight:800;
  letter-spacing:-.01em;
}
#visionModal .m-title em,
#recursosModal .m-title em,
#fondearModal .fondear-title span{
  color:var(--teal);
  font-style:normal;
}
#visionModal .m-sub,
#recursosModal .m-sub,
#fondearModal .fondear-text{
  font-family:'Inter',sans-serif;
  line-height:1.6;
}
#visionModal .m-acc-q-text{
  font-family:'Inter',sans-serif;
  font-style:normal;
  font-weight:600;
  letter-spacing:0;
  font-size:1.05rem;
}
#visionModal .m-acc-answer-inner{
  font-family:'Inter',sans-serif;
  line-height:1.65;
}

/* ===== bloque-3-sin-id (bloque 3/22) ===== */
/* ═══ PARCHE PANEL NIVELES: conexión visual + contraste + resumen ═══ */
.bm3-escalera{ position:relative; }
.bm3-escalera::before{
  content:'';
  position:absolute;
  left:38px; top:6px; bottom:6px;
  width:2px;
  background:linear-gradient(180deg,
    rgba(45,212,191,.05) 0%,
    rgba(45,212,191,.35) 15%,
    rgba(94,234,212,.45) 45%,
    rgba(255,211,106,.45) 75%,
    rgba(245,158,11,.35) 100%);
  z-index:0;
  pointer-events:none;
}
.bm3-step{ position:relative; z-index:1; }

.bm3-step-resumen{
  font-family:var(--font-body);
  font-size:.82rem;
  line-height:1.35;
  margin-top:3px;
  opacity:.92;
}
.bm3-step-falta{
  font-family:var(--font-ui);
  font-size:.62rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:700;
  margin-top:4px;
  opacity:.75;
}

.bm3-step[data-tier="1"] .bm3-step-nombre,
.bm3-step[data-tier="2"] .bm3-step-nombre{
  color:#ffffff;
  text-shadow:0 1px 3px rgba(0,0,0,.35);
}
.bm3-step[data-tier="1"] .bm3-step-umbral,
.bm3-step[data-tier="1"] .bm3-step-resumen,
.bm3-step[data-tier="2"] .bm3-step-umbral,
.bm3-step[data-tier="2"] .bm3-step-resumen{
  color:rgba(255,255,255,.92);
  text-shadow:0 1px 2px rgba(0,0,0,.3);
}

.bm3-step[data-tier="3"] .bm3-step-nombre,
.bm3-step[data-tier="4"] .bm3-step-nombre,
.bm3-step[data-tier="5"] .bm3-step-nombre,
.bm3-step[data-tier="6"] .bm3-step-nombre{
  color:#0b2420;
  text-shadow:0 1px 0 rgba(255,255,255,.25);
}
.bm3-step[data-tier="3"] .bm3-step-umbral,
.bm3-step[data-tier="3"] .bm3-step-resumen,
.bm3-step[data-tier="4"] .bm3-step-umbral,
.bm3-step[data-tier="4"] .bm3-step-resumen,
.bm3-step[data-tier="5"] .bm3-step-umbral,
.bm3-step[data-tier="5"] .bm3-step-resumen,
.bm3-step[data-tier="6"] .bm3-step-umbral,
.bm3-step[data-tier="6"] .bm3-step-resumen{
  color:rgba(11,36,32,.82);
}
.bm3-step[data-tier="3"] .bm3-step-count,
.bm3-step[data-tier="4"] .bm3-step-count,
.bm3-step[data-tier="5"] .bm3-step-count,
.bm3-step[data-tier="6"] .bm3-step-count{ color:#0b2420; }
.bm3-step[data-tier="3"] .bm3-step-count-label,
.bm3-step[data-tier="4"] .bm3-step-count-label,
.bm3-step[data-tier="5"] .bm3-step-count-label,
.bm3-step[data-tier="6"] .bm3-step-count-label{ color:rgba(11,36,32,.65); }
.bm3-step[data-tier="3"] .bm3-step-icon,
.bm3-step[data-tier="4"] .bm3-step-icon,
.bm3-step[data-tier="5"] .bm3-step-icon,
.bm3-step[data-tier="6"] .bm3-step-icon{ color:#0b2420; }
.bm3-step[data-tier="3"] .bm3-step-lock,
.bm3-step[data-tier="4"] .bm3-step-lock,
.bm3-step[data-tier="5"] .bm3-step-lock,
.bm3-step[data-tier="6"] .bm3-step-lock{ color:#0b2420; border-color:rgba(11,36,32,.4); }
.bm3-step[data-tier="3"] .bm3-step-falta,
.bm3-step[data-tier="4"] .bm3-step-falta,
.bm3-step[data-tier="5"] .bm3-step-falta,
.bm3-step[data-tier="6"] .bm3-step-falta{ color:rgba(11,36,32,.7); }





/* ============================================================
   CONTENEDORES INTERNOS DE LAS TARJETAS (Únete / Fundar)
   ============================================================ */
#comunidadesPanel .cpz-step-inner-panel,
#experienciasPanel .cpz-step-inner-panel{
  flex-basis:100%;
  margin-top:16px;
  border-radius:20px;
  overflow:hidden;
  padding:14px;
}
.cpz-step-inner-panel{display:none}
#cpzStep1Slot{display:block}



/* ─ Ícono de deseos: flotante, solo dentro de "Únete a una comunidad" ─ */
#comunidadesPanel .cpz-wish-float-wrap{
  flex-basis:100%;
  width:100%;
  z-index:8;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:3px;
  margin-top:10px;
  margin-bottom:-35px;
  
}
#comunidadesPanel .cpz-wish-static-label{
  align-self:center;
  font-family:'Inter',sans-serif;
  font-size:1.2rem;
  font-weight:400;
  letter-spacing:.02em;
  line-height:1;
  text-transform:lowercase;
  color:rgba(255,255,255,.72);
  cursor:pointer;
  transition:color .25s ease;
  user-select:none;
}
#comunidadesPanel .cpz-wish-static-label:hover{ color:#fff; }
/* ============================================================
   CPZ AVISO — modal de confirmación con el estilo crema nuevo
   ============================================================ */
#cpzAvisoOverlay{
  position:fixed; inset:0; z-index:10600;
  background:rgba(6,16,14,.72);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  display:none; align-items:center; justify-content:center;
  padding:20px; opacity:0; transition:opacity .3s ease;
}
#cpzAvisoOverlay.on{ display:flex; opacity:1; }
.cpz-aviso-card{
  width:100%; max-width:420px;
  background:linear-gradient(165deg,#fffdf8 0%,#fbf3e4 100%);
  border:1px solid rgba(184,132,61,.18);
  border-radius:26px;
  box-shadow:0 30px 70px rgba(4,14,12,.5), 0 0 0 1px rgba(255,255,255,.4) inset;
  padding:30px 26px 26px; text-align:center;
  transform:translateY(16px) scale(.97); opacity:0;
  transition:transform .35s cubic-bezier(.22,1,.36,1), opacity .3s ease;
}
#cpzAvisoOverlay.on .cpz-aviso-card{ transform:translateY(0) scale(1); opacity:1; }
.cpz-aviso-icon{
  width:70px; height:70px; margin:0 auto 14px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:2rem;
  background:radial-gradient(circle at 32% 26%, #f2fbf6 0%, #dcf3e6 55%, #c3e9d5 100%);
  border:1px solid rgba(94,205,170,.45);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.9), inset 0 -8px 14px rgba(15,90,72,.14), 0 10px 24px rgba(15,90,72,.20);
}
.cpz-aviso-titulo{
  font-family:'Instrument Serif',Georgia,serif; font-style:italic;
  font-size:1.5rem; color:#241a10; margin-bottom:10px; line-height:1.25;
}
.cpz-aviso-texto{
  font-family:'Jost','Inter',sans-serif; font-size:1rem; line-height:1.65;
  color:rgba(43,32,20,.72); margin-bottom:22px;
}
.cpz-aviso-texto strong{ color:#241a10; font-weight:600; }
.cpz-aviso-btns{ display:flex; flex-direction:column; gap:10px; }
.cpz-aviso-btn{
  width:100%; padding:14px; border-radius:999px; cursor:pointer;
  font-family:'Syne',sans-serif; font-weight:800; font-size:.85rem;
  letter-spacing:.12em; text-transform:uppercase; border:1px solid rgba(94,205,170,.4);
  background:linear-gradient(180deg,#f1fbf6 0%,#d7f0e3 100%); color:#0e6a5b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 8px 20px rgba(15,90,72,.18);
  transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
}
.cpz-aviso-btn:hover{ transform:translateY(-2px); }
.cpz-aviso-btn.cpz-aviso-primario{
  background:linear-gradient(180deg,#0e7a6c,#0a5f54); color:#eafcf5; border-color:#0e7a6c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 10px 24px rgba(14,122,108,.4);
}
.cpz-aviso-btn.cpz-aviso-ghost{
  background:transparent; color:rgba(43,32,20,.55); border-color:rgba(184,132,61,.3);
  box-shadow:none;
}








/* ============================================================
   PATCH: Panel "Expositor de Deseos" — estilo cpz + overlay emergente
   ============================================================ */
#burbinaWishesPanel,
#burbinaFormModal{
  position:fixed; inset:0; z-index:10650;
  display:flex; align-items:center; justify-content:center;
  padding:20px;
  opacity:0; pointer-events:none;
  transition:opacity .35s ease;
}
#burbinaWishesPanel.on,
#burbinaFormModal.on{ opacity:1; pointer-events:auto; }
#burbinaWishesPanel .bb-backdrop,
#burbinaFormModal .bb-backdrop{
  position:fixed; inset:0;
  background:rgba(6,16,14,.78);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  z-index:-1;
}
#burbinaWishesPanel .bb-wishes-shell,
#burbinaFormModal .bb-shell{
  position:relative;
  width:100%; max-width:560px; max-height:88vh; overflow-y:auto;
  border-radius:26px;
  background:linear-gradient(160deg,#0d2a25 0%,#081613 60%,#061210 100%);
  border:1px solid rgba(94,234,212,.28);
  box-shadow:0 32px 90px rgba(0,0,0,.6), 0 0 0 1px rgba(94,234,212,.06);
  padding:30px 24px 28px;
  transform:translateY(18px) scale(.97); opacity:0;
  transition:transform .4s cubic-bezier(.22,1,.36,1), opacity .3s ease;
  isolation:isolate;
}
#burbinaWishesPanel.on .bb-wishes-shell,
#burbinaFormModal.on .bb-shell{ transform:translateY(0) scale(1); opacity:1; }
#burbinaWishesPanel .bb-wishes-shell::before,
#burbinaFormModal .bb-shell::before{
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0; border-radius:inherit;
  background:radial-gradient(ellipse 60% 40% at 10% 0%, rgba(94,234,212,.12) 0%, transparent 60%),
             radial-gradient(ellipse 45% 45% at 90% 100%, rgba(245,158,11,.08) 0%, transparent 60%);
}
#burbinaWishesPanel .bb-close,
#burbinaFormModal .bb-close{
  position:absolute; top:14px; right:14px; z-index:5;
  width:34px; height:34px; border-radius:50%;
  border:1px solid rgba(94,234,212,.35); background:rgba(94,234,212,.10); color:#5eead4;
  display:flex; align-items:center; justify-content:center; font-size:.85rem; cursor:pointer;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), background .3s;
}
#burbinaWishesPanel .bb-close:hover,
#burbinaFormModal .bb-close:hover{ background:#5eead4; color:#08201c; transform:rotate(90deg); }

#burbinaWishesPanel .burbinaIcon,
#burbinaFormModal .burbinaIcon{
  position:relative; z-index:1;
  width:60px; height:60px; margin:0 auto 12px; border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(94,234,212,.35), rgba(94,234,212,.06));
  border:1.5px solid rgba(94,234,212,.4);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 22px rgba(94,234,212,.25);
}
#burbinaWishesPanel .burbinaIcon img,
#burbinaFormModal .burbinaIcon img{ width:56%; height:56%; object-fit:contain; }

#burbinaWishesPanel .bb-wishes-title,
#burbinaFormModal .bb-title{
  position:relative; z-index:1;
  font-family:'Instrument Serif',Georgia,serif; font-style:italic;
  color:#f5f0e8; text-align:center; font-size:1.6rem; line-height:1.25; margin-bottom:6px;
}
#burbinaWishesPanel .bb-wishes-sub,
#burbinaFormModal .bb-sub{
  position:relative; z-index:1;
  font-family:'Inter',sans-serif; font-size:.98rem; color:rgba(245,240,232,.6);
  text-align:center; line-height:1.6; margin-bottom:14px;
}
#burbinaWishesPanel .bb-wishes-count{
  position:relative; z-index:1;
  display:block; text-align:center; font-family:'Syne',sans-serif; font-size:.85rem;
  letter-spacing:.08em; color:#5eead4; margin-bottom:18px;
}

/* Lista de deseos — estructura completa (antes faltaba, quedaban sin estilo) */
#bbWishesList{ display:flex; flex-direction:column; gap:16px; margin-top:8px; position:relative; z-index:1; }
.bb-wish-empty{ text-align:center; padding:40px 20px; font-family:'Inter',sans-serif; font-size:1.05rem; line-height:1.6; }
.bb-wish-empty-icon{ display:block; font-size:2.2rem; margin-bottom:12px; }
.bb-wish-item{ position:relative; display:flex; align-items:flex-start; gap:18px; padding:20px 22px; border-radius:22px; transition:all .25s ease; }
.bb-wish-avatar{ width:68px; height:68px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.bb-wish-texts{ flex:1; min-width:0; padding-right:36px; }
.bb-wish-name{ font-size:1.35rem; margin-bottom:8px; line-height:1.25; }
.bb-wish-desc{ font-family:'Inter',sans-serif; font-size:1.1rem; line-height:1.6; margin-bottom:14px; }
.bb-wish-contact-btn{ display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border-radius:999px; font-family:'Syne',sans-serif; font-weight:700; font-size:.9rem; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; transition:all .25s ease; }
.bb-wish-delete{ position:absolute; top:14px; right:14px; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.9rem; cursor:pointer; transition:all .25s ease; }
.bb-field{ margin-bottom:16px; text-align:left; }
.bb-field label{ display:block; font-family:'Syne',sans-serif; font-size:.95rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700; margin-bottom:8px; }
.bb-field input, .bb-field textarea{ width:100%; padding:13px 15px; border-radius:12px; font-family:'Inter',sans-serif; font-size:1rem; outline:none; resize:vertical; min-height:44px; }
.bb-field textarea{ min-height:110px; }
.bb-counter{ text-align:right; font-size:.85rem; margin-top:4px; }
.bb-file-preview{ display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:50%; margin:0 auto 18px; text-align:center; font-size:.85rem; line-height:1.3; cursor:pointer; overflow:hidden; }
.bb-file-preview img{ width:100%; height:100%; object-fit:cover; }
.bb-alert{ display:flex; gap:10px; padding:14px 16px; border-radius:0 14px 14px 0; margin:16px 0; text-align:left; }
.bb-alert p{ font-size:.95rem; line-height:1.55; }
.bb-btn{ position:relative; width:100%; padding:15px; border-radius:14px; font-family:'Syne',sans-serif; font-weight:800; font-size:.95rem; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; overflow:hidden; margin-top:8px; }
.bb-btn::before{ content:''; position:absolute; inset:0; transform:scaleX(0); transform-origin:left; transition:transform .35s ease; z-index:0; }
.bb-btn:hover::before{ transform:scaleX(1); }
.bb-btn span{ position:relative; z-index:1; }
.bb-status{ margin-top:12px; font-size:.95rem; font-weight:700; text-align:center; min-height:1.2em; }
.bb-badge{ display:inline-block; font-family:'Syne',sans-serif; font-size:.85rem; letter-spacing:.2em; text-transform:uppercase; font-weight:700; margin-bottom:10px; }







/* ============================================================
   Expositor de Deseos — identidad visual de #comunidadesPanel
   ============================================================ */
#burbinaWishesPanel .bb-close,
#burbinaFormModal .bb-close{
  border:1px solid rgba(94,234,212,.35);
  background:rgba(94,234,212,.10);
  color:#5eead4;
}
#burbinaWishesPanel .bb-close:hover,
#burbinaFormModal .bb-close:hover{
  background:#5eead4;
  color:#08201c;
}
#burbinaWishesPanel .burbinaIcon,
#burbinaFormModal .burbinaIcon{
  background:radial-gradient(circle at 30% 30%,rgba(94,234,212,.35),rgba(94,234,212,.06));
  border:1.5px solid rgba(94,234,212,.4);
  box-shadow:0 0 22px rgba(94,234,212,.25);
}
#burbinaWishesPanel .bb-wishes-title,
#burbinaFormModal .bb-title{
  font-family:'Instrument Serif',Georgia,serif;
  font-style:italic;
  color:#f5f0e8;
}
#burbinaWishesPanel .bb-wishes-sub,
#burbinaFormModal .bb-sub{
  color:rgba(245,240,232,.6);
}
#burbinaWishesPanel .bb-wishes-count{ color:#5eead4; }
#burbinaFormModal .bb-badge{ color:#5eead4; }

/* Botón "Publicar mi deseo" — mismo lenguaje visual que Generales/Fundadas */
.bb-publish-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin:4px 0 6px;
}
.bb-publish-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 26px;
  border-radius:999px;
  border:1.5px solid rgba(94,234,212,.4);
  background:rgba(94,234,212,.07);
  color:#5eead4;
  font-family:'Syne',sans-serif;
  font-weight:700;
  font-size:.82rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  transition:all .3s ease;
}
.bb-publish-btn:hover{
  background:rgba(94,234,212,.14);
  border-color:rgba(94,234,212,.6);
  transform:translateY(-1px);
}
.bb-publish-icon{ font-size:1em; }
.bb-publish-info{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  text-align:center;
}
.bb-publish-price{
  font-family:'Instrument Serif',Georgia,serif;
  font-style:italic;
  font-size:1.05rem;
  color:#5eead4;
}
.bb-publish-detail{
  font-family:'Inter',sans-serif;
  font-size:.76rem;
  color:rgba(245,240,232,.5);
  max-width:320px;
  line-height:1.55;
}


.bb-wish-empty{ color:rgba(245,240,232,.45); }
.bb-wish-item{
  background:rgba(255,255,255,.025);
  border:1px solid rgba(94,234,212,.10);
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.bb-wish-item:hover{
  background:rgba(94,234,212,.045);
  border-color:rgba(94,234,212,.3);
  box-shadow:0 10px 26px rgba(0,0,0,.24);
}
.bb-wish-avatar{
  border:1.5px solid rgba(94,234,212,.3);
  background:#08201c;
}
.bb-wish-name{
  font-family:'Instrument Serif',Georgia,serif;
  font-style:italic;
  color:#f5f0e8;
}
.bb-wish-desc{ color:rgba(245,240,232,.68); }
.bb-wish-contact-btn{
  border:1px solid rgba(94,234,212,.4);
  background:rgba(94,234,212,.08);
  color:#5eead4;
}
.bb-wish-contact-btn:hover{
  background:#5eead4;
  color:#08201c;
}
.bb-wish-delete{
  border:1px solid rgba(248,113,113,.35);
  background:rgba(248,113,113,.08);
  color:#f87171;
}
.bb-wish-delete:hover{
  background:#f87171;
  color:#08201c;
}
.bb-file-preview{
  border:1.5px dashed rgba(94,234,212,.4);
  background:rgba(94,234,212,.06);
  color:#5eead4;
}
.bb-file-preview:hover{
  border-color:#5eead4;
  background:rgba(94,234,212,.12);
}
.bb-field label{ color:#5eead4; }
.bb-field input, .bb-field textarea{
  background:#061512;
  border:1px solid rgba(94,234,212,.25);
  color:#f5f0e8;
}
.bb-field input:focus, .bb-field textarea:focus{
  border-color:#5eead4;
  background:rgba(94,234,212,.06);
}
.bb-field input::placeholder, .bb-field textarea::placeholder{
  color:rgba(245,240,232,.35);
}
.bb-counter{ color:rgba(245,240,232,.4); }
.bb-alert{
  border-left:3px solid #f59e0b;
  background:rgba(245,158,11,.08);
}
.bb-alert p{ color:rgba(245,240,232,.7); }
.bb-alert i{ color:#f59e0b; }
.bb-btn{
  border:1px solid rgba(94,234,212,.45);
  background:linear-gradient(135deg,rgba(94,234,212,.18),rgba(94,234,212,.08));
  color:#5eead4;
}
.bb-btn::before{ background:#5eead4; }
.bb-btn:hover{ color:#08201c; }
.bb-status.ok{ color:#5eead4; }
.bb-status.err{ color:#f87171; }
.bb-status.ok{ color:#0e6a5b !important; }
.bb-status.err{ color:#c0392b !important; }


/* Oculta el badge de saldo en las secciones 2 y 3 */
#comunidadesPanel .cpz-step-2 .cpz-step-actions .nav-burbinas-count,
#comunidadesPanel .cpz-step-3 .cpz-step-actions .nav-burbinas-count {
  display: none;
}

/* Centra los botones en esas secciones */
#comunidadesPanel .cpz-step-2 .cpz-step-actions,
#comunidadesPanel .cpz-step-3 .cpz-step-actions {
  justify-content: center;
}

/* 1. Elimina el padding inferior del panel interno de la sección 1 */
#comunidadesPanel .cpz-step-1 .cpz-step-inner-panel {
  padding-bottom: 0;
}

/* 2. Elimina el margen inferior de la cuadrícula */
#comunidadesPanel .cpz-step-1 #cpzGrid {
  margin-bottom: 0;
}

/* 3. Ajusta el padding del mensaje vacío para que no ocupe más espacio del necesario */
#comunidadesPanel .cpz-step-1 .cpz-grid-empty {
  padding: 12px 20px 0; /* reduce el espacio superior e inferior */
}


/* ============================================================
   PATCH PORTADA — vidrio esmerilado claro + texto oscuro
   (match exacto con la referencia enviada)
   ============================================================ */



/* 2) Glow decorativo turquesa en las esquinas (detalle fino de tu referencia) */
.hero::before{
  content:'';
  position:absolute; inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(160px 160px at -30px -20px, rgba(45,212,191,.30), transparent 70%),
    radial-gradient(200px 200px at calc(100% + 20px) -10px, rgba(45,212,191,.22), transparent 70%);
}

/* 3) Texto oscuro sobre el vidrio claro (antes era blanco) */
.hero-title{
  color:#16231f !important;
  text-shadow:none !important;
}
.hero-title em{ color:var(--teal-dim) !important; }
.hero-title .htl-em em{
  color:#0e9c8c !important;
  -webkit-text-stroke:.4px rgba(255,255,255,.35);
  text-shadow:none;
}

.hero-desc{
  color: rgba(255,255,255,.82) !important;

  text-shadow:none !important;
}
.hero-desc strong{ color:var(--teal-dim) !important; }


/* 4) Botones: ancho completo, igual jerarquía visual que la referencia */
.hero-cta-wrap{ width:100%; margin-bottom:10px; }
.hero-cta-wrap br{ display:none; } /* saco los <br> como separador, ya uso margin */
.hero-cta-pill{
  width:100%;
  justify-content:center;
  padding:17px 22px;
  border-radius:50px;
  background:linear-gradient(180deg,
    rgba(255,253,246,0)    0%,
    rgba(255,253,246,0)    12%,
    rgba(255,253,246,.2)  24%,
    rgba(255,253,246,.2)  40%,
    rgba(255,253,246,.2)  72%,
    rgba(255,253,246,0)    100%);
  backdrop-filter: blur(24px) saturate(1.15);
  -webkit-backdrop-filter: blur(24px) saturate(1.15);

  
}
.hero-cta-pill .hero-cta-text{
  font-size:clamp(12.5px,3.4vw,15px);
  letter-spacing:.14em;
}
.hero-cta-pill--primary{
  background:linear-gradient(135deg, var(--teal), var(--teal-dim));
  border-color:transparent;
  box-shadow:0 14px 32px rgba(26,168,150,.45);
}
.hero-cta-pill:not(.hero-cta-pill--primary){
  background:rgba(8,20,18,.42);
  border:1.5px solid rgba(45,212,191,.55);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.hero-cta-pill:not(.hero-cta-pill--primary) .hero-cta-text{ color:#fff; }

/* 5) Contador de Burbinas (arriba a la derecha) — ícono con anillo + texto turquesa */
.nav-burbina-icon-btn::before,
.nav-burbina-icon-btn::after{
  z-index: 0;
  pointer-events: none;
}
.nav-burbinas-icon-wrap::after{ display: none; }
#btnActualizarUbicacionBurbina{
  background:radial-gradient(circle at 35% 30%, rgba(45,212,191,.5), rgba(45,212,191,.10) 65%, transparent 78%);
  border:2.5px solid rgba(45,212,191,.45);
  box-shadow:0 0 20px rgba(45,212,191,.4);
}
#btnMisionAlt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  text-align: left;
  background: none;
  border: none;
  padding: 0 6px 0 2px;
  line-height: 1.05;
  cursor: pointer;
}
#btnMisionAlt .nav-burbinas-count{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: none;
  padding: 0;
  gap: 1px;
  line-height: 1.05;
}
#btnMisionAlt .nav-burbinas-num{
  font-family: var(--font-ui);
  font-style: normal;
  font-size: clamp(1.7rem, 3.6vw, 1.9rem);
  color: #fff;
  font-weight: 700;
  line-height: 1;
}
#btnMisionAlt .nav-burbinas-label{
  position: relative;
  display: inline-block;
  font-family: var(--font-ui);
  font-size: clamp(1.2rem, 2vw, .9rem);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  padding-bottom: 3px;
  line-height: 1.1;
}
#btnMisionAlt .nav-burbinas-label::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(45,212,191,.85), transparent);
  border-radius: 1px;
}
#btnMisionAlt .nav-burbinas-num.nb-cycle-sutil{
  font-size: clamp(1rem, 2.4vw, 1.3rem);
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
  transition: opacity .25s ease;
}
#btnMisionAlt .nav-burbinas-label.nb-cycle-sutil{
  font-size: clamp(1rem, 1.5vw, .78rem);
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: .1em;
}
#btnMisionAlt .nav-burbinas-nivel-nombre{
  display:block;
  font-family: var(--font-ui);
  font-size: clamp(.8rem, 1.6vw, .95rem);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5eead4;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom:2px;
}
#btnMisionAlt .nav-burbinas-nivel-row{
  display:flex;
  align-items:center;
  gap:8px;
  line-height:1.1;
}
#btnMisionAlt .nav-burbinas-nivel-icon{
  display:none !important;
}
#btnMisionAlt .nav-burbinas-falta{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:6px;
  font-family: 'Instrument Serif',Georgia,serif; font-style:italic;
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight:800;
  color: rgba(255, 255, 255, 0.5);
  line-height:1;
}
#btnMisionAlt .nav-burbinas-falta-nombre{
  display:inline-block;
  font-family: 'Instrument Serif',Georgia,serif; font-style:italic;
  font-style: normal;
  font-size: clamp(.75rem, 1.5vw, .9rem);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
 color: rgba(255, 255, 255, 0.5);
  line-height: 1.1;
  margin-left: 2px;
}
#btnMisionAlt .nav-burbinas-falta.nav-burbinas-max{
  color: rgba(255, 255, 255, 0.5);
}
#btnMisionAlt .nav-burbinas-falta.nav-burbinas-max .nav-burbinas-falta-nombre{
 color: rgba(255, 255, 255, 0.5);
}
/* Ocultar nivel y faltante del contador superior si no hay sesión (contenido vacío) */
#btnMisionAlt .nav-burbinas-nivel-nombre:empty,
#btnMisionAlt .nav-burbinas-nivel-row:has(.nav-burbinas-nivel-nombre:empty),
#btnMisionAlt .nav-burbinas-falta:empty{
  display: none !important;
}
/* 6) "BURBEROS POR EL MUNDO" — texto a la izquierda, ícono a la derecha, alineado al borde */
.hero-join-line{
  margin-left:auto;
  flex-direction:row-reverse;
  width:fit-content;
}

.hero-cta-wrap {
  margin-bottom: 14px;
  display: flex;          /* activa flexbox */
  justify-content: flex-start; /* fuerza alineación a la izquierda */
}

.hero-cta-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 50px;
  background: rgba(45,212,191,.16);
  border: 1px solid rgba(45,212,191,.4);
  backdrop-filter: blur(10px);
  cursor: pointer;
  transition: all .3s var(--ease);

  /* evita que se estire a todo el ancho */
  width: auto; 
  max-width: fit-content; 
}



.pb-card-desc{font-family:var(--font-body);font-size:.8rem;line-height:1.55;color:var(--cream-dim);margin:-2px 0 14px;padding-bottom:12px;border-bottom:1px dashed var(--border-teal)}


/* ===== pb-burbinas-redesign (bloque 4/22) ===== */
/* ===== LADDER DE NIVELES (columna, jerarquía creciente) ===== */
#panelmision .pb-nivel-ladder{position:relative;display:flex;flex-direction:column;gap:14px;margin:6px 0 4px;padding-left:2px}
#panelmision .pb-nivel-ladder::before{content:'';position:absolute;left:-4px;top:6px;bottom:6px;width:2px;
  background:linear-gradient(180deg,rgba(45,212,191,.12),rgba(45,212,191,.55) 45%,rgba(255,211,106,.55) 78%,rgba(245,158,11,.4));z-index:0}
#panelmision .pb-nivel-step{position:relative;z-index:1;display:flex;align-items:center;gap:14px;
  padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:var(--surface);
  cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, border-color .3s ease}
#panelmision .pb-nivel-step:hover{transform:translateX(4px);border-color:var(--border-teal)}
#panelmision .pb-nivel-step:active{transform:scale(.98)}
#panelmision .pb-nivel-step-icon{flex-shrink:0;width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1.6rem;
  background:rgba(255,255,255,.04);border:1.5px solid var(--border);
  transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
#panelmision .pb-nivel-step:hover .pb-nivel-step-icon{transform:scale(1.1) rotate(-4deg)}
#panelmision .pb-nivel-step-body{flex:1;min-width:0}
#panelmision .pb-nivel-step-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-direction: column}
#panelmision .pb-nivel-step-nombre{font-family:var(--font-ui);font-weight:800;letter-spacing:.03em;
  text-transform:uppercase;font-size:1.05rem;color:var(--cream)}
#panelmision .pb-nivel-step-umbral{font-family:var(--font-display);font-style:italic;font-size:1.2rem;color:var(--teal);flex-shrink:0}
#panelmision .pb-nivel-step-desc{font-size:.9rem;line-height:1.5;color:var(--cream-dim);margin-top:4px}
#panelmision .pb-nivel-step-check{flex-shrink:0;width:30px;height:30px;border-radius:50%;
  border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;
  font-size:.85rem;color:transparent;transition:all .3s ease}
#panelmision .pb-nivel-step.active .pb-nivel-step-check{color:var(--bg);background:var(--teal);border-color:var(--teal)}
#panelmision .pb-nivel-step.pb-nivel-selected{border-color:var(--border-teal);
  box-shadow:0 0 0 1px rgba(45,212,191,.25), 0 8px 24px rgba(45,212,191,.15)}
#panelmision .pb-nivel-step.active{animation:pbNivelGlow 2.6s ease-in-out infinite}
@keyframes pbNivelGlow{0%,100%{box-shadow:0 0 0 rgba(45,212,191,0)}50%{box-shadow:0 0 22px rgba(45,212,191,.3)}}

/* Colores por nivel: de gris/teal a dorado (jerarquía visual) */
#panelmision .pb-nivel-step[data-key="explorador"] .pb-nivel-step-icon{color:#b8b8b8}
#panelmision .pb-nivel-step[data-key="viajero"] .pb-nivel-step-icon{color:#5eead4}
#panelmision .pb-nivel-step[data-key="aventurero"] .pb-nivel-step-icon{color:#2dd4bf}
#panelmision .pb-nivel-step[data-key="experto"] .pb-nivel-step-icon{color:#ffd36a}
#panelmision .pb-nivel-step[data-key="fundador"]{border-color:rgba(245,158,11,.3);
  background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(45,212,191,.03))}
#panelmision .pb-nivel-step[data-key="fundador"] .pb-nivel-step-icon{
  background:radial-gradient(circle at 35% 30%,rgba(245,158,11,.35),transparent 70%);
  border-color:rgba(245,158,11,.5);color:#f59e0b}
#panelmision .pb-nivel-step[data-key="constructor"]{border-color:rgba(255,211,106,.4);
  background:linear-gradient(135deg,rgba(255,211,106,.10),rgba(245,158,11,.05))}
#panelmision .pb-nivel-step[data-key="constructor"] .pb-nivel-step-icon{
  background:radial-gradient(circle at 35% 30%,rgba(255,211,106,.45),transparent 70%);
  border-color:#ffd36a;color:#ffd36a;box-shadow:0 0 16px rgba(255,211,106,.4)}



/* ===== HISTORIAL SEMANAL: legibilidad ===== */
#panelmision .pb-chart-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 22px}
#panelmision .pb-chart-title-row .pb-chart-title{margin:0;font-size:1.05rem}
#panelmision .pb-chart-expand-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;
  padding:7px 14px;border-radius:999px;border:1px solid var(--border-teal);background:var(--teal-faint);
  color:var(--teal);font-family:var(--font-ui);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  font-weight:700;cursor:pointer;transition:all .3s ease}
#panelmision .pb-chart-expand-btn:hover{background:var(--teal);color:var(--bg);transform:translateY(-1px)}
#panelmision .pb-chart-col{width:64px}
#panelmision .pb-chart-row{height:150px;gap:14px}
#panelmision .pb-chart-daynum{font-size:.85rem;font-weight:800;opacity:1}
#panelmision .pb-chart-label{font-size:.95rem;font-weight:700}
#panelmision .pb-chart-bar-val{font-size:1.05rem}
#panelmision .pb-chart-stat-num{font-size:1.9rem}
#panelmision .pb-chart-stat-lbl{font-size:.85rem}
#panelmision .pb-chart-conclusion{font-size:1rem;line-height:1.65}



/* ===== MODAL DE GRÁFICO AMPLIADO ===== */
.pb-chart-modal-overlay{position:fixed;inset:0;z-index:10700;background:rgba(6,10,9,.85);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;
  padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}
.pb-chart-modal-overlay.on{opacity:1;pointer-events:auto}
.pb-chart-modal-shell{position:relative;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;
  background:linear-gradient(165deg,var(--bg-2),var(--bg-3));border:1px solid var(--border-teal);
  border-radius:26px;padding:34px 24px 26px;box-shadow:0 32px 90px rgba(0,0,0,.6);
  transform:translateY(16px) scale(.97);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.pb-chart-modal-overlay.on .pb-chart-modal-shell{transform:translateY(0) scale(1);opacity:1}
.pb-chart-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;
  border:1px solid var(--border-teal);background:var(--teal-faint);color:var(--teal);
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s var(--spring)}
.pb-chart-modal-close:hover{background:var(--teal);color:var(--bg);transform:rotate(90deg)}
.pbd-title{font-family:var(--font-display);font-style:italic;font-size:1.6rem;color:var(--cream);text-align:center}
.pbd-sub{font-size:.95rem;color:var(--cream-dim);text-align:center;margin:4px 0 26px}
.pbd-donut-wrap{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin-bottom:24px}
.pbd-donut{width:180px;height:180px;border-radius:50%;position:relative;flex-shrink:0;
  box-shadow:0 0 30px rgba(45,212,191,.25);opacity:0;transform:scale(.85);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.pbd-donut.pbd-donut-in{opacity:1;transform:scale(1)}
.pbd-donut-sm{width:140px;height:140px}
.pbd-donut-hole{position:absolute;inset:20%;border-radius:50%;background:var(--bg-2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 12px rgba(0,0,0,.4)}
.pbd-donut-total{font-family:var(--font-display);font-style:italic;font-size:1.6rem;color:var(--teal)}
.pbd-donut-label{font-family:var(--font-ui);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cream-faint)}
.pbd-legend{display:flex;flex-direction:column;gap:8px;min-width:160px}
.pbd-leg-item{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--cream-dim)}
.pbd-leg-item.pbd-leg-hoy{color:var(--cream);font-weight:700}
.pbd-leg-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.pbd-leg-day{flex:1}
.pbd-leg-val strong{color:var(--teal)}
.pbd-conclusion{margin-top:14px;padding:12px 14px;border-radius:10px;border-left:2px solid var(--teal);
  background:var(--teal-faint);font-size:.92rem;color:var(--cream-dim);line-height:1.6}
.pbd-donut-wrap-sm{margin-bottom:16px}
.pbd-stats{display:flex;gap:10px}
.pbd-stat{flex:1;text-align:center;padding:14px 8px;border-radius:16px;background:var(--surface);border:1px solid var(--border-teal)}
.pbd-stat-num{display:block;font-family:var(--font-display);font-style:italic;font-size:1.8rem;color:var(--teal)}
.pbd-stat-lbl{display:block;font-family:var(--font-ui);font-size:.75rem;letter-spacing:.05em;
  text-transform:uppercase;color:var(--cream-faint);margin-top:2px}



/* ===== Textos generales del panel (más legibles en mobile) ===== */


/* ===== Entrada animada de las tarjetas al abrir el panel (identidad Laburbe) ===== */
#panelmision.on .pb-card,
#panelmision.on .pb-block,
#panelmision.on .bm-tuprogreso{
  animation:pbFadeUp .6s cubic-bezier(.22,1,.36,1) both;
}
#panelmision.on .pb-nivel-step{animation:pbFadeUp .6s cubic-bezier(.22,1,.36,1) both}
#panelmision.on .pb-nivel-step:nth-child(1){animation-delay:.05s}
#panelmision.on .pb-nivel-step:nth-child(2){animation-delay:.12s}
#panelmision.on .pb-nivel-step:nth-child(3){animation-delay:.19s}
#panelmision.on .pb-nivel-step:nth-child(4){animation-delay:.26s}
#panelmision.on .pb-nivel-step:nth-child(5){animation-delay:.33s}
#panelmision.on .pb-nivel-step:nth-child(6){animation-delay:.4s}
@keyframes pbFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
/* Actividad — distancia destacada, más grande en el día */
.pb-actividad-distancia{background:rgba(45,212,191,.06);border-radius:10px;padding:8px 10px}
.pb-actividad-km-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-weight:800;color:var(--teal);background:rgba(45,212,191,.14);border:1px solid rgba(45,212,191,.35);border-radius:20px;padding:2px 10px;font-size:.85em}
.pb-actividad-distancia-hoy{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border-teal);border-radius:12px;background:linear-gradient(135deg,rgba(45,212,191,.12),rgba(45,212,191,.03))}
.pb-actividad-distancia-hoy .pb-actividad-label{font-size:1.05rem;font-weight:700;flex:0 0 auto}
.pb-actividad-km-badge-hoy{font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--teal);background:rgba(45,212,191,.16);border:1px solid rgba(45,212,191,.4);border-radius:14px;padding:4px 14px;box-shadow:0 0 14px rgba(45,212,191,.25)}
.pb-actividad-distancia-hoy .pb-actividad-delta{margin-left:auto}

/* Escalera de niveles — bloque + detalle inline */
#panelmision .pb-nivel-block{display:flex;flex-direction:column;position:relative;z-index:1}
#panelmision .pb-nivel-detalle{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,margin .5s ease}
#panelmision .pb-nivel-detalle.open{max-height:900px;opacity:1;margin:6px 0 4px 0}
#panelmision .pb-nivel-detalle-progreso{padding:14px 16px;border:1px solid var(--border-teal);border-radius:14px;background:rgba(45,212,191,.05);margin-bottom:10px}
#panelmision .pb-nivel-detalle-bar-bg{height:6px;border-radius:6px;background:var(--border);overflow:hidden;margin-bottom:8px}
#panelmision .pb-nivel-detalle-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--teal-dim),var(--teal),var(--amber));border-radius:6px;transition:width .9s cubic-bezier(.22,1,.36,1)}
#panelmision .pb-nivel-detalle-msg{font-size:.95rem;color:var(--cream-dim)}
#panelmision .pb-nivel-benef-grid{display:flex;flex-direction:column;gap:8px}
#panelmision .pb-nivel-benef-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}
#panelmision .pb-nivel-benef-icon{font-size:1.15rem;flex-shrink:0;line-height:1.3}
#panelmision .pb-nivel-benef-item strong{color:var(--teal)}

/* Nivel actual del usuario, resaltado */
#panelmision .pb-nivel-step{position:relative}
#panelmision .pb-nivel-step-actual-badge{display:none;position:absolute;top:-10px;right:14px;font-family:var(--font-ui);font-size:.62rem;letter-spacing:.12em;font-weight:800;color:#08201c;background:linear-gradient(135deg,var(--teal),#ffd36a);padding:3px 10px;border-radius:20px;box-shadow:0 4px 12px rgba(45,212,191,.4)}
#panelmision .pb-nivel-step.pb-nivel-actual{border-color:var(--teal);box-shadow:0 0 0 2px rgba(45,212,191,.35),0 10px 26px rgba(45,212,191,.25)}
#panelmision .pb-nivel-step.pb-nivel-actual .pb-nivel-step-actual-badge{display:inline-block}
#panelmision .pb-nivel-step.pb-nivel-actual .pb-nivel-step-icon{animation:pbNivelActualPulse 2.2s ease-in-out infinite}
@keyframes pbNivelActualPulse{0%,100%{box-shadow:0 0 0 0 rgba(45,212,191,.5)}50%{box-shadow:0 0 0 10px rgba(45,212,191,0)}}

/* Colores/efectos distintivos por nivel */
#panelmision .pb-nivel-step[data-key="explorador"] .pb-nivel-step-icon{background:radial-gradient(circle at 35% 30%,rgba(200,200,200,.35),transparent 70%)}
#panelmision .pb-nivel-step[data-key="viajero"] .pb-nivel-step-icon{background:radial-gradient(circle at 35% 30%,rgba(94,234,212,.35),transparent 70%)}
#panelmision .pb-nivel-step[data-key="aventurero"] .pb-nivel-step-icon{background:radial-gradient(circle at 35% 30%,rgba(45,212,191,.4),transparent 70%)}
#panelmision .pb-nivel-step[data-key="experto"] .pb-nivel-step-icon{background:radial-gradient(circle at 35% 30%,rgba(255,211,106,.4),transparent 70%)}
#panelmision .pb-nivel-step[data-key="fundador"] .pb-nivel-step-icon{background:radial-gradient(circle at 35% 30%,rgba(245,158,11,.4),transparent 70%)}
#panelmision .pb-nivel-step[data-key="constructor"] .pb-nivel-step-icon{background:radial-gradient(circle at 35% 30%,rgba(255,211,106,.5),rgba(245,158,11,.25))}

/* Desglose de categorías en el modal "Ver detalles" */
.pbd-cat-title{font-family:var(--font-ui);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-weight:700;margin:22px 0 12px;text-align:center}
.pbd-cat-bar{display:flex;height:14px;border-radius:8px;overflow:hidden;background:var(--border);margin-bottom:14px}
.pbd-seg{height:100%;transition:width 1s cubic-bezier(.22,1,.36,1)}
.pbd-cat-list{display:flex;flex-direction:column;gap:8px}
.pbd-cat-row{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}
.pbd-cat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.pbd-cat-label{flex:1;font-size:.88rem;color:var(--cream-dim)}
.pbd-cat-pct{font-family:var(--font-ui);font-weight:800;color:var(--cream-faint);font-size:.78rem}
.pbd-cat-val{font-family:var(--font-display);font-style:italic;color:var(--teal);font-size:1rem;min-width:52px;text-align:right}
.pbd-cat-empty{text-align:center;color:var(--cream-faint);padding:20px 0;font-size:.9rem}



/* ===== cpd-rediseño-comunidad (bloque 5/22) ===== */
#comunidadesPanel .cpz-vista-card .cpz-avatars-row{ margin: 8px 0 4px; }
#comunidadesPanel .cpz-vista-card .cpz-avatar-chip-wrap,
#comunidadesPanel .cpz-vista-card .cpz-avatar-more{ width:34px; height:34px; margin-left:-10px; }
#comunidadesPanel .cpz-vista-card .cpz-avatar-more{ font-size:.78rem; }

/* ============================================================
   CPD — REDISEÑO PANEL DETALLE DE COMUNIDAD
   ============================================================ */
#comunidadesPanel .cpd-wrap{ max-width:900px; margin:0 auto; }

/* ---------- 1. HERO / PORTADA ---------- */
#comunidadesPanel .cpd-hero{ margin-bottom:28px; }
#comunidadesPanel .cpd-hero-head{
  display:flex; align-items:center; gap:16px; margin-bottom:18px; flex-wrap:wrap;
}
#comunidadesPanel .cpd-hero-icon{
  width:64px;height:64px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.8rem;
  background:radial-gradient(circle at 30% 30%,rgba(94,234,212,.35),rgba(94,234,212,.06));
  border:1.5px solid rgba(94,234,212,.4);
  box-shadow:0 0 22px rgba(94,234,212,.25);
}
#comunidadesPanel .cpd-hero-texts{ flex:1; min-width:200px; }
#comunidadesPanel .cpd-hero-nombre{
  font-family:'Instrument Serif',Georgia,serif; font-style:italic;
  font-size:clamp(1.5rem,4vw,2.1rem); color:#f5f0e8; line-height:1.15; margin-bottom:6px;
}
#comunidadesPanel .cpd-hero-desc{
  font-family:'Inter',sans-serif; font-size:.95rem; line-height:1.6;
  color:rgba(245,240,232,.7); max-width:560px;
}
#comunidadesPanel .cpd-hero-badges{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
#comunidadesPanel .cpd-hero-badge{
  padding:5px 12px; border-radius:999px; font-family:'Syne',sans-serif; font-size:.7rem;
  font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  background:rgba(94,234,212,.09); border:1px solid rgba(94,234,212,.28); color:#5eead4;
}
#comunidadesPanel .cpd-hero-badge.amber{
  background:rgba(245,158,11,.1); border-color:rgba(245,158,11,.32); color:#f5b34f;
}

#comunidadesPanel .cpd-cover{
  position:relative; width:100%; aspect-ratio:16/8; border-radius:26px; overflow:hidden;
  background-size:cover; background-position:center;
  box-shadow:0 30px 70px rgba(0,0,0,.42); border:1px solid rgba(94,234,212,.2);
}
#comunidadesPanel .cpd-cover-veil{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(6,18,16,.05) 0%, rgba(6,18,16,.25) 45%, rgba(6,18,16,.92) 100%);
}
#comunidadesPanel .cpd-cover-bottom{
  position:absolute; left:0; right:0; bottom:0; padding:18px 20px;
  display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap;
}
#comunidadesPanel .cpd-cover-stat{
  font-family:'Syne',sans-serif; font-weight:800; color:#fff; font-size:.85rem;
  display:flex; align-items:center; gap:8px;
  padding:8px 14px; border-radius:999px; background:rgba(6,16,14,.55);
  border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(6px);
}
#comunidadesPanel .cpd-join-btn{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; gap:10px;
  padding:16px 30px; border-radius:16px; border:none; cursor:pointer;
  font-family:'Syne',sans-serif; font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.9rem;
  background:linear-gradient(135deg,#5eead4,#1aa896); color:#08201c;
  box-shadow:0 16px 40px rgba(45,212,191,.4);
  transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
  animation:cpdJoinPulse 2.6s ease-in-out infinite;
}
#comunidadesPanel .cpd-join-btn:hover{ transform:translateY(-3px) scale(1.03); box-shadow:0 22px 50px rgba(45,212,191,.55); }
#comunidadesPanel .cpd-join-btn.cpd-leave{
  background:linear-gradient(135deg,#f87171,#b91c1c); color:#fff;
  box-shadow:0 16px 40px rgba(248,113,113,.35); animation:none;
}
@keyframes cpdJoinPulse{
  0%,100%{ box-shadow:0 16px 40px rgba(45,212,191,.4); }
  50%{ box-shadow:0 16px 55px rgba(45,212,191,.7); }
}

/* ---------- Caja comunitaria integrada ---------- */
#comunidadesPanel .cpd-caja{
  position:relative; margin-top:-24px; z-index:2;
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  padding:20px 24px; border-radius:22px;
  background:linear-gradient(120deg, rgba(20,14,6,.92), rgba(20,14,6,.78));
  border:1.5px solid rgba(245,158,11,.4);
  box-shadow:0 20px 50px rgba(0,0,0,.4), 0 0 0 1px rgba(245,158,11,.08) inset;
  cursor:pointer; transition:transform .3s ease, box-shadow .3s ease;
}
#comunidadesPanel .cpd-caja:hover{ transform:translateY(-3px); box-shadow:0 26px 60px rgba(0,0,0,.5); }
#comunidadesPanel .cpd-caja-icon{
  width:58px;height:58px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1.6rem;
  background:radial-gradient(circle at 35% 30%,rgba(255,211,106,.4),rgba(245,158,11,.08));
  border:1.5px solid rgba(255,211,106,.5); animation:cpdCajaFloat 3.4s ease-in-out infinite;
}
@keyframes cpdCajaFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
#comunidadesPanel .cpd-caja-texts{ flex:1; min-width:160px; }
#comunidadesPanel .cpd-caja-title{
  font-family:'Syne',sans-serif; font-size:.78rem; letter-spacing:.14em;
  text-transform:uppercase; color:#ffd36a; font-weight:800;
}
#comunidadesPanel .cpd-caja-sub{ font-size:.8rem; color:rgba(245,240,232,.55); margin-top:2px; }
#comunidadesPanel .cpd-caja-monto{
  font-family:'Instrument Serif',Georgia,serif; font-style:italic; font-size:1.8rem; color:#fff;
}
#comunidadesPanel .cpd-caja-monto span{ font-size:.8rem; font-style:normal; color:rgba(245,240,232,.5); }
#comunidadesPanel .cpd-caja-cta{
  flex-shrink:0; padding:11px 20px; border-radius:12px; border:1px solid rgba(255,211,106,.5);
  background:rgba(255,211,106,.1); color:#ffd36a; font-family:'Syne',sans-serif; font-weight:800;
  font-size:.78rem; letter-spacing:.06em; text-transform:uppercase;
}

/* ---------- 2. DESAFÍOS ---------- */
#comunidadesPanel .cpd-desafio{
  position:relative; margin-bottom:30px; padding:26px 24px;
  border-radius:26px; overflow:hidden;
  background:radial-gradient(ellipse 90% 70% at 30% -10%, rgba(94,234,212,.14), transparent 60%), #0b1e1a;
  border:1.5px solid rgba(94,234,212,.3);
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
#comunidadesPanel .cpd-desafio.cpd-desafio-activo{
  border-color:rgba(255,211,106,.5);
  background:radial-gradient(ellipse 90% 70% at 30% -10%, rgba(255,211,106,.16), transparent 60%), #1c1608;
  animation:cpdDesafioGlow 3s ease-in-out infinite;
}
@keyframes cpdDesafioGlow{
  0%,100%{ box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 rgba(245,158,11,0); }
  50%{ box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 40px rgba(245,158,11,.28); }
}
#comunidadesPanel .cpd-desafio-head{ display:flex; align-items:center; gap:10px; margin-bottom:16px; }
#comunidadesPanel .cpd-desafio-icon{ font-size:1.4rem; }
#comunidadesPanel .cpd-desafio-title{
  font-family:'Syne',sans-serif; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; font-size:.9rem; color:#5eead4;
}
#comunidadesPanel .cpd-desafio.cpd-desafio-activo .cpd-desafio-title{ color:#ffd36a; }
#comunidadesPanel .cpd-desafio-body{ display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
#comunidadesPanel .cpd-clock-wrap{ position:relative; width:132px; height:132px; flex-shrink:0; }
#comunidadesPanel .cpd-clock-svg{ width:100%; height:100%; filter:drop-shadow(0 0 14px rgba(94,234,212,.4)); }
#comunidadesPanel .cpd-desafio.cpd-desafio-activo .cpd-clock-svg{ filter:drop-shadow(0 0 18px rgba(245,158,11,.5)); }
#comunidadesPanel .cpd-clock-track{ fill:none; stroke:rgba(255,255,255,.08); stroke-width:7; }
#comunidadesPanel .cpd-clock-fill{ fill:none; stroke:#5eead4; stroke-width:7; stroke-linecap:round; transition:stroke-dashoffset 1s ease; }
#comunidadesPanel .cpd-desafio-activo .cpd-clock-fill{ stroke:#ffd36a; }
#comunidadesPanel .cpd-clock-center{
  position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
}
#comunidadesPanel .cpd-clock-num{ font-family:'Instrument Serif',Georgia,serif; font-style:italic; font-size:1.7rem; color:#fff; line-height:1; }
#comunidadesPanel .cpd-clock-lbl{ font-family:'Syne',sans-serif; font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-top:2px; }
#comunidadesPanel .cpd-desafio-info{ flex:1; min-width:220px; }
#comunidadesPanel .cpd-desafio-nombre{ font-family:'Instrument Serif',Georgia,serif; font-style:italic; font-size:1.3rem; color:#f5f0e8; margin-bottom:6px; }
#comunidadesPanel .cpd-desafio-desc{ font-size:.86rem; color:rgba(245,240,232,.62); line-height:1.55; margin-bottom:14px; }
#comunidadesPanel .cpd-desafio-progress-bg{ height:8px; border-radius:8px; background:rgba(255,255,255,.08); overflow:hidden; margin-bottom:6px; }
#comunidadesPanel .cpd-desafio-progress-fill{ height:100%; border-radius:8px; background:linear-gradient(90deg,#1aa896,#5eead4); transition:width 1s ease; }
#comunidadesPanel .cpd-desafio-activo .cpd-desafio-progress-fill{ background:linear-gradient(90deg,#e07a1f,#ffd36a); }
#comunidadesPanel .cpd-desafio-progress-label{ font-size:.72rem; color:rgba(245,240,232,.45); }
#comunidadesPanel .cpd-desafio-cta{
  display:inline-flex; align-items:center; gap:10px; margin-top:16px;
  padding:15px 28px; border-radius:14px; border:none; cursor:pointer;
  font-family:'Syne',sans-serif; font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.82rem;
  background:linear-gradient(135deg,#ffd36a,#f59e0b); color:#2a1600;
  box-shadow:0 14px 34px rgba(245,158,11,.4);
  animation:cpdCtaPulse 2.2s ease-in-out infinite;
}
@keyframes cpdCtaPulse{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.035)} }

/* ---------- 3. TABS HORIZONTALES ---------- */
#comunidadesPanel .cpd-tabs{
  display:flex; gap:6px; margin:0 0 20px; border-radius:18px;
  background:rgba(255,255,255,.03); border:1px solid rgba(94,234,212,.14); padding:6px;
}
#comunidadesPanel .cpd-tab{
  flex:1 1 0; min-width:0; display:flex; align-items:center; justify-content:center;
  gap:6px; padding:12px 4px; border-radius:13px; border:none; cursor:pointer;
  background:transparent; color:rgba(245,240,232,.55);
  font-family:'Syne',sans-serif; font-weight:800; letter-spacing:.01em;
  font-size:clamp(.62rem,2.4vw,.86rem); white-space:nowrap;
  transition:background .3s ease, color .3s ease;
}
#comunidadesPanel .cpd-tab:hover{ color:#fff; }
#comunidadesPanel .cpd-tab.active{
  background:linear-gradient(135deg, rgba(94,234,212,.18), rgba(94,234,212,.06));
  color:#5eead4; box-shadow:inset 0 0 0 1px rgba(94,234,212,.35);
}
#comunidadesPanel .cpd-tab-count{
  font-size:.68em; opacity:.7; padding:1px 6px; border-radius:999px; background:rgba(255,255,255,.08);
}

#comunidadesPanel .cpd-panel{ display:none; animation:cpdFade .35s ease; }
#comunidadesPanel .cpd-panel.active{ display:block; }
@keyframes cpdFade{ from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

/* ---------- 4. FAMILIAS ---------- */
#comunidadesPanel .cpd-fam-summary{
  display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:16px;
  background:rgba(255,255,255,.03); border:1px solid rgba(94,234,212,.16); cursor:pointer; margin-bottom:14px;
}
#comunidadesPanel .cpd-fam-avatars{ display:flex; align-items:center; }
#comunidadesPanel .cpd-fam-avatars img{
  width:38px;height:38px;border-radius:50%;object-fit:cover;margin-left:-10px;border:2px solid #0b1e1a;
}
#comunidadesPanel .cpd-fam-avatars img:first-child{ margin-left:0; }
#comunidadesPanel .cpd-fam-count{ flex:1; font-family:'Syne',sans-serif; font-weight:700; color:#f5f0e8; font-size:.9rem; }
#comunidadesPanel .cpd-fam-arrow{ transition:transform .3s ease; color:#5eead4; }
#comunidadesPanel .cpd-fam-summary.open .cpd-fam-arrow{ transform:rotate(180deg); }
#comunidadesPanel .cpd-fam-grid{ display:none; grid-template-columns:1fr 1fr; gap:14px; }
#comunidadesPanel .cpd-fam-grid.open{ display:grid; }

#comunidadesPanel .cpd-fam-card{
  border-radius:20px; padding:16px; position:relative; overflow:hidden;
  background:var(--cpd-fam-bg); border:1px solid var(--cpd-fam-border);
}
#comunidadesPanel .cpd-fam-top{ display:flex; gap:12px; align-items:center; margin-bottom:10px; }
#comunidadesPanel .cpd-fam-av{ width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.35); }
#comunidadesPanel .cpd-fam-nombre{ font-family:'Instrument Serif',Georgia,serif; font-style:italic; font-size:1.15rem; color:#fff; }
#comunidadesPanel .cpd-fam-meta{ font-size:.76rem; color:rgba(255,255,255,.72); margin-top:2px; }
#comunidadesPanel .cpd-fam-tags{ display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; }
#comunidadesPanel .cpd-fam-tag{ font-size:.7rem; padding:4px 10px; border-radius:999px; background:rgba(255,255,255,.16); color:#fff; }
#comunidadesPanel .cpd-fam-actions{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
#comunidadesPanel .cpd-fam-btn{
  flex:1; text-align:center; padding:9px 10px; border-radius:10px; font-size:.72rem; font-weight:800;
  letter-spacing:.03em; text-transform:uppercase; font-family:'Syne',sans-serif; cursor:pointer;
  background:rgba(255,255,255,.16); color:#fff; border:1px solid rgba(255,255,255,.3);
  text-decoration:none; display:inline-block;
}
#comunidadesPanel .cpd-fam-btn.locked{ opacity:.5; cursor:not-allowed; }
#comunidadesPanel .cpd-fam-btn.linked{ background:#fff; color:#08201c; }

/* ---------- 5/6. VIAJES + ENCUENTROS ---------- */
#comunidadesPanel .cpd-evento-add{
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
  padding:13px; border-radius:14px; margin-bottom:14px; cursor:pointer; border:1.5px dashed;
  font-family:'Syne',sans-serif; font-weight:800; font-size:.8rem; letter-spacing:.05em; text-transform:uppercase;
}
#comunidadesPanel .cpd-panel-viajes .cpd-evento-add,
#comunidadesPanel [data-panel="viajes"] .cpd-evento-add{
  border-color:rgba(94,234,212,.4); color:#5eead4; background:rgba(94,234,212,.05);
}
#comunidadesPanel [data-panel="encuentros"] .cpd-evento-add{
  border-color:rgba(245,158,11,.4); color:#f5b34f; background:rgba(245,158,11,.05);
}
#comunidadesPanel .cpd-ev-card{ border-radius:18px; padding:16px 18px; margin-bottom:12px; }
#comunidadesPanel [data-panel="viajes"] .cpd-ev-card{
  background:linear-gradient(120deg, rgba(94,234,212,.07), rgba(255,255,255,.02));
  border:1px solid rgba(94,234,212,.2); border-left:3px solid #5eead4;
}
#comunidadesPanel [data-panel="encuentros"] .cpd-ev-card{
  background:linear-gradient(120deg, rgba(245,158,11,.07), rgba(255,255,255,.02));
  border:1px solid rgba(245,158,11,.2); border-left:3px solid #f59e0b; position:relative; padding-left:44px;
}
#comunidadesPanel .cpd-ev-dot{
  position:absolute; left:16px; top:20px; width:12px; height:12px; border-radius:50%;
  background:#f59e0b; box-shadow:0 0 10px #f59e0b;
}
#comunidadesPanel .cpd-ev-top{ display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:8px; }
#comunidadesPanel .cpd-ev-tipo{ font-family:'Syne',sans-serif; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; font-weight:800; opacity:.75; }
#comunidadesPanel .cpd-ev-nombre{ font-family:'Instrument Serif',Georgia,serif; font-style:italic; color:#f5f0e8; font-size:1.2rem; }
#comunidadesPanel .cpd-ev-fecha{
  font-family:'Syne',sans-serif; font-size:.72rem; font-weight:800; padding:4px 10px; border-radius:999px;
  background:rgba(255,255,255,.06); color:rgba(245,240,232,.75); white-space:nowrap;
}
#comunidadesPanel .cpd-ev-tips{ list-style:none; margin:8px 0; padding:0; display:flex; flex-direction:column; gap:4px; }
#comunidadesPanel .cpd-ev-tips li{ font-size:.8rem; color:rgba(245,240,232,.62); padding-left:14px; position:relative; }
#comunidadesPanel .cpd-ev-tips li::before{ content:'✦'; position:absolute; left:0; font-size:.65em; top:.4em; color:#5eead4; }
#comunidadesPanel .cpd-ev-foot{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-top:10px; }
#comunidadesPanel .cpd-ev-asistentes{ font-size:.75rem; color:rgba(245,240,232,.5); }
#comunidadesPanel .cpd-ev-btn{
  padding:10px 18px; border-radius:11px; border:1px solid rgba(94,234,212,.4); background:rgba(94,234,212,.1);
  color:#5eead4; font-family:'Syne',sans-serif; font-weight:800; font-size:.74rem; letter-spacing:.05em;
  text-transform:uppercase; cursor:pointer;
}
#comunidadesPanel .cpd-ev-btn.rojo{ border-color:rgba(248,113,113,.4); background:rgba(248,113,113,.08); color:#f87171; }
#comunidadesPanel .cpd-empty{ text-align:center; padding:26px 12px; color:rgba(245,240,232,.45); font-size:.85rem; }

/* ---------- 7. HISTORIAL ---------- */
#comunidadesPanel .cpd-hist-toggle{
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
  padding:12px; border-radius:14px; margin:26px 0 10px; cursor:pointer;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.1);
  color:rgba(245,240,232,.6); font-family:'Syne',sans-serif; font-weight:800; font-size:.78rem;
  letter-spacing:.08em; text-transform:uppercase;
}
#comunidadesPanel .cpd-hist-toggle .cpd-hist-arrow{ transition:transform .3s ease; }
#comunidadesPanel .cpd-hist-toggle.open .cpd-hist-arrow{ transform:rotate(180deg); }
#comunidadesPanel .cpd-hist-body{ display:none; padding-left:18px; border-left:2px dashed rgba(255,255,255,.12); }
#comunidadesPanel .cpd-hist-body.open{ display:block; }
#comunidadesPanel .cpd-hist-item{ position:relative; margin-bottom:14px; opacity:.7; }
#comunidadesPanel .cpd-hist-item::before{
  content:''; position:absolute; left:-24px; top:6px; width:9px; height:9px; border-radius:50%;
  background:rgba(94,234,212,.5);
}
#comunidadesPanel .cpd-hist-item-tipo{ font-size:.68rem; text-transform:uppercase; letter-spacing:.1em; color:#5eead4; font-weight:700; }
#comunidadesPanel .cpd-hist-item-nombre{ font-family:'Instrument Serif',Georgia,serif; font-style:italic; color:#f5f0e8; }
#comunidadesPanel .cpd-hist-item-fecha{ font-size:.7rem; color:rgba(245,240,232,.4); }

/* ---------- 8. CHAT COMUNITARIO ---------- */
#comunidadesPanel .cpd-chat{
  margin-top:30px; border-radius:24px; overflow:hidden;
  border:1px solid rgba(94,234,212,.22); background:#081613;
}
#comunidadesPanel .cpd-chat-head{
  display:flex; align-items:center; gap:10px; padding:16px 18px; border-bottom:1px solid rgba(94,234,212,.15);
  background:linear-gradient(120deg, rgba(94,234,212,.08), transparent);
}
#comunidadesPanel .cpd-chat-title{
  font-family:'Syne',sans-serif; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  font-size:.85rem; color:#5eead4; flex:1;
}
#comunidadesPanel .cpd-chat-note{ font-size:.66rem; color:rgba(245,240,232,.4); }
#comunidadesPanel .cpd-chat-body{ height:290px; overflow-y:auto; padding:14px 16px; display:flex; flex-direction:column; gap:10px; }
#comunidadesPanel .cpd-chat-msg{ display:flex; gap:10px; max-width:82%; }
#comunidadesPanel .cpd-chat-msg.mio{ align-self:flex-end; flex-direction:row-reverse; }
#comunidadesPanel .cpd-chat-av{ width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0; }
#comunidadesPanel .cpd-chat-bubble{ padding:9px 13px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
#comunidadesPanel .cpd-chat-msg.mio .cpd-chat-bubble{ background:rgba(94,234,212,.16); border-color:rgba(94,234,212,.3); }
#comunidadesPanel .cpd-chat-autor{ font-size:.68rem; font-weight:700; color:#5eead4; margin-bottom:2px; }
#comunidadesPanel .cpd-chat-texto{ font-size:.85rem; color:#f5f0e8; line-height:1.4; word-break:break-word; }
#comunidadesPanel .cpd-chat-hora{ font-size:.62rem; color:rgba(245,240,232,.35); margin-top:3px; }
#comunidadesPanel .cpd-chat-form{ display:flex; gap:8px; padding:12px 14px; border-top:1px solid rgba(94,234,212,.15); }
#comunidadesPanel .cpd-chat-input{
  flex:1; padding:11px 14px; border-radius:12px; background:#061512; border:1px solid rgba(94,234,212,.25);
  color:#f5f0e8; font-family:'Inter',sans-serif; font-size:.85rem; outline:none;
}
#comunidadesPanel .cpd-chat-input:focus{ border-color:#5eead4; }
#comunidadesPanel .cpd-chat-send{
  padding:0 18px; border-radius:12px; border:none; cursor:pointer;
  background:#5eead4; color:#08201c; font-family:'Syne',sans-serif; font-weight:800;
}
#comunidadesPanel .cpd-chat-locked{ padding:30px 20px; text-align:center; color:rgba(245,240,232,.5); font-size:.85rem; }



/* ===== cpd-misiones-style (bloque 6/22) ===== */
/* ============================================================
   CPD — SECCIÓN MISIONES (huella de la comunidad)
   ============================================================ */
#comunidadesPanel .cpd-misiones{ margin-bottom:30px; }
#comunidadesPanel .cpd-misiones-header{ margin-bottom:20px; }
#comunidadesPanel .cpd-misiones-eyebrow{
  font-family:'Syne',sans-serif; font-size:.72rem; letter-spacing:.28em;
  text-transform:uppercase; font-weight:800; color:#5eead4; margin-bottom:8px;
}
#comunidadesPanel .cpd-misiones-title{
  font-family:'Instrument Serif',Georgia,serif; font-style:italic;
  color:#f5f0e8; font-size:1.6rem; margin-bottom:8px;
}
#comunidadesPanel .cpd-misiones-title em{ color:#5eead4; font-style:italic; }
#comunidadesPanel .cpd-misiones-sub{
  font-family:'Inter',sans-serif; font-size:.9rem; line-height:1.6;
  color:rgba(245,240,232,.62); max-width:640px;
}
#comunidadesPanel .cpd-misiones-sub strong{ color:#5eead4; font-weight:700; }

#comunidadesPanel .cpd-misiones-empty{
  text-align:center; padding:34px 20px; border-radius:20px;
  background:rgba(255,255,255,.03); border:1px dashed rgba(94,234,212,.28);
}
#comunidadesPanel .cpd-misiones-empty-icon{ display:block; font-size:1.8rem; margin-bottom:10px; }
#comunidadesPanel .cpd-misiones-empty-text{
  font-family:'Inter',sans-serif; font-size:.9rem; color:rgba(245,240,232,.6);
  line-height:1.6; max-width:440px; margin:0 auto 16px;
}

#comunidadesPanel .cpd-mision-card{
  position:relative; margin-bottom:16px; padding:22px 24px;
  border-radius:22px; overflow:hidden;
  background:linear-gradient(150deg, color-mix(in srgb, var(--cpd-mision-color) 12%, transparent), rgba(255,255,255,.02));
  border:1px solid color-mix(in srgb, var(--cpd-mision-color) 35%, transparent);
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}
#comunidadesPanel .cpd-mision-card::before{
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:var(--cpd-mision-color);
}
#comunidadesPanel .cpd-mision-head{ display:flex; align-items:center; gap:14px; margin-bottom:16px; flex-wrap:wrap; }
#comunidadesPanel .cpd-mision-icon{
  width:52px; height:52px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:1.5rem;
  background:color-mix(in srgb, var(--cpd-mision-color) 22%, transparent);
  border:1.5px solid var(--cpd-mision-color);
}
#comunidadesPanel .cpd-mision-titles{ flex:1; min-width:160px; }
#comunidadesPanel .cpd-mision-eyebrow{
  font-family:'Syne',sans-serif; font-size:.64rem; letter-spacing:.18em;
  text-transform:uppercase; font-weight:800; color:var(--cpd-mision-color); margin-bottom:2px;
}
#comunidadesPanel .cpd-mision-nombre{
  font-family:'Instrument Serif',Georgia,serif; font-style:italic;
  color:#f5f0e8; font-size:1.25rem;
}
#comunidadesPanel .cpd-mision-badge{
  flex-shrink:0; padding:6px 14px; border-radius:999px;
  font-family:'Syne',sans-serif; font-weight:800; font-size:.7rem;
  letter-spacing:.05em; text-transform:uppercase; color:var(--cpd-mision-color);
  background:color-mix(in srgb, var(--cpd-mision-color) 16%, transparent);
  border:1px solid color-mix(in srgb, var(--cpd-mision-color) 45%, transparent);
}
#comunidadesPanel .cpd-mision-stats-row{
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px;
}
#comunidadesPanel .cpd-mision-stat{
  text-align:center; padding:12px 8px; border-radius:14px;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08);
}
#comunidadesPanel .cpd-mision-stat-num{
  display:block; font-family:'Instrument Serif',Georgia,serif; font-style:italic;
  font-size:1.3rem; color:var(--cpd-mision-color); margin-bottom:2px;
}
#comunidadesPanel .cpd-mision-stat-lbl{
  display:block; font-family:'Syne',sans-serif; font-size:.6rem;
  letter-spacing:.06em; text-transform:uppercase; color:rgba(245,240,232,.5);
}
#comunidadesPanel .cpd-mision-bar-bg{
  height:7px; border-radius:7px; background:rgba(255,255,255,.08); overflow:hidden; margin-bottom:12px;
}
#comunidadesPanel .cpd-mision-bar-fill{
  height:100%; border-radius:7px; background:var(--cpd-mision-color);
  box-shadow:0 0 10px color-mix(in srgb, var(--cpd-mision-color) 60%, transparent);
  transition:width 1s cubic-bezier(.22,1,.36,1);
}
#comunidadesPanel .cpd-mision-desc{
  font-family:'Inter',sans-serif; font-size:.85rem; line-height:1.6;
  color:rgba(245,240,232,.6);
}



/* ===== lb-parche-experiencias (bloque 7/22) ===== */
/* ── LB INFO SYSTEM: usado por Visión / Recursos / Apoyo ── */
.lb-info-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(10px,2vw,16px);
}
.lb-info-card{
  padding:clamp(16px,2.5vw,22px);
  border-radius:var(--r-lg);
  background:var(--bg-card);
  border:1px solid var(--border);
  transition:border-color .3s ease,transform .3s ease;
}
.lb-info-card:hover{border-color:var(--border-teal);transform:translateY(-2px)}
.lb-info-card-icon{
  width:clamp(38px,5vw,48px);
  height:clamp(38px,5vw,48px);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--teal-faint);
  border:1px solid var(--border-teal);
  font-size:clamp(1rem,2.2vw,1.3rem);
  margin-bottom:10px;
}
.lb-info-card-title{
  font-family:var(--font-display);
  font-style:italic;
  font-size:clamp(1.05rem,1.6vw,1.3rem);
  color:var(--cream);
  margin-bottom:6px;
}
.lb-info-card-text{
  font-family:var(--font-body);
  font-size:clamp(.85rem,1.3vw,1rem);
  line-height:1.6;
  color:var(--cream-dim);
}
.lb-info-links{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.lb-info-links a{
  font-size:clamp(.8rem,1.1vw,.92rem);
  color:var(--teal);
  text-decoration:none;
}
.lb-info-links a:hover{text-decoration:underline}


/* Índice de navegación interna del panel de premios */
.epz-index-nav{
  display:flex;align-items:stretch;justify-content:center;
  max-width:640px;margin:0 auto 18px;
  border-radius:20px;border:1px solid rgba(94,234,212,.18);
  background:rgba(94,234,212,.05);
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
  position:relative;z-index:3;
}
.epz-index-nav::-webkit-scrollbar{display:none}
.epz-index-btn{
  flex:1 1 0;position:relative;
  display:flex;align-items:center;justify-content:center;
  padding:14px 10px;border:none;background:none;
  color:rgba(245,240,232,.55);font-family:'Syne',sans-serif;
  font-size:clamp(.64rem,2.6vw,.78rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  white-space:nowrap;cursor:pointer;
  transition:color .3s ease, background .3s ease;
}
.epz-index-btn:not(:last-child)::after{
  content:'';position:absolute;right:0;top:22%;bottom:22%;width:1px;
  background:rgba(94,234,212,.18);
}
.epz-index-btn:hover{ color:#fff; }
.epz-index-btn.active{ color:#5eead4; background:rgba(94,234,212,.10); }


/* Botones Categoría/Porcentaje/Visitados: sin borde, un renglón, marca sutil */
#experienciasPanel .epz-toolbar-row{
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:stretch;
  gap:0;
  margin:10px auto 18px;
  max-width:640px;
  padding:0;
}
#experienciasPanel .epz-toolbar-btn{
  flex:1 1 0;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:12px 8px 14px;
  background:none;
  border:none;
  border-bottom:1px solid rgba(94,234,212,.16);
  color:rgba(245,240,232,.55);
  font-family:'Syne',sans-serif;
  font-weight:700;
  font-size:clamp(.62rem,2.4vw,.82rem);
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
  touch-action:manipulation;
  transition:color .25s ease, border-color .25s ease, background .25s ease;
}
#experienciasPanel .epz-toolbar-btn:hover{ color:#fff; border-color:rgba(94,234,212,.4); }
#experienciasPanel .epz-toolbar-btn[aria-expanded="true"]{
  color:#5eead4;
  border-color:#5eead4;
}

/* Texto de categorías más grande */
.epz-cat-item-label{font-size:1.02rem !important;font-weight:700}
.epz-cat-item{padding:12px 14px !important}
.epz-cat-item-icon{font-size:1.25em !important}

/* Botones de orden dentro del sidebar de categorías */
.epz-cat-titulo{display:block;font-family:'Syne',sans-serif;font-size:.72rem;letter-spacing:.22em;color:rgba(94,234,212,.6);text-transform:uppercase;font-weight:700;margin-bottom:12px}
.epz-orden-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(94,234,212,.14)}
.epz-orden-label{font-family:'Syne',sans-serif;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,240,232,.4);font-weight:700;margin-right:2px;width:100%}
.epz-orden-btn{
  padding:6px 12px;border-radius:999px;border:none;
  background:rgba(255,255,255,.04);color:rgba(245,240,232,.6);
  font-family:'Syne',sans-serif;font-size:.72rem;font-weight:700;
  cursor:pointer;transition:all .2s ease;
}
.epz-orden-btn:hover{background:rgba(94,234,212,.1);color:#fff}
.epz-orden-btn.active{background:#5eead4;color:#08201c}


/* Mapa: nunca colapsa a 0 en mobile */

/* Masterplan desbloqueado: candado abierto + estilo más diferenciado */
.cpz-masterplan-btn.cpz-mp-unlocked{
  background:linear-gradient(190deg, rgba(245,158,11,1), rgba(184,111,11,.75)) !important;
  border-color:rgba(245,158,11,.6) !important;
  box-shadow:0 0 0 2px rgba(255,211,106,.35), 0 8px 22px rgba(245,158,11,.4) !important;
}
.cpz-masterplan-btn.cpz-mp-unlocked i{transform:rotate(-14deg) scale(1.1)}
.cpz-masterplan-btn.cpz-mp-unlocked::after{
  content:'✓';display:inline-flex;align-items:center;justify-content:center;
  width:15px;height:15px;border-radius:50%;
  background:#fff;color:#b45309;font-size:.62rem;font-weight:900;margin-left:6px;
}

/* Iconos de sección más diferenciados y "premio" */
#comunidadesPanel .cpz-step-icon,#experienciasPanel .cpz-step-icon{
  box-shadow:0 0 26px rgba(45,212,191,.32), inset 0 0 0 1px rgba(255,255,255,.10) !important;
}
#experienciasPanel .cpz-step-4 .cpz-step-icon{
  background:radial-gradient(circle at 30% 30%,rgba(196,132,252,.42),rgba(139,92,246,.12)) !important;
  border-color:#c4b5fd !important;
  box-shadow:0 0 26px rgba(139,92,246,.4) !important;
}
#experienciasPanel .cpz-step-4 .cpz-step-icon i{color:#c4b5fd !important}
#experienciasPanel .cpz-step-tag-4{color:#c4b5fd !important}

/* Título "Elige un área temática..." arriba y centrado */
.epz-area-row-label{
  text-align:center;font-family:'Syne',sans-serif;font-size:.95rem;
  letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  color:rgba(94,234,212,.75);margin:0 0 18px;
}

/* Texto de misión debajo del nombre del área */
.epz-area-info-mision{
  max-width:560px;margin:8px auto 0;text-align:center;
  font-family:'Inter',sans-serif;font-size:.9rem;line-height:1.6;
  color:rgba(245,240,232,.75);
  padding:12px 16px;border-radius:14px;
  background:color-mix(in srgb, var(--epz-area-color,#5eead4) 10%, transparent);
  border-left:3px solid var(--epz-area-color,#5eead4);
}
.epz-area-info-mision strong{color:var(--epz-area-color,#5eead4)}

/* Premio resaltado arriba-izquierda de cada tarjeta */
.epz-desafio-premio-badge{
  position:absolute;top:-14px;right:16px;
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 14px;border-radius:999px;
  background:linear-gradient(135deg,#ffd36a,#f59e0b);
  color:#2a1600;font-family:'Syne',sans-serif;font-weight:800;
  font-size:.8rem;letter-spacing:.04em;
  box-shadow:0 6px 16px rgba(245,158,11,.4);
}

/* Nota de misión dentro de cada desafío */
.epz-desafio-mision-nota{
  font-family:'Inter',sans-serif;font-size:.76rem;line-height:1.55;
  color:rgba(245,240,232,.55);margin-bottom:14px;
  padding:10px 12px;border-radius:10px;
  background:rgba(255,255,255,.03);
}

/* Costo de activación, debajo del botón, bien diferenciado del premio */
.epz-desafio-costo-activacion{
  text-align:center;margin-top:10px;
  font-family:'Syne',sans-serif;font-size:.8rem;
  color:#f5b34f;letter-spacing:.02em;
}
.epz-desafio-costo-activacion strong{color:#ffd36a}

/* ── Tamaños: mobile (<=768px) ── */


/* ── Tamaños: desktop (>=769px) ── */



/* Misma distancia pestañas → sección en Comunidad y Premios */
#comunidadesPanel .epz-index-nav,
#experienciasPanel .epz-index-nav,
#cpzVistaNav{
  margin:15px auto 0;
  max-width:900px;
}

#comunidadesPanel .cpz-step-wrap{
  margin-top:32px;
  display:flow-root;
}

/* Premios: solo el wrap de la sección ACTIVA aporta distancia.
   Los demás se ocultan para que no sumen márgenes fantasma. */
/* Premios: nav sin margen inferior variable */
#experienciasPanel > .epz-index-nav{
  margin:15px auto 0;
  max-width:900px;
}

/* Todos los wraps de sección: ocultos por defecto */
#experienciasPanel > .cpz-step-wrap{
  display:none;
  margin:0;
  padding:0;
  border:0;
}

/* Solo el wrap de la sección ACTIVA: misma distancia exacta a las pestañas */
#experienciasPanel > .cpz-step-wrap:has(> .cpz-step-section.epz-panel-active){
  display:flow-root;
  margin-top:32px;      /* distancia pestañas → borde de la tarjeta */
  padding-top:16px;     /* solo para que el badge no se recorte */
  overflow:visible;
}

/* Descuentos: forzar idéntico (por si el HTML roto altera el primer hijo) */
#experienciasPanel > .cpz-step-wrap:has(> #epzAnclaDescuentos.epz-panel-active){
  margin-top:32px;
  padding-top:16px;
}
#experienciasPanel .epz-panel-badge{
  position:absolute;
  top:-14px;
  right:22px;
  z-index:6;
  padding:6px 16px;
  border-radius:999px;
  font-family:var(--font-ui);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#5eead4;
  background:linear-gradient(135deg, rgba(94,234,212,.16), rgba(6,18,16,.92));
  border:1px solid rgba(94,234,212,.4);
  box-shadow:0 8px 20px rgba(0,0,0,.35);
  white-space:nowrap;
  pointer-events:none;
}





/* ============================================================
   PANEL DE IMPACTO — rediseño (imp2-*)
   ============================================================ */
   
   
   #burberosMundoSection.lb-slide-in,
#burberosMundoSection.on {
  padding: max(100px, 5vh) 0 160px;
}
.imp2-block{
  max-width:1080px;
  margin:0 auto clamp(28px,5vh,46px);
  padding:clamp(20px,3.5vw,30px);
  border-radius:var(--r-lg);
  background:var(--bg-card);
  border:1px solid var(--border);
  position:relative;
  overflow:hidden;
  margin-top:15px;
}
.imp2-block::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--teal-dim),var(--teal),var(--amber));
  opacity:.6;
}
.imp2-block-label{
  text-align:center;font-family:var(--font-ui);font-size:1.05rem;
  letter-spacing:.28em;text-transform:uppercase;color:var(--teal);
  font-weight:700;margin-bottom:clamp(18px,3vw,26px);
}

/* Sponsors */
.imp2-sponsor-card{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:0 20px;border-radius:var(--r-md);
  background:var(--surface);border:1px solid var(--border-teal);
  opacity:0;max-height:0;overflow:hidden;
  transition:opacity .4s ease, max-height .5s var(--ease), margin .4s ease, padding .4s ease;
}
.imp2-sponsor-card.on{opacity:1;max-height:400px;margin-top:18px;padding:18px 20px}
.imp2-sponsor-logo{
  flex-shrink:0;width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;
  background:radial-gradient(circle at 30% 30%,var(--teal-glow),transparent 70%);
  border:1.5px solid var(--border-teal);
}
.imp2-sponsor-texts{flex:1;min-width:200px}
.imp2-sponsor-nombre{font-family:var(--font-display);font-style:italic;color:var(--cream);font-size:1.2rem;margin-bottom:4px}
.imp2-sponsor-desc{font-size:1.2rem;color:var(--cream-dim);line-height:1.55;margin-bottom:6px}
.imp2-sponsor-aporte{font-family:var(--font-ui);font-size:.85rem;font-weight:700;color:var(--teal)}
.imp2-sponsor-link{
  flex-shrink:0;display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:999px;border:1px solid var(--border-teal);
  background:var(--teal-faint);color:var(--teal);font-family:var(--font-ui);
  font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;
  transition:all .3s ease;
}
.imp2-sponsor-link:hover{background:var(--teal);color:var(--bg)}

/* Fondo */
.imp2-fondo-box{max-width:400px;margin:0 auto;text-align:center}
.imp2-fondo-label{font-family:var(--font-ui);font-size:.8rem;letter-spacing:.24em;color:var(--amber);font-weight:700;margin-bottom:8px}
.imp2-fondo-monto{font-family:var(--font-display);font-style:italic;font-size:2.6rem;color:#ffd36a;animation:imp2FondoGlow 3s ease-in-out infinite}
.imp2-fondo-monto small{font-size:1rem;color:var(--cream-dim);font-style:normal}
.imp2-fondo-cierre{margin-top:8px;font-size:1.2rem;color:var(--cream-dim)}
@keyframes imp2FondoGlow{0%,100%{text-shadow:0 0 12px rgba(245,158,11,.25)}50%{text-shadow:0 0 26px rgba(245,158,11,.55)}}

/* Carrera / competencia — siempre en un renglón */
.imp2-race-row{display:flex;flex-wrap:nowrap;gap:clamp(6px,2vw,18px);align-items:stretch}
.imp2-race-item{
  flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;
  padding:clamp(10px,2vw,16px) clamp(4px,1vw,10px) clamp(12px,2vw,16px);
  border-radius:16px;background:var(--surface);border:1.5px solid var(--imp2-color,var(--teal));
  cursor:pointer;position:relative;
  transition:transform .3s var(--spring), box-shadow .3s ease, background .3s ease;
}
.imp2-race-item:hover{transform:translateY(-3px)}
.imp2-race-item.imp2-open{background:color-mix(in srgb, var(--imp2-color) 14%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--imp2-color) 35%, transparent)}
.imp2-race-item.imp2-leader{box-shadow:0 0 0 2px var(--imp2-color), 0 10px 26px color-mix(in srgb, var(--imp2-color) 40%, transparent)}
.imp2-race-crown{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));animation:imp2CrownBounce 1.8s ease-in-out infinite}
@keyframes imp2CrownBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}
.imp2-race-icon{font-size:clamp(1.1rem,4vw,1.5rem);margin-bottom:6px}
.imp2-race-track{width:clamp(14px,4.5vw,22px);height:clamp(72px,16vw,110px);border-radius:12px;background:rgba(255,255,255,.06);display:flex;align-items:flex-end;overflow:hidden;margin-bottom:8px;position:relative}
.imp2-race-fill{width:100%;height:0%;border-radius:12px;background:linear-gradient(180deg,var(--imp2-color),color-mix(in srgb, var(--imp2-color) 40%, transparent));transition:height 1.1s cubic-bezier(.22,1,.36,1);position:relative}
.imp2-race-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 60%);animation:imp2Shimmer 2.4s ease-in-out infinite}
@keyframes imp2Shimmer{0%,100%{opacity:.15}50%{opacity:.5}}
.imp2-race-pct{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:clamp(1.05rem,3.6vw,1.3rem);color:var(--imp2-color);margin-bottom:2px}
.imp2-race-label{font-family:var(--font-ui);font-size:clamp(.62rem,2.6vw,.82rem);letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.imp2-race-arrow{margin-top:4px;font-size:.65rem;color:var(--cream-faint);transition:transform .3s var(--spring)}
.imp2-race-item.imp2-open .imp2-race-arrow{transform:rotate(180deg);color:var(--imp2-color)}

.imp2-race-detail{max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .5s var(--ease), opacity .35s ease, margin .5s ease;border-radius:16px}
.imp2-race-detail.on{max-height:400px;opacity:1;margin-top:18px}
.imp2-race-detail-inner{padding:18px 20px;border-radius:16px;background:color-mix(in srgb, var(--imp2-color,var(--teal)) 10%, transparent);border-left:3px solid var(--imp2-color,var(--teal))}
.imp2-race-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.imp2-race-detail-icon{font-size:1.4rem}
.imp2-race-detail-nombre{font-family:var(--font-display);font-style:italic;color:var(--cream);font-size:1.3rem}
.imp2-race-detail-badge{margin-left:auto;font-family:var(--font-ui);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--imp2-color,var(--teal));background:color-mix(in srgb, var(--imp2-color,var(--teal)) 18%, transparent);padding:4px 12px;border-radius:999px}
.imp2-race-detail-msg{font-size:1.2rem;color:var(--cream-dim);line-height:1.6}
.imp2-race-detail-msg strong{color:var(--cream)}

.imp2-total-row{text-align:center;margin-top:22px;font-family:var(--font-ui);font-size:1.2rem;letter-spacing:.06em;color:var(--cream-dim)}
.imp2-total-row strong{color:var(--teal);font-size:1.3rem}

.imp2-burst{position:fixed;width:5px;height:5px;border-radius:50%;pointer-events:none;z-index:9800;background:var(--imp2-color,var(--teal));animation:imp2BurstFly .7s ease-out forwards}
@keyframes imp2BurstFly{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--bx),var(--by)) scale(.3)}}

/* Info + informe final */
.imp2-info-grid,.imp2-informe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.imp2-info-card{border-radius:18px;border:1.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);padding:18px;position:relative;overflow:hidden}
.imp2-info-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--imp2-color)}
.imp2-info-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.imp2-info-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:color-mix(in srgb, var(--imp2-color) 20%, transparent);border:1.5px solid var(--imp2-color)}
.imp2-info-nombre{font-family:var(--font-display);font-style:italic;color:var(--cream);font-size:1.2rem}
.imp2-info-desc{font-size:1.2rem;color:var(--cream-dim);line-height:1.55;margin-bottom:12px}
.imp2-info-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--imp2-color);margin-bottom:12px}
.imp2-info-total{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04);margin-bottom:10px;font-family:var(--font-ui);font-size:.85rem;color:var(--cream-dim)}
.imp2-info-total strong{color:var(--imp2-color);font-size:1.1rem}
.imp2-info-comlabel{font-family:var(--font-ui);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:8px}
.imp2-info-com-row{display:flex;justify-content:space-between;font-size:1.2rem;color:var(--cream-dim);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.imp2-info-com-row:last-child{border-bottom:none}
.imp2-info-com-row span:last-child{color:var(--imp2-color);font-weight:700}
.imp2-info-empty{font-size:1.2rem;color:var(--cream-faint);text-align:center;padding:10px 0}

.imp2-informe-card{border-radius:18px;border:1.5px solid var(--border-amber);background:linear-gradient(160deg,rgba(245,158,11,.07),rgba(6,16,14,.4));padding:20px}
.imp2-informe-nombre{font-family:var(--font-display);font-style:italic;color:#ffd36a;font-size:1.3rem;margin-bottom:6px}
.imp2-informe-monto{font-family:var(--font-ui);font-size:1.4rem;font-weight:800;color:var(--cream);margin-bottom:10px}
.imp2-informe-monto small{font-size:1.2rem;color:var(--cream-dim);font-weight:400}




/* ===== cpz-fundar-hub-showcase (bloque 8/22) ===== */
/* ============================================================
   FUNDAR COMUNIDAD + CONSTRUIR HUB — rediseño didáctico
   ============================================================ */
.cpz-showcase-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px;
  width:100%;
  flex-basis:100%;
  margin:22px 0 6px;
}
.cpz-showcase-card{
  position:relative;
  padding:18px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(94,234,212,.16);
  transition:all .3s cubic-bezier(.22,1,.36,1);
  overflow:hidden;
}
.cpz-showcase-card:hover{
  border-color:rgba(94,234,212,.4);
  background:rgba(94,234,212,.06);
  transform:translateY(-3px);
}
.cpz-showcase-icon{
  width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;margin-bottom:10px;
  background:rgba(94,234,212,.12);
  border:1px solid rgba(94,234,212,.3);
}
.cpz-showcase-title{
  font-family:'Syne',sans-serif;font-weight:800;font-size:.92rem;
  color:#f5f0e8;margin-bottom:5px;letter-spacing:.01em;
}
.cpz-showcase-desc{
  font-family:'Inter',sans-serif;font-size:.82rem;line-height:1.55;
  color:rgba(245,240,232,.62);
}

/* Variante ámbar para el Hub / Masterplan */
.cpz-showcase-card.amber{ border-color:rgba(245,158,11,.22); }
.cpz-showcase-card.amber:hover{ border-color:rgba(245,158,11,.5); background:rgba(245,158,11,.06); }
.cpz-showcase-card.amber .cpz-showcase-icon{ background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.35); color:#ffd36a; }

/* Franja motivacional */
.cpz-motivate-strip{
  width:100%;flex-basis:100%;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  justify-content:center;
  padding:14px 18px;border-radius:14px;
  margin-top:8px;
  background:linear-gradient(120deg, rgba(94,234,212,.10), rgba(94,234,212,.02));
  border:1px dashed rgba(94,234,212,.35);
  font-family:'Instrument Serif',Georgia,serif;font-style:italic;
  color:#f5f0e8;font-size:1.05rem;text-align:center;line-height:1.5;
}
.cpz-motivate-strip.amber{
  background:linear-gradient(120deg, rgba(245,158,11,.10), rgba(245,158,11,.02));
  border-color:rgba(245,158,11,.35);
}
.cpz-motivate-strip strong{ color:#5eead4; font-style:normal; }
.cpz-motivate-strip.amber strong{ color:#ffd36a; }

/* Bloque de "dos caminos" (Hub: burbinas o llave) */
.cpz-path-row{
  display:flex;gap:14px;flex-wrap:wrap;justify-content:center;
  width:100%;flex-basis:100%;margin-top:18px;
}
.cpz-path-card{
  flex:1 1 220px;max-width:280px;
  padding:18px 16px;border-radius:16px;text-align:center;
  border:1.5px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.02);
}
.cpz-path-card .cpz-path-icon{ font-size:1.5rem;margin-bottom:8px; }
.cpz-path-card .cpz-path-title{
  font-family:'Syne',sans-serif;font-weight:800;font-size:.82rem;
  letter-spacing:.06em;text-transform:uppercase;color:#ffd36a;margin-bottom:6px;
}
.cpz-path-card .cpz-path-desc{
  font-family:'Inter',sans-serif;font-size:.8rem;color:rgba(245,240,232,.6);line-height:1.5;
}
.cpz-path-or{
  display:flex;align-items:center;justify-content:center;
  font-family:'Syne',sans-serif;font-weight:800;font-size:.75rem;
  letter-spacing:.1em;color:rgba(245,240,232,.35);
  flex:0 0 auto;padding:0 4px;
}

/* Costo destacado */
.cpz-cost-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 18px;border-radius:999px;margin-top:16px;
  font-family:'Syne',sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.06em;
  background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.35);color:#5eead4;
}
.cpz-cost-pill.amber{ background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.35);color:#ffd36a; }



/* ===== lb-notif-btn-style (bloque 9/22) ===== */
.lb-notif-btn{ display:flex; align-items:center; justify-content:center; gap:7px; }
.lb-notif-icon{ width:13px; height:13px; flex-shrink:0; color:rgba(245,240,232,.4); transition:color .25s ease, filter .25s ease; }
.lb-notif-btn.lb-notif-on{ border-color:rgba(45,212,191,.5); background:rgba(45,212,191,.12); color:#5eead4; }
.lb-notif-btn.lb-notif-on .lb-notif-icon{ color:#5eead4; filter:drop-shadow(0 0 4px rgba(45,212,191,.65)); }
.lb-notif-btn.lb-notif-off{ opacity:.65; }


/* ===== deseos-galeria-style (bloque 10/22) ===== */
.cpz-showcase-card{ position:relative; }
.cpz-showcase-lockicon{ position:absolute; top:10px; right:12px; font-size:1rem; opacity:.9; }
.cpz-showcase-check{ position:absolute; top:10px; right:12px; font-size:1rem; color:#5eead4; display:none; }
.cpz-showcase-card.cpz-showcase-locked{ opacity:.5; filter:saturate(.55); cursor:not-allowed; }
.cpz-showcase-card.cpz-showcase-locked .cpz-showcase-check{ display:none; }
.cpz-showcase-card:not(.cpz-showcase-locked) .cpz-showcase-lockicon{ display:none; }
.cpz-showcase-card.cpz-showcase-reclamado .cpz-showcase-check{ display:inline-flex; }

/* ── Panel Galería de Deseos (dinámico, burbujas flotantes) ── */
#burbinaGaleriaDeseosPanel{ position:fixed; inset:0; z-index:10680; display:flex; align-items:center; justify-content:center; padding:16px; opacity:0; pointer-events:none; transition:opacity .35s ease; }
#burbinaGaleriaDeseosPanel.on{ opacity:1; pointer-events:auto; }
#burbinaGaleriaDeseosPanel .bgd-backdrop{ position:fixed; inset:0; background:radial-gradient(circle at 50% 15%, rgba(45,212,191,.16), rgba(6,16,14,.92)); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); z-index:-1; }
.bgd-shell{ position:relative; width:100%; max-width:820px; height:min(88vh,720px); border-radius:28px; background:linear-gradient(160deg,#0d2a25,#061512); border:1px solid rgba(94,234,212,.3); box-shadow:0 40px 100px rgba(0,0,0,.6); overflow:hidden; display:flex; flex-direction:column; transform:scale(.9); transition:transform .4s cubic-bezier(.34,1.56,.64,1); }
#burbinaGaleriaDeseosPanel.on .bgd-shell{ transform:scale(1); }
.bgd-close{ position:absolute; top:14px; right:14px; z-index:5; width:36px; height:36px; border-radius:50%; border:1px solid rgba(94,234,212,.35); background:rgba(94,234,212,.1); color:#5eead4; cursor:pointer; }
.bgd-header{ text-align:center; padding:26px 20px 10px; position:relative; z-index:2; }
.bgd-icon{ font-size:2rem; margin-bottom:6px; display:inline-block; animation:bgdIconPulse 2.2s ease-in-out infinite; }
@keyframes bgdIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.bgd-titulo{ font-family:'Instrument Serif',Georgia,serif; font-style:italic; color:#f5f0e8; font-size:1.5rem; }
.bgd-sub{ font-family:'Syne',sans-serif; color:#5eead4; font-size:.85rem; letter-spacing:.06em; text-transform:uppercase; margin-top:4px; font-weight:700; }
.bgd-bubbles-wrap{ position:relative; flex:1; overflow:hidden; }
.bgd-bubble{ position:absolute; width:76px; display:flex; flex-direction:column; align-items:center; gap:4px; cursor:pointer; animation:bgdFloat var(--bgd-dur,8s) ease-in-out var(--bgd-delay,0s) infinite; transition:transform .25s ease; }
.bgd-bubble:hover{ transform:scale(1.16); z-index:3; }
.bgd-bubble img{ width:58px; height:58px; border-radius:50%; object-fit:cover; border:2px solid rgba(94,234,212,.55); box-shadow:0 0 18px rgba(45,212,191,.35); }
.bgd-bubble-name{ font-family:'Syne',sans-serif; font-size:.62rem; color:#f5f0e8; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,.6); max-width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@keyframes bgdFloat{
  0%,100%{ transform:translate(0,0) }
  25%{ transform:translate(12px,-18px) }
  50%{ transform:translate(-8px,12px) }
  75%{ transform:translate(-16px,-8px) }
}
.bgd-loading,.bgd-empty{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:30px; color:rgba(245,240,232,.55); font-family:'Inter',sans-serif; }
.bgd-detalle-overlay{ position:fixed; inset:0; z-index:10690; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(6,16,14,.72); }
.bgd-detalle-overlay.on{ display:flex; }
.bgd-detalle-card{ width:100%; max-width:340px; background:#0d2a25; border:1px solid rgba(94,234,212,.35); border-radius:22px; padding:24px; text-align:center; }
.bgd-detalle-img{ width:84px; height:84px; border-radius:50%; object-fit:cover; margin:0 auto 12px; border:2px solid rgba(94,234,212,.5); }
.bgd-detalle-nombre{ font-family:'Instrument Serif',Georgia,serif; font-style:italic; color:#f5f0e8; font-size:1.2rem; margin-bottom:8px; }
.bgd-detalle-deseo{ font-family:'Inter',sans-serif; color:rgba(245,240,232,.75); font-size:.92rem; line-height:1.5; margin-bottom:16px; }
.bgd-detalle-btn{ display:inline-flex; align-items:center; gap:6px; padding:11px 22px; border-radius:999px; border:1px solid rgba(94,234,212,.4); background:rgba(94,234,212,.1); color:#5eead4; font-family:'Syne',sans-serif; font-weight:700; text-decoration:none; }


.trs-hero-image-wrap {
  margin: 24px auto 30px auto;
  max-width: 760px;
  border-radius: 22px;
  overflow: hidden;
  border: 1.5px solid rgba(94, 234, 212, 0.30);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45), 
              inset 0 0 0 1px rgba(45, 212, 191, 0.06);
  transition: transform 0.4s cubic-bezier(.22, 1, .36, 1), 
              box-shadow 0.4s ease,
              border-color 0.4s ease;
  background: var(--bg-card);
}

.trs-hero-image-wrap:hover {
  transform: scale(1.012);
  border-color: rgba(94, 234, 212, 0.6);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55), 
              0 0 30px rgba(45, 212, 191, 0.15),
              inset 0 0 0 1px rgba(45, 212, 191, 0.15);
}

.trs-hero-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.trs-hero-image-wrap:hover img {
  transform: scale(1.02);
}

/* ============================================================
   ESTILOS DE PESTAÑAS CON COLORES DISTINTIVOS
   ============================================================ */

/* --- Panel Experiencias --- */
#experienciasPanel .epz-index-btn {
  transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: rgba(245, 240, 232, 1);
}

#experienciasPanel .epz-index-btn:hover {
  color: rgba(255, 255, 255, 1);
}

/* Asignación de colores por data-id */
#experienciasPanel .epz-index-btn[data-id="epzAnclaDescuentos"] {
  border-color: rgba(45, 212, 191, 0.2);
}
#experienciasPanel .epz-index-btn[data-id="epzAnclaDescuentos"].active {
  color: #2dd4bf;
  border-color: #2dd4bf;
  background: rgba(45, 212, 191, 0.08);
  box-shadow: 0 0 20px rgba(45, 212, 191, 0.15);
}

#experienciasPanel .epz-index-btn[data-id="epzAnclaDesafios"] {
  border-color: rgba(245, 158, 11, 0.2);
}
#experienciasPanel .epz-index-btn[data-id="epzAnclaDesafios"].active {
  color: #f59e0b;
  border-color: #f59e0b;
  background: rgba(245, 158, 11, 0.08);
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.15);
}

#experienciasPanel .epz-index-btn[data-id="epzAnclaFundar"] {
  border-color: rgba(245, 158, 11, 0.2);
}
#experienciasPanel .epz-index-btn[data-id="epzAnclaFundar"].active {
  color: #f59e0b;
  border-color: #f59e0b;
  background: rgba(245, 158, 11, 0.08);
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.15);
}

#experienciasPanel .epz-index-btn[data-id="epzAnclaConstruir"] {
  border-color: rgba(255, 211, 106, 0.2);
}
#experienciasPanel .epz-index-btn[data-id="epzAnclaConstruir"].active {
  color: #ffd36a;
  border-color: #ffd36a;
  background: rgba(255, 211, 106, 0.08);
  box-shadow: 0 0 20px rgba(255, 211, 106, 0.15);
}

#experienciasPanel .epz-index-btn[data-id="epzAnclaTesoros"] {
  border-color: rgba(167, 139, 250, 0.2);
}
#experienciasPanel .epz-index-btn[data-id="epzAnclaTesoros"].active {
  color: #a78bfa;
  border-color: #a78bfa;
  background: rgba(167, 139, 250, 0.08);
  box-shadow: 0 0 20px rgba(167, 139, 250, 0.15);
}

#experienciasPanel .epz-index-btn[data-id="epzAnclaDeseos"] {
  border-color: rgba(244, 114, 182, 0.2);
}
#experienciasPanel .epz-index-btn[data-id="epzAnclaDeseos"].active {
  color: #f472b6;
  border-color: #f472b6;
  background: rgba(244, 114, 182, 0.08);
  box-shadow: 0 0 20px rgba(244, 114, 182, 0.15);
}

#experienciasPanel .epz-index-btn[data-id="epzAnclaSorpresas"] {
  border-color: rgba(251, 146, 60, 0.2);
}
#experienciasPanel .epz-index-btn[data-id="epzAnclaSorpresas"].active {
  color: #fb923c;
  border-color: #fb923c;
  background: rgba(251, 146, 60, 0.08);
  box-shadow: 0 0 20px rgba(251, 146, 60, 0.15);
}

#experienciasPanel .epz-index-btn[data-id="epzAnclaMentorias"] {
  border-color: rgba(96, 165, 250, 0.2);
}
#experienciasPanel .epz-index-btn[data-id="epzAnclaMentorias"].active {
  color: #60a5fa;
  border-color: #60a5fa;
  background: rgba(96, 165, 250, 0.08);
  box-shadow: 0 0 20px rgba(96, 165, 250, 0.15);
}

/* --- Panel Comunidades --- */
#comunidadesPanel .epz-index-btn {
  transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: rgba(245, 240, 232, 1);
}

#comunidadesPanel .epz-index-btn:hover {
  color: rgba(255, 255, 255, 1);
}

#comunidadesPanel .epz-index-btn[data-vista="burbujas"] {
  border-color: rgba(45, 212, 191, 0.2);
}
#comunidadesPanel .epz-index-btn[data-vista="burbujas"].active {
  color: #2dd4bf;
  border-color: #2dd4bf;
  background: rgba(45, 212, 191, 0.08);
  box-shadow: 0 0 20px rgba(45, 212, 191, 0.15);
}

#comunidadesPanel .epz-index-btn[data-vista="misiones"] {
  border-color: rgba(52, 211, 153, 0.2);
}
#comunidadesPanel .epz-index-btn[data-vista="misiones"].active {
  color: #34d399;
  border-color: #34d399;
  background: rgba(52, 211, 153, 0.08);
  box-shadow: 0 0 20px rgba(52, 211, 153, 0.15);
}

#comunidadesPanel .epz-index-btn[data-vista="viajes"] {
  border-color: rgba(96, 165, 250, 0.2);
}
#comunidadesPanel .epz-index-btn[data-vista="viajes"].active {
  color: #60a5fa;
  border-color: #60a5fa;
  background: rgba(96, 165, 250, 0.08);
  box-shadow: 0 0 20px rgba(96, 165, 250, 0.15);
}

#comunidadesPanel .epz-index-btn[data-vista="encuentros"] {
  border-color: rgba(245, 158, 11, 0.2);
}
#comunidadesPanel .epz-index-btn[data-vista="encuentros"].active {
  color: #f59e0b;
  border-color: #f59e0b;
  background: rgba(245, 158, 11, 0.08);
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.15);
}

/* --- Badges de sección (coherentes con el color de la pestaña) --- */
#experienciasPanel .epz-panel-badge {
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* Asignación por sección (el badge se coloca dentro de la tarjeta, pero podemos asignar color según el contenedor padre) */
#epzAnclaDescuentos .epz-panel-badge {
  background: rgba(45, 212, 191, 0.15);
  border-color: rgba(45, 212, 191, 0.4);
  color: #2dd4bf;
}
#epzAnclaDesafios .epz-panel-badge {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #f59e0b;
}
#epzAnclaFundar .epz-panel-badge {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #f59e0b;
}
#epzAnclaConstruir .epz-panel-badge {
  background: rgba(255, 211, 106, 0.15);
  border-color: rgba(255, 211, 106, 0.4);
  color: #ffd36a;
}
#epzAnclaTesoros .epz-panel-badge {
  background: rgba(167, 139, 250, 0.15);
  border-color: rgba(167, 139, 250, 0.4);
  color: #a78bfa;
}
#epzAnclaDeseos .epz-panel-badge {
  background: rgba(244, 114, 182, 0.15);
  border-color: rgba(244, 114, 182, 0.4);
  color: #f472b6;
}
#epzAnclaSorpresas .epz-panel-badge {
  background: rgba(251, 146, 60, 0.15);
  border-color: rgba(251, 146, 60, 0.4);
  color: #fb923c;
}
#epzAnclaMentorias .epz-panel-badge {
  background: rgba(96, 165, 250, 0.15);
  border-color: rgba(96, 165, 250, 0.4);
  color: #60a5fa;
}

/* ============================================================
   IMAGEN DE SECCIÓN (estilo unificado)
   ============================================================ */
.lb-hero-image-wrap {
  margin: 24px auto 30px auto;
  max-width: 760px;
  border-radius: 22px;
  overflow: hidden;
  border: 1.5px solid rgba(94, 234, 212, 0.30);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45),
              inset 0 0 0 1px rgba(45, 212, 191, 0.06);
  transition: transform 0.4s cubic-bezier(.22, 1, .36, 1),
              box-shadow 0.4s ease,
              border-color 0.4s ease;
  background: var(--bg-card);
}

.lb-hero-image-wrap:hover {
  transform: scale(1.012);
  border-color: rgba(94, 234, 212, 0.6);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55),
              0 0 30px rgba(45, 212, 191, 0.15),
              inset 0 0 0 1px rgba(45, 212, 191, 0.15);
}

.lb-hero-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;          /* respeta la proporción original */
  object-fit: contain;          /* muestra la imagen completa sin recortar */
  transition: transform 0.6s ease;
}

.lb-hero-image-wrap:hover img {
  transform: scale(1.02);
}

/* Opcional: si quieres que algunas secciones tengan un borde de color distinto,
   puedes agregar clases específicas, por ejemplo: */
#epzAnclaDescuentos .lb-hero-image-wrap {
  border-color: rgba(45, 212, 191, 0.35);
}
#epzAnclaDesafios .lb-hero-image-wrap {
  border-color: rgba(245, 158, 11, 0.35);
}
#epzAnclaFundar .lb-hero-image-wrap {
  border-color: rgba(245, 158, 11, 0.35);
}
#epzAnclaConstruir .lb-hero-image-wrap {
  border-color: rgba(255, 211, 106, 0.35);
}

/* ===== cpz-afinidad-filtros (bloque 11/22) ===== */


.cpz-afinidad-row{
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  gap:0;
  width:100%;
  justify-content:center;
  margin-top:14px;
  padding:0;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.cpz-afinidad-row::-webkit-scrollbar{display:none}
.cpz-afinidad-btn{
  flex:1 1 0;
  min-width:76px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  background:none;
  border:none;
  cursor:pointer;
  padding:12px 4px;
  opacity:.45;
  transition:opacity .25s ease, transform .25s ease, background .25s ease;
  touch-action:manipulation;
}
.cpz-afinidad-btn:hover{opacity:.75;background:rgba(94,234,212,.05)}
.cpz-afinidad-btn.active{opacity:1;transform:translateY(-2px)}
.cpz-afinidad-icon{
  width:66px;height:66px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(94,234,212,.05);
  border:0px solid rgba(94,234,212,.18);
  overflow:hidden;
  pointer-events:none;
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.cpz-afinidad-btn.active .cpz-afinidad-icon{
  border-color:#5eead4;
  background:rgba(94,234,212,.14);
  box-shadow:0 0 0 3px rgba(94,234,212,.18), 0 6px 18px rgba(45,212,191,.3);
}
.cpz-afinidad-icon img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.cpz-afinidad-label{
  font-family:'Syne',sans-serif;font-size:.62rem;font-weight:800;margin-top:7px;
  letter-spacing:.06em;text-transform:uppercase;text-align:center;
  color:rgba(245,240,232,.55);max-width:78px;line-height:1.25;
  pointer-events:none;
}
.cpz-afinidad-btn.active .cpz-afinidad-label{color:#5eead4}


/* ===== bloque-12-sin-id (bloque 12/22) ===== */
.epz-index-nav-tema{
  border-color:rgba(245,158,11,.22);
  background:rgba(245,158,11,.04);
}
.epz-index-nav-tema .epz-index-btn.active{
  color:#ffd36a;
  background:rgba(245,158,11,.12);
}


/* ===== pb-comprar-style (bloque 13/22) ===== */
.pb-comprar-row{display:flex;justify-content:flex-end;margin:-6px 0 18px}
.pb-comprar-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 22px;border-radius:999px;
  background:linear-gradient(135deg,#ffd36a,#f59e0b);
  border:1px solid rgba(255,211,106,.6);
  color:#2a1600;font-family:var(--font-ui);font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;
  cursor:pointer;box-shadow:0 10px 24px rgba(245,158,11,.35);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;
}
.pb-comprar-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(245,158,11,.5)}
.pb-comprar-icon{font-size:1.1em}

.pb-comprar-shell{max-width:480px}
.pb-comprar-header{text-align:center;margin-bottom:18px}
.pb-comprar-header-icon{font-size:2rem;margin-bottom:6px}

.pb-comprar-aviso{
  padding:16px 18px;border-radius:14px;margin-bottom:10px;
  background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);
  color:var(--cream-dim);font-size:.95rem;line-height:1.6;text-align:center;
}

.pb-comprar-label{display:block;font-family:var(--font-ui);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:8px}
.pb-comprar-input{width:100%;padding:13px 15px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);color:var(--cream);font-size:1.1rem;text-align:center;font-weight:700}
.pb-comprar-tope-msg{font-size:.8rem;color:var(--cream-faint);margin-top:6px;text-align:center}
.pb-comprar-total-box{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:14px;padding:14px 16px;border-radius:12px;
  background:var(--teal-faint);border:1px solid var(--border-teal);
  font-family:var(--font-ui);font-size:.85rem;color:var(--cream-dim);
}
.pb-comprar-total-box strong{font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--teal)}

.pb-comprar-metodos{margin-top:18px}
.pb-comprar-metodos-label{font-family:var(--font-ui);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:10px;text-align:center}
.pb-comprar-metodos-row{display:flex;gap:10px}
.pb-comprar-metodo-btn{
  flex:1;padding:13px;border-radius:12px;border:1.5px solid var(--border);
  background:var(--surface);color:var(--cream-dim);font-family:var(--font-ui);
  font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .25s ease;
}
.pb-comprar-metodo-btn:hover{border-color:var(--border-teal)}
.pb-comprar-metodo-btn.active{border-color:var(--teal);background:var(--teal-faint);color:var(--teal)}

.pb-comprar-nota{font-size:.8rem;color:var(--cream-faint);line-height:1.6;margin:16px 0}

.pb-comprar-confirmar-btn{
  width:100%;padding:15px;border-radius:12px;border:1px solid rgba(255,211,106,.5);
  background:linear-gradient(135deg,#ffd36a,#f59e0b);color:#2a1600;
  font-family:var(--font-ui);font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;transition:transform .2s ease;
}
.pb-comprar-confirmar-btn:hover{transform:translateY(-2px)}
.pb-comprar-confirmar-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}

.pb-comprar-historial{margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}
.pb-comprar-historial-label{font-family:var(--font-ui);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:10px}
.pb-comprar-hist-item{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--border);font-size:.85rem;color:var(--cream-dim)}
.pb-comprar-hist-item:last-child{border-bottom:none}
.pb-comprar-hist-estado{font-weight:700}
.pb-comprar-hist-estado.acreditado{color:var(--teal)}
.pb-comprar-hist-estado.pendiente{color:var(--amber)}

/* ===== trs-tesoros-style (bloque 14/22) ===== */
.trs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;width:100%;flex-basis:100%;margin-top:22px}
.trs-vacio{grid-column:1/-1;text-align:center;padding:30px;color:rgba(245,240,232,.5);font-family:'Inter',sans-serif}

.trs-card{position:relative;border-radius:20px;padding:20px 18px 18px;overflow:hidden;background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.1);transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease}
.trs-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--trs-color,#5eead4)}
.trs-card:hover{transform:translateY(-3px)}
.trs-card.trs-unlocked{border-color:color-mix(in srgb, var(--trs-color) 55%, transparent);box-shadow:0 14px 34px color-mix(in srgb, var(--trs-color) 20%, transparent)}
.trs-card.trs-completed{border-color:#ffd36a;background:linear-gradient(160deg,rgba(255,211,106,.08),rgba(255,255,255,.02))}

.trs-card-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:12px;background:color-mix(in srgb, var(--trs-color) 22%, transparent);border:1.5px solid var(--trs-color)}
.trs-card-region{font-family:'Syne',sans-serif;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--trs-color);margin-bottom:4px}
.trs-card-nombre{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#f5f0e8;font-size:1.55rem;line-height:1.25;margin-bottom:8px}
.trs-card-desc{font-family:'Inter',sans-serif;font-size:1.2rem;color:rgba(245,240,232,.62);line-height:1.55;margin-bottom:14px}

.trs-card-progreso{display:flex;gap:5px;margin-bottom:12px}
.trs-dot{flex:1;height:5px;border-radius:4px;background:rgba(255,255,255,.1)}
.trs-dot.trs-dot-on{background:var(--trs-color)}

.trs-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.trs-costo{font-family:'Syne',sans-serif;font-weight:800;font-size:.82rem;color:#ffd36a}
.trs-badge-estado{font-family:'Syne',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.trs-badge-locked{background:rgba(255,255,255,.06);color:rgba(245,240,232,.5)}
.trs-badge-unlocked{background:color-mix(in srgb, var(--trs-color) 20%, transparent);color:var(--trs-color)}
.trs-badge-completed{background:rgba(255,211,106,.18);color:#ffd36a}

.trs-btn{width:100%;padding:13px;border-radius:12px;border:1.5px solid var(--trs-color);background:transparent;color:var(--trs-color);font-family:'Syne',sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;cursor:pointer;transition:all .25s ease;margin-top:10px}
.trs-btn:hover{background:var(--trs-color);color:#08201c}
.trs-btn-completado{border-color:#ffd36a;color:#ffd36a}
.trs-btn-completado:hover{background:#ffd36a;color:#2a1600}
.trs-btn:disabled{opacity:.4;cursor:not-allowed}

/* Modal */
#trsExpedicionModal{position:fixed;inset:0;z-index:10660;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
#trsExpedicionModal.on{opacity:1;pointer-events:auto;visibility:visible}
.trs-modal-backdrop{position:fixed;inset:0;background:rgba(6,16,14,.8);backdrop-filter:blur(10px)}
.trs-modal-shell{position:relative;width:100%;max-width:620px;max-height:88vh;overflow-y:auto;border-radius:24px;background:linear-gradient(160deg,#0d2a25,#081613);border:1px solid rgba(255,211,106,.28);padding:30px 26px;box-shadow:0 34px 90px rgba(0,0,0,.6)}
.trs-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,211,106,.35);background:rgba(255,211,106,.1);color:#ffd36a;cursor:pointer}
.trs-modal-head{text-align:center;margin-bottom:18px}
.trs-modal-icon{font-size:2rem;margin-bottom:6px}
.trs-modal-nombre{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#f5f0e8;font-size:1.5rem}
.trs-modal-region{font-family:'Syne',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#ffd36a;font-weight:800;margin-top:4px}

.trs-paso{position:relative;padding:16px 18px;border-radius:16px;margin-bottom:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.trs-paso-done{border-color:rgba(94,234,212,.35);background:rgba(94,234,212,.05)}
.trs-paso-current{border-color:#ffd36a;background:rgba(255,211,106,.06);box-shadow:0 0 0 1px rgba(255,211,106,.2)}
.trs-paso-locked{opacity:.4}
.trs-paso-final.trs-paso-done{border-color:#ffd36a;background:linear-gradient(135deg,rgba(255,211,106,.14),rgba(94,234,212,.06))}

.trs-paso-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.trs-paso-num{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:.8rem;background:rgba(255,255,255,.08);color:rgba(245,240,232,.7)}
.trs-paso-done .trs-paso-num{background:#5eead4;color:#08201c}
.trs-paso-current .trs-paso-num{background:#ffd36a;color:#2a1600}
.trs-paso-titulo{font-family:'Syne',sans-serif;font-weight:800;font-size:.85rem;letter-spacing:.03em;color:#f5f0e8}
.trs-paso-burbinas{margin-left:auto;font-family:'Syne',sans-serif;font-weight:800;font-size:.78rem;color:#ffd36a}
.trs-paso-texto{font-family:'Inter',sans-serif;font-size:.86rem;line-height:1.6;color:rgba(245,240,232,.75);margin-bottom:6px}
.trs-paso-nombre-real{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#5eead4;font-size:1.05rem;margin-bottom:4px}
.trs-paso-btns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.trs-mini-btn{flex:1;min-width:140px;padding:11px 14px;border-radius:10px;font-family:'Syne',sans-serif;font-weight:800;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;text-align:center;text-decoration:none;transition:all .25s ease}
.trs-mini-btn-mapa{border:1px solid rgba(94,234,212,.4);background:rgba(94,234,212,.08);color:#5eead4}
.trs-mini-btn-mapa:hover{background:#5eead4;color:#08201c}
.trs-mini-btn-cert{border:1px solid rgba(255,211,106,.5);background:rgba(255,211,106,.1);color:#ffd36a}
.trs-mini-btn-cert:hover{background:#ffd36a;color:#2a1600}
.trs-mini-btn-cert:disabled{opacity:.5;cursor:wait}

.trs-final-box{margin-top:16px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,rgba(255,211,106,.14),rgba(94,234,212,.07));border:1px solid rgba(255,211,106,.35);text-align:center}
.trs-final-titulo{font-family:'Syne',sans-serif;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffd36a;font-size:.85rem;margin-bottom:10px}
.trs-final-texto{font-family:'Inter',sans-serif;font-size:.9rem;line-height:1.7;color:rgba(245,240,232,.85)}

.trs-status{margin-top:10px;font-size:.82rem;text-align:center;min-height:1.2em}
.trs-status-err{color:#f87171}
.trs-status-ok{color:#5eead4}
/* Badge con el total de Burbinas de la expedición */
.trs-total-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: 0.9rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 2;
}

/* Imagen del mapa de tesoros */
.trs-hero-image-wrap {
  margin: 24px auto 30px auto;
  max-width: 760px;
  border-radius: 22px;
  overflow: hidden;
  border: 1.5px solid rgba(94, 234, 212, 0.30);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45), 
              inset 0 0 0 1px rgba(45, 212, 191, 0.06);
  transition: transform 0.4s cubic-bezier(.22, 1, .36, 1), 
              box-shadow 0.4s ease,
              border-color 0.4s ease;
  background: var(--bg-card);
}

.trs-hero-image-wrap:hover {
  transform: scale(1.012);
  border-color: rgba(94, 234, 212, 0.6);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55), 
              0 0 30px rgba(45, 212, 191, 0.15),
              inset 0 0 0 1px rgba(45, 212, 191, 0.15);
}

.trs-hero-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 7; /* Proporción perfecta (ajústala si tu imagen es diferente) */
  object-fit: cover;
  transition: transform 0.6s ease;
}

.trs-hero-image-wrap:hover img {
  transform: scale(1.02);
}

/* ── Estilo exclusivo para la imagen de la sección Sorpresas ── */
.sorpresa-hero-image-wrap {
  margin: 24px auto 30px auto;
  max-width: 760px;
  border-radius: 22px;
  overflow: hidden;
  border: 1.5px solid rgba(94, 234, 212, 0.30);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45), 
              inset 0 0 0 1px rgba(45, 212, 191, 0.06);
  transition: transform 0.4s cubic-bezier(.22, 1, .36, 1), 
              box-shadow 0.4s ease,
              border-color 0.4s ease;
  background: var(--bg-card);
}

.sorpresa-hero-image-wrap:hover {
  transform: scale(1.012);
  border-color: rgba(94, 234, 212, 0.6);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55), 
              0 0 30px rgba(45, 212, 191, 0.15),
              inset 0 0 0 1px rgba(45, 212, 191, 0.15);
}

.sorpresa-hero-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;          /* ← importante: no fuerza proporción */
  object-fit: contain;          /* ← en lugar de cover, para no recortar */
  transition: transform 0.6s ease;
}

.sorpresa-hero-image-wrap:hover img {
  transform: scale(1.02);
}

/* ── Estilo exclusivo para la imagen de la sección Mentorías ── */
.mentoria-hero-image-wrap {
  margin: 24px auto 30px auto;
  max-width: 760px;
  border-radius: 22px;
  overflow: hidden;
  border: 1.5px solid rgba(94, 234, 212, 0.30);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45), 
              inset 0 0 0 1px rgba(45, 212, 191, 0.06);
  transition: transform 0.4s cubic-bezier(.22, 1, .36, 1), 
              box-shadow 0.4s ease,
              border-color 0.4s ease;
  background: var(--bg-card);
}

.mentoria-hero-image-wrap:hover {
  transform: scale(1.012);
  border-color: rgba(94, 234, 212, 0.6);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55), 
              0 0 30px rgba(45, 212, 191, 0.15),
              inset 0 0 0 1px rgba(45, 212, 191, 0.15);
}

.mentoria-hero-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;          /* ← respeta la proporción original de la imagen */
  object-fit: contain;          /* ← no recorta, la muestra completa */
  transition: transform 0.6s ease;
}

.mentoria-hero-image-wrap:hover img {
  transform: scale(1.02);
}


/* ===== bloque-15-sin-id (bloque 15/22) ===== */
#lbPullRefresh{
  position:fixed;top:0;left:0;right:0;
  display:flex;align-items:center;justify-content:center;
  height:0;overflow:hidden;
  z-index:99998;
  background:rgba(14,11,7,.92);
  color:#5eead4;
  font-family:var(--font-ui);
  font-size:.75rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:height .15s ease;
}
#lbPullRefresh .lbp-pull-icon{
  margin-right:8px;
  transition:transform .15s ease;
  display:inline-flex;
}
#lbPullRefresh.lbp-ready .lbp-pull-icon{transform:rotate(180deg)}

/* ===== pb-burbinas-tamanios-finales (bloque 16/22) ===== */
/* ============================================================
   BLOQUE FINAL — fuerza tamaños de títulos y textos explicativos
   del Panel Mis Burbinas. Se coloca al final del <head> a
   propósito: en CSS, entre reglas de igual especificidad e
   !important, gana la que aparece más abajo en el documento.
   Este bloque debe ser SIEMPRE el último que toque estas clases.
   ============================================================ */

/* ---------- TÍTULOS DE SECCIÓN ---------- */



/* ---------- TEXTOS EXPLICATIVOS DE CADA SECCIÓN ---------- */



/* ===== pb-hitos-detalle-nuevo (bloque 17/22) ===== */
.pb-hito-item{cursor:pointer}
.pb-hito-label{display:flex;align-items:center;gap:6px}
.pb-hito-arrow{font-size:.75em;transition:transform .3s var(--spring);display:inline-block}
.pb-hito-detalle{margin:-2px 0 10px 54px;padding:10px 14px;border-radius:0 0 12px 12px;background:var(--teal-faint);border:1px solid var(--border-teal);border-top:none}
.pb-hito-detalle-list{display:flex;flex-direction:column;gap:6px}
.pb-hito-detalle-item{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;color:var(--cream-dim);padding:4px 0;border-bottom:1px dashed var(--border)}
.pb-hito-detalle-item-link{cursor:pointer;border-radius:8px;padding:6px 8px;transition:background .2s ease}
.pb-hito-detalle-item-link:hover{background:rgba(45,212,191,.12)}
.pb-hito-detalle-item:last-child{border-bottom:none}
.pb-hito-detalle-nombre{flex:1}
.pb-hito-detalle-dist{color:var(--teal);font-weight:700;flex-shrink:0;white-space:nowrap}


/* ===== bloque-18-sin-id (bloque 18/22) ===== */
.pb-info-popup{
  position:fixed;top:110px;left:50%;
  transform:translateX(-50%) translateY(-10px);
  width:min(380px,92vw);
  z-index:10060;
  background:var(--bg-2);
  border:1px solid var(--border-teal);
  border-radius:var(--r-lg);
  box-shadow:0 24px 60px rgba(0,0,0,.55);
  padding:22px 18px 16px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .35s ease, transform .35s ease, visibility .35s ease;
}
.pb-info-popup.on{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.pb-info-popup .pb-info-row:last-child{margin-bottom:0}
.pb-info-popup-close{
  position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;
  border:1px solid var(--border-teal);background:var(--teal-faint);color:var(--teal);
  display:flex;align-items:center;justify-content:center;font-size:.75rem;
  cursor:pointer;transition:all .3s var(--spring);
}
.pb-info-popup-close:hover{background:var(--teal);color:var(--bg);transform:rotate(90deg)}

/* ============================================================
   PANEL EXPERIENCIAS — Sección 1: Buscar/Publicar
   ============================================================ */
.cpz-pill-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 30px;border-radius:999px;border:1.5px solid rgba(94,234,212,.45);
  background:rgba(94,234,212,.08);color:#5eead4;
  font-family:'Syne',sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);
}
.cpz-pill-btn:hover{background:rgba(94,234,212,.16);border-color:rgba(94,234,212,.7)}
.cpz-pill-btn.active{background:#5eead4;color:#08201c;border-color:#5eead4}

.epz-toolbar-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0 16px}
.epz-toolbar-btn{
  display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;
  border:1px solid rgba(94,234,212,.3);background:rgba(94,234,212,.05);color:#5eead4;
  font-family:'Syne',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;transition:all .25s ease;
}
.epz-toolbar-btn:hover,.epz-toolbar-btn[aria-expanded="true"]{background:rgba(94,234,212,.14);border-color:rgba(94,234,212,.55)}

.epz-mapa-layout{display:flex;gap:14px;align-items:stretch}
.epz-mapa-sidebar{
  flex:0 0 220px;max-height:520px;overflow-y:auto;padding:10px;border-radius:18px;
  background:rgba(255,255,255,.03);border:1px solid rgba(94,234,212,.14);
}
.epz-mapa-sidebar-right{flex-basis:240px}
.epz-mapa-wrap{flex:1;min-width:0}

.epz-cat-list{display:flex;flex-direction:column;gap:8px}
.epz-cat-item{
  display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;
  background:rgba(255,255,255,.03);border:1px solid transparent;color:rgba(245,240,232,.8);
  font-family:'Syne',sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;text-align:left;
  width:100%;transition:all .2s ease;
}
.epz-cat-item:hover{background:rgba(94,234,212,.08)}
.epz-cat-item.active{border-color:var(--epz-cat-color,#5eead4);background:rgba(94,234,212,.1);color:#fff}
.epz-cat-item-icon{font-size:1.1em}
.epz-cat-item-label{flex:1}
.epz-cat-item-count{opacity:.6;font-size:.8em}

.epz-desc-chip-locked{opacity:.4;cursor:not-allowed;border-color:rgba(245,240,232,.2)!important}

.epz-visit-list{display:flex;flex-direction:column;gap:8px}
.epz-visit-item{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(94,234,212,.14);cursor:pointer;transition:background .2s ease}
.epz-visit-item:hover{background:rgba(94,234,212,.08)}
.epz-visit-nombre{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#f5f0e8;font-size:1.05rem}
.epz-visit-meta{font-size:.8rem;color:rgba(245,240,232,.55);margin-top:2px}






/* ============================================================
   PANEL EXPERIENCIAS — Sección 4: Desafíos
   ============================================================ */
.cpz-step-4 .cpz-step-icon{
  background:radial-gradient(circle at 30% 30%,rgba(255,211,106,.4),rgba(245,158,11,.1));
  border-color:#ffd36a;
}
.cpz-step-4 .cpz-step-icon i{color:#ffd36a}
.cpz-step-tag-4{color:#ffd36a}


/* ══ ÁREAS DE DESAFÍOS — fila horizontal circular (siempre en un mismo renglón) ══ */
.epz-area-row{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:nowrap;        /* ← siempre en una fila */
  overflow-x:auto;         /* permite scroll horizontal si no caben */
  padding:4px 0;
  margin-bottom:6px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;    /* oculta scrollbar en Firefox */
}
.epz-area-row::-webkit-scrollbar{display:none} /* oculta scrollbar en Chrome/Safari */

.epz-area-btn{
  flex:0 0 auto;           /* no se estira, mantiene su tamaño */
  width:60px;
  height:60px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.6rem;
  background:rgba(255,255,255,.03);
  border:2px solid rgba(255,255,255,.12);
  cursor:pointer;
  transition:all .25s ease;
}
.epz-area-btn:hover{border-color:var(--epz-area-color,#5eead4);transform:translateY(-2px)}
.epz-area-btn.active{border-color:var(--epz-area-color,#5eead4);background:color-mix(in srgb, var(--epz-area-color,#5eead4) 16%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--epz-area-color,#5eead4) 45%, transparent)}

.epz-area-info{text-align:center;margin:14px 0 20px}
.epz-area-info-nombre{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.3rem;margin-bottom:4px}
.epz-area-info-sub{font-family:'Inter',sans-serif;font-size:.85rem;color:rgba(245,240,232,.5)}

/* ══ LISTA DE DESAFÍOS — separación aumentada un 40% (20px → 28px) ══ */
.epz-desafios-lista-col{
  display:flex;
  flex-direction:column;
  gap:28px;              /* ← 40% más que 20px */
  max-width:640px;
  margin:0 auto;
}

/* ══ TARJETA DE DESAFÍO ══ */
.epz-desafio-card{position:relative;padding:22px 20px 20px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--epz-area-color,#5eead4)}
.epz-desafio-insignia{position:absolute;top:-14px;left:18px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--epz-area-color,#5eead4);box-shadow:0 4px 12px rgba(0,0,0,.35)}
.epz-desafio-nivel{display:inline-block;margin-top:6px;font-family:'Syne',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--epz-area-color,#5eead4)}
.epz-desafio-nombre{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#f5f0e8;font-size:1.35rem;margin:4px 0 12px}
.epz-desafio-obj-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.epz-obj-chip{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:.8rem;color:rgba(245,240,232,.78)}
.epz-desafio-meta-row{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);margin-bottom:14px;font-size:.8rem;color:rgba(245,240,232,.55)}
.epz-desafio-activar-btn{width:100%;padding:13px;border-radius:12px;border:1.5px solid var(--epz-area-color,#5eead4);background:transparent;color:var(--epz-area-color,#5eead4);font-family:'Syne',sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;cursor:pointer;transition:all .25s ease}
.epz-desafio-activar-btn:hover{background:var(--epz-area-color,#5eead4);color:#08201c}

/* ══ MODAL ACTIVAR DESAFÍO ══ */
#epzActivarDesafioModal{
  position:fixed;inset:0;z-index:10650;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  opacity:0;pointer-events:none;visibility:hidden;
  background:rgba(6,16,14,.78);
  transition:opacity .3s ease, visibility .3s ease;
}
#epzActivarDesafioModal.on{
  opacity:1;pointer-events:auto;visibility:visible;
}
.epz-act-shell{position:relative;width:100%;max-width:460px;max-height:86vh;overflow-y:auto;border-radius:24px;background:linear-gradient(160deg,#0d2a25,#081613);border:1px solid rgba(94,234,212,.28);padding:30px 26px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.epz-act-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(94,234,212,.35);background:rgba(94,234,212,.1);color:#5eead4;cursor:pointer}
.epz-act-icon{text-align:center;font-size:2.2rem;margin-bottom:8px}
.epz-act-titulo{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:#f5f0e8;font-size:1.4rem;text-align:center;margin-bottom:6px}
.epz-act-sub{text-align:center;font-size:.85rem;color:rgba(245,240,232,.6);margin-bottom:10px}
.epz-act-costo{text-align:center;font-family:'Syne',sans-serif;font-weight:800;color:#ffd36a;margin-bottom:18px}
.epz-act-com-label{font-family:'Syne',sans-serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#5eead4;margin-bottom:8px}
.epz-act-com-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);margin-bottom:8px;cursor:pointer;font-size:.9rem;color:rgba(245,240,232,.85)}
.epz-act-error{color:#f87171;font-size:.85rem;text-align:center;padding:10px 0}
.epz-act-confirmar{width:100%;padding:14px;border-radius:12px;border:none;background:#5eead4;color:#08201c;font-family:'Syne',sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-top:8px;cursor:pointer}
.epz-act-confirmar:disabled{opacity:.4;cursor:not-allowed}

/* ══ Desafíos activos dentro de la comunidad ══ */
.epz-desafio-activo-card{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(94,234,212,.18);margin-bottom:10px}
.epz-desafio-activo-head{display:flex;justify-content:space-between;gap:8px;font-family:'Syne',sans-serif;font-weight:700;font-size:.9rem;margin-bottom:8px}
.epz-desafio-activo-dias{color:#5eead4;font-size:.8rem}
.epz-desafio-activo-bar-bg{height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:8px}
.epz-desafio-activo-bar-fill{height:100%;background:linear-gradient(90deg,#1aa896,#5eead4);border-radius:6px}
.epz-desafio-activo-progreso{font-size:.75rem;color:rgba(245,240,232,.55)}
.epz-desafio-activo-fechas{font-size:.72rem;color:rgba(245,240,232,.45);margin-bottom:8px}
.epz-desafio-activo-aportes-label{font-family:'Syne',sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#5eead4;margin-top:10px;margin-bottom:6px}
.epz-desafio-activo-aportes-list{display:flex;flex-direction:column;gap:4px}
.epz-desafio-aporte-item{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.02);font-size:.72rem}
.epz-desafio-aporte-email{color:rgba(245,240,232,.75);font-weight:600}
.epz-desafio-aporte-detalle{color:rgba(245,240,232,.5)}
.epz-desafio-historial-label{font-family:'Syne',sans-serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,240,232,.4);margin:14px 0 8px}
.epz-desafio-historial-item{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.02);margin-bottom:6px;font-size:.82rem}
.epz-desafio-historial-top{display:flex;justify-content:space-between;gap:8px}
.epz-desafio-historial-fecha{font-size:.7rem;color:rgba(245,240,232,.4)}
.epz-desafio-historial-participantes{font-size:.7rem;color:rgba(245,240,232,.45)}
.epz-hist-cumplido{color:#5eead4}
.epz-hist-incumplido{color:rgba(245,240,232,.45)}

/* ══ AJUSTES DE TAMAÑO (Textos, áreas e íconos) ══ */

/* 📱 MÓVIL (max-width: 768px): 
   - todos los textos y elementos se escalan con factor 1.3 sobre base
   - se completan todas las reglas que faltaban
*/


/* 💻 ESCRITORIO (min-width: 769px): 
   - todos los textos e iconos se multiplican por 2 (doble del tamaño actual)
   - se duplica el margen inferior del área temática (40px)
   - se aumenta el padding superior de la tarjeta para evitar solape
*/


/* ══ ESTILO PROFESIONAL DE FORMULARIOS (Publicar / Fundar / Desafíos) ══ */
.lb-pro-form{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.lb-pro-section{border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(94,234,212,.16);padding:20px 22px;transition:border-color .25s ease}
.lb-pro-section:focus-within{border-color:rgba(94,234,212,.4)}
.lb-pro-section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(94,234,212,.14)}
.lb-pro-section-num{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:.85rem;color:#5eead4;background:rgba(94,234,212,.12);border:1px solid rgba(94,234,212,.3)}
.lb-pro-section-title{font-family:'Syne',sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem;color:#5eead4}
.lb-pro-section-sub{font-family:'Inter',sans-serif;font-size:.82rem;color:rgba(245,240,232,.5);margin-top:2px}
.lb-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lb-pro-grid .cpz-field{margin-bottom:0}

.lb-pro-photo-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lb-pro-photo-hint{flex:1;min-width:180px;font-family:'Inter',sans-serif;font-size:.82rem;color:rgba(245,240,232,.5);line-height:1.5}
.lb-pro-submit{text-align:center;padding-top:4px}

/* ===== bloque-19-sin-id (bloque 19/22) ===== */
/* Separación tipo "fichero" entre pestañas */
.lb-tab-btn{ position:relative; }
.lb-tab-btn:not(:last-child)::after{
  content:'';
  position:absolute;
  right:0; top:16%; bottom:16%;
  width:1px;
  background:rgba(255,255,255,.10);
}



/* Un solo panel visible, sin animación interna que choque con el slide */
.lb-slide-panel:not(.lb-slide-in){ pointer-events:none; }
#comunidadesPanel.lb-slide-panel,
#experienciasPanel.lb-slide-panel{
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}
#comunidadesPanel.lb-slide-panel.on,
#experienciasPanel.lb-slide-panel.on{
  max-height:none;
  opacity:1;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}
/* Elimina el pulso del punto de sesión en Comunidad y Experiencias */
.cpz-session-dot{ animation:none !important; opacity:0; }
.nav-logo-wrap, .nav-burbinas-wrap, #btnMisionAlt{ transition:opacity .25s ease; }
body.lb-hide-brand .nav-logo-wrap,
body.lb-hide-brand .nav-burbinas-wrap,
body.lb-hide-brand #btnMisionAlt{
  opacity:0;
  pointer-events:none;
}





/* ============================================================
  SECCIONES DE LMPANMEL COMUNIDAD  CPZ STEP CARDS — tarjeta  (Únete / Fundar / Hub / Premios)
   ============================================================ */

   #comunidadesPanel .cpz-step-section,
#experienciasPanel .cpz-step-section{
  position:relative;
  margin:0 auto;
  max-width:760px;
  padding:clamp(18px,3.5vw,28px);
  border-radius:var(--r-lg);
  background:var(--surface);
  border:1px solid var(--border);
  box-shadow:var(--sh-sm);
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  isolation:isolate;
  animation:cpzCardIn .6s var(--ease) both;
  transition:border-color .3s ease, background .3s ease;
}

/* Comunidad: recorta brillos internos */
#comunidadesPanel .cpz-step-section{
  overflow:hidden;
}

/* Premios: el badge sobresale arriba-derecha → no recortar */
#experienciasPanel .cpz-step-section{
  display:none;
  animation:none;
  overflow:visible;
}
#experienciasPanel .cpz-step-section.epz-panel-active{
  display:flex;
  animation:cpzCardIn .5s var(--ease) both;
}

/* Espacio para que el badge no quede bajo las pestañas ni se corte */
/* (ya cubierto arriba: padding-top + overflow en el wrap activo) */
#comunidadesPanel .cpz-step-1,#experienciasPanel .cpz-step-1{ animation-delay:.05s; }
#comunidadesPanel .cpz-step-2,#experienciasPanel .cpz-step-2{ animation-delay:.15s; }
#comunidadesPanel .cpz-step-3,#experienciasPanel .cpz-step-3{ animation-delay:.25s; }
#experienciasPanel .cpz-step-4{ animation-delay:.35s; }
#comunidadesPanel .cpz-step-section::before,
#experienciasPanel .cpz-step-section::before{
  content:'';position:absolute;height:2px;
  background:linear-gradient(90deg,var(--teal-dim),var(--teal),var(--amber));
}
#comunidadesPanel .cpz-step-section:hover,
#experienciasPanel .cpz-step-section:hover{ border-color:var(--border-teal); }

#comunidadesPanel .cpz-step-icon,
#experienciasPanel .cpz-step-icon{
  position:absolute; top:20px; left:20px; z-index:2;
  flex-shrink:0; width:76px; height:76px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 30% 30%,rgba(45,212,191,.35),rgba(45,212,191,.08));
  border:1.5px solid var(--border-teal);
  box-shadow:0 0 22px rgba(45,212,191,.25);
  transition:transform .4s var(--spring);
}
#comunidadesPanel .cpz-step-section:hover .cpz-step-icon,
#experienciasPanel .cpz-step-section:hover .cpz-step-icon{ transform:scale(1.06) rotate(-3deg); }
#comunidadesPanel .cpz-step-icon i,
#experienciasPanel .cpz-step-icon i{ font-size:1.7rem; color:var(--teal); }
#comunidadesPanel .cpz-step-2 .cpz-step-icon,
#experienciasPanel .cpz-step-2 .cpz-step-icon{
  background:radial-gradient(circle at 30% 30%,rgba(245,158,11,.35),rgba(245,158,11,.08));
  border-color:var(--border-amber);
}
#comunidadesPanel .cpz-step-2 .cpz-step-icon i,
#experienciasPanel .cpz-step-2 .cpz-step-icon i{ color:var(--amber); }
#comunidadesPanel .cpz-step-3 .cpz-step-icon,
#experienciasPanel .cpz-step-3 .cpz-step-icon{
  background:radial-gradient(circle at 30% 30%,rgba(255,211,106,.4),rgba(245,158,11,.1));
  border-color:#ffd36a;
}
#comunidadesPanel .cpz-step-3 .cpz-step-icon i,
#experienciasPanel .cpz-step-3 .cpz-step-icon i{ color:#ffd36a; }

#comunidadesPanel .cpz-step-tag,
#experienciasPanel .cpz-step-tag{
  position:absolute; top:-12px; left:88px; z-index:6;
  font-family:var(--font-ui); font-size:.72rem; letter-spacing:.2em; font-weight:700;
  text-transform:uppercase; color:var(--teal); pointer-events:none; white-space:nowrap;
}
#comunidadesPanel .cpz-step-2 .cpz-step-tag,
#experienciasPanel .cpz-step-2 .cpz-step-tag{ color:var(--amber); }
#comunidadesPanel .cpz-step-3 .cpz-step-tag,
#experienciasPanel .cpz-step-3 .cpz-step-tag{ color:#ffd36a; }

#comunidadesPanel .cpz-step-titles,
#experienciasPanel .cpz-step-titles{ flex:1; min-width:200px; margin-left:6px; }
#comunidadesPanel .cpz-step-title,
#experienciasPanel .cpz-step-title{
  font-family:var(--font-display); font-style:italic;
  color:var(--cream); margin-bottom:15px; margin-left:100px; margin-top:40px; line-height:1.25;
}
#comunidadesPanel .cpz-step-title em,
#experienciasPanel .cpz-step-title em{ color:var(--teal); font-style:italic; }
#comunidadesPanel .cpz-step-sub,
#experienciasPanel .cpz-step-sub{
  font-family:var(--font-body); 
  color:var(--cream-dim); line-height:1.6; max-width:520px;
}
#comunidadesPanel .cpz-step-sub strong,
#experienciasPanel .cpz-step-sub strong{ color:var(--cream); font-weight:600; }

#comunidadesPanel .cpz-step-actions,
#experienciasPanel .cpz-step-actions{
  flex-basis:100%; display:flex; flex-direction:column; align-items:center; gap:16px;
  margin-top:20px; padding-top:15px;  border-top:1px solid var(--border);
}

#comunidadesPanel .cpz-seg-toggle,
#experienciasPanel .cpz-seg-toggle{
  display:inline-flex; padding:6px; border-radius:999px;
  border:1.5px solid rgba(94,234,212,.35);
  background:rgba(6,18,16,.55);
}
#comunidadesPanel .cpz-seg-btn,
#experienciasPanel .cpz-seg-btn{
  padding:12px 28px; border-radius:999px;
  border:1.5px solid transparent; background:transparent;
  color:rgba(245,240,232,.5); font-family:var(--font-ui);
  font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  cursor:pointer; transition:all .3s var(--ease);
}
#comunidadesPanel .cpz-seg-btn:hover:not(.active),
#experienciasPanel .cpz-seg-btn:hover:not(.active){ color:#fff; }
#comunidadesPanel .cpz-seg-btn.active,
#experienciasPanel .cpz-seg-btn.active{
  border-color:#5eead4; color:#5eead4; background:rgba(94,234,212,.07);
}

#comunidadesPanel .cpz-tus-link,
#experienciasPanel .cpz-tus-link{
  display:inline-flex; align-items:center; gap:7px;
  background:none; border:none; padding:0 0 8px;
  color:rgba(245,240,232,.55); font-family:var(--font-ui);
  font-size:.78rem; letter-spacing:.2em; text-transform:uppercase;
  font-weight:700; cursor:pointer; position:relative; transition:color .3s ease;
}
#comunidadesPanel .cpz-tus-link::after,
#experienciasPanel .cpz-tus-link::after{
  content:''; position:absolute; left:50%; bottom:0;
  transform:translateX(-50%); width:80%; height:1px;
  background:linear-gradient(90deg, transparent, rgba(94,234,212,.55), transparent);
}
#comunidadesPanel .cpz-tus-link:hover,
#experienciasPanel .cpz-tus-link:hover{ color:#fff; }
#comunidadesPanel .cpz-tus-link.active,
#experienciasPanel .cpz-tus-link.active{ color:#5eead4; }
#comunidadesPanel .cpz-tus-link.active::after,
#experienciasPanel .cpz-tus-link.active::after{
  background:linear-gradient(90deg, transparent, #5eead4, transparent); height:2px;
}
#comunidadesPanel .cpz-tus-star,
#experienciasPanel .cpz-tus-star{ color:#5eead4; }
#comunidadesPanel .cpz-fundar-toggle-btn{
  display:inline-flex; align-items:center; gap:8px;
  margin-top:10px; padding:9px 20px;
  border-radius:999px; border:1px solid rgba(245,158,11,.35);
  background:rgba(245,158,11,.06); color:#f5b34f;
  font-family:'Syne',sans-serif; font-size:.74rem; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; cursor:pointer;
  transition:all .3s ease;
}
#comunidadesPanel .cpz-fundar-toggle-btn:hover{
  background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.55);
  transform:translateY(-1px);
}
#comunidadesPanel .cpz-fundar-toggle-icon{ font-size:1em; }
#comunidadesPanel .cpz-step-actions .nav-burbinas-count,
#experienciasPanel .cpz-step-actions .nav-burbinas-count{
  font-family:var(--font-ui); font-weight:700; font-size:.82rem;
  color:var(--teal); padding:8px 14px; border-radius:999px;
  background:var(--teal-faint); border:1px solid var(--border-teal);
}




#comunidadesPanel .cpz-grid-empty{
  text-align:center; padding:44px 20px; color:rgba(43,32,20,.7);
  font-family:'Inter',sans-serif; font-size:1rem; line-height:1.6;
}
#comunidadesPanel .cpz-grid-empty-icon{ font-size:2rem; display:block; margin-bottom:10px; }

#comunidadesPanel .cpz-grid-empty{
  text-align:center; padding:44px 20px; color:rgba(43,32,20,.7);
  font-family:'Inter',sans-serif; font-size:1rem; line-height:1.6;
}
#comunidadesPanel .cpz-grid-empty-icon{ font-size:2rem; display:block; margin-bottom:10px; }

#burberosMundoSection{ display:none !important; }
#burberosMundoSection.lb-slide-panel.lb-slide-in{ display:block !important; }
#cpzGrid{ display:none; }
#cpzGrid.cpz-grid-visible{ display:block; }


#comunidadesPanel .cpz-lista-vista{ max-width:820px; margin:0 auto; }
#comunidadesPanel .cpz-vista-card{
  display:flex;align-items:center;gap:14px;
  padding:14px 16px;border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(94,234,212,.14);
  margin-bottom:12px;cursor:pointer;
  transition:all .25s ease;
}
#comunidadesPanel .cpz-vista-card:hover{
  border-color:rgba(94,234,212,.4);
  background:rgba(94,234,212,.06);
  transform:translateY(-2px);
}
#comunidadesPanel .cpz-vista-card-img{
  width:76px;height:76px;border-radius:50%;object-fit:cover;flex-shrink:0;
  border:1.5px solid rgba(94,234,212,.3);
}
#comunidadesPanel .cpz-vista-card-texts{flex:1;min-width:0}
#comunidadesPanel .cpz-vista-card-nombre{
  font-family:'Instrument Serif',Georgia,serif;font-style:italic;
  color:#f5f0e8;font-size:1.45rem;margin-bottom:6px;line-height:1.25;
}
#comunidadesPanel .cpz-vista-card-sub{
  font-size:1.25rem;color:rgba(245,240,232,.65);margin-top:2px;line-height:1.4;
}
#comunidadesPanel .cpz-vista-card-highlight{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Syne',sans-serif;font-weight:700;font-size:1.35rem;
  color:#ffd36a;background:rgba(245,158,11,.1);
  border:1px solid rgba(245,158,11,.3);
  padding:6px 14px;border-radius:999px;margin-top:8px;
}
#comunidadesPanel .cpz-vista-card-highlight-vacio{
  color:rgba(245,240,232,.5);
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.1);
}

/* ── Escala tipográfica proporcional (parche global) ── */
:root{
  --fs-xs: clamp(.72rem, .65rem + .3vw, .85rem);
  --fs-sm: clamp(.82rem, .75rem + .35vw, .95rem);
  --fs-md: clamp(.92rem, .85rem + .4vw, 1.05rem);
  --fs-lg: clamp(1.05rem, .95rem + .55vw, 1.3rem);
  --fs-xl: clamp(1.3rem, 1.1rem + 1vw, 1.8rem);
}


.rec-tab, .m-tab, .cpz-reglas-tab{ font-size:var(--fs-sm) !important; }
.cpz-btn, .cpz-mini-btn, .cpz-fundar-btn, .cpz-ingresar-btn,
.pb-btn, .pb-btn-link, .lg-btn, .hub-cta-btn{ font-size:var(--fs-sm) !important; padding:12px 20px !important; }


body.lb-panel-mode .hero,
body.lb-panel-mode #proyectosSection,
body.lb-panel-mode .recursos,
body.lb-panel-mode .social-proof,
body.lb-panel-mode .hub-cta-section,
body.lb-panel-mode .footer{ display:none !important; }
#lbPanelStage{ position:relative; z-index:850; }






/* Asegura scroll completo en el panel Burberos por el Mundo */
#mundoImpactoPanel .panel-scroll {
  padding-bottom: 100px !important;  /* antes 40px */
}

/* Opcional: da un poco más de espacio al último bloque */
#mundoImpactoPanel .mi-cierre {
  margin-bottom: 16px;
}

/* ===== fondear-modal-fix (bloque 20/22) ===== */
/* ============================================================
   FIX: modal "Apoya la misión" (#fondearModal) — le faltaban
   las clases base (.lb-mc, .lb-mc-x, .lb-ml, .lb-sep) y el
   comportamiento de overlay fijo que sí tienen el resto de
   los modales del sitio.
   ============================================================ */
   #fondearModal .lb-mc-nosotros{ max-width:640px; }
#fondearModal .lb-mb{
  max-height:82vh;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--teal-faint) transparent;
}
#fondearModal .lb-mb::-webkit-scrollbar{ width:4px; }
#fondearModal .lb-mb::-webkit-scrollbar-thumb{ background:var(--teal-faint); border-radius:4px; }

.lbn-vision-text{
  font-family:var(--font-body);
  font-size:1rem;
  line-height:1.7;
  color:var(--cream-dim);
}
.lbn-vision-text strong{ color:var(--cream); font-weight:500; }

.lbn-team-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:14px 0 22px;
}
.lbn-team-card{
  text-align:center;
  padding:18px 12px;
  border-radius:16px;
  background:var(--surface);
  border:1px solid var(--border);
}
.lbn-team-avatar{
  width:52px; height:52px; margin:0 auto 10px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-style:italic; font-size:1.1rem;
  color:var(--teal);
  background:var(--teal-faint);
  border:1px solid var(--border-teal);
}
.lbn-team-name{ font-family:var(--font-display); font-style:italic; font-size:1.05rem; color:var(--cream); margin-bottom:2px; }
.lbn-team-role{ font-family:var(--font-ui); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--teal); font-weight:700; margin-bottom:6px; }
.lbn-team-desc{ font-size:.82rem; color:var(--cream-dim); line-height:1.5; }

.lbn-mentors-label{
  text-align:center;
  font-family:var(--font-ui);
  font-size:.7rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--cream-faint);
  margin-bottom:12px;
}
.lbn-mentors-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin-bottom:6px;
}
.lbn-mentor-item{ display:flex; flex-direction:column; align-items:center; gap:5px; cursor:pointer; }
.lbn-mentor-avatar{
  width:40px; height:40px; border-radius:50%;
  border:1.5px solid var(--border);
  background:var(--surface);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  transition:border-color .3s ease, transform .3s var(--spring);
}
.lbn-mentor-avatar img{ width:100%; height:100%; object-fit:cover; }
.lbn-mentor-item:hover .lbn-mentor-avatar{ border-color:var(--teal); transform:translateY(-2px); }
.lbn-mentor-item span{ font-family:var(--font-ui); font-size:.62rem; letter-spacing:.06em; text-transform:uppercase; color:var(--cream-faint); text-align:center; }

.lbn-recursos-toggle{
  display:flex; align-items:center; justify-content:space-between;
  width:100%; padding:13px 18px;
  border-radius:12px;
  border:1px solid var(--border-teal);
  background:var(--teal-faint);
  color:var(--teal);
  font-family:var(--font-ui); font-weight:700; font-size:.85rem; letter-spacing:.1em; text-transform:uppercase;
  cursor:pointer;
  transition:background .3s ease;
}
.lbn-recursos-toggle:hover{ background:rgba(45,212,191,.16); }
.lbn-recursos-arrow{ transition:transform .3s var(--spring); }
.lbn-recursos-toggle.open .lbn-recursos-arrow{ transform:rotate(180deg); }

.lbn-recursos-body{
  max-height:0; opacity:0; overflow:hidden;
  transition:max-height .5s var(--ease), opacity .35s ease, margin .5s ease;
}
.lbn-recursos-body.open{ max-height:600px; opacity:1; margin-top:14px; }

.lbn-recursos-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.lbn-recursos-tab{
  padding:8px 16px; border-radius:999px;
  border:1px solid var(--border);
  background:var(--bg-card);
  color:var(--cream-faint);
  font-family:var(--font-ui); font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; font-weight:700;
  cursor:pointer;
  transition:all .25s ease;
}
.lbn-recursos-tab:hover{ color:var(--cream); }
.lbn-recursos-tab.active{ color:var(--teal); border-color:var(--border-teal); background:var(--teal-faint); }

.lbn-recursos-panel{ display:none; }
.lbn-recursos-panel.active{ display:block; }
.lbn-link-list{ list-style:none; display:flex; flex-direction:column; gap:12px; }
.lbn-link-list li{ padding-bottom:10px; border-bottom:1px solid var(--border); }
.lbn-link-list li:last-child{ border-bottom:none; padding-bottom:0; }
.lbn-link-list a{
  display:block;
  font-family:var(--font-body); font-weight:500; font-size:.92rem;
  color:var(--cream); text-decoration:none; margin-bottom:3px;
}
.lbn-link-list a:hover{ color:var(--teal); }
.lbn-link-list span{ display:block; font-size:.8rem; color:var(--cream-faint); line-height:1.5; }


#fondearModal{
  position:fixed;
  inset:0;
  z-index:10060;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(6,16,14,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
#fondearModal.show{ display:flex; }
#fondearModal .modal-dialog{ margin:auto; pointer-events:none; }
#fondearModal .modal-content{ pointer-events:all; }

#fondearModal .lb-mc{
  position:relative;
  background:var(--bg-2);
  border:1px solid var(--border-teal);
  border-radius:var(--r-xl);
  box-shadow:0 32px 90px rgba(0,0,0,.7);
  overflow:hidden;
  transform:translateY(18px) scale(.98);
  opacity:0;
  transition:transform .4s var(--ease), opacity .3s var(--ease);
}
#fondearModal.show .lb-mc{ transform:translateY(0) scale(1); opacity:1; }
#fondearModal .lb-mc::before{
  content:'';
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 60% 40% at 10% 0%, var(--teal-faint) 0%, transparent 60%),
             radial-gradient(ellipse 42% 45% at 90% 100%, var(--amber-faint) 0%, transparent 60%);
}
#fondearModal .lb-mb{
  position:relative; z-index:1;
  padding:clamp(24px,4vw,36px) clamp(20px,4vw,36px) clamp(26px,4vw,32px);
}
#fondearModal .lb-mc-x{
  position:absolute; top:16px; right:16px; z-index:2;
  width:36px; height:36px; border-radius:50%;
  border:1px solid var(--border-teal);
  background:var(--teal-faint); color:var(--teal);
  display:flex; align-items:center; justify-content:center;
  font-size:.85rem; cursor:pointer;
  transition:all .3s var(--spring);
}
#fondearModal .lb-mc-x:hover{ background:var(--teal); color:var(--bg); transform:rotate(90deg); }
#fondearModal .lb-ml{
  font-family:var(--font-ui);
  font-size:.85rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--teal);
  font-weight:700;
  margin-bottom:10px;
  display:flex; align-items:center; gap:8px;
}
#fondearModal .lb-ml::before{ content:''; width:22px; height:2px; background:var(--teal); opacity:.5; }
#fondearModal .lb-sep{
  height:1px;
  background:var(--border);
  margin:18px 0;
}

/* Textos más grandes y prolijos en escritorio, para los 3
   paneles: Recursos, Visión y Apoyo (sin !important) */


/* ===== nav-burbinas-glass-fix (bloque 21/22) ===== */
.nav-burbinas-wrap{
  display:flex;
  align-items:center;
  gap:2px;
  padding:6px 14px 6px 6px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(45,212,191,.14), rgba(8,20,18,.30));
  border:1px solid rgba(45,212,191,.26);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  transition:background .35s ease, border-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
}
.nav-burbinas-wrap:hover{
  background:linear-gradient(135deg, rgba(45,212,191,.22), rgba(8,20,18,.36));
  border-color:rgba(45,212,191,.42);
}
#btnMisionAlt{ padding:0 8px 0 6px; }

/* El fondo de vidrio desaparece al scrollear (misma condición que activa .nav.scrolled) */
.nav.scrolled .nav-burbinas-wrap{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* ===== cpd-detalle-spacing-fix (bloque 22/22) ===== */
/* ============================================================
   Corrige el espaciado de la vista de detalle de comunidad
   (portada, botones y caja comunitaria) para que nunca se
   solapen, siguiendo la misma proporción responsive que usa
   .cpz-step-section / .cpz-step-sub (mobile <=768 / desktop >=769).
   ============================================================ */

#comunidadesPanel .cpd-cover-bottom > span:empty{ display:none; }












/* ============================================================
   1.b MEDIA QUERIES NO LIGADAS AL ANCHO (ej: prefers-reduced-motion)
   ============================================================ */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms;transition-duration:.01ms}}

@media(prefers-reduced-motion:reduce){
  .hero-title .htl-em em,
  .hero-title .htl-em em::before{animation:none}
}

@media(prefers-reduced-motion:reduce){.hero-bubble{display:none}.hero-plane{display:none}}

@media(prefers-reduced-motion:reduce){.lbp-orb-icon,.lbp-orb-ring{animation:none}}










/* ============================================================
   2. ESCRITORIO — @media(min-width:...)  [de menor a mayor breakpoint]
   ============================================================ */
@media(max-width:300px){.pb-cards-row{grid-template-columns:1fr 1fr}}

@media(min-width:769px) and (max-width:1000px){.rec-groups{grid-template-columns:repeat(2,1fr)}}

@media(min-width:769px) and (max-width:1000px){.sp-grid{grid-template-columns:1fr 1fr}}

@media(min-width:769px){.rec-panel-icon{width:88%;height:88%}.rec-panel-icon img{width:110%;height:110%}}

@media (min-width: 769px){
  .nav-logo {
    width: 290px!important;  }
   .nav-sub {
    font-size: 1.68rem!important;    }
    .nav-burbina-icon-btn {
    width: 92px!important;   /* 58px × 1.6 */
    height: 92px!important;
  }
  .nav-burbinas-num {
    font-size: 3.04rem!important;  /* 1.9rem × 1.6 */
  }
  .nav-burbinas-label {
    font-size: 1.44rem!important;  /* 0.9rem × 1.6 */
  }
    .hero-cta-pill {
    font-size: 21px!important;      /* 15px × 1.4 */
    padding: 20px 32px!important;   /* ajuste manual para mayor tamaño */
  }
   .hero-desc-b {
    font-size: 1.5rem!important;    /* 0.85rem × 0.7 ≈ 0.6rem */
  }
  .lb-tab-btn {
    font-size: 1.6rem!important;    /* 0.9rem × 1.8 */
  }
  .lb-tab-btn svg {
    width: 36px!important;          /* 20px × 1.8 */
    height: 36px!important;
  }


    .nav-links{
    align-items: center;
    transform:translateY(20%);
    display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;
    gap:clamp(2px,1.2vw,6px);
    padding:8px clamp(8px,4vw,18px) 4px;
    background:rgba(14,11,7,0.92);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border-radius:0 0 14px 14px;
    border:none;z-index:1;
    opacity:0;pointer-events:none;
    transition:opacity .3s var(--ease),transform .3s var(--ease);
    justify-content: center;
    pointer-events: none;
  }
  
  .nav.nav-links-open .nav-links{opacity:1;pointer-events:auto;transform:translateY(100%)}
  .nav-link{
    flex:1 1 0;
    min-width:0;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    padding:10px 12px;
    border-radius:0 0 9px 9px;
    white-space:nowrap;
  }
  .nav-link-icon{display:none}
  .nav-link-text{
    color:#fff;
    font-family:var(--font-ui);
    font-size:clamp(9px,1.1vw,13px);
    letter-spacing:.05em;
    font-weight:700;
    white-space:nowrap;
    text-align:center;
  }
  .nav-link.active .nav-link-text,.nav-link:hover .nav-link-text{color:#1aa896}

  .hero-cta-row{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:25px !important;
    width:auto !important;
  }
  .hero-cta-row .hero-cta-wrap{
    width:auto !important;
    flex:0 0 auto !important;
  }
  .hero-cta-row .hero-cta-pill{
    width:auto !important;
    max-width:none !important;
  }

}

@media(min-width:769px){
  .pb-chart-title{font-size:1.3rem}
  .pb-chart-row{height:170px}
  .pb-chart-col{width:66px}
  .pb-chart-stat-num{font-size:1.6rem}
  .pb-chart-stat-lbl{font-size:.7rem}
  .pb-chart-conclusion{font-size:.95rem}
  .pb-chart-bar-val{font-size:1rem}
  .pb-chart-label{font-size:.85rem}
  .pb-chart-daynum{font-size:.78rem}
}

@media(min-width:769px){
  #panelmision .panel-brand{font-size:1.5rem;letter-spacing:.34em;font-weight:800;color:var(--teal);font-family:var(--font-ui);font-style:normal;text-shadow:0 0 20px rgba(45,212,191,.3);text-align:center;margin-bottom:18px}
  #panelmision .pb-ring-max,#panelmision .pb-ring-bar-labels{font-size:1.3rem!important}
  #panelmision .pb-actividad-item{font-size:1.35rem!important}
  #panelmision .pb-actividad-fecha,#panelmision .pb-vacio,#panelmision .pb-ver-mas{font-size:1.25rem!important}
  #panelmision .pb-logro-nota{font-size:1.3rem!important;padding:18px!important}
  #panelmision .pb-info-title{font-size:1.35rem!important}
  #panelmision .pb-info-text{font-size:1.3rem!important;line-height:1.65!important}
  #panelmision .pb-como-sumar-label{font-size:1.3rem!important}
  #panelmision .pb-sumar-label{font-size:1.2rem!important}
  #panelmision .pb-sumar-valor{font-size:1.4rem!important}
  #panelmision .pb-nivel-label{font-size:1.2rem!important}
  #panelmision .pb-nivel-nombre{font-size:1.4rem!important}
  #panelmision .pb-nivel-msg{font-size:1.3rem!important}
  #panelmision .pb-detalles-section-sub{font-size:1.65rem!important}
  #panelmision .pb-earn-desc,#panelmision .pb-use-desc,#panelmision .pb-advertencia-desc{font-size:1.45rem!important}
  #panelmision .pb-login-sub,#panelmision .pb-status{font-size:1.25rem!important}
  #panelmision .burbina-item-desc{font-size:1.3rem!important}
}

@media(min-width:769px){
  #panelmision{padding:64px 44px 36px}
  #panelmision .panel-scroll{padding:40px 44px 36px}
  #panelmision .pb-saldo-row{gap:10px;margin-bottom:8px}
  #panelmision .panel-brand{font-family:var(--font-ui);font-style:normal;font-size:1.25rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--teal)}
  #panelmision .pb-saldo-num{font-size:3.6rem;line-height:1;letter-spacing:.01em}
  #panelmision .panel-rule{margin:28px 0}
  #panelmision .pb-login-sub{font-size:1.2rem;line-height:1.65;max-width:420px;margin:0 auto}
  #panelmision .pb-ingresar-btn{font-size:1.25rem;padding:15px 34px;letter-spacing:.16em}
  #panelmision .pb-login-form.open{margin-top:22px}
  #panelmision .pb-field{margin-bottom:16px}
  #panelmision .pb-field label{font-size:1.25rem;letter-spacing:.12em;margin-bottom:8px}
  #panelmision .pb-field input{font-size:1.2rem;padding:13px 15px}
  #panelmision .pb-btn{font-size:1.25rem;padding:15px}
  #panelmision .pb-btn-link{font-size:1.3rem;padding:12px}
  #panelmision .pb-status{font-size:1.2rem}
  #panelmision .pb-sesion-badge{font-size:1.25rem;margin-bottom:26px}
  #panelmision .pb-geo-btn{padding:30px 22px;border-radius:26px}
  #panelmision .pb-geo-icon{width:58px;height:58px}
  #panelmision .pb-geo-text{font-size:1.25rem;letter-spacing:.09em}
  #panelmision .pb-geo-sub{font-size:1.2rem;max-width:380px;margin:16px auto 0;line-height:1.6}
  #panelmision .pb-btn-link.pb-logout{margin-top:18px}
  #panelmision .panel-sec-label{font-size:1.25rem;letter-spacing:.22em;line-height:1.65}
  #panelmision .burbina-list{gap:18px}
  #panelmision .burbina-item{padding:20px 22px;gap:16px;border-radius:16px}
  #panelmision .burbina-item-icon{font-size:1.5rem}
  #panelmision .burbina-item-title{font-size:1.6rem;letter-spacing:.07em;margin-bottom:2px;display:block}
  #panelmision .burbina-item-desc{font-size:1.35rem;line-height:1.75;color:rgba(245,240,232,.7)}
  #panelmision .panel-scroll > .burbina-item-texts{padding:4px 2px 0}
}

@media(min-width:769px){.pb-detalles-toggle{font-size:.85rem;padding:12px 22px}}

@media(min-width:769px){

  /* ============================================================
     TODAS LAS CLASES DE TEXTO DEL PANEL "TUS BURBINAS"
     Aumentadas un 30% (salvo indicación contraria) y con !important
     ============================================================ */

  /* --- Encabezados y etiquetas generales --- */
    #panelmision .panel-brand {
    font-size: 2.99rem !important;      /* 1.76 × 1.7 */
  }
  #panelmision .panel-sec-label {
    font-size: 1.63rem !important;      /* 1.25 × 1.3 */
  }

  /* --- Saldo y anillo de progreso --- */
  #panelmision .pb-saldo-num {
    font-size: 4.68rem !important;      /* 3.6 × 1.3 */
  }
  #panelmision .pb-ring-max,
  #panelmision .pb-ring-bar-labels {
    font-size: 1.69rem !important;      /* 1.3 × 1.3 */
  }

  /* --- TEXTO "Te faltan ..." (el DOBLE de grande) --- */
  #panelmision .pb-ring-info-title {
    font-size: 2.80rem !important;      /* 1.4 × 2 */
  }

  /* --- Actividad reciente --- */
  #panelmision .pb-actividad-item {
    font-size: 1.76rem !important;      /* 1.35 × 1.3 */
  }
  #panelmision .pb-actividad-fecha,
  #panelmision .pb-vacio,
  #panelmision .pb-ver-mas {
    font-size: 1.63rem !important;      /* 1.25 × 1.3 */
  }

  /* --- Logros (nombre y cantidad) +30% y sin saltos --- */
  #panelmision .pb-logro-label {
    font-size: 1.37rem !important;      /* 1.05 × 1.3 */
    white-space: nowrap !important;
  }
  #panelmision .pb-logro-umbral {
    font-size: 1.3rem !important;      /* 0.85 × 1.3 */
    white-space: nowrap !important;
  }

  #panelmision .pb-logro-nota {
    font-size: 1.69rem !important;      /* 1.3 × 1.3 */
  }

  /* --- Tarjetas de información general --- */
   #panelmision .pb-info-title {
    font-size: 2.99rem !important;      /* 1.76 × 1.7 */
  }
  #panelmision .pb-info-text {
    font-size: 2.87rem !important;      /* 1.69 × 1.7 */
  }

  /* --- Cómo sumar (mini círculos) --- */
  #panelmision .pb-como-sumar-label {
    font-size: 1.69rem !important;      /* 1.3 × 1.3 */
  }
  #panelmision .pb-sumar-label {
    font-size: 1.56rem !important;      /* 1.2 × 1.3 */
  }
  #panelmision .pb-sumar-valor {
    font-size: 1.82rem !important;      /* 1.4 × 1.3 */
  }

  /* --- Nivel actual --- */
  #panelmision .pb-nivel-label {
    font-size: 1.56rem !important;      /* 1.2 × 1.3 */
  }
  #panelmision .pb-nivel-nombre {
    font-size: 1.82rem !important;      /* 1.4 × 1.3 */
  }
    #panelmision .pb-nivel-msg {
    font-size: 2.87rem !important;      /* 1.69 × 1.7 */
  }

  /* --- Login / sesión --- */
  #panelmision .pb-login-sub,
  #panelmision .pb-status {
    font-size: 1.63rem !important;      /* 1.25 × 1.3 */
  }
  #panelmision .pb-ingresar-btn {
    font-size: 1.63rem !important;      /* 1.25 × 1.3 */
  }
  #panelmision .pb-field label {
    font-size: 1.63rem !important;      /* 1.25 × 1.3 */
  }
  #panelmision .pb-field input {
    font-size: 1.56rem !important;      /* 1.2 × 1.3 */
  }
  #panelmision .pb-btn {
    font-size: 1.63rem !important;      /* 1.25 × 1.3 */
  }
  #panelmision .pb-btn-link {
    font-size: 1.69rem !important;      /* 1.3 × 1.3 */
  }
  #panelmision .pb-sesion-badge {
    font-size: 1.63rem !important;      /* 1.25 × 1.3 */
  }

  /* --- Botón Punto Geo --- */
  #panelmision .pb-geo-text {
    font-size: 1.63rem !important;      /* 1.25 × 1.3 */
  }
  #panelmision .pb-geo-sub {
    font-size: 1.56rem !important;      /* 1.2 × 1.3 */
  }

  /* --- Burbina (icono y etiqueta) --- */
  #panelmision .pb-punto-label {
    font-size: 1.69rem !important;      /* 1.3 × 1.3 */
  }

  /* --- Lista de "qué hacer con tus burbinas" --- */
  #panelmision .burbina-item-icon {
    font-size: 1.95rem !important;      /* 1.5 × 1.3 */
  }
  #panelmision .burbina-item-title {
    font-size: 2.08rem !important;      /* 1.6 × 1.3 */
  }
  #panelmision .burbina-item-desc {
    font-size: 1.69rem !important;      /* 1.3 × 1.3 */
  }

  /* ============================================================
     SECCIÓN "CÓMO GANAR / USAR BURBINAS"
     ============================================================ */

  /* --- Títulos y encabezados (+30%) --- */
  .pb-detalles-toggle-left {
    font-size: 2.02rem !important;      /* 1.55 × 1.3 */
  }
  .pb-detalles-section-title {
    font-size: 3.54rem !important;      /* 2.08 × 1.7 */
  }
  .pb-detalles-section-sub {
    font-size: 3.21rem !important;      /* 1.89 × 1.7 */
  }
  .pb-earn-title {
    font-size: 1.95rem !important;      /* 1.5 × 1.3 */
  }
  .pb-earn-valor {
    font-size: 2.08rem !important;      /* 1.6 × 1.3 */
  }
  .pb-use-title {
    font-size: 2.02rem !important;      /* 1.55 × 1.3 */
  }
  .pb-advertencia-title {
    font-size: 1.82rem !important;      /* 1.4 × 1.3 */
  }

  /* --- Textos de descripción (+50%) --- */
  .pb-earn-desc {
    font-size: 1.88rem !important;      /* 1.25 × 1.5 */
  }
  .pb-use-desc {
    font-size: 1.88rem !important;      /* 1.25 × 1.5 */
  }
  .pb-advertencia-desc {
    font-size: 1.88rem !important;      /* 1.25 × 1.5 */
  }
}

@media (min-width: 769px){
  .panel {
    width: min(920px, 112vw) !important;
    padding: 64px 44px 36px;
  }
}

@media(min-width:769px){
  .epz-desc-filtro-label{font-size:2.4rem!important}
  .epz-desc-chip{font-size:2.1rem!important;padding:14px 26px!important;border-radius:26px!important}
}

@media(min-width:769px){ .hero-wish-bubble{font-size:2.9rem;padding:20px 26px;min-width:190px;max-width:270px} }

@media(min-width:769px){
  .pb-ring-svg{width:200px !important;height:200px !important}
  .pb-ring-num{font-size:2.8rem !important}
  .pb-ring-max{font-size:1.3rem !important}
  .pb-ring-info-title{font-size:1.4rem !important}
  .pb-ring-bar-labels{font-size:1.3rem !important}
  .pb-cards-row{grid-template-columns:1fr 1fr !important;gap:18px !important}
  .pb-card{padding:22px !important}
  .pb-card-title{font-size:2.38rem !important}
  .pb-actividad-item{font-size:1.3rem !important;padding:12px 0 !important}
  .pb-actividad-fecha{font-size:1.2rem !important}
  .pb-vacio,.pb-ver-mas{font-size:1.25rem !important}
.pb-logro-label{font-size:1.05rem !important;letter-spacing:.02em !important}
  .pb-logro-umbral{font-size:.95rem !important}
  .pb-logro-item.pb-logro-fundador .pb-logro-label,.pb-logro-item.pb-logro-constructor .pb-logro-label{font-size:1.15rem !important}
  .pb-logro-nota{font-size:1.3rem !important;padding:16px !important}
  .pb-info-row{padding:20px 24px !important;gap:18px !important}
  .pb-info-icon{width:50px !important;height:50px !important}
  .pb-info-title{font-size:1.3rem !important}
  .pb-info-text{font-size:1.3rem !important;line-height:1.6 !important}
  .pb-como-sumar-label{font-size:1.3rem !important;margin:32px 0 20px !important}
  .pb-sumar-circle{width:62px !important;height:62px !important;font-size:1.4rem !important}
  .pb-sumar-label{font-size:1.2rem !important}
  .pb-sumar-valor{font-size:1.4rem !important}
  .pb-nivel-actual{padding:18px 20px !important}
  .pb-nivel-badge{width:50px !important;height:50px !important;font-size:1.4rem !important}
  .pb-nivel-label{font-size:1.2rem !important}
  .pb-nivel-nombre{font-size:1.4rem !important}
  .pb-nivel-msg{font-size:1.3rem !important}
  .pb-punto-btn{width:64px !important;height:64px !important}
  .pb-punto-label{font-size:1.3rem !important}

  .hero-desc{font-size:2.6rem !important;  max-width: 700px!important;}
  .hero-eyebrow span{font-size:1.5rem !important}
  
  .hero-scroll span{font-size:1.5rem !important}
  .hero-feature span em{font-size:1.5rem !important}
  .proj-label{font-size:1.5rem !important}
  .proj-btn.btn-otros .proj-label{font-size:1.5rem !important}
  
  .hero-cta-price{font-size:1.5rem !important}
.hero-title {font-size:9.9rem!important;
    max-width: 600px !important;  /* Elimina la restricción de 640px */
    width: 100% !important;                 /* Ocupa todo el ancho del contenedor */
  }
  .hero-cta-text{font-size:2.3rem !important;letter-spacing:.12em !important;font-weight:700 !important;color:#fff !important;text-transform:uppercase !important}
  .hero-desc-b{font-size:2rem !important;letter-spacing:.12em !important;font-weight:700 !important}
  .hero-plane{offset-path:path("M -120 640 C 150 600, 380 560, 620 500 C 880 440, 1140 350, 1400 240 C 1520 190, 1600 150, 1720 90") !important;animation-duration:34s !important}
}

@media(min-width:769px){
  .rec-panel-icon{width:44%;height:44%}
  .rec-tab{font-size:1.3rem}
  .rec-tab-num{font-size:1.3rem}
  .rec-clave-label{font-size:1.3rem}
  .rec-clave-btn{font-size:1.3rem}
  .rec-panel-num{font-size:2rem}
  .rec-panel-desc{font-size:2.1rem!important}
  .rec-cta-inline{font-size:1.3rem}
  .rec-res-label p{font-size:1.3rem}
  .rec-res-toggle{font-size:1.3rem}
  .rec-group-label{font-size:1.3rem}
  .link-a{font-size:1.3rem}
  .link-desc{font-size:1.3rem}
}

@media(min-width:769px){
  .sp-label{font-size:1.3rem}
  .testimonial-loc{font-size:1.3rem}
}

@media(min-width:769px){
  .m-label{font-size:1.3rem}
  .m-sub{font-size:1.6rem}
  .m-tab{font-size:1.3rem}
  .m-sec-title{font-size:1.3rem}
  .m-acc-answer-inner{font-size:1.3rem}
  .m-lifestyle-label{font-size:1.3rem}
  .m-lifestyle-text{font-size:1.3rem}
  .m-footer-cta{font-size:1.3rem}
  .equipo-toggle-btn{font-size:1.3rem}
  .director-pos{font-size:1.3rem}
  .director-desc{font-size:1.3rem}
  .mentor-item p{font-size:1.3rem}
  .mentor-text{font-size:1.3rem}
}

@media(min-width:769px){
  #lodgeSection .lodge-shell{
    inset:18px;
    width:auto;height:calc(100dvh - 36px);
    max-width:1440px;
    border-radius:26px;
    border:1px solid rgba(94,234,212,.25);
    box-shadow:0 40px 110px rgba(0,0,0,.55);
  }
}

@media(min-width:769px){
  .lodge-label{font-size:1.3rem}
  .lodge-text{font-size:1.3rem}
  .lodge-text-note{font-size:1.3rem}
  .lodge-pillar-label{font-size:1.3rem}
  .lodge-pillar-desc{font-size:1.3rem}
  .lodge-cta-badge{font-size:1.3rem}
  .lodge-cta-btn{font-size:1.3rem}
  .lodge-prog-row{font-size:1.3rem}
  .btn-amber{font-size:1.3rem}
  .btn-ghost{font-size:1.3rem}
}

@media(min-width:769px){
  .fondear-text{font-size:1.3rem}
  .fondear-methods-label{font-size:1.3rem}
  .fondear-pago-nombre{font-size:1.3rem}
  .clave-item{font-size:1.3rem}
}

@media(min-width:769px){
  .lbp-label{font-size:1.3rem}
  .lbp-title{font-size:1.3rem}
  .lbp-desc{font-size:1.3rem}
  .lbp-open-new{font-size:1.3rem}
}

@media(min-width:769px){
  .footer-tagline{font-size:1.3rem}
  .footer-copy{font-size:1.3rem}
}

@media(min-width:769px){
  #comunidadesPanel .cpz-mp-header-title{font-size:2.1rem}
  #comunidadesPanel .cpz-mp-header-sub{font-size:1.35rem;max-width:560px;line-height:1.65}
  #comunidadesPanel .cpz-mp-saldo-label{font-size:1.25rem}
  #comunidadesPanel .cpz-mp-saldo-num{font-size:1.9rem}
  #comunidadesPanel .cpz-mp-option{padding:30px 28px 28px}
  #comunidadesPanel .cpz-mp-option-badge{font-size:.85rem;padding:6px 16px}
  #comunidadesPanel .cpz-mp-option-icon{font-size:2.3rem}
  #comunidadesPanel .cpz-mp-option-title{font-size:1.5rem}
  #comunidadesPanel .cpz-mp-option-desc{font-size:1.2rem;line-height:1.65}
  #comunidadesPanel .cpz-mp-option-falta{font-size:1.1rem;padding:12px 16px}
  #comunidadesPanel .cpz-mp-option-btn{font-size:1.15rem;padding:17px}
  #comunidadesPanel .cpz-mp-divider-full{font-size:.9rem}
  #comunidadesPanel .cpz-mp-obtener{font-size:1.35rem;padding:14px}
}

@media(min-width:769px){
  .panel-izq{ width:min(560px,94vw); }
  .mi-stats-row{ grid-template-columns:repeat(4,1fr); }
  .mi-huella-grid{ grid-template-columns:repeat(4,1fr); }
  .mi-huella-item-impacto{ grid-column:auto; }
  .mi-map-wrap{ height:340px; }
}

@media(min-width:769px){
    .muro-nombre{font-size:2rem!important}
    .testimonial-quote{font-size:2rem!important}

  #comunidadesPanel .cpz-explain-title,#comunidadesPanel .cpz-explain-desc{font-size:1.3rem!important}
  #comunidadesPanel .cpz-panel-footer{font-size:1.3rem!important}
  #comunidadesPanel .cpz-reglas-toggle{font-size:1.3rem!important}
  #comunidadesPanel .cpz-reglamento-title{font-size:1.3rem!important}
  #comunidadesPanel .cpz-reglamento li,#comunidadesPanel .cpz-reglamento-inner li{font-size:1.3rem!important}
  #comunidadesPanel .cpz-ingresar-btn{font-size:1.3rem!important}
  #comunidadesPanel .cpz-ingresar-sub{font-size:1.3rem!important}
  #comunidadesPanel .cpz-field label{font-size:1.3rem!important}
  #comunidadesPanel .cpz-field input{font-size:1.3rem!important}
  #comunidadesPanel .cpz-btn{font-size:1.3rem!important}
  #comunidadesPanel .cpz-btn-link{font-size:1.3rem!important}
  #comunidadesPanel .cpz-status{font-size:1.3rem!important}
  #comunidadesPanel .cpz-session-badge{font-size:1.3rem!important}
  #comunidadesPanel .cpz-session-count{font-size:1.3rem!important}
  #comunidadesPanel .cpz-grid-label{font-size:1.3rem!important}
  #comunidadesPanel .cpz-fundar-divider{font-size:1.3rem!important}
  #comunidadesPanel .cpz-fundar-btn{font-size:1.3rem!important}
  #comunidadesPanel .cpz-mini-btn{font-size:1.3rem!important}
  #comunidadesPanel .cpz-subtitulo{font-size:1.3rem!important}
  #comunidadesPanel .cpz-miembro-nombre{font-size:1.3rem!important}
  #comunidadesPanel .cpz-miembro-meta{font-size:1.3rem!important}
  #comunidadesPanel .cpz-evento-tipo{font-size:1.3rem!important}
  #comunidadesPanel .cpz-evento-fecha{font-size:1.3rem!important}
  #comunidadesPanel .cpz-evento-tips li{font-size:1.3rem!important}
  #comunidadesPanel .cpz-evento-asistentes{font-size:1.3rem!important}
  #comunidadesPanel .cpz-vacio{font-size:1.3rem!important}
  #comunidadesPanel .cpz-file-preview{font-size:1.3rem!important}
  #comunidadesPanel .cpz-tipo-opt-label{font-size:1.3rem!important}
  #comunidadesPanel .cpz-detalle-counter{font-size:1.3rem!important}
  #comunidadesPanel .cpz-cover-badge{font-size:1.3rem!important}
  #comunidadesPanel .cpz-unirme-cover{font-size:1.3rem!important}
  #comunidadesPanel .cpz-desc-text{font-size:1.3rem!important}
  #comunidadesPanel .cpz-desc-action-sub{font-size:1.3rem!important}
  #comunidadesPanel .cpz-info-card-title{font-size:1.3rem!important}
  #comunidadesPanel .cpz-avatar-more{font-size:1.3rem!important}
  #comunidadesPanel .cpz-mini-progress-row{font-size:1.3rem!important}
  #comunidadesPanel .cpz-empty-text{font-size:1.3rem!important}
  #comunidadesPanel .cpz-empty-sub{font-size:1.3rem!important}
  #comunidadesPanel .cpz-reglas-tab{font-size:1.3rem!important}
  #comunidadesPanel .cpz-reglamento-nota{font-size:1.3rem!important}
  
  #comunidadesPanel .cpz-vinculado-chip{font-size:1.3rem!important}
}

@media(min-width:769px){

  #comunidadesPanel .cpz-shell,
  #experienciasPanel .cpz-shell{
    max-width:1320px;
  }

  #comunidadesPanel .cpz-fundar-note,
  #experienciasPanel .cpz-fundar-note{
    font-family:var(--font-body)!important;
    font-size:2.1rem!important;
    max-width:640px!important;
    line-height:1.75!important;
    color:var(--cream-dim)!important;
  }

  #comunidadesPanel .nav-burbinas-count,
  #experienciasPanel .nav-burbinas-count{
    font-size:1.4rem!important;
  }

  #comunidadesPanel .cpz-reglas-toggle,
  #experienciasPanel .cpz-reglas-toggle{
    font-size:1.35rem!important;
    padding:13px 22px!important;
  }

  #comunidadesPanel .cpz-reglamento-title,
  #experienciasPanel .cpz-reglamento-title{
    font-size:1.4rem!important;
  }

  #comunidadesPanel .cpz-reglamento li,
  #comunidadesPanel .cpz-reglamento-inner li,
  #experienciasPanel .cpz-reglamento li,
  #experienciasPanel .cpz-reglamento-inner li{
    font-size:1.35rem!important;
    line-height:1.65!important;
  }

  #comunidadesPanel .cpz-reglas-tab,
  #experienciasPanel .cpz-reglas-tab{
    font-size:1.3rem!important;
    padding:10px 22px!important;
  }

  #comunidadesPanel .cpz-ingresar-btn,
  #experienciasPanel .cpz-ingresar-btn{
    font-size:1.4rem!important;
    padding:18px 32px!important;
  }

  #comunidadesPanel .cpz-ingresar-sub,
  #experienciasPanel .cpz-ingresar-sub{
    font-size:1.35rem!important;
    max-width:400px!important;
  }

  #comunidadesPanel .cpz-field label,
  #experienciasPanel .cpz-field label{
    font-size:1.32rem!important;
  }

  #comunidadesPanel .cpz-field input,
  #comunidadesPanel .cpz-field select,
  #experienciasPanel .cpz-field input,
  #experienciasPanel .cpz-field select{
    font-size:1.32rem!important;
    padding:15px 16px!important;
  }

  #comunidadesPanel .cpz-btn,
  #comunidadesPanel .cpz-btn-link,
  #experienciasPanel .cpz-btn,
  #experienciasPanel .cpz-btn-link{
    font-size:1.35rem!important;
    padding:17px!important;
  }

  #comunidadesPanel .cpz-fundar-btn,
  #experienciasPanel .cpz-fundar-btn{
    font-size:1.4rem!important;
    padding:16px 30px!important;
  }

  #comunidadesPanel .cpz-filtro-btn,
  #experienciasPanel .cpz-filtro-btn{
    font-size:1.25rem!important;
    padding:12px 16px!important;
  }

  #comunidadesPanel .cpz-mini-btn,
  #experienciasPanel .cpz-mini-btn{
    font-size:1.3rem!important;
    padding:12px 20px!important;
  }

  #comunidadesPanel .cpz-detalle-title,
  #experienciasPanel .cpz-detalle-title{
    font-size:2.2em!important;
  }

  

  #comunidadesPanel .cpz-desc-text,
  #experienciasPanel .cpz-desc-text{
    font-size:1.4rem!important;
  }

  #comunidadesPanel .cpz-info-card-title,
  #experienciasPanel .cpz-info-card-title{
    font-size:1.4rem!important;
  }

  #comunidadesPanel .cpz-miembro-nombre,
  #experienciasPanel .cpz-miembro-nombre{
    font-size:1.45rem!important;
  }

  #comunidadesPanel .cpz-miembro-meta,
  #experienciasPanel .cpz-miembro-meta{
    font-size:1.28rem!important;
  }

  #comunidadesPanel .cpz-evento-nombre,
  #experienciasPanel .cpz-evento-nombre{
    font-size:1.5em!important;
  }

  #comunidadesPanel .cpz-evento-tips li,
  #experienciasPanel .cpz-evento-tips li{
    font-size:1.32rem!important;
  }

  #comunidadesPanel .cpz-empty-text,
  #experienciasPanel .cpz-empty-text{
    font-size:1.32rem!important;
  }

  #comunidadesPanel .cpz-empty-sub,
  #experienciasPanel .cpz-empty-sub{
    font-size:1.28rem!important;
  }

  #comunidadesPanel .cpz-tipo-opt-label,
  #experienciasPanel .cpz-tipo-opt-label{
    font-size:1.3rem!important;
  }

  #comunidadesPanel .cpz-file-preview,
  #experienciasPanel .cpz-file-preview{
    font-size:1.28rem!important;
    width:104px!important;
    height:104px!important;
  }

  

  /* Mapa de establecimientos: placeholder más legible en desktop */
  .epz-mapa-placeholder-text{
    font-size:1.5rem!important;
    max-width:520px;
  }
  
}

@media(min-width:769px){
  .lb-lang-action-btn{font-size:13px;padding:11px 18px}
}

@media(min-width:769px){
  .lb-lang-bar{top:180px;right:14px}         /* ← MÁS ABAJO (antes 130px) */
  .lb-lang-bar.lb-bar-scrolled{top:140px}    /* ← MÁS ABAJO (antes 92px) */
  .lb-lang-chip{width:34px;height:34px}
  .lb-lang-chip .lb-flag{width:25px}
  .lb-lang-toggle{width:30px;height:30px}
  .lb-lang-toggle__icon{width:17px;height:17px}
  .lb-lang-spinner svg{width:17px;height:17px}
  .lb-lang-install-chip{width:70px;height:70px}
  .lb-lang-install-chip .lb-flag{width:55px;height:55px}
  .lb-install-caption{font-size:11px;padding:6px 13px}
}

@media(min-width:769px){#panelmision .pb-punto-btn{width:90px;height:90px}}

@media(min-width:769px){
  #loginGlobalModal .lg-shell{
    max-width:800px;
    padding:46px 50px;
    border-radius:28px;
    box-shadow:0 40px 100px rgba(0,0,0,.75), 0 0 0 1px rgba(45,212,191,.08);
  }
  #loginGlobalModal .lg-shell::after{
    content:'';
    position:absolute;
    top:0;left:50%;
    transform:translateX(-50%);
    width:120px;height:3px;
    border-radius:0 0 6px 6px;
    background:linear-gradient(90deg,var(--teal-dim),var(--teal),var(--amber));
    pointer-events:none;
  }
  #loginGlobalModal .lg-icon{
    width:70px;height:70px;margin-bottom:20px;
  }
  #loginGlobalModal .lg-title{
    font-size:2.2rem;
  }
  #loginGlobalModal .lg-sub{
    font-size:1.45rem;
    line-height:1.7;
    max-width:440px;
    margin:0 auto 32px;
  }
  #loginGlobalModal .lg-field{ margin-bottom:20px; }
  #loginGlobalModal .lg-field label{
    font-size:1.4rem;
    letter-spacing:.1em;
    margin-bottom:9px;
  }
  #loginGlobalModal .lg-field input{
    font-size:1.8rem;
    padding:16px 18px;
    border-radius:12px;
  }
  #loginGlobalModal .lg-field-copy input{
    padding-right:54px;
  }
  #loginGlobalModal .lg-copy-btn{
    width:38px;height:38px;
    font-size:1.5rem;
    right:8px;bottom:8px;
    border-radius:9px;
  }
  #loginGlobalModal .lg-btn{
    font-size:1.6rem;
    padding:18px;
    letter-spacing:.16em;
    border-radius:12px;
  }
  #loginGlobalModal .lg-status{ font-size:1.6rem; margin-top:14px; }
  #loginGlobalModal .lg-divider{ font-size:1.6rem; margin:32px 0 28px; }

  #loginGlobalModal .lg-clave-card{ padding:26px 28px; border-radius:18px; }
  #loginGlobalModal .lg-clave-title{ font-size:1.6rem; margin-bottom:10px; }
  #loginGlobalModal .lg-clave-price{ font-size:2.1rem; margin-bottom:18px; }
  #loginGlobalModal .lg-clave-price small{ font-size:1rem; }
  #loginGlobalModal .lg-clave-btn{ font-size:1.6rem; padding:15px 28px; border-radius:11px; }

  #loginGlobalModal .lg-gratis-toggle{
    font-size:1.4rem;
    padding:19px 24px;
    border-radius:14px;
  }
  #loginGlobalModal .lg-gratis-box.open{ margin-top:20px; }
  #loginGlobalModal .lg-gratis-inner{ padding:28px; border-radius:18px; }
  #loginGlobalModal .lg-gratis-intro{ font-size:1.7rem; line-height:1.75; margin-bottom:22px; }
  #loginGlobalModal .lg-gratis-tabs{ margin-bottom:24px; gap:10px; }
  #loginGlobalModal .lg-gratis-tab{ font-size:1.5rem; padding:14px; }
  #loginGlobalModal .lg-gratis-nota{ font-size:1.5rem; line-height:1.7; padding:16px 18px; margin-top:14px; }
}

@media (min-width:769px){
  .lb-panel-hero{ aspect-ratio:16/7; min-height:280px; }
}

@media (min-width:769px){
  .lb-panel-hero-mini{ aspect-ratio:16/7; min-height:280px; }
}

@media (min-width:769px){
  .lb-panel-hero-media{ inset:20px 20px 0 0; border-radius:26px; }
}

@media (min-width:769px){
  .lb-panel-hero-eyebrow{ font-size:1.5rem; }
  .lb-panel-hero-title{ font-size:clamp(2.2rem, 3vw, 3rem); }
  .lb-panel-hero-desc{ font-size:1.5rem; line-height:1.6; max-width:760px; }
  .lb-hero-comofunciona{ font-size:1.5rem; padding:12px 22px; }
}

@media(min-width:769px){
  .bm-eyebrow{font-size:1.3rem}
  .bm-sub{font-size:1.5rem}
  .bm-nivel-nombre{font-size:1.3rem}
  .bm-nivel-umbral{font-size:1.25rem}
  .bm-nivel-label{font-size:1.2rem}
  .bm-tuprogreso-label{font-size:1.25rem}
  .bm-tuprogreso-msg{font-size:1.3rem}
}

@media(min-width:769px){
  .bm3-ranking-text{font-size:1.2rem}
  .bm3-modal-nombre{font-size:2.1rem}
  .bm3-modal-beneficio{font-size:1.15rem}
}

@media(min-width:769px){
  .bm3-step-resumen{ font-size:.92rem; }
  .bm3-step-falta{ font-size:.68rem; }
}

@media(min-width:769px){
  #comunidadesPanel .cpz-step-inner-panel,
  #experienciasPanel .cpz-step-inner-panel{ padding:20px; }
}

@media(min-width:769px){
  #burbinaWishesPanel .bb-wishes-shell,
  #burbinaFormModal .bb-shell{ max-width:760px; padding:44px 44px 40px; }
  .bb-wish-avatar{ width:88px; height:88px; }
  .bb-wish-name{ font-size:1.6rem; }
  .bb-wish-desc{ font-size:1.25rem; }
  .bb-wish-contact-btn{ font-size:1.05rem; padding:13px 24px; }
  #burbinaWishesPanel .bb-wishes-title,
  #burbinaFormModal .bb-title{ font-size:2.1rem !important; }
  #burbinaWishesPanel .bb-wishes-sub,
  #burbinaFormModal .bb-sub{ font-size:1.2rem !important; }
  #burbinaWishesPanel .burbinaIcon,
  #burbinaFormModal .burbinaIcon{ width:74px; height:74px; }
}

@media(min-width:769px){
  .bb-publish-btn{ font-size:1rem; padding:14px 32px; }
  .bb-publish-price{ font-size:1.3rem; }
  .bb-publish-detail{ font-size:.92rem; max-width:420px; }
}

@media(min-width:769px){.pb-card-desc{font-size:1rem}}

@media(min-width:769px){
  #panelmision .pb-nivel-step{padding:20px 24px;gap:20px;border-radius:22px}
  #panelmision .pb-nivel-step-icon{width:76px;height:76px;font-size:2.2rem}
  #panelmision .pb-nivel-step-nombre{font-size:1.35rem}
  #panelmision .pb-nivel-step-umbral{font-size:1.3rem}
  #panelmision .pb-nivel-step-desc{font-size:1.05rem}
  #panelmision .pb-nivel-step-check{width:36px;height:36px;font-size:1rem}
}

@media(min-width:769px){
  #panelmision .pb-chart-title-row .pb-chart-title{font-size:1.5rem}
  #panelmision .pb-chart-expand-btn{font-size:.95rem;padding:10px 20px}
  #panelmision .pb-chart-col{width:80px}
  #panelmision .pb-chart-row{height:200px}
  #panelmision .pb-chart-daynum{font-size:1.05rem}
  #panelmision .pb-chart-label{font-size:1.15rem}
  #panelmision .pb-chart-bar-val{font-size:1.3rem}
  #panelmision .pb-chart-stat-num{font-size:2.4rem}
  #panelmision .pb-chart-stat-lbl{font-size:1.05rem}
  #panelmision .pb-chart-conclusion{font-size:1.25rem}
}

@media(min-width:769px){
  .pb-chart-modal-shell{max-width:640px;padding:44px 40px}
  .pbd-title{font-size:2rem}
  .pbd-sub{font-size:1.15rem}
  .pbd-row{height:280px}
  .pbd-val{font-size:1.05rem}
  .pbd-day{font-size:.9rem}
  .pbd-stat-num{font-size:2.2rem}
  .pbd-stat-lbl{font-size:.9rem}
}

@media(min-width:769px){
  .pbd-cat-title{font-size:1.05rem}
  .pbd-cat-label{font-size:1.05rem}
  .pbd-cat-val{font-size:1.2rem}
  #panelmision .pb-nivel-detalle-msg{font-size:1.1rem}
  #panelmision .pb-nivel-benef-item{font-size:1.05rem}
}

@media(min-width:769px){
  #comunidadesPanel .cpd-hero-nombre{ font-size:2.6rem; }
  #comunidadesPanel .cpd-hero-desc{ font-size:1.15rem; }
  #comunidadesPanel .cpd-cover{ aspect-ratio:16/6; }
  #comunidadesPanel .cpd-desafio-nombre{ font-size:1.55rem; }
  #comunidadesPanel .cpd-desafio-desc{ font-size:1rem; }
  #comunidadesPanel .cpd-tab{ font-size:.95rem; padding:14px 10px; }
  #comunidadesPanel .cpd-fam-nombre{ font-size:1.3rem; }
  #comunidadesPanel .cpd-fam-meta{ font-size:.85rem; }
  #comunidadesPanel .cpd-fam-tag{ font-size:.78rem; }
  #comunidadesPanel .cpd-ev-nombre{ font-size:1.4rem; }
  #comunidadesPanel .cpd-ev-tips li{ font-size:.9rem; }
}

@media(min-width:769px){
  #comunidadesPanel .cpd-misiones-title{ font-size:2.2rem; }
  #comunidadesPanel .cpd-misiones-sub{ font-size:1.15rem; max-width:820px; }
  #comunidadesPanel .cpd-mision-nombre{ font-size:1.6rem; }
  #comunidadesPanel .cpd-mision-badge{ font-size:.85rem; padding:8px 18px; }
  #comunidadesPanel .cpd-mision-stat-num{ font-size:1.7rem; }
  #comunidadesPanel .cpd-mision-stat-lbl{ font-size:.75rem; }
  #comunidadesPanel .cpd-mision-desc{ font-size:1.05rem; }
  #comunidadesPanel .cpd-misiones-empty-text{ font-size:1.05rem; max-width:600px; }
}

@media(min-width:769px){

  .epz-index-btn{ font-size:1.48rem; padding:16px 32px; }
}

@media(min-width:769px){
  .epz-area-btn{ width:166px; height:166px; font-size:4.32rem; }
  .epz-area-row{ gap:43px; }
  .epz-area-info{ margin-bottom:40px; }
  .epz-area-info-nombre{ font-size:3.42rem; }
  .epz-area-info-mision{ font-size:2.34rem; max-width:900px; }
  .epz-desafio-insignia{ width:130px; height:130px; font-size:3.96rem; }
  .epz-desafio-nivel{ font-size:1.8rem; }
  .epz-desafio-nombre{ font-size:3.42rem; }
  .epz-obj-chip{ font-size:2.07rem; padding:18px 32px; }
  .epz-desafio-meta-row{ font-size:2.07rem; }
  .epz-desafio-premio-badge{ font-size:2.07rem; padding:16px 36px; }
  .epz-desafio-mision-nota{ font-size:1.98rem; }
  .epz-desafio-costo-activacion{ font-size:2.07rem; }
  .epz-desafio-activar-btn{ font-size:2.07rem; padding:32px; }
    .epz-desafio-card{ padding:58px 50px 47px; }
}

@media(min-width:769px){
  #experienciasPanel .epz-panel-badge{
    font-size:.85rem;
    padding:8px 20px;
    top:-16px;
    right:32px;
  }
}

@media(min-width:769px){
  .imp2-block-label{font-size:1.3rem}
  .imp2-sponsor-nombre{font-size:1.6rem}
  .imp2-sponsor-desc{font-size:1.3rem}
  .imp2-fondo-cierre{font-size:1.3rem}
  .imp2-race-pct{font-size:1.6rem}
  .imp2-race-label{font-size:.95rem}
  .imp2-race-detail-nombre{font-size:1.6rem}
  .imp2-race-detail-msg{font-size:1.3rem}
  .imp2-total-row{font-size:1.3rem}
  .imp2-info-nombre{font-size:1.4rem}
  .imp2-info-desc{font-size:1.3rem}
  .imp2-info-com-row{font-size:1.3rem}
  .imp2-info-empty{font-size:1.3rem}
  .imp2-informe-monto small{font-size:1.3rem}
   
}

@media(min-width:769px){
  .cpz-showcase-title{ font-size:1.4rem; }
  .cpz-showcase-desc{ font-size:1.25rem; }
  .cpz-motivate-strip{ font-size:1.6rem; padding:20px 26px; }
  .cpz-path-card .cpz-path-title{ font-size:1.15rem; }
  .cpz-path-card .cpz-path-desc{ font-size:1.15rem; }
  .cpz-cost-pill{ font-size:1.15rem; padding:12px 24px; }
}

@media(min-width:769px){ .lb-notif-icon{ width:15px; height:15px; } }

@media(min-width:769px){
  .bgd-bubble{ width:96px; }
  .bgd-bubble img{ width:76px; height:76px; }
  .bgd-titulo{ font-size:2rem; }
}

@media(min-width:769px){
  .cpz-afinidad-icon{width:76px;height:76px}
  .cpz-afinidad-label{font-size:.8rem;max-width:100px}
  .cpz-afinidad-row{gap:0}
  .cpz-afinidad-btn{padding:14px 10px}
}

@media(min-width:769px){
  .epz-tema-label{font-size:1.1rem;margin:20px 0 14px}
}

@media(min-width:769px){
  .trs-card-nombre{font-size:1.75rem}
  .trs-card-desc{font-size:1.15rem}
  .trs-costo{font-size:1.1rem}
  .trs-badge-estado{font-size:.85rem}
  .trs-btn{font-size:1.05rem;padding:16px}
  .trs-modal-shell{max-width:760px;padding:38px 40px}
  .trs-modal-nombre{font-size:2rem}
  .trs-paso-titulo{font-size:1.1rem}
  .trs-paso-texto{font-size:1.05rem}
  .trs-paso-nombre-real{font-size:1.3rem}
  .trs-final-texto{font-size:1.1rem}
}

@media(min-width:769px){
  #panelmision .panel-brand{font-size:2.6rem!important}
  #panelmision .pb-card-title{font-size:2.3rem!important}
  #panelmision .pb-detalles-section-title,
  #panelmision .pb-detalles-toggle-left{font-size:2.3rem!important}
  #panelmision .pb-nivel-step-nombre{font-size:1.5rem!important}
  #panelmision .pb-nivel-step-umbral{font-size:1.5rem!important}
  #panelmision .burbina-item-title{font-size:1.85rem!important}
  #panelmision .pb-earn-title,
  #panelmision .pb-use-title{font-size:1.7rem!important}
  #panelmision .pb-advertencia-title{font-size:1.6rem!important}
  #panelmision .pb-nivel-nombre{font-size:1.9rem!important}
  #panelmision .bm-tuprogreso-nombre,
  #panelmision .bm-tuprogreso-label{font-size:1.6rem!important}
}

@media(min-width:769px){
  #panelmision .pb-card-desc{font-size:1.5rem!important;line-height:1.65!important}
  #panelmision .pb-detalles-section-sub{font-size:1.5rem!important}
  #panelmision .pb-earn-desc,
  #panelmision .pb-use-desc,
  #panelmision .pb-info-text,
  #panelmision .pb-nivel-step-desc,
  #panelmision .pb-nivel-detalle-msg,
  #panelmision .pb-login-sub,
  #panelmision .pb-advertencia-desc,
  #panelmision .burbina-item-desc,
  #panelmision .pb-nivel-msg,
  #panelmision .bm-tuprogreso-msg{font-size:1.5rem!important;line-height:1.7!important}
  #panelmision .pb-nivel-benef-item{font-size:1.3rem!important}
  #panelmision .pb-hito-label{font-size:1.5rem!important}
  #panelmision .pb-hito-count{font-size:1.3rem!important}
}

@media(min-width:769px){
  .pb-hito-detalle{margin-left:70px}
  .pb-hito-detalle-item{font-size:1.05rem}
}

@media (min-width: 769px){
  /* Áreas – iconos circulares */
  .epz-area-btn {
    width: 120px;          /* 60 * 2 */
    height: 120px;
    font-size: 3.2rem;    /* 1.6 * 2 */
  }
  .epz-area-row {
    gap: 32px;            /* 16 * 2 */
  }
  .epz-area-info {
    margin-bottom: 40px;  /* doble del actual (20px) */
  }
  /* Información de área */
  .epz-area-info-nombre {
    font-size: 2.6rem;   /* 1.3 * 2 */
  }
  .epz-area-info-sub {
    font-size: 1.7rem;  /* .85 * 2 */
  }
  /* Tarjeta de desafío – insignia (icono) */
  .epz-desafio-insignia {
    width: 72px;          /* 36 * 2 */
    height: 72px;
    font-size: 2.2rem;   /* 1.1 * 2 */
  }
  /* Nivel, nombre, chips, meta */
  .epz-desafio-nivel {
    font-size: 1.4rem;   /* .7 * 2 */
  }
  .epz-desafio-nombre {
    font-size: 2.7rem;  /* 1.35 * 2 */
  }
  .epz-obj-chip {
    font-size: 1.6rem;    /* .8 * 2 */
    padding: 12px 24px;   /* 6*2, 12*2 */
  }
  .epz-desafio-meta-row {
    font-size: 1.6rem;    /* .8 * 2 */
  }
  /* Botón Activar – texto crece, padding se mantiene */
  .epz-desafio-activar-btn {
    font-size: 1.7rem;  /* .85 * 2 */
  }
  /* Tarjeta: padding superior aumentado para evitar solape */
  .epz-desafio-card {
    padding-top: 60px;    /* antes 28px, ahora suficiente espacio */
    padding-right: 26px;
    padding-bottom: 24px;
    padding-left: 26px;
  }
  /* Modal – textos e iconos */
  .epz-act-close {
    width: 64px;          /* 32 * 2 */
    height: 64px;
  }
  .epz-act-close i {
    font-size: 2.4rem;    /* 1.2 * 2 (base estimado) */
  }
  .epz-act-icon {
    font-size: 4.4rem;    /* 2.2 * 2 */
  }
  .epz-act-titulo {
    font-size: 2.8rem;    /* 1.4 * 2 */
  }
  .epz-act-sub {
    font-size: 1.7rem;  /* .85 * 2 */
  }
  .epz-act-costo {
    font-size: 2.0rem;    /* base 1.0 * 2 */
  }
  .epz-act-com-label {
    font-size: 1.5rem;  /* .75 * 2 */
  }
  .epz-act-com-item {
    font-size: 1.8rem;   /* .9 * 2 */
    padding: 20px 24px;  /* 10*2, 12*2 */
  }
  .epz-act-error {
    font-size: 1.7rem;  /* .85 * 2 */
  }
  .epz-act-confirmar {
    font-size: 2.0rem;    /* base 1.0 * 2 */
    padding: 20px;
  }
  /* Desafíos activos – textos */
  .epz-desafio-activo-head {
    font-size: 1.8rem;   /* .9 * 2 */
  }
  .epz-desafio-activo-dias {
    font-size: 1.6rem;    /* .8 * 2 */
  }
  .epz-desafio-activo-progreso {
    font-size: 1.5rem;  /* .75 * 2 */
  }
  .epz-desafio-activo-fechas {
    font-size: 1.44rem;   /* .72 * 2 */
  }
  .epz-desafio-activo-aportes-label {
    font-size: 1.36rem;   /* .68 * 2 */
  }
  .epz-desafio-aporte-item {
    font-size: 1.44rem;   /* .72 * 2 */
  }
  .epz-desafio-historial-label {
    font-size: 1.5rem;  /* .75 * 2 */
  }
  .epz-desafio-historial-item {
    font-size: 1.64rem;   /* .82 * 2 */
  }
  .epz-desafio-historial-fecha {
    font-size: 1.4rem;   /* .7 * 2 */
  }
  .epz-desafio-historial-participantes {
    font-size: 1.4rem;   /* .7 * 2 */
  }
}

@media(min-width:769px){
  #comunidadesPanel .cpz-step-section,
  #experienciasPanel .cpz-step-section{ max-width:1200px; padding:32px 34px; }
  #comunidadesPanel .cpz-step-icon,
  #experienciasPanel .cpz-step-icon{ width:100px; height:100px; }
  #comunidadesPanel .cpz-step-icon i,
  #experienciasPanel .cpz-step-icon i{ font-size:2.3rem; }
  #comunidadesPanel .cpz-step-title,
  #experienciasPanel .cpz-step-title{ font-size:5rem; margin-left:120px; }
  #comunidadesPanel .cpz-step-sub,
  #experienciasPanel .cpz-step-sub{ max-width: 100%;
    font-size: 2.2rem;
    margin-top: 30px;
    margin-left: 40px;  }
  #comunidadesPanel .cpz-seg-btn,
  #experienciasPanel .cpz-seg-btn{ font-size:1.6rem; padding:14px 32px; }
  #comunidadesPanel .cpz-tus-link{ font-size:1.2rem; }
  #experienciasPanel .cpz-tus-link{ font-size:1.2rem; }

    /* Únete a una comunidad: 40% más ancho, 30% menos alto */
  #comunidadesPanel .cpz-step-1{ max-width:1204px!important; padding:22px 34px; }

  #comunidadesPanel .cpz-step-1 .cpz-step-sub {
    max-width: 100%;
    font-size: 2.2rem;
    margin-top: 30px;   margin-left:40px;
  }
  
 /* Eyebrow */
  #comunidadesPanel .cpz-eyebrow,
  #experienciasPanel .cpz-eyebrow,
  #burberosMundoSection .cpz-eyebrow {
    font-size: 1.8rem;
    letter-spacing: 0.2em;
    gap: 18px;
  }
  #comunidadesPanel .cpz-eyebrow::before,
  #comunidadesPanel .cpz-eyebrow::after,
  #experienciasPanel .cpz-eyebrow::before,
  #experienciasPanel .cpz-eyebrow::after,
  #burberosMundoSection .cpz-eyebrow::before,
  #burberosMundoSection .cpz-eyebrow::after {
    width: 50px;
  }

  /* Título principal */
  #comunidadesPanel .cpz-title,
  #experienciasPanel .cpz-title,
  #burberosMundoSection .cpz-title {
    font-size: 4.2rem;
    line-height: 1.15;
    letter-spacing: 0.02em;
  }

  /* Subtítulo */
  #comunidadesPanel .cpz-sub,
  #experienciasPanel .cpz-sub,
  #burberosMundoSection .cpz-sub {
    font-size: 2.2rem;
    line-height: 1.6;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }  
  
}

@media(min-width:769px){
  #comunidadesPanel .cpz-vista-card{ padding:20px 22px; gap:20px; }
  #comunidadesPanel .cpz-vista-card-img{ width:92px; height:92px; }
  #comunidadesPanel .cpz-vista-card-nombre{ font-size:2.3rem; }
  #comunidadesPanel .cpz-vista-card-sub{ font-size:1.8rem; }
  #comunidadesPanel .cpz-vista-card-highlight{ font-size:1.8rem; padding:8px 18px; }
}

@media(min-width:769px){
  #fondearModal .lb-mc-nosotros{ max-width:760px; }
  .lbn-vision-text{ font-size:1.15rem; }
  .lbn-team-grid{ max-width:520px; margin:18px auto 30px; gap:20px; }
  .lbn-team-card{ padding:24px 18px; }
  .lbn-team-avatar{ width:64px; height:64px; font-size:1.35rem; }
  .lbn-team-name{ font-size:1.25rem; }
  .lbn-team-role{ font-size:.78rem; }
  .lbn-team-desc{ font-size:.95rem; }
  .lbn-mentors-label{ font-size:.8rem; }
  .lbn-mentors-grid{ max-width:460px; margin:0 auto 8px; gap:14px; }
  .lbn-mentor-avatar{ width:52px; height:52px; }
  .lbn-mentor-item span{ font-size:.72rem; }
  .lbn-recursos-toggle{ font-size:.95rem; padding:16px 22px; }
  .lbn-recursos-tab{ font-size:.85rem; padding:10px 20px; }
  .lbn-link-list a{ font-size:1.05rem; }
  .lbn-link-list span{ font-size:.9rem; }
}

@media(min-width:769px){
   #visionModal .m-sub,
  #recursosModal .m-sub,
  #fondearModal .fondear-text{
    font-size:1.55rem;
    line-height:1.75;
  }
  #visionModal .m-acc-answer-inner,
  #recursosModal .m-acc-answer-inner{
    font-size:1.4rem;
    line-height:1.75;
  }
  #visionModal .m-lifestyle-text{
    font-size:1.4rem;
    line-height:1.75;
  }
  #recursosModal .link-a{ font-size:1.35rem; }
  #recursosModal .link-desc{ font-size:1.3rem; line-height:1.7; }
  #fondearModal .fondear-title{ font-size:2.2rem; }
  #fondearModal .fondear-methods-label{ font-size:1.15rem; }
  #fondearModal .fondear-pago-nombre{ font-size:1.1rem; }
}

@media(min-width:769px){

  /* ── HERO / PORTADA (lo que ya tenías) ── */
  #comunidadesPanel .cpd-hero-head {
    margin-bottom: 28px;
    gap: 22px;
  }
  #comunidadesPanel .cpd-hero-nombre {
    font-size: 3rem;
  }
  #comunidadesPanel .cpd-hero-desc {
    font-size: 2rem;
    line-height: 1.65;
    max-width: 680px;
  }
  #comunidadesPanel .cpd-hero-badges {
    margin-top: 16px;
    gap: 12px;
  }
  #comunidadesPanel .cpd-hero-badge {
    font-size: 1.6rem;
    padding: 8px 18px;
  }

  /* ── PORTADA COVER ── */
  #comunidadesPanel .cpd-cover {
    aspect-ratio: 16/6;
    height: auto;
  }
  #comunidadesPanel .cpd-cover-bottom {
    padding: 26px 30px;
    gap: 20px;
  }
  #comunidadesPanel .cpd-cover-stat {
    font-size: 1.5rem;
    padding: 12px 20px;
  }
  #comunidadesPanel .cpd-join-btn {
    font-size: 1.5rem;
    padding: 18px 36px;
  }

  /* ── CAJA COMUNITARIA ── */
  #comunidadesPanel .cpd-caja {
    margin-top: -24px;
    padding: 24px 28px;
    gap: 20px;
  }
  #comunidadesPanel .cpd-caja-icon {
    width: 64px;
    height: 64px;
    font-size: 1.8rem;
  }
  #comunidadesPanel .cpd-caja-title {
    font-size: 1.5rem;
  }
  #comunidadesPanel .cpd-caja-sub {
    font-size: 1.5rem;
  }
  #comunidadesPanel .cpd-caja-monto {
    font-size: 3rem;
  }
  #comunidadesPanel .cpd-caja-cta {
    font-size: 0.95rem;   /* CORREGIDO (antes q.95rem) */
    padding: 12px 24px;
  }

  /* ==========================================================
     A PARTIR DE AQUÍ: LO NUEVO QUE TE FALTABA
     ========================================================== */

  /* ── PESTAÑAS ── */
  #comunidadesPanel .cpd-tabs {
    gap: 12px;
    padding: 8px;
  }
  #comunidadesPanel .cpd-tab {
    font-size: 1.5rem;
    padding: 16px 12px;
    gap: 10px;
  }
  #comunidadesPanel .cpd-tab .cpd-tab-count {
    font-size: 1.4rem;
    padding: 2px 10px;
  }

  /* ── FAMILIAS ── */
  #comunidadesPanel .cpd-fam-summary {
    padding: 18px 22px;
    gap: 18px;
  }
  #comunidadesPanel .cpd-fam-avatars img {
    width: 52px;
    height: 52px;
  }
  #comunidadesPanel .cpd-fam-count {
    font-size: 1.6rem;
  }
  #comunidadesPanel .cpd-fam-grid {
    gap: 20px;
  }
  #comunidadesPanel .cpd-fam-card {
    padding: 22px 20px;
  }
  #comunidadesPanel .cpd-fam-av {
    width: 68px;
    height: 68px;
  }
  #comunidadesPanel .cpd-fam-nombre {
    font-size: 1.7rem;
  }
  #comunidadesPanel .cpd-fam-meta {
    font-size: 1.5rem;
  }
  #comunidadesPanel .cpd-fam-tag {
    font-size: 1.4rem;
    padding: 6px 14px;
  }
  #comunidadesPanel .cpd-fam-btn {
    font-size: 1.1rem;
    padding: 12px 14px;
  }

  /* ── VIAJES / ENCUENTROS ── */
  #comunidadesPanel .cpd-evento-add {
    font-size: 1.4rem;
    padding: 18px;
  }
  #comunidadesPanel .cpd-ev-card {
    padding: 22px 26px;
  }
  #comunidadesPanel .cpd-ev-tipo {
    font-size: 1.5rem;
  }
  #comunidadesPanel .cpd-ev-nombre {
    font-size: 1.8rem;
  }
  #comunidadesPanel .cpd-ev-fecha {
    font-size: 1.5rem;
    padding: 6px 14px;
  }
  #comunidadesPanel .cpd-ev-tips li {
    font-size: 1.5rem;
  }
  #comunidadesPanel .cpd-ev-asistentes {
    font-size: 1.5rem;
  }
  #comunidadesPanel .cpd-ev-btn {
    font-size: 1.2rem;
    padding: 12px 22px;
  }

  /* ── HISTORIAL ── */
  #comunidadesPanel .cpd-hist-toggle {
    font-size: 1.5rem;
    padding: 16px;
  }
  #comunidadesPanel .cpd-hist-body {
    padding-left: 28px;
  }
  #comunidadesPanel .cpd-hist-item {
    margin-bottom: 20px;
  }
  #comunidadesPanel .cpd-hist-item-tipo {
    font-size: 1.4rem;
  }
  #comunidadesPanel .cpd-hist-item-nombre {
    font-size: 1.5rem;
  }
  #comunidadesPanel .cpd-hist-item-fecha {
    font-size: 1.4rem;
  }

  /* ── DESAFÍO ── */
  #comunidadesPanel .cpd-desafio {
    padding: 30px 32px;
  }
  #comunidadesPanel .cpd-desafio-title {
    font-size: 1.5rem;
  }
  #comunidadesPanel .cpd-clock-wrap {
    width: 170px;
    height: 170px;
  }
  #comunidadesPanel .cpd-clock-num {
    font-size: 2.4rem;
  }
  #comunidadesPanel .cpd-clock-lbl {
    font-size: 0.9rem;
  }
  #comunidadesPanel .cpd-desafio-nombre {
    font-size: 2rem;
  }
  #comunidadesPanel .cpd-desafio-desc {
    font-size: 1.6rem;
  }
  #comunidadesPanel .cpd-desafio-cta {
    font-size: 1.6rem;
    padding: 18px 34px;
  }

  /* ── CHAT ── */
  #comunidadesPanel .cpd-chat-head {
    padding: 20px 24px;
  }
  #comunidadesPanel .cpd-chat-title {
    font-size: 1.6rem;
  }
  #comunidadesPanel .cpd-chat-note {
    font-size: 1.4rem;
  }
  #comunidadesPanel .cpd-chat-body {
    height: 360px;
    padding: 20px 24px;
    gap: 14px;
  }
  #comunidadesPanel .cpd-chat-av {
    width: 40px;
    height: 40px;
  }
  #comunidadesPanel .cpd-chat-autor {
    font-size: 1.4rem;
  }
  #comunidadesPanel .cpd-chat-texto {
    font-size: 1.5rem;
  }
  #comunidadesPanel .cpd-chat-hora {
    font-size: 1.4rem;
  }
  #comunidadesPanel .cpd-chat-form {
    padding: 16px 20px;
    gap: 12px;
  }
  #comunidadesPanel .cpd-chat-input {
    font-size: 1.5rem;
    padding: 14px 18px;
  }
  #comunidadesPanel .cpd-chat-send {
    font-size: 1.5rem;
    padding: 0 28px;
  }
  #comunidadesPanel .cpd-chat-locked {
    font-size: 1.5rem;
    padding: 40px 20px;
  }

  /* ── ESTADOS VACÍOS Y MENSAJES GENERALES ── */
  #comunidadesPanel .cpd-empty {
    font-size: 1.6rem;
    padding: 32px 16px;
  }
  #comunidadesPanel .cpd-vacio {
    font-size: 1.6rem;
    padding: 30px 16px;
  }
}

@media (min-width: 1200px){
  .panel {
    width: min(1360px, 136vw) !important;
  }
}


/* ============================================================
   3. MOBILE — @media(max-width:...)  [de mayor a menor breakpoint]
   ============================================================ */
@media(max-width:768px){#comunidadesPanel .cpz-info-card.cpz-info-familias{grid-column:1/-1}}

@media(max-width:768px){.pasos-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:780px){ .nav-login-btn{ font-size:1.1rem; padding:0px 0px 3px;  border-bottom:1px solid rgba(45,212,191,.5);} }

@media(max-width:768px){
  .hero-cta-row{
    display:flex;
    flex-direction:column;
    gap:15px;
    width:100%;
    margin-bottom:14px;
  }
  .hero-cta-row .hero-cta-wrap{
    width:100%;
    margin-bottom:0;
  }
  .hero-cta-row .hero-cta-pill{
    width:100%;
  }
}

@media(max-width:768px){
    #panelmision .panel-brand{font-size:1.61rem;font-weight:800;color:var(--teal);letter-spacing:.32em;text-transform:uppercase;text-shadow:0 0 18px rgba(45,212,191,.35);text-align:center;margin-bottom:14px}
  #panelmision .pb-card-title{font-size:1.96rem}
  #panelmision .pb-detalles-section-title,#panelmision .pb-detalles-toggle-left{font-size:1.89rem}
  #panelmision .pb-ring-max,#panelmision .pb-ring-bar-labels,#panelmision .pb-actividad-item,
  #panelmision .pb-actividad-fecha,#panelmision .pb-vacio,#panelmision .pb-ver-mas,
  #panelmision .pb-logro-nota,#panelmision .pb-info-title,
  #panelmision .pb-info-text,#panelmision .pb-como-sumar-label,#panelmision .pb-sumar-label,
  #panelmision .pb-sumar-valor,#panelmision .pb-nivel-label,#panelmision .pb-nivel-nombre,
  #panelmision .pb-nivel-msg,#panelmision .pb-detalles-section-sub,
  #panelmision .pb-earn-desc,#panelmision .pb-use-desc,#panelmision .pb-advertencia-desc,
  #panelmision .pb-login-sub,#panelmision .pb-status,#panelmision .burbina-item-desc{
    font-size:1.82rem;
  }
}

@media(max-width:768px){
  .pb-top-actions{flex-direction:column-reverse;align-items:center;gap:8px;margin-bottom:26px}
  .panel-brand{text-align:center}
}

@media (max-width: 768px){
  .hero-cta-pill .hero-cta-text {
    font-size: clamp(8px, 2.5vw, 11px)!important;
  }
  .hero-cta-text{color:#fff !important;}
}

@media(max-width:768px){ .hero-wish-bubble{font-size:1.66rem;padding:12px 16px;min-width:128px;max-width:170px} }

@media(max-width:768px){
  .hero{min-height:100svh !important}
  .hero-title {font-size:3.5rem!important}
  .proj-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:7px !important;overflow-x:visible !important;padding-bottom:0 !important}
  .proj-btn{min-width:auto !important;max-width:none !important;width:100% !important;min-height:56px !important}
  .rec-tabs-nav{position:relative !important;padding-top:30px !important}
  .hero-scroll{position:absolute !important;top:-30px !important;right:8px !important;margin:0 !important;grid-column:auto !important}
  .rec-content-wrap{padding-top:32px !important}
  #burbinaIcon{width:clamp(26px,4vw,32px) !important;height:clamp(26px,4vw,32px) !important;bottom:20px !important;right:16px !important}
}

@media(max-width:768px){
  .cpz-wish-tooltip{ display:none; }
}

@media(max-width:768px){
  .m-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .m-tab{width:100%;min-width:0;padding:12px 8px;font-size:.88rem;line-height:1.25;white-space:normal;text-align:center;overflow-wrap:break-word}
}

@media(max-width:768px){
  #lodgeSection .mp-close-float{width:42px;height:42px;font-size:1rem}
}

@media(max-width:768px){.lodge-plano-img{opacity:.48;object-position:center 38%}}

@media(max-width:768px){#comunidadesPanel .cpz-grid{max-height:78vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}

@media(max-width:768px){
  .nav-sub{font-size:clamp(7px,2.2vw,9px);letter-spacing:.18em}
  .nav{padding-bottom:0}
  .nav.nav-links-open{padding-bottom:13px}
  .nav-menu-toggle{display:flex}
  .nav-links{
    position:absolute;left:0;right:0;bottom:0px;
    transform:translateY(20%);
    display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;
    gap:4px;
    padding:8px 10px 4px;
    background:rgba(14,11,7,0.92);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border-radius:0 0 14px 14px;
    border:none;z-index:1;
    opacity:0;pointer-events:none;
    transition:opacity .3s var(--ease),transform .3s var(--ease);
  }
  .nav.nav-links-open .nav-links{opacity:1;pointer-events:auto;transform:translateY(100%)}
  .nav-link{
    flex:1 1 0;
    min-width:0;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    padding:8px 4px;
    border-radius:0 0 9px 9px;
    box-shadow:0 2px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.2) inset;
    position:relative;
    transition:transform .25s var(--spring),box-shadow .25s var(--ease),background .25s var(--ease);
  }
  .nav-link:active{transform:scale(.95);background:rgba(45,212,191,.1);box-shadow:0 1px 3px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.4) inset}
  .nav-link.active{background:rgba(45,212,191,.16)}
  .nav-link-icon{display:none}
  .nav-link-text{
    display:block;
    color:#fff;
    font-family:var(--font-ui);
    font-size:clamp(8px,2.6vw,10.5px);
    letter-spacing:.02em;
    font-weight:700;
    line-height:1.25;
    white-space:normal;
    text-align:center;
    overflow-wrap:break-word;
    transition:color .25s ease;
  }
  .nav-link.active .nav-link-text,.nav-link:active .nav-link-text{color:#1aa896}
  .nav-right{margin-left:auto}
  
  .nav-burbina-icon-btn{width:48px;height:48px}
}

@media(max-width:768px){
  html,body{max-width:100vw;overflow-x:hidden}
  h1,h2,h3,h4,p,span,a,button,label,li{overflow-wrap:break-word;word-break:normal}
  .hero-title,.hero-desc,.hero-eyebrow span,.hero-cta-text,.hero-cta-price,
  .m-title,.cpz-title,.muro-title,.section-title{white-space:normal !important}
  img,svg,video{max-width:100%;height:auto}

  /* letter-spacing agresivo compactado en mobile */
  .rec-panel-num,.rec-tab-label,.m-label,.panel-sec-label,
  .cpz-eyebrow,.muro-valor-title,.lodge-label,.gn-header-badge,
  .section-eyebrow,.footer-copy{
    letter-spacing:.12em !important;
  }
}

@media(max-width:768px){
  .lb-lang-bar{
    right:8px;
    top:138px;
    max-width:280px !important;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
  }
  .lb-lang-bar.lb-bar-scrolled{ top:104px; }

  .lb-lang-row{
    flex-wrap:nowrap !important;
    justify-content:flex-end;
    row-gap:0;
  }

  .lb-lang-bar.lb-open .lb-lang-row{
    max-width:360px !important;
    width:auto !important;
    padding:4px 6px !important;
  }

  

  .lb-lang-sep{
    display:none !important;
  }

  .lb-lang-toggle{
    width:26px;height:26px;
    border:none !important;
  }
  .lb-lang-toggle__icon{
    width:14px;height:14px;
  }
  .lb-lang-spinner svg{
    width:14px;height:14px;
  }

  .lb-lang-install-chip{
  width:50px;
  height:50px;
  
}
.lb-lang-install-chip .lb-flag{
  width:50px;
  height:50px;
}

  .lb-lang-actions{
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-end;
    align-items:center;
    gap:4px;
    max-width:260px;
  }
  .lb-lang-bar.lb-open .lb-lang-actions{
    max-height:50px;
  }
  .lb-lang-action-btn{
    width:auto;
    min-width:0;
    padding:7px 10px;
    font-size:10px;
    letter-spacing:.02em;
    white-space:nowrap;
    text-align:center;
  }
}

@media(max-width:768px){
  .epz-mapa-layout{ flex-direction:column; }
  .epz-mapa-sidebar{ flex:0 0 auto; width:100%; max-height:220px; }
  .epz-mapa-wrap{ height:clamp(340px,58vh,520px); border-radius:20px; }
}

@media(max-width:768px){
  .bm-niveles-grid{grid-template-columns:repeat(2,1fr)}
  .bm-nivel-fundador{grid-column:1/-1}
  .bm-tuprogreso{flex-direction:column;text-align:center}
}

@media(max-width:768px){
  #panelmision .pb-card-desc{font-size:.92rem;line-height:1.6}
  #panelmision .pb-info-text,#panelmision .pb-nivel-msg,#panelmision .pb-actividad-label,
  #panelmision .burbina-item-desc,#panelmision .pb-earn-desc,#panelmision .pb-use-desc{font-size:1rem}
  #panelmision .pb-hito-label{font-size:1rem}
  #panelmision .pb-hito-count{font-size:.92rem}
}

@media(max-width:768px){ .lb-info-grid{grid-template-columns:1fr} }

@media(max-width:768px){
  .epz-mapa-wrap{min-height:340px !important}
  #epMapaLeaflet{min-height:340px}

}

@media(max-width:768px){
  .epz-area-btn{width:72px;height:72px;font-size:2rem}
  .epz-area-row{gap:18px}
  .epz-area-info-nombre{font-size:1.5rem}
  .epz-desafio-nombre{font-size:1.5rem}
  .epz-desafio-nivel{font-size:.78rem}
  .epz-obj-chip{font-size:.9rem;padding:7px 14px}
  .epz-desafio-meta-row{font-size:.85rem}
  .epz-desafio-premio-badge{font-size:.85rem;padding:7px 16px}
  .epz-desafio-mision-nota{font-size:.82rem}
  .epz-desafio-costo-activacion{font-size:.85rem}
  .epz-desafio-activar-btn{font-size:.88rem;padding:14px}
    #comunidadesPanel .epz-index-nav,
  #experienciasPanel .epz-index-nav,
  #cpzVistaNav{
    margin-bottom:0;
  }
  
#comunidadesPanel .epz-index-nav,
#experienciasPanel .epz-index-nav,
#cpzVistaNav{
  margin-bottom:0;
}
}

@media(max-width:768px){
  .imp2-info-grid,.imp2-informe-grid{grid-template-columns:1fr}
  .imp2-sponsor-card{flex-direction:column;text-align:center}
  #burberosMundoSection .imp2-block {
  margin-left: 8px !important;
  margin-right: 8px !important}
}

@media(max-width:768px){
  #panelmision .panel-brand{font-size:1.6rem!important}
  #panelmision .pb-card-title{font-size:1.5rem!important}
  #panelmision .pb-detalles-section-title,
  #panelmision .pb-detalles-toggle-left{font-size:1.45rem!important}
  #panelmision .pb-nivel-step-nombre{font-size:1.25rem!important}
  #panelmision .pb-nivel-step-umbral{font-size:1.25rem!important}
  #panelmision .burbina-item-title{font-size:1.3rem!important}
  #panelmision .pb-earn-title,
  #panelmision .pb-use-title{font-size:1.2rem!important}
  #panelmision .pb-advertencia-title{font-size:1.25rem!important}
  #panelmision .pb-nivel-nombre{font-size:1.3rem!important}
  #panelmision .bm-tuprogreso-nombre,
  #panelmision .bm-tuprogreso-label{font-size:1.25rem!important}
}

@media(max-width:768px){
  #panelmision .pb-card-desc{font-size:1.05rem!important;line-height:1.6!important}
  #panelmision .pb-detalles-section-sub{font-size:1.05rem!important}
  #panelmision .pb-earn-desc,
  #panelmision .pb-use-desc,
  #panelmision .pb-info-text,
  #panelmision .pb-nivel-step-desc,
  #panelmision .pb-nivel-detalle-msg,
  #panelmision .pb-login-sub,
  #panelmision .pb-advertencia-desc,
  #panelmision .burbina-item-desc,
  #panelmision .pb-nivel-msg,
  #panelmision .bm-tuprogreso-msg{font-size:1.05rem!important;line-height:1.6!important}
  #panelmision .pb-nivel-benef-item{font-size:1rem!important}
  #panelmision .pb-hito-label{font-size:1.05rem!important}
  #panelmision .pb-hito-count{font-size:.95rem!important}
}

@media(max-width:768px){
  .epz-mapa-layout{flex-direction:column}
  .epz-mapa-sidebar,.epz-mapa-sidebar-right{flex-basis:auto;max-height:220px}
}

@media (max-width: 768px){
  .epz-area-btn {
    width: 54px;
    height: 54px;
    font-size: 1.4rem;
  }
  .epz-area-info-nombre {
    font-size: 1.9rem;   /* 1.3 * 1.3 */
  }
  .epz-area-info-sub {
    font-size: 1.3rem;  /* .85 * 1.3 */
  }
  .epz-desafio-nivel {
    font-size: 1.1rem;    /* .7 * 1.3 */
  }
  .epz-desafio-nombre {
    font-size: 1.9rem;  /* 1.35 * 1.3 */
  }
  .epz-obj-chip {
    font-size: 1.2rem;   /* .8 * 1.3 */
    padding: 8px 14px;
  }
  .epz-desafio-meta-row {
    font-size: 1.2rem;   /* .8 * 1.3 */
  }
  .epz-desafio-activar-btn {
    font-size: 1rem;
    padding: 10px 12px 10px;
  }
  .epz-desafio-card {
    padding: 24px 20px 22px;
  }

  /* ——— Elementos que faltaban en móvil ——— */
  .epz-area-row {
    gap: 21px; /* 16 * 1.3 */
  }
  .epz-desafio-insignia {
    width: 47px;
    height: 47px;
    font-size: 1.4rem; /* 1.1 * 1.3 */
  }
  .epz-act-close {
    width: 42px;
    height: 42px;
  }
  .epz-act-close i {
    font-size: 1.2rem; /* valor base estimado ~1.0 * 1.3 */
  }
  .epz-act-icon {
    font-size: 2.9rem; /* 2.2 * 1.3 */
  }
  .epz-act-titulo {
    font-size: 1.8rem; /* 1.4 * 1.3 */
  }
  .epz-act-sub {
    font-size: 1.1rem; /* .85 * 1.3 */
  }
  .epz-act-costo {
    font-size: 1.3rem; /* base estimado 1.0 * 1.3 */
  }
  .epz-act-com-label {
    font-size: 1.0rem; /* .75 * 1.3 */
  }
  .epz-act-com-item {
    font-size: 1.2rem; /* .9 * 1.3 */
    padding: 13px 16px; /* 10*1.3, 12*1.3 */
  }
  .epz-act-error {
    font-size: 1.1rem; /* .85 * 1.3 */
  }
  .epz-act-confirmar {
    font-size: 1.3rem; /* base estimado 1.0 * 1.3 */
    padding: 14px 16px;
  }
  .epz-desafio-activo-head {
    font-size: 1.2rem; /* .9 * 1.3 */
  }
  .epz-desafio-activo-dias {
    font-size: 1.0rem; /* .8 * 1.3 */
  }
  .epz-desafio-activo-progreso {
    font-size: 1.0rem; /* .75 * 1.3 */
  }
  .epz-desafio-activo-fechas {
    font-size: .94rem; /* .72 * 1.3 */
  }
  .epz-desafio-activo-aportes-label {
    font-size: .9rem; /* .68 * 1.3 */
  }
  .epz-desafio-aporte-item {
    font-size: .94rem; /* .72 * 1.3 */
  }
  .epz-desafio-historial-label {
    font-size: 1.0rem; /* .75 * 1.3 */
  }
  .epz-desafio-historial-item {
    font-size: 1.1rem; /* .82 * 1.3 */
  }
  .epz-desafio-historial-fecha {
    font-size: .9rem; /* .7 * 1.3 */
  }
  .epz-desafio-historial-participantes {
    font-size: .9rem; /* .7 * 1.3 */
  }
}

@media(max-width:768px){.lb-pro-grid{grid-template-columns:1fr}}

@media(max-width:768px){
   
    #comunidadesPanel .cpz-step-section{ padding:22px 18px 22px; gap:16px; border-radius:24px; 
  max-width:760px;
  margin-left: 7px;
  margin-right: 7px;
   padding:clamp(18px,3.5vw,28px);}
  #experienciasPanel .cpz-step-section{ padding:22px 18px 22px; gap:16px; border-radius:24px; 
  max-width:760px;
  margin-left: 7px;
  margin-right: 7px;
   padding:clamp(18px,3.5vw,28px);}
  #comunidadesPanel .cpz-step-icon,
  #experienciasPanel .cpz-step-icon{ width:76px; height:76px; }
  #comunidadesPanel .cpz-step-icon i,
  #experienciasPanel .cpz-step-icon i{ font-size:2rem; }
  #comunidadesPanel .cpz-step-title,
  #experienciasPanel .cpz-step-title{ font-size:2.4rem; }
  #comunidadesPanel .cpz-step-sub,
  #experienciasPanel .cpz-step-sub{ font-size:.1.5rem; }
  #comunidadesPanel .cpz-seg-btn{ font-size:1.1rem; padding:8px 13px; }
    #experienciasPanel .cpz-seg-btn{ font-size:1.1rem; padding:8px 13px; }
  #comunidadesPanel .cpz-tus-link{ font-size:0.9rem; }
    #experienciasPanel .cpz-tus-link{ font-size:0.9rem; }

  /* Únete a una comunidad: separado 8px del borde de pantalla, ignorando el padding del shell */
  
}

@media(max-width:768px){
  #comunidadesPanel .cpd-hero-head{ margin-bottom:22px; gap:14px; }
  #comunidadesPanel .cpd-hero-nombre{ font-size:1.9rem; }
  #comunidadesPanel .cpd-hero-desc{ font-size:1rem; line-height:1.55; }
  #comunidadesPanel .cpd-hero-badges{ margin-top:14px; gap:10px; }
  #comunidadesPanel .cpd-hero-badge{ font-size:.78rem; padding:6px 14px; }

  #comunidadesPanel .cpd-cover{
    aspect-ratio:auto;
    height:clamp(210px,52vw,280px);
    border-radius:20px;
  }
  #comunidadesPanel .cpd-cover-bottom{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:16px;
  }
  #comunidadesPanel .cpd-cover-stat{
    font-size:.8rem;
    padding:9px 14px;
    justify-content:center;
  }
  #comunidadesPanel .cpd-join-btn{
    width:100%;
    justify-content:center;
    padding:15px 20px;
    font-size:.85rem;
  }

  #comunidadesPanel .cpd-caja{
    margin-top:14px;
    padding:16px;
    gap:12px;
    flex-wrap:wrap;
  }
  #comunidadesPanel .cpd-caja-icon{ width:48px; height:48px; font-size:1.3rem; }
  #comunidadesPanel .cpd-caja-title{ font-size:1rem; }
  #comunidadesPanel .cpd-caja-sub{ font-size:1rem; }
  #comunidadesPanel .cpd-caja-monto{ font-size:1.5rem; }
  #comunidadesPanel .cpd-caja-cta{ font-size:1rem; padding:9px 16px; }
}

@media(max-width:768px){.sp-grid{grid-template-columns:1fr}}

@media(max-width:768px){
    
  .rec-tabs-nav{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;padding:0}
  .rec-tab{flex-direction:column;align-items:center;gap:4px;padding:9px 5px;white-space:normal;border-radius:10px 10px 0 0}
  .rec-tab-icon{margin:0 auto}
  .rec-tab-num{font-size:7px;text-align:center;display:block}
  .rec-tab-label{font-size:10.5px;text-align:center;line-height:1.2;letter-spacing:0}
  .rec-tab:not(:last-child)::after{height:50%;top:25%}
  .rec-panel-head{flex-direction:column;gap:12px}
  .rec-groups{grid-template-columns:1fr}
  .rec-res-label{grid-template-columns:1fr;grid-template-areas:"titulo" "boton" "texto";row-gap:6px}
  .rec-res-label .rec-res-toggle{justify-self:start}
  .rec-res-label .rec-panel-num{font-size:.68rem;letter-spacing:.1em;white-space:normal;line-height:1.4;width:100%}
  .rec-res-label .rec-panel-num span{white-space:normal !important;display:inline-block;max-width:100%;overflow-wrap:break-word}
  .rec-res-label p{max-width:100%;font-size:.85rem}
}

@media(max-width:768px){#comunidadesPanel .cpz-explain{grid-template-columns:1fr 1fr}}

@media(max-width:768px){.m-equipo-grid{gap:22px}.m-equipo-divisor{display:none}}

@media(max-width:768px){.lbp-header{flex-wrap:wrap}.lbp-actions{width:100%;justify-content:space-between}.lbp-shell{height:92vh}.lbp-fallback-bar{flex-direction:column;align-items:flex-start}}

@media(max-width:768px){ #comunidadesPanel .cpd-fam-grid{ grid-template-columns:1fr; } }

@media(max-width:768px){.lodge-pillars{grid-template-columns:1fr}}

@media(max-width:768px){#comunidadesPanel .cpz-reglas-toggle{font-size:.72em;padding:8px 16px}#comunidadesPanel .cpz-ingresar-btn{padding:13px 28px;font-size:.95em}}

@media(max-width:768px){#comunidadesPanel .cpz-tipo-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:300px){.m-lifestyles{grid-template-columns:1fr}.m-footer{flex-direction:column;align-items:flex-start;gap:12px}}

@media(max-width:300px){
  #claveuniversalModal .gn-items-grid{grid-template-columns:1fr}
  #claveuniversalModal .gn-modal-body{padding:1rem 1.1rem 1.4rem}
  #claveuniversalModal .gn-modal-header{padding:1.3rem 1.2rem 1rem}
}

@media(max-width:300px){.pasos-grid{grid-template-columns:1fr;gap:8px}}

@media(max-width:300px){#comunidadesPanel .cpz-avatar-chip-wrap,#comunidadesPanel .cpz-avatar-more{width:38px;height:38px;margin-left:-6px}}

@media(max-width:300px){
  #comunidadesPanel .cpz-detalle-cover{flex-direction:column;align-items:stretch}
  #comunidadesPanel .cpz-cover-jointab{align-items:flex-start}
  #comunidadesPanel .cpz-desc-card{flex-direction:column;align-items:flex-start}
  #comunidadesPanel .cpz-desc-action{align-items:flex-start;width:100%}
  #comunidadesPanel .cpz-desc-action .cpz-mini-btn{width:100%;justify-content:center}
  #comunidadesPanel .cpz-cover-topbar{flex-wrap:nowrap;gap:6px;padding:8px 12px}
  #comunidadesPanel .cpz-cover-badge{font-size:clamp(0.42rem,2.8vw,0.75rem);padding:4px 8px;white-space:nowrap;overflow:visible;flex-shrink:1;min-width:0}
  #comunidadesPanel .cpz-unirme-cover{font-size:clamp(0.5rem,2.5vw,0.7rem);padding:4px 8px;white-space:nowrap;min-width:auto;flex-shrink:1}
}

@media(max-width:300px){
  .rec-tab{padding:7px 3px}
  .rec-tab-icon{width:22px;height:22px}
  .rec-tab-label{font-size:9px}
}

@media(max-width:300px){#comunidadesPanel .cpz-info-card.cpz-info-familias{grid-column:auto}}

@media(max-width:300px){
  .pb-ring-wrap{flex-direction:column;align-items:center}
  .pb-ring-info{width:100%}
  .pb-logros-row{justify-content:center}
  .pb-logro-item{flex:0 0 auto}
  .pb-nivel-actual{flex-direction:column;align-items:flex-start}
  .pb-nivel-msg{flex:1;min-width:0}
}

@media(max-width:300px){
  .hero-cta-pill{white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center;row-gap:6px}
  .hero-cta-divider{display:none}
}



/* ===== mentorias-cards-style (rediseño 3 breakpoints) ===== */
/* ============================================================
   PANEL BENEFICIOS — MENTORÍAS: tarjetas + reproductor adaptable
   + lector ebook. Breakpoints: base(<=520) / 521-768 / >=769
   ============================================================ */

.contenidos-section{ position:relative; z-index:1; margin-top:8px; }
.contenidos-section .section-label{
  font-family:var(--font-ui); font-size:.72rem; letter-spacing:.24em;
  text-transform:uppercase; color:#5eead4; font-weight:700;
  margin-bottom:6px; text-align:center;
}
.contenidos-section .curiosidad-info{
  font-family:var(--font-display); font-style:italic; color:var(--cream);
  font-size:1rem; line-height:1.5; text-align:center; margin-bottom:4px; font-weight:400;
}

.contenidos-grid{ display:grid; grid-template-columns:1fr; gap:18px; width:100%; }

.content-card{
  position:relative; border-radius:18px; overflow:visible; display:flex; flex-direction:column;
  background:linear-gradient(160deg, rgba(255,255,255,.035), rgba(94,234,212,.02));
  border:1px solid rgba(94,234,212,.18); box-shadow:0 14px 34px rgba(0,0,0,.28);
  transition:border-color .3s ease;
}
.content-card::before{
  content:''; position:absolute; top:0; left:0; right:0; height:2px; border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,var(--teal-dim),var(--teal),#ffd36a); opacity:.75;
}
.content-card:hover{ border-color:rgba(94,234,212,.4); }

.card-costo-badge{
  position:absolute; top:12px; right:12px; z-index:3;
  display:inline-flex; align-items:center; gap:4px;
  padding:6px 12px; border-radius:999px; white-space:nowrap;
  font-family:var(--font-ui); font-weight:800; font-size:.72rem; letter-spacing:.02em;
  background:linear-gradient(135deg,#ffd36a,#f59e0b); color:#2a1600;
  box-shadow:0 6px 14px rgba(245,158,11,.32);
}

.card-header-zone{ display:flex; align-items:flex-start; gap:12px; padding:18px 16px 0; }
.card-icon-wrap{
  flex-shrink:0; width:42px; height:42px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 30% 30%, rgba(94,234,212,.35), rgba(94,234,212,.06));
  border:1.5px solid rgba(94,234,212,.4); color:#5eead4;
}
.card-header-text{ flex:1; min-width:0; padding-right:64px; }
.card-tag{ display:block; font-family:var(--font-ui); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:#5eead4; font-weight:700; margin-bottom:4px; }
.card-title{ font-family:var(--font-display); font-style:italic; color:var(--cream); font-size:1.08rem; line-height:1.32; margin-bottom:8px; }
.card-title span{ color:#5eead4; font-style:italic; }
.card-status-chip{ display:inline-flex; align-items:center; gap:6px; font-family:var(--font-ui); font-size:.66rem; letter-spacing:.05em; font-weight:700; color:rgba(245,240,232,.6); text-transform:uppercase; }
.card-status-dot{ width:6px; height:6px; border-radius:50%; background:#5eead4; box-shadow:0 0 6px #5eead4; animation:pulse 2.2s infinite; }

.card-desc-zone{ padding:12px 16px 0; }
.card-desc{ font-family:var(--font-body); font-size:.92rem; line-height:1.65; color:var(--cream-dim); }
.card-desc .hi{ color:#5eead4; font-weight:700; }

/* ---- Video: el visor se ajusta al tamaño real del archivo ---- */
.card-video-zone{
  margin:16px 16px 0; border-radius:14px; overflow:hidden;
  background:transparent; border:1px solid rgba(94,234,212,.14);
  display:flex; align-items:center; justify-content:center;
}
.card-preview-wrap{ position:relative; width:100%; cursor:pointer; }
.card-preview-img{ display:block; width:100%; height:auto; max-height:44vh; object-fit:cover; border-radius:12px; }
.card-play-overlay{
  position:absolute; inset:0; border-radius:12px; opacity:0; transition:opacity .3s ease;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  background:linear-gradient(180deg, rgba(6,18,16,.1), rgba(6,18,16,.7));
}
.card-preview-wrap:hover .card-play-overlay,
.card-preview-wrap:active .card-play-overlay{ opacity:1; }
.card-play-btn{ width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(94,234,212,.18); border:1.5px solid rgba(94,234,212,.55); }
.card-play-label{ font-family:var(--font-ui); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:#fff; font-weight:700; }

/* El ancho y alto exactos de .card-video-player y .card-video-el
   los fija cardAjustarVideo() en JS según la proporción real del
   archivo, para que el panel se achique junto con el video. */
.card-video-player{ display:none; flex-direction:column; margin:0 auto; background:transparent; }
.card-video-el{
  display:block; width:100%; height:100%;
  object-fit:contain; background:#000; border-radius:12px 12px 0 0;
}

.card-controls{ display:flex; align-items:center; gap:8px; width:100%; padding:10px 12px; background:rgba(6,18,16,.92); border-radius:0 0 12px 12px; box-sizing:border-box; }
.card-ctrl-btn{ flex-shrink:0; width:38px; height:38px; border-radius:50%; border:1px solid rgba(94,234,212,.3); background:rgba(94,234,212,.08); color:#5eead4; font-size:1rem; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.card-ctrl-close{ width:30px; height:30px; }
.card-progress-track{ position:relative; flex:1; min-width:0; height:6px; border-radius:6px; background:rgba(255,255,255,.14); }
.card-progress-fill{ position:absolute; top:0; left:0; height:100%; border-radius:6px; background:#5eead4; width:0%; }
.card-progress-thumb{ position:absolute; top:50%; left:0%; width:13px; height:13px; border-radius:50%; background:#fff; transform:translate(-50%,-50%); box-shadow:0 0 6px rgba(0,0,0,.5); }
.card-progress-range{ position:absolute; inset:0; width:100%; opacity:0; cursor:pointer; margin:0; }
.card-time-el{ flex-shrink:0; min-width:42px; text-align:center; font-family:var(--font-ui); font-size:.78rem; color:rgba(245,240,232,.75); }

/* ---- Desbloqueo ---- */
.mnr-unlock-zone{ margin-top:16px; padding:16px; border-top:1px solid rgba(94,234,212,.14); background:linear-gradient(180deg,transparent,rgba(94,234,212,.03)); }
.mnr-unlock-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.mnr-unlock-info{ display:flex; flex-direction:column; gap:3px; flex:1; min-width:180px; }
.mnr-unlock-label{ font-family:var(--font-ui); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; font-weight:800; color:#5eead4; }
.mnr-unlock-sub{ font-family:var(--font-body); font-size:.82rem; line-height:1.45; color:rgba(245,240,232,.6); }
.mnr-unlock-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%;
  padding:14px 20px; border-radius:14px; border:1px solid rgba(94,234,212,.5);
  background:linear-gradient(135deg,rgba(94,234,212,.22),rgba(94,234,212,.08)); color:#5eead4;
  font-family:var(--font-ui); font-weight:800; letter-spacing:.04em; text-transform:uppercase; font-size:.84rem;
  cursor:pointer; transition:transform .3s cubic-bezier(.22,1,.36,1), background .3s ease, color .3s ease;
}
.mnr-unlock-btn:hover{ transform:translateY(-2px); background:#5eead4; color:#08201c; }
.mnr-unlock-btn:disabled{ opacity:.55; cursor:wait; transform:none; }
.mnr-unlock-btn.mnr-unlocked{ background:linear-gradient(135deg,#ffd36a,#f59e0b); border-color:#ffd36a; color:#2a1600; }
.mnr-unlock-status{ margin-top:8px; font-size:.82rem; min-height:1.1em; }
.mnr-unlock-status.err{ color:#f87171; }
.mnr-unlock-status.ok{ color:#5eead4; }

/* ---- Lector ebook ---- */
.mnr-reader{ max-height:0; opacity:0; overflow:hidden; transition:max-height .6s cubic-bezier(.22,1,.36,1), opacity .4s ease, margin .6s ease; }
.mnr-reader.on{ max-height:6000px; opacity:1; margin-top:16px; }

.mnr-toolbar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:12px 14px; border-radius:14px; background:rgba(94,234,212,.06); border:1px solid rgba(94,234,212,.18); margin-bottom:14px; }
.mnr-tts-btn{ width:40px; height:40px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; border:1px solid rgba(94,234,212,.4); background:rgba(94,234,212,.1); color:#5eead4; font-size:1rem; cursor:pointer; }
.mnr-tts-btn.mnr-playing{ background:#5eead4; color:#08201c; }
.mnr-tts-progress{ flex:1; min-width:100px; height:5px; border-radius:5px; background:rgba(255,255,255,.1); position:relative; overflow:hidden; }
.mnr-tts-progress-fill{ position:absolute; inset:0 auto 0 0; width:0%; background:#5eead4; border-radius:5px; transition:width .15s linear; }
.mnr-tts-voice{ font-family:var(--font-ui); font-size:.76rem; color:rgba(245,240,232,.68); background:#061512; border:1px solid rgba(94,234,212,.2); border-radius:8px; padding:7px 9px; cursor:pointer; max-width:100%; flex-basis:100%; }
.mnr-tts-speed{ display:flex; gap:5px; }
.mnr-tts-speed button{ padding:6px 10px; border-radius:8px; border:1px solid rgba(255,255,255,.12); background:transparent; color:rgba(245,240,232,.62); font-family:var(--font-ui); font-size:.72rem; font-weight:700; cursor:pointer; }
.mnr-tts-speed button.active{ background:rgba(94,234,212,.16); border-color:#5eead4; color:#5eead4; }

.mnr-page-nav{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; }
.mnr-page-btn{ padding:10px 16px; border-radius:10px; border:1px solid rgba(94,234,212,.35); background:rgba(94,234,212,.08); color:#5eead4; font-family:var(--font-ui); font-weight:700; font-size:.78rem; letter-spacing:.03em; text-transform:uppercase; cursor:pointer; }
.mnr-page-btn:disabled{ opacity:.35; cursor:not-allowed; }
.mnr-page-indicator{ font-family:var(--font-ui); font-size:.76rem; color:rgba(245,240,232,.5); letter-spacing:.06em; }

.mnr-ebook{ background:linear-gradient(160deg,rgba(255,253,248,.03),rgba(94,234,212,.02)); border:1px solid rgba(94,234,212,.12); border-radius:16px; padding:18px 16px; }
.mnr-chapter-title{ font-family:var(--font-display); font-style:italic; color:var(--cream); font-size:1.2rem; margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid rgba(94,234,212,.15); }
.mnr-body{ font-family:Georgia,'Iowan Old Style',serif; font-size:1rem; line-height:1.85; color:rgba(245,240,232,.88); }
.mnr-body p{ margin-bottom:1.1em; }
.mnr-word-active{ background:rgba(94,234,212,.3); border-radius:3px; padding:0 1px; box-shadow:0 0 0 2px rgba(94,234,212,.28); }
.mnr-locked-msg{ text-align:center; padding:30px 16px; font-family:var(--font-body); font-size:.9rem; color:rgba(245,240,232,.5); }

/* ========== TIER 2 — 521px a 768px ========== */
@media (max-width:300px){
  .contenidos-grid{ grid-template-columns:repeat(2,1fr); gap:20px; }
  .card-title{ font-size:1.16rem; }
  .card-desc{ font-size:.96rem; }
  .card-preview-img{ max-height:40vh; }
  .card-time-el{ font-size:.8rem; }
  .mnr-unlock-row{ flex-wrap:nowrap; }
  .mnr-unlock-btn{ width:auto; min-width:220px; }
  .mnr-body{ font-size:1.02rem; }
}

/* ========== TIER 3 — 769px en adelante ========== */
@media(min-width:769px){
  .contenidos-grid{ grid-template-columns:repeat(3,1fr); gap:24px; }
  .content-card{ border-radius:20px; }
  .card-costo-badge{ font-size:.78rem; padding:7px 14px; }
  .card-header-zone{ padding:22px 20px 0; }
  .card-icon-wrap{ width:48px; height:48px; }
  .card-tag{ font-size:.7rem; }
  .card-title{ font-size:1.24rem; }
  .card-status-chip{ font-size:.7rem; }
  .card-desc-zone{ padding:14px 20px 0; }
  .card-desc{ font-size:.94rem; }
   .card-video-zone{ margin:18px 20px 0; }
  .card-preview-img{ max-height:280px; }
  .card-controls{ padding:12px 16px; }
  .card-ctrl-btn{ width:34px; height:34px; }
  .card-time-el{ font-size:.8rem; }
  .mnr-unlock-zone{ padding:20px; }
  .mnr-unlock-row{ flex-wrap:nowrap; }
  .mnr-unlock-btn{ width:auto; padding:14px 28px; }
  .mnr-chapter-title{ font-size:1.35rem; }
  .mnr-body{ font-size:1.05rem; max-width:68ch; margin:0 auto; }
  .mnr-ebook{ padding:26px 30px; }
}

/* ============================================================
   4. MOBILE PEQUEÑO — @media(max-width:560px)
   Copia consolidada de TODO el bloque MOBILE (sección 3),
   con todos los valores en px/rem/em/vw/vh escalados x0.7
   (30% mas chico). Al ir despues del bloque 3 en el documento,
   para pantallas <=560px estas reglas prevalecen (misma
   especificidad, orden de cascada), y no se altera nada para
   anchos mayores.
   ============================================================ */
@media(max-width:300px){
#comunidadesPanel .cpz-info-card.cpz-info-familias{grid-column:1/-1}

.pasos-grid{grid-template-columns:repeat(2,1fr)}

 .nav-login-btn{ font-size:0.77rem; padding:0px 0px 2.1px;  border-bottom:0.7px solid rgba(45,212,191,.5);} 


  .hero-cta-row{
    display:flex;
    flex-direction:column;
    gap:10.5px;
    width:100%;
    margin-bottom:9.8px;
  }
  .hero-cta-row .hero-cta-wrap{
    width:100%;
    margin-bottom:0;
  }
  .hero-cta-row .hero-cta-pill{
    width:100%;
  }



    #panelmision .panel-brand{font-size:1.127rem;font-weight:800;color:var(--teal);letter-spacing:0.224em;text-transform:uppercase;text-shadow:0 0 12.6px rgba(45,212,191,.35);text-align:center;margin-bottom:9.8px}
  #panelmision .pb-card-title{font-size:1.372rem}
  #panelmision .pb-detalles-section-title,#panelmision .pb-detalles-toggle-left{font-size:1.323rem}
  #panelmision .pb-ring-max,#panelmision .pb-ring-bar-labels,#panelmision .pb-actividad-item,
  #panelmision .pb-actividad-fecha,#panelmision .pb-vacio,#panelmision .pb-ver-mas,
  #panelmision .pb-logro-nota,#panelmision .pb-info-title,
  #panelmision .pb-info-text,#panelmision .pb-como-sumar-label,#panelmision .pb-sumar-label,
  #panelmision .pb-sumar-valor,#panelmision .pb-nivel-label,#panelmision .pb-nivel-nombre,
  #panelmision .pb-nivel-msg,#panelmision .pb-detalles-section-sub,
  #panelmision .pb-earn-desc,#panelmision .pb-use-desc,#panelmision .pb-advertencia-desc,
  #panelmision .pb-login-sub,#panelmision .pb-status,#panelmision .burbina-item-desc{
    font-size:1.274rem;
  }



  .pb-top-actions{flex-direction:column-reverse;align-items:center;gap:5.6px;margin-bottom:18.2px}
  .panel-brand{text-align:center}



  .hero-cta-pill .hero-cta-text {
    font-size: clamp(5.6px, 1.75vw, 7.7px)!important;
  }
  .hero-cta-text{color:#fff !important;}


 .hero-wish-bubble{font-size:1.162rem;padding:8.4px 11.2px;min-width:89.6px;max-width:119px} 


  .hero{min-height:100svh !important}
  .hero-title {font-size:2.45rem!important}
  .proj-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:4.9px !important;overflow-x:visible !important;padding-bottom:0 !important}
  .proj-btn{min-width:auto !important;max-width:none !important;width:100% !important;min-height:39.2px !important}
  .rec-tabs-nav{position:relative !important;padding-top:21px !important}
  .hero-scroll{position:absolute !important;top:-21px !important;right:5.6px !important;margin:0 !important;grid-column:auto !important}
  .rec-content-wrap{padding-top:22.4px !important}
  #burbinaIcon{width:clamp(18.2px,2.8vw,22.4px) !important;height:clamp(18.2px,2.8vw,22.4px) !important;bottom:14px !important;right:11.2px !important}



  .cpz-wish-tooltip{ display:none; }



  .m-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
  .m-tab{width:100%;min-width:0;padding:8.4px 5.6px;font-size:0.616rem;line-height:1.25;white-space:normal;text-align:center;overflow-wrap:break-word}



  #lodgeSection .mp-close-float{width:29.4px;height:29.4px;font-size:0.7rem}


.lodge-plano-img{opacity:.48;object-position:center 38%}

#comunidadesPanel .cpz-grid{max-height:54.6vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}


  .nav-sub{font-size:clamp(4.9px,1.54vw,6.3px);letter-spacing:0.126em}
  .nav{padding-bottom:0}
  .nav.nav-links-open{padding-bottom:9.1px}
  .nav-menu-toggle{display:flex}
  .nav-links{
    position:absolute;left:0;right:0;bottom:0px;
    transform:translateY(20%);
    display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;
    gap:2.8px;
    padding:5.6px 7px 2.8px;
    background:rgba(14,11,7,0.92);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-radius:0 0 9.8px 9.8px;
    border:none;z-index:1;
    opacity:0;pointer-events:none;
    transition:opacity .3s var(--ease),transform .3s var(--ease);
  }
  .nav.nav-links-open .nav-links{opacity:1;pointer-events:auto;transform:translateY(100%)}
  .nav-link{
    flex:1 1 0;
    min-width:0;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    padding:5.6px 2.8px;
    border-radius:0 0 6.3px 6.3px;
    box-shadow:0 1.4px 1.4px rgba(0,0,0,.1),0 0.7px 0 rgba(255,255,255,.2) inset;
    position:relative;
    transition:transform .25s var(--spring),box-shadow .25s var(--ease),background .25s var(--ease);
  }
  .nav-link:active{transform:scale(.95);background:rgba(45,212,191,.1);box-shadow:0 0.7px 2.1px rgba(0,0,0,.22),0 0.7px 0 rgba(255,255,255,.4) inset}
  .nav-link.active{background:rgba(45,212,191,.16)}
  .nav-link-icon{display:none}
  .nav-link-text{
    display:block;
    color:#fff;
    font-family:var(--font-ui);
    font-size:clamp(5.6px,1.82vw,7.35px);
    letter-spacing:0.014em;
    font-weight:700;
    line-height:1.25;
    white-space:normal;
    text-align:center;
    overflow-wrap:break-word;
    transition:color .25s ease;
  }
  .nav-link.active .nav-link-text,.nav-link:active .nav-link-text{color:#1aa896}
  .nav-right{margin-left:auto}
  
  .nav-burbina-icon-btn{width:33.6px;height:33.6px}



  html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
  h1,h2,h3,h4,p,span,a,button,label,li{overflow-wrap:break-word;word-break:normal}
  .hero-title,.hero-desc,.hero-eyebrow span,.hero-cta-text,.hero-cta-price,
  .m-title,.cpz-title,.muro-title,.section-title{white-space:normal !important}
  img,svg,video{max-width:100%;height:auto}

  /* letter-spacing agresivo compactado en mobile */
  .rec-panel-num,.rec-tab-label,.m-label,.panel-sec-label,
  .cpz-eyebrow,.muro-valor-title,.lodge-label,.gn-header-badge,
  .section-eyebrow,.footer-copy{
    letter-spacing:0.084em !important;
  }



  .lb-lang-bar{
    right:5.6px;
    top:96.6px;
    max-width:196px !important;
    flex-direction:column;
    align-items:flex-end;
    gap:4.2px;
  }
  .lb-lang-bar.lb-bar-scrolled{ top:72.8px; }

  .lb-lang-row{
    flex-wrap:nowrap !important;
    justify-content:flex-end;
    row-gap:0;
  }

  .lb-lang-bar.lb-open .lb-lang-row{
    max-width:252px !important;
    width:auto !important;
    padding:2.8px 4.2px !important;
  }

  

  .lb-lang-sep{
    display:none !important;
  }

  .lb-lang-toggle{
    width:18.2px;height:18.2px;
    border:none !important;
  }
  .lb-lang-toggle__icon{
    width:9.8px;height:9.8px;
  }
  .lb-lang-spinner svg{
    width:9.8px;height:9.8px;
  }

  .lb-lang-install-chip{
  width:35px;
  height:35px;
  
}
.lb-lang-install-chip .lb-flag{
  width:35px;
  height:35px;
}

  .lb-lang-actions{
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-end;
    align-items:center;
    gap:2.8px;
    max-width:182px;
  }
  .lb-lang-bar.lb-open .lb-lang-actions{
    max-height:35px;
  }
  .lb-lang-action-btn{
    width:auto;
    min-width:0;
    padding:4.9px 7px;
    font-size:7px;
    letter-spacing:0.014em;
    white-space:nowrap;
    text-align:center;
  }



  .epz-mapa-layout{ flex-direction:column; }
  .epz-mapa-sidebar{ flex:0 0 auto; width:100%; max-height:154px; }
  .epz-mapa-wrap{ height:clamp(238px,40.6vh,364px); border-radius:14px; }



  .bm-niveles-grid{grid-template-columns:repeat(2,1fr)}
  .bm-nivel-fundador{grid-column:1/-1}
  .bm-tuprogreso{flex-direction:column;text-align:center}



  #panelmision .pb-card-desc{font-size:0.644rem;line-height:1.6}
  #panelmision .pb-info-text,#panelmision .pb-nivel-msg,#panelmision .pb-actividad-label,
  #panelmision .burbina-item-desc,#panelmision .pb-earn-desc,#panelmision .pb-use-desc{font-size:0.7rem}
  #panelmision .pb-hito-label{font-size:0.7rem}
  #panelmision .pb-hito-count{font-size:0.644rem}


 .lb-info-grid{grid-template-columns:1fr} 


  .epz-mapa-wrap{min-height:238px !important}
  #epMapaLeaflet{min-height:238px}




  .epz-area-btn{width:50.4px;height:50.4px;font-size:1.4rem}
  .epz-area-row{gap:12.6px}
  .epz-area-info-nombre{font-size:1.05rem}
  .epz-desafio-nombre{font-size:1.05rem}
  .epz-desafio-nivel{font-size:0.546rem}
  .epz-obj-chip{font-size:0.63rem;padding:4.9px 9.8px}
  .epz-desafio-meta-row{font-size:0.595rem}
  .epz-desafio-premio-badge{font-size:0.595rem;padding:4.9px 11.2px}
  .epz-desafio-mision-nota{font-size:0.574rem}
  .epz-desafio-costo-activacion{font-size:0.595rem}
  .epz-desafio-activar-btn{font-size:0.616rem;padding:9.8px}
    #comunidadesPanel .epz-index-nav,
  #experienciasPanel .epz-index-nav,
  #cpzVistaNav{
    margin-bottom:0;
  }
  
#comunidadesPanel .epz-index-nav,
#experienciasPanel .epz-index-nav,
#cpzVistaNav{
  margin-bottom:0;
}



  .imp2-info-grid,.imp2-informe-grid{grid-template-columns:1fr}
  .imp2-sponsor-card{flex-direction:column;text-align:center}
  #burberosMundoSection .imp2-block {
  margin-left: 5.6px !important;
  margin-right: 5.6px !important}



  #panelmision .panel-brand{font-size:1.12rem!important}
  #panelmision .pb-card-title{font-size:1.05rem!important}
  #panelmision .pb-detalles-section-title,
  #panelmision .pb-detalles-toggle-left{font-size:1.015rem!important}
  #panelmision .pb-nivel-step-nombre{font-size:0.875rem!important}
  #panelmision .pb-nivel-step-umbral{font-size:0.875rem!important}
  #panelmision .burbina-item-title{font-size:0.91rem!important}
  #panelmision .pb-earn-title,
  #panelmision .pb-use-title{font-size:0.84rem!important}
  #panelmision .pb-advertencia-title{font-size:0.875rem!important}
  #panelmision .pb-nivel-nombre{font-size:0.91rem!important}
  #panelmision .bm-tuprogreso-nombre,
  #panelmision .bm-tuprogreso-label{font-size:0.875rem!important}



  #panelmision .pb-card-desc{font-size:0.735rem!important;line-height:1.6!important}
  #panelmision .pb-detalles-section-sub{font-size:0.735rem!important}
  #panelmision .pb-earn-desc,
  #panelmision .pb-use-desc,
  #panelmision .pb-info-text,
  #panelmision .pb-nivel-step-desc,
  #panelmision .pb-nivel-detalle-msg,
  #panelmision .pb-login-sub,
  #panelmision .pb-advertencia-desc,
  #panelmision .burbina-item-desc,
  #panelmision .pb-nivel-msg,
  #panelmision .bm-tuprogreso-msg{font-size:0.735rem!important;line-height:1.6!important}
  #panelmision .pb-nivel-benef-item{font-size:0.7rem!important}
  #panelmision .pb-hito-label{font-size:0.735rem!important}
  #panelmision .pb-hito-count{font-size:0.665rem!important}



  .epz-mapa-layout{flex-direction:column}
  .epz-mapa-sidebar,.epz-mapa-sidebar-right{flex-basis:auto;max-height:154px}



  .epz-area-btn {
    width: 37.8px;
    height: 37.8px;
    font-size: 0.98rem;
  }
  .epz-area-info-nombre {
    font-size: 1.33rem;   /* 1.3 * 1.3 */
  }
  .epz-area-info-sub {
    font-size: 0.91rem;  /* .85 * 1.3 */
  }
  .epz-desafio-nivel {
    font-size: 0.77rem;    /* .7 * 1.3 */
  }
  .epz-desafio-nombre {
    font-size: 1.33rem;  /* 1.35 * 1.3 */
  }
  .epz-obj-chip {
    font-size: 0.84rem;   /* .8 * 1.3 */
    padding: 5.6px 9.8px;
  }
  .epz-desafio-meta-row {
    font-size: 0.84rem;   /* .8 * 1.3 */
  }
  .epz-desafio-activar-btn {
    font-size: 0.7rem;
    padding: 7px 8.4px 7px;
  }
  .epz-desafio-card {
    padding: 16.8px 14px 15.4px;
  }

  /* ——— Elementos que faltaban en móvil ——— */
  .epz-area-row {
    gap: 14.7px; /* 16 * 1.3 */
  }
  .epz-desafio-insignia {
    width: 32.9px;
    height: 32.9px;
    font-size: 0.98rem; /* 1.1 * 1.3 */
  }
  .epz-act-close {
    width: 29.4px;
    height: 29.4px;
  }
  .epz-act-close i {
    font-size: 0.84rem; /* valor base estimado ~1.0 * 1.3 */
  }
  .epz-act-icon {
    font-size: 2.03rem; /* 2.2 * 1.3 */
  }
  .epz-act-titulo {
    font-size: 1.26rem; /* 1.4 * 1.3 */
  }
  .epz-act-sub {
    font-size: 0.77rem; /* .85 * 1.3 */
  }
  .epz-act-costo {
    font-size: 0.91rem; /* base estimado 1.0 * 1.3 */
  }
  .epz-act-com-label {
    font-size: 0.7rem; /* .75 * 1.3 */
  }
  .epz-act-com-item {
    font-size: 0.84rem; /* .9 * 1.3 */
    padding: 9.1px 11.2px; /* 10*1.3, 12*1.3 */
  }
  .epz-act-error {
    font-size: 0.77rem; /* .85 * 1.3 */
  }
  .epz-act-confirmar {
    font-size: 0.91rem; /* base estimado 1.0 * 1.3 */
    padding: 9.8px 11.2px;
  }
  .epz-desafio-activo-head {
    font-size: 0.84rem; /* .9 * 1.3 */
  }
  .epz-desafio-activo-dias {
    font-size: 0.7rem; /* .8 * 1.3 */
  }
  .epz-desafio-activo-progreso {
    font-size: 0.7rem; /* .75 * 1.3 */
  }
  .epz-desafio-activo-fechas {
    font-size: 0.658rem; /* .72 * 1.3 */
  }
  .epz-desafio-activo-aportes-label {
    font-size: 0.63rem; /* .68 * 1.3 */
  }
  .epz-desafio-aporte-item {
    font-size: 0.658rem; /* .72 * 1.3 */
  }
  .epz-desafio-historial-label {
    font-size: 0.7rem; /* .75 * 1.3 */
  }
  .epz-desafio-historial-item {
    font-size: 0.77rem; /* .82 * 1.3 */
  }
  .epz-desafio-historial-fecha {
    font-size: 0.63rem; /* .7 * 1.3 */
  }
  .epz-desafio-historial-participantes {
    font-size: 0.63rem; /* .7 * 1.3 */
  }


.lb-pro-grid{grid-template-columns:1fr}


   
    #comunidadesPanel .cpz-step-section{ padding:15.4px 12.6px 15.4px; gap:11.2px; border-radius:16.8px; 
  max-width:532px;
  margin-left: 4.9px;
  margin-right: 4.9px;
   padding:clamp(12.6px,2.45vw,19.6px);}
  #experienciasPanel .cpz-step-section{ padding:15.4px 12.6px 15.4px; gap:11.2px; border-radius:16.8px; 
  max-width:532px;
  margin-left: 4.9px;
  margin-right: 4.9px;
   padding:clamp(12.6px,2.45vw,19.6px);}
  #comunidadesPanel .cpz-step-icon,
  #experienciasPanel .cpz-step-icon{ width:53.2px; height:53.2px; }
  #comunidadesPanel .cpz-step-icon i,
  #experienciasPanel .cpz-step-icon i{ font-size:1.4rem; }
  #comunidadesPanel .cpz-step-title,
  #experienciasPanel .cpz-step-title{ font-size:1.68rem; }
  #comunidadesPanel .cpz-step-sub,
  #experienciasPanel .cpz-step-sub{ font-size:.1.05rem; }
  #comunidadesPanel .cpz-seg-btn{ font-size:0.77rem; padding:5.6px 9.1px; }
    #experienciasPanel .cpz-seg-btn{ font-size:0.77rem; padding:5.6px 9.1px; }
  #comunidadesPanel .cpz-tus-link{ font-size:0.63rem; }
    #experienciasPanel .cpz-tus-link{ font-size:0.63rem; }

  /* Únete a una comunidad: separado 5.6px del borde de pantalla, ignorando el padding del shell */
  



  #comunidadesPanel .cpd-hero-head{ margin-bottom:15.4px; gap:9.8px; }
  #comunidadesPanel .cpd-hero-nombre{ font-size:1.33rem; }
  #comunidadesPanel .cpd-hero-desc{ font-size:0.7rem; line-height:1.55; }
  #comunidadesPanel .cpd-hero-badges{ margin-top:9.8px; gap:7px; }
  #comunidadesPanel .cpd-hero-badge{ font-size:0.546rem; padding:4.2px 9.8px; }

  #comunidadesPanel .cpd-cover{
    aspect-ratio:auto;
    height:clamp(147px,36.4vw,196px);
    border-radius:14px;
  }
  #comunidadesPanel .cpd-cover-bottom{
    flex-direction:column;
    align-items:stretch;
    gap:7px;
    padding:11.2px;
  }
  #comunidadesPanel .cpd-cover-stat{
    font-size:0.56rem;
    padding:6.3px 9.8px;
    justify-content:center;
  }
  #comunidadesPanel .cpd-join-btn{
    width:100%;
    justify-content:center;
    padding:10.5px 14px;
    font-size:0.595rem;
  }

  #comunidadesPanel .cpd-caja{
    margin-top:9.8px;
    padding:11.2px;
    gap:8.4px;
    flex-wrap:wrap;
  }
  #comunidadesPanel .cpd-caja-icon{ width:33.6px; height:33.6px; font-size:0.91rem; }
  #comunidadesPanel .cpd-caja-title{ font-size:0.7rem; }
  #comunidadesPanel .cpd-caja-sub{ font-size:0.7rem; }
  #comunidadesPanel .cpd-caja-monto{ font-size:1.05rem; }
  #comunidadesPanel .cpd-caja-cta{ font-size:0.7rem; padding:6.3px 11.2px; }


.sp-grid{grid-template-columns:1fr}


    
  .rec-tabs-nav{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;padding:0}
  .rec-tab{flex-direction:column;align-items:center;gap:2.8px;padding:6.3px 3.5px;white-space:normal;border-radius:7px 7px 0 0}
  .rec-tab-icon{margin:0 auto}
  .rec-tab-num{font-size:4.9px;text-align:center;display:block}
  .rec-tab-label{font-size:7.35px;text-align:center;line-height:1.2;letter-spacing:0}
  .rec-tab:not(:last-child)::after{height:50%;top:25%}
  .rec-panel-head{flex-direction:column;gap:8.4px}
  .rec-groups{grid-template-columns:1fr}
  .rec-res-label{grid-template-columns:1fr;grid-template-areas:"titulo" "boton" "texto";row-gap:4.2px}
  .rec-res-label .rec-res-toggle{justify-self:start}
  .rec-res-label .rec-panel-num{font-size:0.476rem;letter-spacing:0.07em;white-space:normal;line-height:1.4;width:100%}
  .rec-res-label .rec-panel-num span{white-space:normal !important;display:inline-block;max-width:100%;overflow-wrap:break-word}
  .rec-res-label p{max-width:100%;font-size:0.595rem}


#comunidadesPanel .cpz-explain{grid-template-columns:1fr 1fr}

.m-equipo-grid{gap:15.4px}.m-equipo-divisor{display:none}

.lbp-header{flex-wrap:wrap}.lbp-actions{width:100%;justify-content:space-between}.lbp-shell{height:64.4vh}.lbp-fallback-bar{flex-direction:column;align-items:flex-start}

 #comunidadesPanel .cpd-fam-grid{ grid-template-columns:1fr; } 

.lodge-pillars{grid-template-columns:1fr}

#comunidadesPanel .cpz-reglas-toggle{font-size:0.504em;padding:5.6px 11.2px}#comunidadesPanel .cpz-ingresar-btn{padding:9.1px 19.6px;font-size:0.665em}

#comunidadesPanel .cpz-tipo-grid{grid-template-columns:repeat(2,1fr)}

.m-lifestyles{grid-template-columns:1fr}.m-footer{flex-direction:column;align-items:flex-start;gap:8.4px}


  #claveuniversalModal .gn-items-grid{grid-template-columns:1fr}
  #claveuniversalModal .gn-modal-body{padding:0.7rem 0.77rem 0.98rem}
  #claveuniversalModal .gn-modal-header{padding:0.91rem 0.84rem 0.7rem}


.pasos-grid{grid-template-columns:1fr;gap:5.6px}

#comunidadesPanel .cpz-avatar-chip-wrap,#comunidadesPanel .cpz-avatar-more{width:26.6px;height:26.6px;margin-left:-4.2px}


  #comunidadesPanel .cpz-detalle-cover{flex-direction:column;align-items:stretch}
  #comunidadesPanel .cpz-cover-jointab{align-items:flex-start}
  #comunidadesPanel .cpz-desc-card{flex-direction:column;align-items:flex-start}
  #comunidadesPanel .cpz-desc-action{align-items:flex-start;width:100%}
  #comunidadesPanel .cpz-desc-action .cpz-mini-btn{width:100%;justify-content:center}
  #comunidadesPanel .cpz-cover-topbar{flex-wrap:nowrap;gap:4.2px;padding:5.6px 8.4px}
  #comunidadesPanel .cpz-cover-badge{font-size:clamp(0.294rem,1.96vw,0.525rem);padding:2.8px 5.6px;white-space:nowrap;overflow:visible;flex-shrink:1;min-width:0}
  #comunidadesPanel .cpz-unirme-cover{font-size:clamp(0.35rem,1.75vw,0.49rem);padding:2.8px 5.6px;white-space:nowrap;min-width:auto;flex-shrink:1}



  .rec-tab{padding:4.9px 2.1px}
  .rec-tab-icon{width:15.4px;height:15.4px}
  .rec-tab-label{font-size:6.3px}


#comunidadesPanel .cpz-info-card.cpz-info-familias{grid-column:auto}


  .pb-ring-wrap{flex-direction:column;align-items:center}
  .pb-ring-info{width:100%}
  .pb-logros-row{justify-content:center}
  .pb-logro-item{flex:0 0 auto}
  .pb-nivel-actual{flex-direction:column;align-items:flex-start}
  .pb-nivel-msg{flex:1;min-width:0}



  .hero-cta-pill{white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center;row-gap:4.2px}
  .hero-cta-divider{display:none}

}