/* ===================== RESET & BASE ===================== */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
html,body{background:#050a10;}
body{font-family:Archivo,system-ui,sans-serif;color:#e8f0ee;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:#34e0c4;text-decoration:none;}
a:hover{color:#7ff0dd;}
ul{list-style:none;}
button{font:inherit;}

:root{
  --teal:#34e0c4;
  --teal-soft:rgba(52,224,196,0.5);
  --ink:#eef4f2;
  --mono:'Space Mono',monospace;
  --display:Archivo,system-ui,sans-serif;
  --accent:'Chakra Petch',sans-serif;
}

.container{position:relative;z-index:2;max-width:1288px;margin:0 auto;}
.container--wide{max-width:1380px;}
.container--narrow{max-width:1000px;}

.accent{color:var(--teal);}
.accent-text{color:var(--teal);text-shadow:0 0 24px rgba(52,224,196,0.5);}

.dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px rgba(52,224,196,0.9);flex:0 0 auto;}

.arrow{font-size:1.1em;}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ===================== ACCESIBILIDAD: FOCO POR TECLADO ===================== */
a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.faq-item__q:focus-visible{
  outline:2px solid var(--teal);outline-offset:3px;border-radius:6px;
}
.skip-link{position:absolute;left:16px;top:-48px;z-index:100;padding:10px 16px;border-radius:8px;background:var(--teal);color:#03211c;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;transition:top .18s ease;}
.skip-link:focus{top:16px;color:#03211c;}

/* ===================== KEYFRAMES ===================== */
@keyframes pqScan{0%{opacity:0;transform:translateX(-30%);}50%{opacity:1;}100%{opacity:0;transform:translateX(30%);}}
@keyframes prSpin{to{transform:rotate(360deg);}}
@keyframes prPulse{0%,100%{opacity:0.55;transform:scale(0.92);}50%{opacity:1;transform:scale(1.06);}}
@keyframes prFlow{0%{background-position:0 0;}100%{background-position:120px 0;}}
@keyframes radarSweep{to{transform:rotate(360deg);}}

/* ===================== SHARED COMPONENTS ===================== */
.btn{display:inline-flex;align-items:center;gap:11px;font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;border-radius:9px;padding:17px 30px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;border:none;}
.btn--primary{background:var(--teal);color:#03211c;box-shadow:0 0 34px rgba(52,224,196,0.45);}
.btn--primary:hover{transform:translateY(-3px);box-shadow:0 12px 44px rgba(52,224,196,0.6);color:#03211c;}
.btn--outline{border:1px solid rgba(52,224,196,0.55);color:#eaf4f1;}
.btn--outline:hover{background:rgba(52,224,196,0.14);box-shadow:0 0 24px rgba(52,224,196,0.3);color:#eaf4f1;}

.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.eyebrow--center{justify-content:center;}
.eyebrow__line{width:42px;height:2px;background:var(--teal);box-shadow:0 0 12px rgba(52,224,196,0.8);flex:0 0 auto;}
.eyebrow--center .eyebrow__line{width:34px;}
.eyebrow--dotted .eyebrow__line{width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--teal));}
.eyebrow--dotted .eyebrow__line:last-child{background:linear-gradient(90deg,var(--teal),transparent);}
.eyebrow__text{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.28em;text-transform:uppercase;color:#6ff0e0;}
.eyebrow--center .eyebrow__text{letter-spacing:0.3em;}

.section-header{max-width:820px;margin:0 0 clamp(34px,4.4vh,52px);}
.section-header--center{max-width:760px;margin:0 auto clamp(38px,5vh,58px);text-align:center;}
.section-title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(32px,4vw,56px);line-height:0.92;letter-spacing:-0.01em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 60px rgba(52,224,196,0.12);}
.section-title--sm{font-size:clamp(28px,3.4vw,48px);}
.section-desc{max-width:620px;margin-top:22px;font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:rgba(232,240,238,0.66);}
.section-desc--center{margin-left:auto;margin-right:auto;}
.section-desc--mono{font-family:var(--mono);font-size:clamp(13px,1.1vw,15px);}

.tag{font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:#7ff0dd;border:1px solid rgba(52,224,196,0.34);border-radius:5px;padding:6px 11px;}

.grid-lines{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(52,224,196,0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(52,224,196,0.05) 1px, transparent 1px);background-size:64px 64px;}
.grid-lines--services{mask-image:radial-gradient(120% 80% at 50% 30%, #000 20%, transparent 78%);-webkit-mask-image:radial-gradient(120% 80% at 50% 30%, #000 20%, transparent 78%);}
.grid-lines--why{mask-image:radial-gradient(120% 90% at 40% 30%, #000 20%, transparent 80%);-webkit-mask-image:radial-gradient(120% 90% at 40% 30%, #000 20%, transparent 80%);}

/* ===================== 1. HERO ===================== */
.hero{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#050a10;isolation:isolate;}
.hero__bg{position:absolute;inset:-6%;z-index:0;background:url('../images/hero-bg.webp') center center / cover no-repeat;will-change:transform;}
.hero__vignette{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 34%, rgba(5,10,16,0.15), rgba(5,10,16,0.72) 78%, rgba(4,8,14,0.95) 100%);}
.hero__island{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);width:min(760px,62%);height:auto;z-index:1;pointer-events:none;opacity:1;filter:brightness(1.22) saturate(1.18) drop-shadow(0 0 70px rgba(52,224,196,0.4)) drop-shadow(0 0 24px rgba(52,224,196,0.35));will-change:transform;}

.hero__radar{position:absolute;top:66%;left:50%;width:clamp(360px,42vw,600px);height:clamp(360px,42vw,600px);margin-left:calc(clamp(360px,42vw,600px) / -2);margin-top:calc(clamp(360px,42vw,600px) / -2);z-index:1;pointer-events:none;will-change:transform;}
.hero__radar-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(52,224,196,0.26);}
.hero__radar-ring--2{inset:14%;border-color:rgba(52,224,196,0.2);}
.hero__radar-ring--3{inset:30%;border:1px dashed rgba(52,224,196,0.38);animation:prSpin 40s linear infinite;}
.hero__radar-cross{position:absolute;}
.hero__radar-cross--h{top:50%;left:0;right:0;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(52,224,196,0.45),transparent);}
.hero__radar-cross--v{left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(52,224,196,0.45),transparent);}
.hero__radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg, rgba(52,224,196,0.32), transparent 28%);animation:radarSweep 4.5s linear infinite;mix-blend-mode:screen;}
.hero__radar-core{position:absolute;top:50%;left:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#d3fbf3;box-shadow:0 0 22px 6px rgba(52,224,196,0.85);}
.hero__fade{position:absolute;left:0;right:0;bottom:0;height:38%;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(4,8,14,0.85) 72%,#04080e);}

.nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(20px,3vh,32px) clamp(22px,4.5vw,64px);}
.nav__logo{display:flex;align-items:center;gap:13px;}
.nav__logo-img{height:40px;width:auto;filter:drop-shadow(0 0 14px rgba(52,224,196,0.5));}
.nav__logo-text{font-family:var(--mono);font-weight:700;font-size:16px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);white-space:nowrap;}
.nav__links{display:flex;align-items:center;gap:clamp(20px,2.4vw,40px);}
.nav__cta{flex:0 0 auto;padding:13px 20px;}
.nav-link{position:relative;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(220,240,236,0.72);transition:color .2s ease;}
.nav-link:hover{color:#7ff0dd;}
.nav__links .nav-link.is-active{color:var(--teal);}
.nav__links .nav-link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--teal);box-shadow:0 0 10px rgba(52,224,196,0.8);border-radius:2px;}

.nav__burger{display:none;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:0;background:rgba(6,14,18,0.6);border:1px solid rgba(52,224,196,0.45);border-radius:8px;cursor:pointer;}
.nav__burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--teal);box-shadow:0 0 8px rgba(52,224,196,0.6);transition:transform .25s ease,opacity .25s ease;}
.nav__burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav__burger.is-open span:nth-child(2){opacity:0;}
.nav__burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;flex-direction:column;gap:4px;margin:0 clamp(14px,4vw,22px);padding:18px 20px 20px;background:rgba(4,9,15,0.97);border:1px solid rgba(52,224,196,0.3);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,0.6),0 0 30px rgba(52,224,196,0.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.mobile-menu .nav-link{display:block;padding:13px 6px;font-size:13px;border-bottom:1px solid rgba(52,224,196,0.14);}
.mobile-menu__cta{justify-content:center;margin-top:12px;padding:15px 20px;font-size:12px;}
.mobile-menu.is-open{display:flex;}

.hero__content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(24px,5vh,60px) clamp(22px,5vw,64px);will-change:transform;}
.hero__title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(32px,8vw,120px);line-height:1;letter-spacing:-0.01em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 80px rgba(52,224,196,0.28);white-space:nowrap;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;}
.hero__desc{max-width:600px;margin-top:clamp(20px,3vh,30px);font-size:clamp(15px,1.4vw,19px);line-height:1.55;color:rgba(226,238,235,0.82);}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:clamp(28px,4vh,40px);}

