
#portal-sidebar,
#sidebar {
  background: #0F1E2E !important;
  color: #fff !important;
  flex-shrink: 0 !important;
  overflow-y: auto !important;
}
#portal-sidebar nav,
#portal-sidebar .sb-nav,
#sidebar nav,
#sidebar .sb-nav {
  background: transparent !important;
  position: static !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  top: auto !important;
  z-index: auto !important;
  padding: 0.75rem 0.6rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 1px !important;
  flex: 1 !important;
}
#p-portal .pvt-code,#p-admin .code{white-space:nowrap}
#pvt-sec-pagos>div[style*="1fr 1fr"]{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)!important}
#portal-sidebar .sb-brand,
#portal-sidebar .sb-bottom,
#portal-sidebar .sb-user-block,
#sidebar .sb-brand,
#sidebar .sb-bottom,
#sidebar .sb-user {
  background: transparent !important;
}
#portal-sidebar .sb-brand,
#sidebar .sb-brand {
  padding: 1.25rem 1rem 1rem !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
#portal-sidebar .sb-bottom,
#sidebar .sb-bottom {
  padding: 0.75rem !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
#portal-sidebar button,
#portal-sidebar .sb-item,
#sidebar button,
#sidebar .sb-item {
  color: rgba(255,255,255,0.8) !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  padding: 0.55rem 0.7rem !important;
  font-size: .8125rem !important;
  font-weight: 400 !important;
  font-family: 'Geist', sans-serif !important;
  cursor: pointer !important;
  border-radius: 6px !important;
  transition: background .12s, color .12s !important;
  position: static !important;
  top: auto !important;
}
#portal-sidebar .sb-item.active,
#sidebar .sb-item.active {
  background: rgba(201,168,76,0.18) !important;
  color: #E8C97A !important;
  font-weight: 600 !important;
}
#portal-sidebar .sb-item.active svg,
#sidebar .sb-item.active svg {
  stroke: #E8C97A !important;
}
#portal-sidebar .sb-item:hover,
#sidebar .sb-item:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}
#portal-sidebar svg,
#sidebar svg {
  stroke: currentColor !important;
  fill: none !important;
  flex-shrink: 0 !important;
}
#portal-sidebar .sb-item svg,
#sidebar .sb-item svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 2 !important;
}
#portal-sidebar .sb-logo-name,
#sidebar .sb-logo-name {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: .9375rem !important;
  line-height: 1.2 !important;
}
#portal-sidebar .sb-logo-sub,
#sidebar .sb-logo-sub {
  color: #C9A84C !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}
