/* ============================================================
   LEX ARTIS LEGAL — Hoja de estilos UNICA del sitio
   Unificado: 2026-09-24 (reemplaza 33 copias inline + parches)
   ============================================================ */

:root{
  --negro:#050608; --azul-rey:#061122; --azul-corp:#003366;
  --grafito:#2B2D33; --oro:#FFD700; --oro-s:#D4AF5A; --oro-b:#FFE44D;
  --blanco:#F5F0E8; --gris-txt:#C8D0DC; --gris-sec:#9BA8BA;
  --borde:rgba(255,215,0,.22); --glass:rgba(3,4,6,.9);
  --sombra:0 0 32px rgba(255,215,0,.12);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--negro);color:var(--blanco);font-family:'Jost',sans-serif;line-height:1.75;overflow-x:hidden}
::selection{background:var(--oro);color:var(--negro)}
img{max-width:100%;height:auto}
a{color:var(--oro-s);text-decoration:none}

/* UTILS */
.container{max-width:1260px;margin:0 auto;padding:0 2rem}
.section-tag{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--oro);border:1px solid var(--borde);padding:.32rem 1rem;border-radius:2px;margin-bottom:1.3rem}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(1.85rem,4vw,3rem);font-weight:700;line-height:1.12;color:var(--blanco);margin-bottom:.9rem}
.section-title em{font-style:italic;color:var(--oro-s)}
.section-sub{font-size:.97rem;color:var(--gris-txt);max-width:580px;line-height:1.88;text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto}
.divider-gold{width:54px;height:2px;background:linear-gradient(90deg,var(--oro),transparent);margin:1.3rem 0 2.1rem}
/* TEXTO JUSTIFICADO — párrafos de contenido en toda la página */
.hero-desc,.why-card p,.area-card p,.emp-card p,.mv-item p,.founder-info p,.mem-note p,.mem-step p,.terminos-card p,.testi-text,.faq-a,.blog-card p,.footer-brand p,.founder-quote{
  text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto;
}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.82rem 1.9rem;font-family:'Jost',sans-serif;font-size:.84rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all .28s;border-radius:2px}
.btn-gold{background:linear-gradient(135deg,var(--oro),var(--oro-s));color:var(--negro)}
.btn-gold:hover{background:linear-gradient(135deg,var(--oro-b),var(--oro));transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,215,0,.3)}
.btn-outline{background:transparent;color:var(--oro-s);border:1px solid var(--borde)}
.btn-outline:hover{background:rgba(255,215,0,.06);border-color:var(--oro);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--blanco);border:1px solid rgba(245,240,232,.2)}
.btn-ghost:hover{border-color:var(--oro-s);color:var(--oro-s)}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1ebe5a;transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* TOP BAR */
.top-bar{display:none}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.top-bar-l{color:var(--gris-txt)} .top-bar-l span{color:var(--oro-s);margin:0 .35rem}
.top-bar-r{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}
.top-bar-r a{color:var(--gris-txt);transition:color .2s} .top-bar-r a:hover{color:var(--oro)}

/* NAVBAR */
#nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .33s;padding:.95rem 0}
#nav.scrolled{background:var(--glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--borde);padding:.65rem 0;box-shadow:0 4px 28px rgba(0,0,0,.5)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:1.4rem}
.logo{display:flex;align-items:center;gap:.8rem;text-decoration:none}
.logo-img{height:46px;width:46px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,215,0,.3));transition:filter .3s}
.logo:hover .logo-img{filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}
.logo-txt .nm{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--blanco);letter-spacing:.05em;display:block}
.logo-txt .sb{font-size:.6rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--oro)}
/* ESCRITORIO COMPACTO: texto de marca en pequeno junto al logo; barra total < 3 cm */
@media(min-width:901px){
  #nav .logo{gap:.55rem;flex:none}
  #nav .logo-img{height:38px;width:38px}
  #nav .logo-txt{display:block;line-height:1.05}
  #nav .logo-txt .nm{font-size:.8rem;letter-spacing:.03em}
  #nav .logo-txt .sb{font-size:.5rem;letter-spacing:.1em;margin-top:2px}
  #nav{padding:.45rem 0}
  #nav.scrolled{padding:.35rem 0}
  #nav .nav-act{flex:none}
  #nav .nav-cta{padding:.45rem 1rem;font-size:.7rem;white-space:nowrap}
  .top-bar{padding:.28rem 0;font-size:.68rem}
  .top-bar .container{flex-wrap:nowrap}
  .top-bar-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-bar-r{gap:.7rem;flex:none}
  .top-bar-r a{white-space:nowrap}
  .top-bar-r .btn{padding:.26rem .8rem;font-size:.68rem}
}
@media(min-width:901px) and (max-width:1260px){
  .top-bar-r a[href*="notificaciones"]{display:none}
}
.nav-menu{display:flex;list-style:none;gap:.12rem}
.nav-menu a{display:block;padding:.45rem .8rem;font-size:.76rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:rgba(245,240,232,.72);transition:color .2s;white-space:nowrap}
.nav-menu a:hover{color:var(--oro)}
.nav-social{display:flex;gap:.45rem;border-right:1px solid var(--borde);padding-right:.85rem}
.nav-social a{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--borde);border-radius:2px;color:var(--gris-sec);transition:all .2s}
.nav-social a:hover{color:var(--oro);border-color:var(--oro);background:rgba(255,215,0,.07)}
.nav-act{display:flex;align-items:center;gap:.8rem}
.nav-cta{padding:.55rem 1.25rem;font-size:.74rem}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.ham span{display:block;width:22px;height:2px;background:var(--oro-s)}