.hero__stats-wrap{position:relative;z-index:3;border-top:1px solid rgba(52,224,196,0.2);background:linear-gradient(180deg,rgba(4,9,15,0.35),rgba(4,9,15,0.72));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.hero__stats{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:clamp(10px,1.5vw,28px);padding:clamp(22px,3.2vh,32px) clamp(22px,5vw,64px);}
.stat{text-align:center;}
.stat__value{font-family:var(--display);font-weight:900;font-size:clamp(24px,2.6vw,36px);line-height:1;color:var(--ink);}
.stat__label{font-family:var(--mono);font-size:clamp(9px,0.9vw,11px);letter-spacing:0.14em;text-transform:uppercase;color:rgba(200,224,218,0.6);margin-top:8px;}
.stat__divider{position:relative;height:38px;width:1px;justify-self:center;background:linear-gradient(180deg,transparent,rgba(52,224,196,0.4),transparent);}
.stat__divider::before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);background:rgba(52,224,196,0.65);box-shadow:0 0 8px rgba(52,224,196,0.65);}

/* ===================== 2. SERVICIOS ===================== */
.services{position:relative;width:100%;min-height:100vh;overflow:hidden;background:#060b12;padding:clamp(56px,8vh,104px) clamp(28px,5vw,76px);isolation:isolate;}
.services__glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 50% at 82% 22%, rgba(52,224,196,0.10), transparent 60%), radial-gradient(60% 50% at 12% 96%, rgba(52,224,196,0.08), transparent 62%);}
.services__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(16px,1.5vw,22px);}