#portal-sidebar .sb-user-name,
#sidebar .sb-user-name {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: .8125rem !important;
}
#portal-sidebar .sb-user-plan,
#portal-sidebar .sb-user-code,
#sidebar .sb-user-role {
  color: rgba(255,255,255,0.5) !important;
  font-size: .75rem !important;
}
#portal-sidebar .sb-section-label,
#sidebar .sb-section-label {
  color: rgba(255,255,255,0.35) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  padding: 0.6rem 0.6rem 0.2rem !important;
  display: block !important;
  background: transparent !important;
}
#portal-sidebar .sb-avatar,
#sidebar .sb-avatar {
  background: linear-gradient(135deg,#C9A84C,#E8C97A) !important;
  color: #0F1E2E !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: .8125rem !important;
}
#portal-sidebar .sb-logo-icon,
#sidebar .sb-logo-icon {
  background: rgba(201,168,76,0.15) !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  color: #C9A84C !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 16px !important;
}
#portal-sidebar .sb-badge,
#sidebar .sb-badge {
  background: #B85C38 !important;
  color: #fff !important;
  font-size: .6875rem !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 10px !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
}
#portal-sidebar .sb-badge.green,
#sidebar .sb-badge.green {
  background: #4A7C59 !important;
}
#portal-sidebar .sb-logout,
#sidebar .sb-logout {
  color: rgba(255,255,255,0.4) !important;
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: 100% !important;
  padding: 0.4rem 0.65rem !important;
  font-size: 0.75rem !important;
  cursor: pointer !important;
  font-family: 'Geist', sans-serif !important;
  border-radius: 6px !important;
}
#portal-sidebar .sb-logout:hover,
#sidebar .sb-logout:hover {
  background: rgba(255,0,0,0.08) !important;
  color: #ff8888 !important;
}
#sidebar .sb-role-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  background: rgba(201,168,76,0.12) !important;
  border: 1px solid rgba(201,168,76,0.22) !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
}
#sidebar .sb-role-txt {
  color: #E8C97A !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
}
#sidebar .sb-role-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #C9A84C !important;
  flex-shrink: 0 !important;
  display: block !important;
}
#portal-sidebar .sb-logo-row,
#sidebar .sb-logo-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-bottom: 0.85rem !important;
}
#portal-sidebar .sb-user-block {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  padding: 0.7rem 0.9rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
}
#sidebar .sb-user {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  margin-bottom: 0.6rem !important;
}
*:focus{outline:none}
*:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:var(--radius3)}
button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(201,168,76,.18)!important}
.skip-link{position:absolute;top:-100px;left:1rem;z-index:9999;background:var(--navy);color:var(--gold2);padding:.6rem 1.2rem;border-radius:0 0 var(--radius3) var(--radius3);font-size:.9375rem;font-weight:600;text-decoration:none;transition:top .2s}
.skip-link:focus{top:0}
.hero-particles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-particle{position:absolute;border-radius:50%;background:rgba(201,168,76,.15);animation:floatParticle linear infinite}
@keyframes floatParticle{0%{transform:translateY(100%) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:.5}100%{transform:translateY(-20vh) rotate(360deg);opacity:0}}
.stat-num.counted{animation:goldPulse .6s ease}
@keyframes goldPulse{0%,100%{color:var(--navy)}50%{color:var(--gold)}}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px)}
.hero-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(201,168,76,.08) 0%,transparent 70%);top:-200px;right:-100px;animation:orbFloat1 18s ease-in-out infinite}
.hero-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(44,74,96,.3) 0%,transparent 70%);bottom:-150px;left:-80px;animation:orbFloat2 22s ease-in-out infinite}
@keyframes orbFloat1{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,20px)}}
@keyframes orbFloat2{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-25px)}}
.reveal{
  opacity:0;
  transform:translateY(14px);
  transition:
    opacity .28s cubic-bezier(.2,.7,.3,1),
    transform .28s cubic-bezier(.2,.7,.3,1);
  will-change:transform,opacity;
}
.reveal.visible{
  opacity:1;
  transform:translateY(0);
}
.reveal.reveal-d1{transition-delay:.08s}
.reveal.reveal-d2{transition-delay:.16s}
.reveal.reveal-d3{transition-delay:.24s}
.reveal.reveal-d4{transition-delay:.32s}
.reveal.reveal-d5{transition-delay:.40s}
.reveal.reveal-d6{transition-delay:.48s}
.reveal.reveal-d7{transition-delay:.56s}
.card-3d{
  opacity:0;
  transform:translateY(50px);
  transition:
    opacity .6s cubic-bezier(.16,.6,.3,1),
    transform .6s cubic-bezier(.16,.6,.3,1);
  will-change:transform,opacity;
}
.card-3d.visible{
  opacity:1;
  transform:translateY(0);
}
nav.scrolled{background:rgba(15,30,46,.97)!important;border-bottom-color:rgba(201,168,76,.2)!important}
nav.scrolled .nav-brand-main{color:var(--gold2)!important}
nav.scrolled #lang-btn-es,nav.scrolled #lang-btn-en{border-color:rgba(255,255,255,.58)!important;color:rgba(255,255,255,.82)!important}
nav.scrolled #lang-btn-es:hover,nav.scrolled #lang-btn-en:hover{border-color:rgba(232,201,122,.6)!important;color:var(--gold2)!important}
nav.scrolled #lang-btn-es[aria-pressed="true"],nav.scrolled #lang-btn-en[aria-pressed="true"]{background:var(--gold2)!important;color:var(--navy)!important;border-color:var(--gold2)!important}
.sec-tag::before{content:'';display:inline-block;width:18px;height:1px;background:var(--gold);margin-right:10px;vertical-align:middle;opacity:.7}
.plan-card.featured{box-shadow:0 0 60px rgba(201,168,76,.12),var(--shadow2)}
.plan-card.featured:hover{box-shadow:0 0 80px rgba(201,168,76,.2),0 20px 60px rgba(15,30,46,.3)!important}
footer::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(201,168,76,.4) 20%,rgba(201,168,76,.6) 50%,rgba(201,168,76,.4) 80%,transparent 100%)}
.btn-primary,.nav-cta{position:relative;overflow:hidden}
.btn-primary::after,.nav-cta::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(201,168,76,.25);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;pointer-events:none}
.btn-primary:hover::after,.nav-cta:hover::after{width:200px;height:200px}
.hero-card{transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.hero-card:hover{transform:translateY(-6px)!important}
.plan-feats li {
  opacity: 0;
  transform: translateX(-12px);
  transition: opacity .4s ease, transform .4s ease;
}
.plan-feats.feats-visible li { opacity: 1; transform: translateX(0); }
.plan-feats.feats-visible li:nth-child(1)  { transition-delay: .05s; }
.plan-feats.feats-visible li:nth-child(2)  { transition-delay: .10s; }
.plan-feats.feats-visible li:nth-child(3)  { transition-delay: .15s; }
.plan-feats.feats-visible li:nth-child(4)  { transition-delay: .20s; }
.plan-feats.feats-visible li:nth-child(5)  { transition-delay: .25s; }
.plan-feats.feats-visible li:nth-child(6)  { transition-delay: .30s; }
.plan-feats.feats-visible li:nth-child(7)  { transition-delay: .35s; }
.plan-feats.feats-visible li:nth-child(8)  { transition-delay: .40s; }
.plan-feats.feats-visible li:nth-child(9)  { transition-delay: .45s; }
.plan-feats.feats-visible li:nth-child(10) { transition-delay: .50s; }
.plan-feats.feats-visible li:nth-child(11) { transition-delay: .55s; }
@media (prefers-reduced-motion: reduce) {
  .plan-feats li { opacity: 1; transform: none; transition: none; }
}
.hiw-video{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3rem;align-items:center;margin-top:2.75rem;padding:2.25rem;background:var(--cream2,#F6F6F4);border:1px solid var(--border);border-radius:var(--radius)}
.video-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(201,168,76,.14);border:1px solid rgba(201,168,76,.3);color:#8a6f24;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:1rem}
.video-eyebrow svg{width:11px;height:11px;fill:currentColor}
.hiw-video-h{font-family:'Source Serif 4',serif;font-size:1.75rem;font-weight:600;color:var(--navy);line-height:1.18;letter-spacing:-.015em;margin:0 0 .7rem;text-wrap:balance}
.hiw-video-sub{color:var(--muted);font-size:1rem;line-height:1.7;margin:0;text-wrap:pretty}
.video-frame{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 60px -18px rgba(15,30,46,.35);border:1px solid var(--border2,#c8c2b4);background:var(--navy)}
.video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
@media (max-width:900px){.hiw-video{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;margin-top:2rem}.hiw-video-h{font-size:1.5rem}}
@media (max-width:600px){.hiw-video{padding:1.1rem;border-radius:var(--radius)}.hiw-video-copy{padding:.25rem .25rem 0}}