/* HERO */
#hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--negro)}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 80% 60% at 72% 38%,rgba(0,51,102,.78) 0%,transparent 70%),radial-gradient(ellipse 55% 80% at 8% 65%,rgba(6,17,34,.92) 0%,transparent 65%),linear-gradient(180deg,rgba(5,6,8,.2) 0%,rgba(5,6,8,.97) 100%)}
.hero-bg::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFD700' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-cols{position:absolute;right:0;top:0;bottom:0;width:42%;z-index:1;overflow:hidden}
.hcol{position:absolute;bottom:0;width:2px;background:linear-gradient(to top,var(--oro) 0%,rgba(255,215,0,.22) 60%,transparent 100%)}
.hcol:nth-child(1){right:40%;height:72%}.hcol:nth-child(2){right:34%;height:50%}
.hcol:nth-child(3){right:28%;height:84%}.hcol:nth-child(4){right:22%;height:43%}
.hcol:nth-child(5){right:16%;height:68%}.hcol:nth-child(6){right:10%;height:92%}
.hcol:nth-child(7){right:4%;height:54%}
.hero-in{position:relative;z-index:2;padding:11rem 0 7rem;width:100%}
.hero-badge{display:inline-flex;align-items:center;gap:.52rem;background:rgba(255,215,0,.08);border:1px solid var(--borde);padding:.4rem 1.1rem;border-radius:2px;font-size:.68rem;font-weight:600;letter-spacing:.23em;text-transform:uppercase;color:var(--oro-s);margin-bottom:1.7rem;animation:fid .8s ease .15s both}
.hero-badge::before{content:'';width:6px;height:6px;background:var(--oro);border-radius:50%;animation:pd 2s infinite}
@keyframes pd{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2.7rem,7vw,6rem);font-weight:900;line-height:1;color:var(--blanco);margin-bottom:.28rem;animation:fid .8s ease .33s both}
.hero-sub{font-family:'Playfair Display',serif;font-size:clamp(.92rem,2.3vw,1.6rem);font-weight:400;font-style:italic;color:var(--oro-s);letter-spacing:.07em;margin-bottom:.75rem;animation:fid .8s ease .46s both}
.hero-slogan{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1rem,2.1vw,1.3rem);color:var(--oro-s);margin-bottom:.6rem;animation:fid .8s ease .55s both}
.hero-tag{font-size:.73rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gris-sec);margin-bottom:1.7rem;animation:fid .8s ease .63s both}
.hero-tag span{color:var(--oro);margin:0 .4rem}
.hero-desc{font-size:1.03rem;color:var(--gris-txt);max-width:555px;line-height:1.92;margin-bottom:2.6rem;animation:fid .8s ease .7s both}
.hero-btns{display:flex;flex-wrap:wrap;gap:.85rem;animation:fid .8s ease .8s both}
.hero-stats{display:flex;gap:2.6rem;margin-top:4.2rem;padding-top:2.6rem;border-top:1px solid var(--borde);flex-wrap:wrap;animation:fiu .8s ease 1s both}
.hero-stat .num{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--oro-s);line-height:1;display:block}
.hero-stat .lbl{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris-sec);margin-top:.3rem}
.scroll-ind{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:fiu .8s ease 1.5s both}
.scroll-ind span{font-size:.63rem;letter-spacing:.19em;text-transform:uppercase;color:var(--gris-sec)}
.scroll-line{width:1px;height:46px;background:linear-gradient(to bottom,var(--oro),transparent);animation:sl 2s ease infinite}
@keyframes sl{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes fid{from{opacity:0;transform:translateY(-17px)}to{opacity:1;transform:translateY(0)}}
@keyframes fiu{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}

/* TICKER */
.ticker{background:var(--azul-corp);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);padding:.95rem 0;overflow:hidden}
.ticker-track{display:flex;animation:tck 32s linear infinite;white-space:nowrap}
.ticker-item{display:inline-flex;align-items:center;gap:.85rem;padding:0 1.7rem;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gris-txt);white-space:nowrap}
.ticker-item .dot{color:var(--oro);font-size:.95rem}
@keyframes tck{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* SECCIÓN GENÉRICA */
section{padding:7.5rem 0}

/* ¿POR QUÉ */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--borde);border:1px solid var(--borde)}
.why-card{background:var(--negro);padding:1.75rem;transition:background .3s;position:relative;overflow:hidden}
.why-card::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--oro);transition:width .4s}
.why-card:hover{background:rgba(0,51,102,.32)}.why-card:hover::after{width:100%}
.why-icon{font-size:1.65rem;margin-bottom:.65rem;display:block}
.why-card h4{font-family:'Playfair Display',serif;font-size:.97rem;font-weight:600;color:var(--blanco);margin-bottom:.42rem}
.why-card p{font-size:.81rem;color:var(--gris-txt);line-height:1.65}