.service-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:360px;padding:clamp(28px,2.6vw,40px);border:1px solid rgba(52,224,196,0.2);border-radius:14px;background:linear-gradient(150deg, rgba(13,26,32,0.7), rgba(6,11,18,0.55));transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;}
.service-card:hover{border-color:rgba(52,224,196,0.6);transform:translateY(-4px);box-shadow:0 22px 50px rgba(0,0,0,0.45),0 0 30px rgba(52,224,196,0.14);}
.service-card--wide{grid-column:span 4;}
.service-card--narrow{grid-column:span 2;}
.service-card__spot{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(46% 60% at var(--mx,78%) var(--my,32%), rgba(52,224,196,0.24), transparent 62%);}
.service-card--narrow .service-card__spot{background:radial-gradient(60% 60% at var(--mx,80%) var(--my,24%), rgba(52,224,196,0.2), transparent 64%);}
.service-card__body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;}
.service-card__body--right{align-items:flex-end;text-align:right;}
.service-card__icon{align-self:flex-start;height:60px;width:auto;filter:drop-shadow(0 0 18px rgba(52,224,196,0.5));}
.service-card__body--right .service-card__icon{align-self:flex-end;}
.service-card--narrow .service-card__icon{height:58px;}
.service-card__title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(26px,2.5vw,38px);line-height:0.96;letter-spacing:-0.005em;text-transform:uppercase;color:var(--ink);margin-top:auto;padding-top:36px;}
.service-card__title--sm{font-size:clamp(24px,2.2vw,32px);}
.service-card__desc{max-width:440px;margin-top:16px;font-size:15px;line-height:1.65;color:rgba(198,228,222,0.72);}
.service-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.service-card__tags--right{justify-content:flex-end;}
.service-card__link{display:inline-flex;align-items:center;gap:9px;margin-top:26px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#eaf4f1;}
.service-card__link:hover{color:#7ff0dd;}

.svc-ecommerce{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(16px,2vw,24px);margin-top:clamp(24px,3vw,40px);padding:clamp(20px,2.4vw,30px) clamp(24px,3vw,44px);border:1px solid rgba(52,224,196,0.28);border-radius:14px;background:linear-gradient(120deg, rgba(13,31,34,0.72), rgba(6,11,18,0.5));text-align:center;}
.svc-ecommerce p{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(16px,1.6vw,21px);line-height:1.25;letter-spacing:-0.005em;color:var(--ink);}
.svc-ecommerce p strong{color:var(--teal);text-shadow:0 0 18px rgba(52,224,196,0.4);}
.svc-ecommerce .btn{flex:0 0 auto;}

/* ===================== 3. PAQUETES ===================== */
.pricing{position:relative;width:100%;overflow:hidden;background:#03070c;padding:clamp(56px,8vh,100px) clamp(22px,3.5vw,60px) clamp(64px,9vh,110px);isolation:isolate;}
.pricing__bg{position:absolute;inset:0;z-index:0;background:url('../images/underwater-bg.webp') center top / cover no-repeat;pointer-events:none;}
.pricing__scrim{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg, rgba(3,10,16,0.55) 0%, rgba(3,10,16,0.72) 46%, rgba(2,6,11,0.92) 100%);}
.pricing__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.2vw,20px);align-items:stretch;}