/* ÁREAS */
.areas-bg{background:var(--azul-rey)}
.areas-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.2rem;flex-wrap:wrap;gap:2rem}
.areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--borde);border:1px solid var(--borde)}
.area-card{background:var(--azul-rey);padding:2.1rem 1.7rem;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}
.area-card::before{content:'';position:absolute;top:0;left:0;right:0;height:0;background:linear-gradient(180deg,rgba(255,215,0,.06) 0%,transparent);transition:height .4s}
.area-card:hover::before{height:100%}
.area-card:hover{background:rgba(0,51,102,.85)}
.area-card:hover .aborder{width:100%}
.aborder{position:absolute;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--oro),var(--oro-s));transition:width .4s}
.area-num{font-size:.64rem;font-weight:700;letter-spacing:.2em;color:var(--oro);margin-bottom:.95rem;opacity:.62}
.area-icon{font-size:1.45rem;margin-bottom:.85rem;display:block}
.area-card h3{font-family:'Playfair Display',serif;font-size:.93rem;font-weight:700;color:var(--blanco);margin-bottom:.52rem;line-height:1.3}
.area-card p{font-size:.78rem;color:var(--gris-txt);line-height:1.6}
.area-link{display:inline-flex;align-items:center;gap:.32rem;margin-top:1rem;font-size:.71rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--oro);text-decoration:none;opacity:0;transition:opacity .3s}
.area-card:hover .area-link{opacity:1}

/* COUNTERS */
.counters-bg{background:linear-gradient(135deg,var(--azul-corp) 0%,var(--azul-rey) 100%);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);padding:5rem 0}
.counters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--borde);border:1px solid var(--borde)}
.counter-item{background:rgba(3,4,10,.4);padding:2.8rem 2rem;text-align:center;transition:background .3s}
.counter-item:hover{background:rgba(0,51,102,.7)}
.counter-num{font-family:'Playfair Display',serif;font-size:3.1rem;font-weight:900;color:var(--oro-s);line-height:1;display:block}
.counter-lbl{font-size:.75rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--gris-txt);margin-top:.65rem;display:block}

/* NOSOTROS */
.about-bg-txt{position:absolute;top:50%;right:-1rem;transform:translateY(-50%);font-family:'Playfair Display',serif;font-size:16rem;font-weight:900;color:rgba(255,215,0,.02);white-space:nowrap;pointer-events:none;line-height:1}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5.5rem;align-items:center;position:relative;z-index:1}
.founder-card{background:var(--azul-corp);border:1px solid var(--borde);position:relative;overflow:hidden}
.founder-card::after{content:'';position:absolute;top:-1px;left:1.4rem;right:1.4rem;height:2px;background:linear-gradient(90deg,transparent,var(--oro),transparent)}
.founder-photo-wrap{position:relative;overflow:hidden;height:330px}
.founder-photo{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s}
.founder-card:hover .founder-photo{transform:scale(1.03)}
.founder-photo-overlay{position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(to top,var(--azul-corp),transparent)}
.founder-info{padding:1.8rem 2rem 2rem}
.founder-name{font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:700;color:var(--blanco);margin-bottom:.22rem}
.founder-role{font-size:.76rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--oro);margin-bottom:.9rem}
.founder-tp{font-size:.78rem;color:var(--gris-txt);padding:.42rem 0;border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);margin-bottom:1.2rem}
.founder-quote{font-family:'Playfair Display',serif;font-style:italic;font-size:.94rem;color:rgba(245,240,232,.68);line-height:1.85;border-left:2px solid var(--oro);padding-left:.95rem}
.mv-item{margin-bottom:2.1rem}
.mv-item h4{font-family:'Playfair Display',serif;font-size:1.02rem;font-weight:700;color:var(--oro-s);margin-bottom:.52rem;display:flex;align-items:center;gap:.6rem}
.mv-item p{font-size:.88rem;color:var(--gris-txt);line-height:1.82}
.valores-grid{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:1.7rem}
.valor-tag{padding:.36rem .82rem;border:1px solid var(--borde);font-size:.71rem;font-weight:500;letter-spacing:.06em;color:var(--gris-txt);border-radius:2px;transition:all .2s}
.valor-tag:hover{border-color:var(--oro);color:var(--oro-s);background:rgba(255,215,0,.05)}

/* EMPRESAS */
.emp-bg{background:var(--azul-rey)}
.emp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:3.8rem}
.emp-card{background:rgba(5,6,8,.55);border:1px solid var(--borde);padding:2.3rem;transition:all .3s}
.emp-card:hover{border-color:var(--oro);transform:translateY(-4px);box-shadow:var(--sombra)}
.emp-card .ic{width:48px;height:48px;background:rgba(255,215,0,.08);border:1px solid var(--borde);display:flex;align-items:center;justify-content:center;font-size:1.35rem;border-radius:2px;margin-bottom:1.3rem;transition:all .3s}
.emp-card:hover .ic{background:rgba(255,215,0,.17);border-color:var(--oro)}
.emp-card h3{font-family:'Playfair Display',serif;font-size:1.07rem;font-weight:700;color:var(--blanco);margin-bottom:.65rem}
.emp-card p{font-size:.84rem;color:var(--gris-txt);line-height:1.7}

/* MEMBRESÍAS */
.mem-bg{background:#08090c}
.mem-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:2.6rem 0 0}
.mem-tab{font-family:'Inter',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.03em;color:var(--gris-txt);background:transparent;border:1px solid var(--borde);padding:.75rem 1.3rem;border-radius:2px;cursor:pointer;transition:all .25s;min-height:44px}
.mem-tab:hover{border-color:var(--oro);color:var(--oro-s)}
.mem-tab.active{background:var(--oro);border-color:var(--oro);color:var(--negro);font-weight:700}
.mem-panel{display:none;margin-top:2.6rem}
.mem-panel.active{display:block;animation:memFade .4s ease}
@keyframes memFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.mem-lead{text-align:center;font-size:.92rem;color:var(--gris-txt);max-width:640px;margin:0 auto 2.2rem;line-height:1.75}
.mem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;align-items:stretch}
.mem-card{background:rgba(255,255,255,.02);border:1px solid var(--borde);padding:2.1rem 1.7rem;display:flex;flex-direction:column;transition:all .3s;position:relative}
.mem-card:hover{border-color:var(--oro);transform:translateY(-4px);box-shadow:var(--sombra)}
.mem-card.featured{border-color:var(--oro);background:rgba(255,215,0,.035)}
.mem-card.featured::before{content:'MÁS ELEGIDA';position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--oro);color:var(--negro);font-size:.62rem;font-weight:700;letter-spacing:.08em;padding:.28rem .8rem;border-radius:2px}
.mem-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;padding:.32rem .75rem;border-radius:2px;margin-bottom:1rem;width:fit-content}
.mem-badge.esm{background:rgba(80,200,160,.12);color:#6fd8ae;border:1px solid rgba(80,200,160,.35)}
.mem-badge.dia{background:rgba(255,215,0,.14);color:var(--oro-s);border:1px solid var(--oro)}
.mem-badge.gold{background:rgba(212,175,90,.14);color:var(--oro-s);border:1px solid rgba(212,175,90,.5)}
.mem-card h3{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;color:var(--blanco);margin-bottom:.9rem}
.mem-price{font-family:'Playfair Display',serif;font-size:1.85rem;font-weight:700;color:var(--oro-s);margin-bottom:1.4rem;line-height:1.1}
.mem-price span{display:block;font-family:'Inter',sans-serif;font-size:.68rem;font-weight:500;color:var(--gris-txt);letter-spacing:.04em;margin-top:.3rem}
.mem-feat{list-style:none;margin-bottom:1.7rem;flex-grow:1}
.mem-feat li{font-size:.83rem;color:var(--gris-txt);line-height:1.6;padding:.42rem 0 .42rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.05);position:relative}
.mem-feat li::before{content:'✓';position:absolute;left:0;color:var(--oro-s);font-weight:700}
.mem-note{display:flex;gap:1rem;align-items:flex-start;background:rgba(255,215,0,.04);border:1px solid var(--borde);border-left:3px solid var(--oro);padding:1.4rem 1.6rem;margin-top:2.8rem;border-radius:2px}
.mem-note .ic{font-size:1.3rem;flex-shrink:0}
.mem-note p{font-size:.84rem;color:var(--gris-txt);line-height:1.75}
.mem-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.mem-step{text-align:center;padding:1.2rem}
.mem-step .n{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--oro);color:var(--oro-s);font-family:'Playfair Display',serif;font-weight:700;border-radius:50%;margin:0 auto .9rem}
.mem-step h4{font-size:.92rem;color:var(--blanco);margin-bottom:.4rem}
.mem-step p{font-size:.78rem;color:var(--gris-txt);line-height:1.6}
.mem-pay{text-align:center;font-size:.79rem;color:var(--gris-txt);margin-top:2.2rem}
.mem-card .btn{justify-content:center;width:100%;font-size:.78rem;padding:.85rem 1rem}

/* TÉRMINOS */
.terminos-sec{background:var(--azul-rey);padding:5rem 0}
.terminos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;margin-top:3rem}
.terminos-card{background:rgba(5,6,8,.55);border:1px solid var(--borde);padding:2rem;min-width:0}
.terminos-card h3{font-family:'Playfair Display',serif;color:var(--oro-s);font-size:1.1rem;margin-bottom:.9rem;overflow-wrap:break-word}
.terminos-card p{font-size:.85rem;color:var(--gris-txt);line-height:1.8;overflow-wrap:break-word;word-break:break-word}

/* TESTIMONIOS */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:3.5rem}
.testi-card{background:var(--azul-corp);border:1px solid var(--borde);padding:2.1rem;position:relative}
.testi-card::before{content:'\201C';font-family:'Playfair Display',serif;font-size:5rem;color:var(--oro);opacity:.15;position:absolute;top:.4rem;right:1.1rem;line-height:1}
.testi-stars{color:var(--oro);font-size:.88rem;margin-bottom:.9rem;letter-spacing:.13em}
.testi-text{font-size:.88rem;color:var(--gris-txt);line-height:1.82;font-style:italic;margin-bottom:1.3rem}
.testi-tag{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--negro);background:var(--oro);padding:.2rem .62rem;border-radius:1px;margin-bottom:.75rem}
.testi-author strong{display:block;font-size:.85rem;font-weight:600;color:var(--blanco)}
.testi-author span{font-size:.76rem;color:var(--gris-sec)}