.price-card{position:relative;display:flex;flex-direction:column;border-radius:18px;padding:clamp(26px,2vw,34px) clamp(22px,1.7vw,28px) clamp(26px,2vw,32px);background:linear-gradient(180deg, rgba(13,40,50,0.58), rgba(7,24,32,0.62));border:1px solid rgba(52,224,196,0.24);box-shadow:0 18px 44px rgba(0,0,0,0.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.price-card:first-child{background:linear-gradient(180deg, rgba(20,54,62,0.44), rgba(10,30,38,0.5));border:1px solid rgba(120,240,221,0.32);box-shadow:0 18px 44px rgba(0,0,0,0.4);}
.price-card:last-child{background:linear-gradient(180deg, rgba(5,13,20,0.82), rgba(2,7,12,0.9));border:1px solid rgba(52,224,196,0.18);box-shadow:0 18px 44px rgba(0,0,0,0.6);}
.price-card--popular{background:linear-gradient(180deg, rgba(9,28,38,0.6), rgba(5,16,24,0.66));border:1.5px solid rgba(52,224,196,0.85);box-shadow:0 0 0 1px rgba(52,224,196,0.4), 0 0 52px rgba(52,224,196,0.4), 0 24px 64px rgba(0,0,0,0.55);transform:translateY(-16px);}
.price-card__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:#04140f;background:var(--teal);padding:7px 15px;border-radius:20px;box-shadow:0 0 24px rgba(52,224,196,0.7);}
.price-card__icon{height:104px;width:auto;margin:0 auto;display:block;filter:drop-shadow(0 0 14px rgba(52,224,196,0.45));}
.price-card__name{text-align:center;font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(26px,2.1vw,34px);line-height:1;letter-spacing:0.01em;text-transform:uppercase;color:var(--ink);margin-top:8px;}
.price-card__hr{width:52px;height:2px;margin:16px auto;background:linear-gradient(90deg,transparent,rgba(52,224,196,0.7),transparent);}
.price-card__pricelabel{text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(200,228,222,0.55);}
.price-card__price{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:6px;}
.price-card__amount{font-family:var(--accent);font-weight:700;font-size:clamp(40px,3.7vw,56px);line-height:0.9;color:#7ff0e2;text-shadow:0 0 26px rgba(52,224,196,0.6);}
.price-card__amount .currency{font-size:0.46em;color:var(--teal);vertical-align:0.4em;margin-right:2px;}
.price-card__vat{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;color:rgba(200,228,222,0.6);}
.price-card__tagline{text-align:center;font-family:var(--display);font-style:italic;font-size:14.5px;line-height:1.4;color:#c8eae2;margin-top:16px;font-weight:500;}
.price-card__audience{text-align:center;font-size:12.5px;line-height:1.45;color:rgba(200,228,222,0.55);margin-top:8px;}
.price-card__divider{height:1px;background:linear-gradient(90deg,transparent,rgba(52,224,196,0.28),transparent);margin:20px 0;}
.price-card__revisions{text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(111,240,224,0.75);margin-bottom:16px;}
.price-card__features{display:flex;flex-direction:column;gap:12px;}
.price-card__features li{display:flex;align-items:flex-start;gap:10px;}
.price-card__features img{flex:none;width:21px;height:21px;}
.price-card__features span{font-size:13.5px;line-height:1.45;color:rgba(226,240,236,0.85);}
.price-card__footer{margin-top:auto;padding-top:24px;}
.price-card__retainer-box{border:1px dashed rgba(52,224,196,0.3);border-radius:11px;padding:14px 15px;background:rgba(52,224,196,0.05);}
.price-card__retainer-label{font-family:var(--mono);font-size:9.5px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(200,228,222,0.55);}
.price-card__retainer-value{font-family:var(--accent);font-weight:700;font-size:17px;color:#9ff3e6;margin-top:5px;}
.price-card__retainer-note{font-size:10.5px;line-height:1.45;color:rgba(200,228,222,0.5);margin-top:7px;}
.price-card__cta{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;padding:15px 16px;border-radius:9px;white-space:nowrap;color:#eaf4f1;background:rgba(52,224,196,0.06);border:1px solid rgba(52,224,196,0.45);transition:background .2s ease,color .2s ease,box-shadow .2s ease;}
.price-card__cta:hover{background:var(--teal);color:#04140f;box-shadow:0 0 26px rgba(52,224,196,0.6);}
.price-card__cta--popular{color:#04140f;background:var(--teal);border:1px solid var(--teal);box-shadow:0 0 28px rgba(52,224,196,0.55);}

/* ===================== 4. POR QUÉ ===================== */
.why{position:relative;width:100%;min-height:100vh;overflow:hidden;background:#060b12;padding:clamp(56px,8vh,104px) clamp(28px,5vw,76px);isolation:isolate;}
.why__glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 46% at 24% 30%, rgba(52,224,196,0.12), transparent 60%), radial-gradient(56% 46% at 88% 90%, rgba(52,224,196,0.07), transparent 62%);}
.why__grid{display:grid;grid-template-columns:1.32fr 1fr;gap:clamp(16px,1.6vw,24px);align-items:stretch;}

.why__main{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:clamp(30px,3vw,52px);border:1px solid rgba(52,224,196,0.2);border-radius:14px;background:linear-gradient(155deg, rgba(11,26,30,0.82), rgba(6,11,18,0.58));}
.why__main-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 46% at 30% 22%, rgba(52,224,196,0.14), transparent 62%);}
.why__scan{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(52,224,196,0.9),transparent);filter:blur(0.4px);animation:pqScan 5.5s ease-in-out infinite;}
.why__main-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;}
.why__title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(30px,3.3vw,50px);line-height:0.94;letter-spacing:-0.01em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 60px rgba(52,224,196,0.14);}
.why__desc{max-width:520px;margin-top:22px;font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:rgba(232,240,238,0.68);}
.why__hr{height:1px;background:linear-gradient(90deg,rgba(52,224,196,0.4),transparent);margin:clamp(30px,4vh,48px) 0 0;}
.why__row{display:flex;gap:clamp(20px,2.4vw,40px);align-items:flex-start;margin-top:clamp(26px,3.6vh,42px);}
.why__num{flex:0 0 auto;font-family:var(--display);font-weight:900;font-size:clamp(76px,11vw,168px);line-height:0.8;color:transparent;-webkit-text-stroke:2px var(--teal);text-shadow:0 0 26px rgba(52,224,196,0.55);letter-spacing:-0.02em;}
.why__row-body{flex:1;min-width:0;}
.why__row-title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(22px,2.1vw,32px);line-height:1.0;letter-spacing:-0.005em;text-transform:uppercase;color:var(--ink);}
.why__row-rule{display:block;width:44px;height:3px;background:var(--teal);box-shadow:0 0 12px rgba(52,224,196,0.7);margin:16px 0 18px;}
.why__row-desc{max-width:440px;font-size:15px;line-height:1.65;color:rgba(198,228,222,0.74);}

.why__side{display:flex;flex-direction:column;gap:clamp(16px,1.6vw,24px);}
.why__box{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;padding:clamp(26px,2.4vw,40px);border:1px solid rgba(52,224,196,0.2);border-radius:14px;background:linear-gradient(155deg, rgba(11,22,28,0.7), rgba(6,11,18,0.5));}
.why__box-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 60% at 84% 14%, rgba(52,224,196,0.12), transparent 62%);}
.why__box-body{position:relative;z-index:1;}
.why__box-num{font-family:var(--display);font-weight:900;font-size:clamp(62px,6vw,92px);line-height:0.8;color:transparent;-webkit-text-stroke:1.6px rgba(52,224,196,0.6);letter-spacing:-0.02em;}
.why__box-title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(20px,1.9vw,28px);line-height:1.0;text-transform:uppercase;color:var(--ink);margin-top:20px;}
.why__box-rule{display:block;width:40px;height:3px;background:var(--teal);box-shadow:0 0 12px rgba(52,224,196,0.7);margin:14px 0 16px;}
.why__box-desc{font-size:14.5px;line-height:1.62;color:rgba(198,228,222,0.72);}
.why__side-glow-line{height:2px;margin:-8px 6% 0;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(120,246,224,0.95) 45%,rgba(120,246,224,0.95) 55%,transparent);box-shadow:0 0 16px rgba(52,224,196,0.7);}