/* FAQ */
.faq-bg{background:var(--grafito)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3.3rem}
.faq-item{border-bottom:1px solid var(--borde);padding-bottom:1.3rem;margin-bottom:1.3rem}
.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.faq-q{font-family:'Playfair Display',serif;font-size:.99rem;font-weight:600;color:var(--blanco);margin-bottom:.55rem;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}
.fq-ic{color:var(--oro);font-size:1.05rem;flex-shrink:0;transition:transform .3s}
.faq-item.open .fq-ic{transform:rotate(45deg)}
.faq-a{font-size:.88rem;color:var(--gris-txt);line-height:1.82;display:none}
.faq-item.open .faq-a{display:block;animation:fi .22s ease}

/* AGENDA */
.agenda-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin-top:3.8rem}
.form-card{background:var(--azul-corp);border:1px solid var(--borde);padding:2.7rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.95rem}
.form-group{margin-bottom:1rem}
.form-group label{display:block;font-size:.71rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gris-txt);margin-bottom:.42rem}
.form-group input,.form-group select,.form-group textarea{width:100%;background:rgba(5,6,8,.6);border:1px solid rgba(255,215,0,.17);color:var(--blanco);font-family:'Jost',sans-serif;font-size:.88rem;padding:.8rem 1rem;border-radius:2px;outline:none;transition:border-color .3s;appearance:none;-webkit-appearance:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--oro)}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(200,208,220,.4)}
.form-group select option{background:var(--azul-corp);color:var(--blanco)}
.form-group textarea{resize:vertical;min-height:92px}
.form-submit{width:100%;justify-content:center;padding:.92rem 2rem;font-size:.84rem}
.contact-list{list-style:none;margin-bottom:1.8rem}
.contact-list li{display:flex;align-items:flex-start;gap:.85rem;padding:.85rem 0;border-bottom:1px solid var(--borde);font-size:.86rem;color:rgba(245,240,232,.82)}
.contact-list li:last-child{border-bottom:none}
.cicon{width:34px;height:34px;background:rgba(255,215,0,.08);border:1px solid var(--borde);display:flex;align-items:center;justify-content:center;font-size:.9rem;border-radius:2px;flex-shrink:0;margin-top:.1rem}
.contact-list a{color:var(--oro-s)}.contact-list a:hover{color:var(--oro)}
.horarios{background:rgba(0,51,102,.22);border:1px solid var(--borde);padding:1.3rem;border-radius:2px;margin-bottom:1.5rem}
.horarios h4{font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--oro);margin-bottom:.65rem}
.hr-row{display:flex;justify-content:space-between;font-size:.82rem;padding:.35rem 0;border-bottom:1px solid rgba(255,215,0,.07);color:var(--gris-txt)}
.hr-row:last-child{border-bottom:none}
.hr-row span:last-child{color:var(--blanco)}
.agenda-btns{display:flex;flex-direction:column;gap:.7rem;margin-top:1.2rem}
.agenda-btns .btn{justify-content:center;width:100%;font-size:.82rem}

/* BLOG */
.blog-bg{background:var(--azul-rey)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:3.8rem}
.blog-card{background:rgba(5,6,8,.55);border:1px solid var(--borde);overflow:hidden;transition:all .3s}
.blog-card:hover{border-color:var(--oro);transform:translateY(-4px)}
.blog-img{height:162px;background:var(--azul-corp);display:flex;align-items:center;justify-content:center;font-size:2.7rem;position:relative}
.blog-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(5,6,8,.5))}
.blog-cat{display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--negro);background:var(--oro);padding:.2rem .62rem;border-radius:1px;margin-bottom:.65rem}
.blog-content{padding:1.6rem}
.blog-date{font-size:.71rem;color:var(--gris-sec);margin-bottom:.65rem}
.blog-card h3{font-family:'Playfair Display',serif;font-size:.96rem;font-weight:700;color:var(--blanco);line-height:1.42;margin-bottom:.65rem}
.blog-card p{font-size:.81rem;color:var(--gris-txt);line-height:1.65}
.blog-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;font-size:.74rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--oro);text-decoration:none;transition:gap .2s}
.blog-link:hover{gap:.6rem}

/* FOOTER */
footer{background:var(--negro);border-top:1px solid var(--borde)}
.footer-top{padding:4.5rem 0 3.5rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3.8rem}
.footer-logo-img{height:58px;width:58px;object-fit:contain;margin-bottom:1.3rem;display:block}
.footer-brand p{font-size:.84rem;color:var(--gris-txt);line-height:1.82;max-width:265px;margin-bottom:1.7rem}
.footer-tagline{font-family:'Playfair Display',serif;font-style:italic;font-size:.86rem;color:rgba(245,240,232,.36);margin-top:.8rem}
.footer-social{display:flex;gap:.6rem;margin-bottom:1rem}
.footer-social a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--borde);border-radius:2px;color:var(--gris-sec);transition:all .2s}
.footer-social a:hover{color:var(--oro);border-color:var(--oro);background:rgba(255,215,0,.07)}
.footer-col h4{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--oro);margin-bottom:1.3rem}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:.6rem}
.footer-col ul li a{font-size:.84rem;color:var(--gris-txt);text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:.42rem}
.footer-col ul li a::before{content:'—';font-size:.56rem;color:var(--oro);opacity:.48}
.footer-col ul li a:hover{color:var(--oro-s)}
.fc-item{display:flex;align-items:flex-start;gap:.72rem;margin-bottom:.85rem;font-size:.82rem;color:var(--gris-txt)}
.fc-ico{color:var(--oro);flex-shrink:0;margin-top:.14rem}
.fc-item a{color:var(--gris-txt);transition:color .2s}.fc-item a:hover{color:var(--oro-s)}
.footer-bottom{border-top:1px solid var(--borde);padding:1.6rem 0}
.footer-bottom-in{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.footer-legal{font-size:.74rem;color:rgba(200,208,220,.52)}
.footer-legal a{color:rgba(200,208,220,.52);text-decoration:none;margin:0 .6rem;transition:color .2s}
.footer-legal a:hover{color:var(--oro-s)}
.footer-copy{font-size:.74rem;color:rgba(200,208,220,.36)}
.footer-nit{font-size:.72rem;color:rgba(200,208,220,.36);margin-top:.28rem}

/* WA FLOTANTE */
.wa-float{position:fixed;bottom:5.2rem;right:1.7rem;z-index:999;display:flex;align-items:center;gap:.65rem;text-decoration:none}
.wa-bubble{background:#25D366;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.42);transition:all .3s;animation:fwa 3s ease-in-out infinite}
.wa-bubble:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.62)}
.wa-tooltip{background:var(--grafito);border:1px solid var(--borde);padding:.42rem .92rem;border-radius:4px;font-size:.78rem;color:var(--blanco);white-space:nowrap;opacity:0;transform:translateX(8px);transition:all .3s;pointer-events:none}
.wa-float:hover .wa-tooltip{opacity:1;transform:translateX(0)}
@keyframes fwa{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* BARRA MÓVIL */
.mob-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:998;background:var(--negro);border-top:1px solid var(--borde);padding:.65rem 1rem;gap:.65rem}
.mob-bar a{flex:1;justify-content:center;padding:.65rem 1rem;font-size:.8rem}

/* PROGRESS */
.progress-bar{position:fixed;top:0;left:0;width:0%;height:2px;background:linear-gradient(90deg,var(--oro),var(--oro-b));z-index:2000;transition:width .1s linear}

/* MOBILE MENU */
.mob-menu{display:none;position:fixed;inset:0;background:rgba(5,6,8,.98);backdrop-filter:blur(20px);z-index:999;padding:5.2rem 2rem 2.5rem;flex-direction:column;justify-content:center}
.mob-menu.open{display:flex}
.mob-menu a{font-family:'Playfair Display',serif;font-size:1.85rem;font-weight:700;color:var(--blanco);text-decoration:none;padding:.72rem 0;border-bottom:1px solid var(--borde);transition:color .2s}
.mob-menu a:hover{color:var(--oro-s)}
.mob-close{position:absolute;top:1.3rem;right:1.3rem;background:none;border:1px solid var(--borde);color:var(--blanco);font-size:1.35rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px}
@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1}}

/* RESPONSIVE */
@media(max-width:1100px){
  .areas-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2.8rem}
  .mem-grid{grid-template-columns:repeat(3,1fr);gap:1rem}
}
@media(max-width:900px){
  .top-bar{display:none}
  .nav-menu,.nav-social{display:none}
  .ham{display:flex}
  .why-grid,.about-grid,.agenda-grid,.faq-grid{grid-template-columns:1fr;gap:2.8rem}
  .areas-grid,.testi-grid,.emp-grid{grid-template-columns:1fr 1fr}
  .mem-grid{grid-template-columns:1fr 1fr;gap:1.1rem}
  .mem-card.featured{order:-1}
  .terminos-grid{grid-template-columns:1fr}
  .counters-grid{grid-template-columns:1fr 1fr}
  .mob-bar{display:flex}
  .wa-float{bottom:4.8rem}
  .hero-stats{gap:1.3rem}
}

/* MOBILE HARDENING — celulares */
@media(max-width:600px){
  html{font-size:15px}
  .container{padding:0 1.15rem}
  .areas-grid,.blog-grid,.testi-grid,.emp-grid,.why-cards,.footer-grid,.mem-grid,.mem-steps,.terminos-grid{grid-template-columns:1fr}
  .counters-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .form-row{grid-template-columns:1fr}
  .hero-cols{display:none}
  .nav-cta{display:none}
  .footer-bottom-in{flex-direction:column;text-align:center}

  /* Tipografía y espaciado ajustados a pantalla angosta */
  .section-title{font-size:clamp(1.5rem,7vw,2rem);line-height:1.2}
  .section-sub{font-size:.88rem;line-height:1.75}
  .container{overflow-x:hidden}
  body{overflow-x:hidden}

  /* Botones y áreas táctiles ≥44px */
  .btn{padding:.85rem 1.4rem;font-size:.78rem;width:100%;justify-content:center}
  .btn+.btn{margin-top:.6rem}
  .hero-btns .btn,.agenda-btns .btn{width:100%}
  a,.faq-q,.mem-tab,.nav-menu a{min-height:44px;display:inline-flex;align-items:center}

  /* Cards a ancho completo, padding reducido */
  .emp-card,.mem-card,.area-card,.founder-card,.terminos-card{padding:1.6rem 1.3rem}
  .terminos-sec{padding:3.2rem 0}

  /* Membresías en móvil */
  .mem-tabs{flex-direction:column;gap:.5rem}
  .mem-tab{width:100%;justify-content:center;padding:.9rem}
  .mem-card.featured{order:0}
  .mem-price{font-size:1.55rem}
  .mem-note{flex-direction:column;padding:1.2rem}

  /* Barra móvil inferior con soporte para "notch" (safe-area) */
  .mob-bar{padding-bottom:env(safe-area-inset-bottom,0)}
  .wa-float{right:1rem;bottom:calc(4.8rem + env(safe-area-inset-bottom,0))}

  /* Evita overflow horizontal en tablas/imágenes */
  img,table{max-width:100%}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* Hero: elimina espacio vacío excesivo en móvil */
  #hero{min-height:auto;padding-top:5rem;padding-bottom:2.5rem}
  .hero-in{padding:2.2rem 0 2.5rem}
  .hero-badge{margin-bottom:1rem;font-size:.62rem;padding:.4rem .9rem}
  .hero-h1{margin-bottom:.2rem}
  .hero-desc{margin-bottom:1.6rem}
  .hero-stats{margin-top:2rem;padding-top:1.5rem;gap:1rem 1.6rem}
}