.why__banner{position:relative;overflow:hidden;margin-top:clamp(16px,1.6vw,24px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,44px);padding:clamp(28px,3vw,44px) clamp(30px,4vw,56px);border:1px solid rgba(52,224,196,0.28);border-radius:14px;background:linear-gradient(120deg, rgba(13,31,34,0.9), rgba(6,11,18,0.62));}
.why__banner-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(46% 120% at 8% 50%, rgba(52,224,196,0.14), transparent 60%);}
.why__banner-text{position:relative;z-index:1;flex:1;min-width:280px;font-family:var(--display);font-weight:800;font-size:clamp(21px,2vw,30px);line-height:1.12;letter-spacing:-0.01em;color:var(--ink);}
.why__banner-cta{position:relative;z-index:1;flex:0 0 auto;padding:18px 30px;}

/* ===================== 5. PROCESO ===================== */
.process{position:relative;width:100%;min-height:100vh;overflow:hidden;background:#060b12;padding:clamp(56px,8vh,104px) clamp(28px,5vw,76px);isolation:isolate;}
.process__glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 40% at 50% 58%, rgba(52,224,196,0.10), transparent 62%);}
.process__dots{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(52,224,196,0.25) 1px, transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg, #000 0, transparent 22%, transparent 78%, #000 100%);-webkit-mask-image:linear-gradient(90deg, #000 0, transparent 22%, transparent 78%, #000 100%);opacity:0.5;}

.process__numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,48px);text-align:center;}
.process__ghost-num{font-family:var(--display);font-weight:900;font-size:clamp(46px,5vw,76px);line-height:0.8;color:transparent;-webkit-text-stroke:1.6px rgba(52,224,196,0.7);letter-spacing:0.04em;}

.process__rail{position:relative;margin:clamp(20px,3vh,32px) 0 clamp(28px,4vh,42px);height:118px;}
.process__rail-line{position:absolute;top:50%;left:0;right:0;height:2px;transform:translateY(-50%);background:linear-gradient(90deg, transparent 0, rgba(52,224,196,0.9) 8%, rgba(52,224,196,0.9) 92%, transparent 100%);box-shadow:0 0 14px rgba(52,224,196,0.6);}
.process__rail-flow{position:absolute;top:50%;left:8%;right:8%;height:2px;transform:translateY(-50%);background-image:linear-gradient(90deg, transparent 0, rgba(191,248,238,0.95) 20%, transparent 42%);background-size:120px 100%;animation:prFlow 2.2s linear infinite;}
.process__nodes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;}
.process__node{position:relative;width:104px;height:104px;display:flex;align-items:center;justify-content:center;}
.process__node-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(52,224,196,0.4);animation:prSpin 14s linear infinite;}
.process__node-ring2{position:absolute;inset:16px;border-radius:50%;border:1px solid rgba(52,224,196,0.55);}
.process__node-pulse{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle, rgba(52,224,196,0.22), transparent 62%);animation:prPulse 3.4s ease-in-out infinite;}
.process__node-pulse--d1{animation-delay:0.5s;}
.process__node-pulse--d2{animation-delay:1s;}
.process__node-dot{position:relative;width:22px;height:22px;border-radius:50%;background:#d3fbf3;box-shadow:0 0 24px 6px rgba(52,224,196,0.85);}

.process__body{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,48px);}
.process__step{text-align:center;}
.process__step-num{display:none;font-family:var(--display);font-weight:900;font-size:56px;line-height:0.8;color:transparent;-webkit-text-stroke:1.6px rgba(52,224,196,0.7);margin-bottom:16px;}
.process__step-title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(24px,2.5vw,40px);line-height:1;letter-spacing:0.02em;text-transform:uppercase;color:var(--ink);}
.process__step-week{font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--teal);margin-top:12px;margin-bottom:clamp(22px,3vh,34px);}
.process__step-list{display:flex;flex-direction:column;gap:14px;max-width:320px;margin:0 auto;width:100%;text-align:left;}
.process__step-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:rgba(210,232,227,0.82);}
.process__step-list li::before{content:"✓";flex:0 0 auto;color:var(--teal);font-weight:700;margin-top:1px;text-shadow:0 0 10px rgba(52,224,196,0.6);}

.process__footnote{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:clamp(44px,6vh,72px);}
.process__footnote-line{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(52,224,196,0.6));}
.process__footnote-line:last-child{background:linear-gradient(90deg,rgba(52,224,196,0.6),transparent);}
.process__footnote-text{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.24em;text-transform:uppercase;color:rgba(111,240,224,0.7);text-align:center;}

/* ===================== 6. CONTACTO ===================== */
.contact{position:relative;width:100%;overflow:hidden;background:#050a10;padding:clamp(56px,8vh,104px) clamp(28px,5vw,76px);isolation:isolate;}
.contact__bg{position:absolute;inset:0;z-index:0;background:url('../images/contacto-bg.webp') center center / cover no-repeat;pointer-events:none;}
.contact__scrim{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg, rgba(5,10,16,0.94) 0%, rgba(5,10,16,0.78) 40%, rgba(5,10,16,0.5) 100%);}
.contact__glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 74% 60%, rgba(52,224,196,0.14), transparent 64%);}
.contact__grid{position:relative;z-index:2;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center;}
.contact__title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(30px,3.8vw,52px);line-height:0.94;letter-spacing:-0.01em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 60px rgba(52,224,196,0.16);}
.contact__desc{max-width:480px;margin-top:22px;font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:rgba(232,240,238,0.72);}
.contact__list{display:flex;flex-direction:column;gap:16px;margin-top:clamp(28px,4vh,40px);max-width:480px;}
.contact__list li{display:flex;gap:14px;align-items:flex-start;font-size:15px;line-height:1.5;color:rgba(214,235,230,0.85);}
.contact__list .check{flex:0 0 auto;color:var(--teal);font-weight:700;margin-top:1px;text-shadow:0 0 10px rgba(52,224,196,0.6);}

.contact__form-wrap{position:relative;overflow:hidden;padding:clamp(26px,2.6vw,44px);border:1px solid rgba(52,224,196,0.26);border-radius:16px;background:linear-gradient(160deg, rgba(10,22,27,0.86), rgba(5,11,17,0.78));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 30px 70px rgba(0,0,0,0.5);}
.contact__form-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 40% at 88% 6%, rgba(52,224,196,0.14), transparent 60%);}
.contact__success{position:relative;z-index:2;text-align:center;padding:clamp(30px,5vh,60px) 10px;}
.contact__success-check{width:64px;height:64px;margin:0 auto 22px;border-radius:50%;border:1.5px solid rgba(52,224,196,0.6);display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--teal);box-shadow:0 0 30px rgba(52,224,196,0.35);text-shadow:0 0 14px rgba(52,224,196,0.7);}
.contact__success-title{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:26px;text-transform:uppercase;color:var(--ink);}
.contact__success-desc{max-width:360px;margin:14px auto 0;font-size:15px;line-height:1.6;color:rgba(214,235,230,0.78);}