@media(max-width:400px){
  .section-title{font-size:1.4rem}
  .mem-price{font-size:1.35rem}
  .container{padding:0 .9rem}
}

/* FOOTER COMPACTO (uniforme en todo el sitio) */
footer{padding-top:1.1rem;padding-bottom:1.1rem}
footer p,footer a,footer li,footer div{line-height:1.45;margin-bottom:.25rem}
footer .footer-top{padding:1.4rem 0}
footer .footer-grid{gap:1rem}
footer h4,footer h3{margin-bottom:.5rem}

/* ============================================================
   CONTENIDO EDITORIAL (articulos, faq, cotizar, legales)
   Solo aplica en <body class="pagina-editorial">
   ============================================================ */
body.pagina-editorial /* Layout contenido editorial/legal/foro/cotizador */
.crumbs{font-size:13px;color:#8a9bb0;max-width:820px;margin:90px auto 0;padding:0 22px}body.pagina-editorial .crumbs a{color:#FFD700;text-decoration:none}body.pagina-editorial .crumbs a:hover{text-decoration:underline}body.pagina-editorial .wrap-contenido{max-width:820px;margin:0 auto;padding:24px 22px 60px}body.pagina-editorial .wrap-contenido .categoria{color:#FFD700;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}body.pagina-editorial .wrap-contenido h1{font-size:32px;line-height:1.25;margin:10px 0 8px;color:#fff}body.pagina-editorial .wrap-contenido .meta{color:#8a9bb0;font-size:14px;margin-bottom:28px}body.pagina-editorial .wrap-contenido h2{color:#FFD700;font-size:22px;margin:36px 0 10px}body.pagina-editorial .wrap-contenido h3{color:#f0d060;font-size:17px;margin:22px 0 6px}body.pagina-editorial .wrap-contenido p{margin-bottom:14px;color:#dde3ea}body.pagina-editorial .wrap-contenido ul,
body.pagina-editorial .wrap-contenido ol{padding-left:24px;margin-bottom:14px;color:#dde3ea}body.pagina-editorial .wrap-contenido li{margin-bottom:8px}body.pagina-editorial .wrap-contenido table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}body.pagina-editorial .wrap-contenido th{background:#131a24;color:#FFD700;text-align:left;padding:10px 12px;border:1px solid #232a33}body.pagina-editorial .wrap-contenido td{padding:10px 12px;border:1px solid #232a33;color:#dde3ea;vertical-align:top}body.pagina-editorial .pasos{background:#0d1117;border:1px solid #232a33;border-left:4px solid #FFD700;border-radius:8px;padding:20px 24px;margin:18px 0}body.pagina-editorial .alerta{background:#211410;border:1px solid #a05a2c;border-radius:8px;padding:16px 20px;margin:18px 0}body.pagina-editorial .aviso{background:#131a24;border:1px solid #232a33;border-radius:8px;padding:16px 20px;font-size:13px;color:#8a9bb0;margin:28px 0}body.pagina-editorial .cta{background:linear-gradient(135deg,#131a24,#0d1117);border:1px solid #FFD700;border-radius:12px;padding:30px;text-align:center;margin:36px 0}body.pagina-editorial .cta h3{color:#FFD700;margin-bottom:8px;font-size:20px}body.pagina-editorial .cta p{color:#8a9bb0;font-size:15px}body.pagina-editorial /* FAQ items */
.faq-item{background:#0d1117;border:1px solid #232a33;border-radius:10px;margin-bottom:12px;overflow:hidden;padding-bottom:0;border-bottom:1px solid #232a33}body.pagina-editorial .faq-q{width:100%;text-align:left;background:none;border:none;color:#e6e6e6;font-size:15.5px;font-weight:600;padding:16px 50px 16px 20px;cursor:pointer;position:relative}body.pagina-editorial .faq-q::after{content:"+";position:absolute;right:18px;top:14px;font-size:22px;color:#FFD700;transition:.2s}body.pagina-editorial .faq-item.open .faq-q::after{transform:rotate(45deg)}body.pagina-editorial .faq-a{display:block;max-height:0;overflow:hidden;transition:max-height .3s ease;color:#d4dbe3}body.pagina-editorial .faq-a-in{padding:0 20px 16px;font-size:14.5px;line-height:1.75}body.pagina-editorial .faq-item.open .faq-a{max-height:500px}body.pagina-editorial /* Foro */
.foro{background:#0d1117;border:1px solid #FFD700;border-radius:14px;padding:26px;margin-top:26px}body.pagina-editorial .foro h2{margin-top:0}body.pagina-editorial .field{margin-bottom:14px}body.pagina-editorial .field label{display:block;font-size:13px;color:#8a9bb0;margin-bottom:5px}body.pagina-editorial .field input,
body.pagina-editorial .field select,
body.pagina-editorial .field textarea{width:100%;background:#0a0d12;border:1px solid #232a33;border-radius:6px;color:#e6e6e6;padding:11px 12px;font-size:14.5px;font-family:inherit}body.pagina-editorial .field textarea{min-height:110px;resize:vertical}body.pagina-editorial .field input:focus,
body.pagina-editorial .field textarea:focus,
body.pagina-editorial .field select:focus{outline:none;border-color:#FFD700}body.pagina-editorial .msg{margin-top:14px;padding:12px 16px;border-radius:6px;font-size:14px;display:none}body.pagina-editorial .msg.ok{display:block;background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.4);color:#4ad07a}body.pagina-editorial .msg.err{display:block;background:rgba(224,82,82,.1);border:1px solid rgba(224,82,82,.4);color:#e05252}body.pagina-editorial .qa{background:#0a0d12;border-left:3px solid #FFD700;border-radius:0 8px 8px 0;padding:14px 18px;margin-bottom:12px}body.pagina-editorial .qa .q{font-weight:600;color:#fff;font-size:14.5px}body.pagina-editorial .qa .a{color:#8a9bb0;font-size:13.5px;margin-top:6px}body.pagina-editorial .qa .respondido{font-size:11.5px;color:#FFD700;letter-spacing:1px;text-transform:uppercase;margin-top:8px}body.pagina-editorial /* Cotizador */
.paso{background:#0d1117;border:1px solid #232a33;border-radius:12px;padding:22px;margin-bottom:16px;display:none}body.pagina-editorial .paso.activo{display:block}body.pagina-editorial .opciones{display:grid;gap:8px}body.pagina-editorial .opciones button{width:100%;background:#0a0d12;border:1px solid #232a33;color:#e6e6e6;padding:13px 15px;border-radius:8px;font-size:14.5px;text-align:left;cursor:pointer;font-family:inherit}body.pagina-editorial .opciones button:hover{border-color:#FFD700;background:#12161d}body.pagina-editorial .barra{height:5px;background:#131a24;border-radius:3px;margin-bottom:22px;overflow:hidden}body.pagina-editorial .barra div{height:100%;background:#FFD700;transition:width .3s}body.pagina-editorial .resultado{background:linear-gradient(135deg,#131a24,#0d1117);border:1px solid #FFD700;border-radius:14px;padding:28px;text-align:center;display:none}body.pagina-editorial .resultado.visible{display:block}body.pagina-editorial .rango{font-size:26px;color:#FFD700;font-weight:800;margin:12px 0 6px}body.pagina-editorial /* TOC mini */
.mini-toc{background:#0d1117;border:1px solid #232a33;border-radius:10px;padding:16px 22px;margin:0 0 24px}body.pagina-editorial .mini-toc b{color:#FFD700;font-size:12.5px;letter-spacing:1px;text-transform:uppercase}body.pagina-editorial .mini-toc a{color:#d4dbe3;text-decoration:none;display:block;padding:3.5px 0;font-size:14px}body.pagina-editorial .mini-toc a:hover{color:#FFD700}body.pagina-editorial .dato{background:#0d1117;border:1px solid #232a33;border-radius:8px;padding:13px 17px;margin:12px 0;font-size:14px}
@media(max-width:640px){body.pagina-editorial .wrap-contenido h1{font-size:24px}body.pagina-editorial .wrap-contenido table{font-size:13px}}body.pagina-editorial .wrap-contenido h1{font-size:24px}body.pagina-editorial .wrap-contenido table{font-size:13px}}

/* ============================================================
   EXTRAS DE UNIFICACION (2026-09-24)
   ============================================================ */

/* Blog: miniaturas reales en las tarjetas del listado */
.blog-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Inicio: imagen de fondo del hero + logo grande */
#hero .hero-bg{background:url("../img/hero-fondo-inicio-abogados.png?v=260927") center 25%/cover no-repeat}
.hero-logo{height:104px;width:auto;display:block;margin-bottom:1.6rem;filter:drop-shadow(0 0 16px rgba(255,215,0,.35));animation:fid .8s ease .05s both}

/* Editorial: CTA usa el sistema de botones del sitio */
body.pagina-editorial .cta{display:flex;flex-direction:column;align-items:center;gap:6px}
body.pagina-editorial .cta .btn{margin-top:12px}
body.pagina-editorial .cta .btn+.btn{margin-left:0}
body.pagina-editorial .cta-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}
body.pagina-editorial .cta-btns .btn{margin-top:0}

/* Movil: refinamientos */
@media(max-width:600px){
  .hero-logo{height:74px;margin-bottom:1.1rem}
  .hero-h1{font-size:clamp(2.1rem,10.5vw,2.7rem)}
  body.pagina-editorial .crumbs{margin-top:78px;font-size:12px}
  body.pagina-editorial .cta-btns{flex-direction:column;width:100%}
  body.pagina-editorial .cta-btns .btn{width:100%}
}