.contact__form{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;}
.contact__form[hidden],.contact__success[hidden]{display:none;}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.field{display:flex;flex-direction:column;gap:8px;}
.field__label{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:#8fe9d9;}
.ct-field{width:100%;font-family:var(--mono);font-size:14px;color:#eaf4f1;background:rgba(6,14,18,0.72);border:1px solid rgba(52,224,196,0.24);border-radius:9px;padding:14px 15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
.ct-field::placeholder{color:rgba(180,210,204,0.4);}
.ct-field:focus{border-color:rgba(52,224,196,0.75);box-shadow:0 0 0 3px rgba(52,224,196,0.14),0 0 22px rgba(52,224,196,0.18);background:rgba(8,18,22,0.9);}
textarea.ct-field{resize:vertical;min-height:104px;line-height:1.5;}
select.ct-field{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--teal) 50%),linear-gradient(135deg,var(--teal) 50%,transparent 50%);background-position:calc(100% - 20px) 20px,calc(100% - 14px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;}
select.ct-field option{background:#08121a;color:#eaf4f1;}
.contact__submit{margin-top:6px;width:100%;justify-content:center;padding:18px 28px;border-radius:10px;font-size:14px;}
.contact__error{text-align:center;font-family:var(--mono);font-size:12.5px;line-height:1.5;color:#ff9d8a;background:rgba(255,90,70,0.1);border:1px solid rgba(255,120,100,0.4);border-radius:9px;padding:12px 14px;margin-top:-4px;}
.contact__submit[aria-busy="true"]{opacity:0.7;cursor:progress;}
.contact__alt{text-align:center;font-family:var(--mono);font-size:12px;line-height:1.5;color:rgba(200,224,218,0.55);margin-top:4px;}
.contact__alt a{font-weight:700;}

/* ===================== 7. FAQ ===================== */
.faq{position:relative;width:100%;overflow:hidden;background:#050a10;padding:clamp(56px,8vh,104px) clamp(28px,5vw,76px);isolation:isolate;}
.faq__bg{position:absolute;inset:0;z-index:0;background:url('../images/faq-bg.webp') center center / cover no-repeat;pointer-events:none;opacity:0.85;}
.faq__scrim{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 50% 30%, rgba(5,10,16,0.35), rgba(5,10,16,0.82) 78%);}
.faq__glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(50% 40% at 50% 8%, rgba(52,224,196,0.12), transparent 60%);}

.faq__list{border-top:1px solid rgba(52,224,196,0.28);box-shadow:0 -1px 12px rgba(52,224,196,0.14);}
.faq-item{border-bottom:1px solid rgba(52,224,196,0.28);box-shadow:0 1px 10px rgba(52,224,196,0.1);background:transparent;transition:background .3s ease;}
.faq-item.is-open{background:rgba(52,224,196,0.05);}
.faq-item__q{width:100%;display:flex;align-items:center;gap:clamp(16px,2.4vw,40px);padding:clamp(20px,2.4vh,28px) clamp(8px,2vw,28px);background:none;border:none;cursor:pointer;text-align:left;}
.faq-item__num{flex:0 0 auto;font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:0.06em;color:var(--teal);min-width:26px;}
.faq-item__question{flex:1;font-family:var(--mono);font-weight:700;font-size:clamp(15px,1.5vw,20px);line-height:1.35;color:rgba(224,238,234,0.9);transition:color .2s ease;}
.faq-item.is-open .faq-item__question{color:var(--ink);}
.faq-item__icon{flex:0 0 auto;font-family:var(--mono);font-weight:400;font-size:26px;line-height:1;color:var(--teal);text-shadow:0 0 12px rgba(52,224,196,0.55);transition:transform .3s ease;}
.faq-item.is-open .faq-item__icon{transform:rotate(45deg);}
.faq-item__panel{overflow:hidden;max-height:0;opacity:0;transition:max-height .45s cubic-bezier(0.4,0,0.2,1),opacity .35s ease;}
.faq-item.is-open .faq-item__panel{max-height:460px;opacity:1;}
.faq-item__panel p{padding:0 clamp(8px,2vw,28px) clamp(24px,3vh,30px) clamp(50px,7vw,106px);font-family:var(--mono);font-size:clamp(13.5px,1.1vw,15px);line-height:1.7;color:rgba(206,228,222,0.78);max-width:760px;}
.faq__footer-note{text-align:center;margin-top:clamp(36px,5vh,54px);font-family:var(--mono);font-size:14px;line-height:1.6;color:rgba(200,224,218,0.62);}
.faq__footer-note a{font-weight:700;}

/* ===================== 8. FOOTER ===================== */
.footer{position:relative;width:100%;overflow:hidden;background:#040810;padding:clamp(56px,8vh,96px) clamp(28px,5vw,76px) clamp(28px,4vh,40px);isolation:isolate;}
.footer__glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 90% at 12% 0%, rgba(52,224,196,0.10), transparent 58%);}
.footer__top-line{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(52,224,196,0.7),transparent);}
.footer__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:clamp(30px,4vw,64px);align-items:start;}
.footer__brand-row{display:flex;align-items:center;gap:14px;}
.footer__logo{height:44px;width:auto;filter:drop-shadow(0 0 16px rgba(52,224,196,0.45));}
.footer__brand-name{font-family:var(--mono);font-weight:700;font-size:18px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);white-space:nowrap;}
.footer__brand-desc{max-width:360px;margin-top:22px;font-size:15px;line-height:1.6;color:rgba(214,235,230,0.66);}
.footer__brand-tag{max-width:360px;margin-top:20px;font-family:var(--display);font-weight:800;font-size:clamp(17px,1.5vw,21px);line-height:1.2;letter-spacing:-0.01em;color:var(--ink);}
.footer__heading{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.24em;text-transform:uppercase;color:#6ff0e0;margin-bottom:20px;}
.footer__list{display:flex;flex-direction:column;gap:14px;}
.fl{position:relative;display:inline-block;font-family:var(--mono);font-size:14px;color:rgba(214,235,230,0.72);transition:color .2s ease,padding-left .2s ease;}
.fl:hover{color:#7ff0dd;padding-left:6px;}
.footer__whatsapp{display:flex;align-items:center;gap:9px;}
.footer__cta{margin-top:26px;padding:13px 20px;font-size:12px;}
.footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(44px,6vh,72px);padding-top:clamp(22px,3vh,28px);border-top:1px solid rgba(52,224,196,0.16);}
.footer__copy{font-family:var(--mono);font-size:12.5px;letter-spacing:0.04em;color:rgba(190,214,208,0.55);}
.footer__status{display:flex;align-items:center;gap:10px;}
.footer__status-text{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(111,240,224,0.6);}

/* ===================== RESPONSIVE ===================== */
@media (max-width:1024px){
  .pricing__grid{grid-template-columns:repeat(2,1fr);}
  .price-card--popular{transform:none;}
}
@media (max-width:900px){
  .services__grid{grid-template-columns:1fr;}
  .service-card{grid-column:auto;min-height:auto;}
  .service-card--right{align-items:flex-start;text-align:left;}
  .service-card--right .service-card__body{align-items:flex-start;text-align:left;}
  .service-card--right .service-card__icon{align-self:flex-start;}
  .service-card--right .service-card__tags{justify-content:flex-start;}
  .why__grid{grid-template-columns:1fr;}
  .contact__grid{grid-template-columns:1fr;}
  .footer__grid{grid-template-columns:repeat(2,1fr);}
  .process__numbers,.process__rail{display:none;}
  .process__body{grid-template-columns:1fr;}
  .process__step{padding:clamp(22px,5vw,32px) 0;border-top:1px solid rgba(52,224,196,0.2);}
  .process__step:first-child{border-top:none;}
  .process__step-num{display:block;}
  .hero__island{width:min(520px,72%);bottom:14%;}
}
@media (max-width:1024px){
  .nav__links{display:none;}
  .nav__cta{display:none;}
  .nav__burger{display:flex;}
}
@media (max-width:480px){
  .nav__logo-img{height:34px;}
  .nav__logo-text{font-size:16px;}
}
@media (max-width:640px){
  .pricing__grid{grid-template-columns:1fr;}
  .footer__grid{grid-template-columns:1fr;}
  .hero__stats{grid-template-columns:repeat(2,1fr);row-gap:26px;}
  .hero__stats .di-stat-div{display:none;}
  .ct-row{grid-template-columns:1fr;}
  .hero{min-height:auto;padding-bottom:44px;}
  .hero__content{padding-top:72px;}
  .hero__island{width:min(300px,68%);bottom:26%;}
}

/* ===================== REDUCIR MOVIMIENTO (ACCESIBILIDAD) ===================== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:0.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.001ms!important;
    scroll-behavior:auto!important;
  }
  .hero__radar-sweep,.hero__radar-ring--3,.why__scan,.process__rail-flow,
  .process__node-ring,.process__node-pulse{animation:none!important;}
}

/* ===================== BLOG ===================== */
/* Barra de navegación sólida (páginas internas) */
.site-header{position:sticky;top:0;z-index:40;background:rgba(5,10,16,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(52,224,196,0.16);}
.site-header .nav{padding:clamp(14px,2vh,20px) clamp(22px,4.5vw,64px);}

/* Índice del blog */
.blog-main{position:relative;min-height:70vh;background:#060b12;padding:clamp(40px,7vh,88px) clamp(28px,5vw,76px) clamp(56px,8vh,96px);isolation:isolate;overflow:hidden;}
.blog-main .grid-lines{mask-image:radial-gradient(120% 80% at 50% 0%, #000 20%, transparent 78%);-webkit-mask-image:radial-gradient(120% 80% at 50% 0%, #000 20%, transparent 78%);}
.blog-head{position:relative;z-index:2;max-width:1288px;margin:0 auto clamp(34px,5vh,56px);}
.blog-head h1{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(38px,5vw,68px);line-height:0.94;letter-spacing:-0.01em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 60px rgba(52,224,196,0.14);}
.blog-head p{max-width:640px;margin-top:18px;font-size:clamp(15px,1.2vw,18px);line-height:1.6;color:rgba(232,240,238,0.66);}
.blog-grid{position:relative;z-index:2;max-width:1288px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,26px);}
.blog-card{display:flex;flex-direction:column;border:1px solid rgba(52,224,196,0.2);border-radius:14px;overflow:hidden;background:linear-gradient(150deg, rgba(13,26,32,0.7), rgba(6,11,18,0.55));transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;}
.blog-card:hover{border-color:rgba(52,224,196,0.55);transform:translateY(-4px);box-shadow:0 22px 50px rgba(0,0,0,0.45),0 0 30px rgba(52,224,196,0.12);}
.blog-card__media{aspect-ratio:16/9;background:#08131a center/cover no-repeat;border-bottom:1px solid rgba(52,224,196,0.16);}
.blog-card__body{display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,26px);}
.blog-card__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:rgba(111,240,224,0.8);margin-bottom:14px;}
.blog-card__cat{border:1px solid rgba(52,224,196,0.34);border-radius:5px;padding:4px 9px;}
.blog-card__title{font-family:var(--display);font-weight:900;font-size:clamp(19px,1.6vw,23px);line-height:1.12;letter-spacing:-0.005em;color:var(--ink);}
.blog-card__excerpt{margin-top:12px;font-size:14.5px;line-height:1.6;color:rgba(198,228,222,0.72);}
.blog-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:#eaf4f1;}
.blog-card__link:hover{color:#7ff0dd;}

/* Artículo */
.article-hero{position:relative;background:#060b12;padding:clamp(40px,7vh,84px) clamp(28px,5vw,76px) clamp(24px,4vh,40px);isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(52,224,196,0.14);}
.article-hero__inner{position:relative;z-index:2;max-width:760px;margin:0 auto;}
.breadcrumb{font-family:var(--mono);font-size:12px;letter-spacing:0.06em;color:rgba(200,224,218,0.6);margin-bottom:20px;}
.breadcrumb a{color:rgba(111,240,224,0.85);}
.article-hero__meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-family:var(--mono);font-size:11.5px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(111,240,224,0.8);margin-bottom:18px;}
.article-hero__cat{border:1px solid rgba(52,224,196,0.34);border-radius:5px;padding:4px 10px;}
.article-hero h1{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(30px,4.2vw,52px);line-height:1.04;letter-spacing:-0.01em;color:var(--ink);text-shadow:0 0 50px rgba(52,224,196,0.12);}
.article-hero__lead{margin-top:20px;font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:rgba(226,238,235,0.82);}
.article{background:#060b12;padding:clamp(28px,4vh,44px) clamp(28px,5vw,76px) clamp(48px,8vh,88px);}
.article__body{max-width:720px;margin:0 auto;font-size:clamp(16px,1.15vw,17.5px);line-height:1.75;color:rgba(220,232,228,0.86);}
.article__body h2{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(24px,2.4vw,32px);line-height:1.1;text-transform:uppercase;color:var(--ink);margin:clamp(34px,5vh,52px) 0 16px;}
.article__body h3{font-family:var(--display);font-weight:800;font-size:clamp(19px,1.7vw,23px);line-height:1.2;color:var(--ink);margin:32px 0 12px;}
.article__body p{margin-bottom:20px;}
.article__body a{color:var(--teal);text-decoration:underline;text-underline-offset:3px;}
.article__body a:hover{color:#7ff0dd;}
.article__body ul,.article__body ol{margin:0 0 20px 4px;padding-left:22px;}
.article__body li{margin-bottom:10px;}
.article__body ul li::marker{color:var(--teal);}
.article__body strong{color:#eef4f2;}
.article__body blockquote{margin:28px 0;padding:16px 22px;border-left:3px solid var(--teal);background:rgba(52,224,196,0.06);border-radius:0 10px 10px 0;font-size:1.05em;color:#d6ece6;}
.article__cta{max-width:720px;margin:clamp(36px,6vh,56px) auto 0;padding:clamp(26px,3vw,40px);border:1px solid rgba(52,224,196,0.28);border-radius:14px;background:linear-gradient(120deg, rgba(13,31,34,0.85), rgba(6,11,18,0.6));text-align:center;}
.article__cta h3{font-family:var(--display);font-weight:800;font-size:clamp(20px,2vw,27px);line-height:1.15;color:var(--ink);margin-bottom:18px;}
.article__cta .btn{margin:0 auto;}

@media (max-width:900px){
  .blog-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .blog-grid{grid-template-columns:1fr;}
}