.page-automatizacion-redesign{padding-top:0;}
.page-automatizacion-redesign .page-hero{min-height:100dvh;min-height:100svh;padding-top:clamp(100px,11vh,130px);}

.page-hero{position:relative;min-height:100dvh;min-height:100svh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(100px,11vh,130px) clamp(16px,3vw,24px) clamp(36px,5vh,64px);background:radial-gradient(circle at 58% 22%,rgba(236,72,153,.22),transparent 34%),radial-gradient(circle at 72% 48%,rgba(99,102,241,.20),transparent 38%),#05030d;}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,rgba(236,72,153,.16) 48%,transparent 68%),linear-gradient(145deg,transparent 36%,rgba(59,130,246,.13) 56%,transparent 76%);opacity:.8;pointer-events:none;}
.page-hero-glow{display:none;}
.page-hero-inner{position:relative;z-index:2;max-width:1180px;width:100%;margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(24px,3.5vw,42px);}
.page-hero-visual{min-width:0;}
.page-hero-label{display:inline-flex;align-items:center;gap:7px;background:rgba(0,200,140,.1);border:1px solid rgba(0,200,140,.3);border-radius:999px;padding:5px 14px 5px 8px;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#00e8a0;}
.page-hero-label--saas{background:rgba(89,0,255,.12);border-color:rgba(124,60,255,.35);color:#c084fc;margin-bottom:clamp(16px,2.5vh,28px);}
.page-hero-label--saas .page-hero-dot{background:#7c3cff;}
.page-hero-dot{width:6px;height:6px;background:#00e87a;border-radius:50%;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.page-hero h1{font-size:clamp(2.6rem,4.8vw,5.4rem);font-weight:900;line-height:.96;letter-spacing:-.06em;color:#fff;margin-bottom:clamp(16px,2.5vh,28px);max-width:620px;}
.page-hero-sub{font-size:clamp(.95rem,1.1vw,1.1rem);color:rgba(255,255,255,.68);line-height:1.65;max-width:560px;margin-bottom:clamp(20px,3vh,32px);}
.page-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;}
.saas-hero-benefits{list-style:none;padding:0;margin:0 0 clamp(24px,3.5vh,40px);display:flex;flex-wrap:wrap;gap:10px 18px;}
.saas-hero-benefits li{display:flex;align-items:center;gap:9px;font-size:.88rem;color:rgba(255,255,255,.76);}
.saas-hero-benefits i{color:#c084fc;font-size:.72rem;}

.saas-hero-scene{position:relative;min-height:clamp(300px,52vh,520px);max-height:min(560px,62vh);width:100%;display:flex;align-items:flex-end;justify-content:center;overflow:visible;background:transparent!important;}
.saas-hero-scene::before{content:"";position:absolute;width:min(680px,115%);height:min(520px,95%);right:clamp(-60px,-8%,-20px);bottom:0;background:radial-gradient(circle at 48% 50%,rgba(236,72,153,.24),transparent 42%),radial-gradient(circle at 62% 50%,rgba(99,102,241,.24),transparent 48%);filter:blur(6px);z-index:0;pointer-events:none;}
.saas-hero-scene::after{display:none;}

.saas-hero-avatar-wrap{position:relative;z-index:2;background:transparent!important;border:0!important;box-shadow:none!important;display:flex;align-items:flex-end;justify-content:center;max-height:min(520px,58vh);}
.saas-hero-avatar{width:clamp(260px,32vw,min(480px,52vh));max-height:min(520px,58vh);height:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 40px rgba(236,72,153,.38));}

.saas-hero-link{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,rgba(236,72,153,.25),rgba(236,72,153,.04));pointer-events:none;border-radius:999px;}
.saas-hero-link--1{width:28%;left:32%;top:20%;transform:rotate(-6deg);}
.saas-hero-link--2{width:26%;left:34%;top:48%;transform:rotate(1deg);}
.saas-hero-link--3{width:30%;left:30%;bottom:28%;transform:rotate(8deg);}

.saas-hero-float{position:absolute;z-index:4;width:clamp(128px,11vw,150px);padding:clamp(10px,1.2vw,16px);border-radius:18px;border:1px solid rgba(236,72,153,.35);background:rgba(10,12,32,.72);backdrop-filter:blur(16px);box-shadow:0 0 30px rgba(236,72,153,.16);display:flex;flex-direction:column;gap:6px;}
.saas-hero-float--1{top:14%;right:clamp(0px,4%,40px);}
.saas-hero-float--2{top:44%;right:0;}
.saas-hero-float--3{bottom:10%;right:clamp(8px,5%,54px);}
.saas-float-ico{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.82rem;color:#e9d5ff;background:rgba(168,85,247,.18);}
.saas-float-name{font-size:.78rem;font-weight:800;color:#fff;letter-spacing:.02em;}
.saas-float-bars{display:flex;align-items:flex-end;gap:4px;height:22px;margin-top:2px;}
.saas-float-bars span{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#ec4899,#7c3cff);height:var(--h);opacity:.85;}
.saas-float-lines{display:flex;flex-direction:column;gap:4px;margin-top:2px;}
.saas-float-lines span{display:block;height:4px;border-radius:999px;background:rgba(255,255,255,.12);}
.saas-float-lines span:nth-child(1){width:88%;}
.saas-float-lines span:nth-child(2){width:72%;}
.saas-float-lines span:nth-child(3){width:56%;}
.saas-float-tag{align-self:flex-start;margin-top:2px;padding:3px 8px;border-radius:999px;font-size:.62rem;font-weight:800;color:#f9a8d4;background:rgba(236,72,153,.14);border:1px solid rgba(236,72,153,.28);display:inline-flex;align-items:center;gap:5px;}
.saas-float-tag i{font-size:.58rem;}

.saas-final-cta{width:100%;display:grid;grid-template-columns:minmax(280px,32%) 1fr minmax(220px,28%);align-items:center;gap:clamp(24px,3vw,40px);padding:38px 46px;border-radius:30px;border:1px solid rgba(236,72,153,.45);background:radial-gradient(circle at 12% 50%,rgba(236,72,153,.26),transparent 34%),radial-gradient(circle at 78% 42%,rgba(99,102,241,.22),transparent 38%),rgba(7,9,28,.94);box-shadow:0 0 60px rgba(236,72,153,.14),inset 0 0 40px rgba(255,255,255,.03);overflow:hidden;margin-bottom:0;text-align:left;}
.saas-final-visual{min-height:280px;height:auto;display:flex;align-items:flex-end;justify-content:center;position:relative;}
.saas-final-visual::before{content:"";position:absolute;inset:10% 0 0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 60%,rgba(236,72,153,.28),transparent 52%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.18),transparent 56%);filter:blur(4px);}
.saas-final-avatar{position:relative;z-index:1;width:min(380px,32vw);height:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 48px rgba(236,72,153,.45)) drop-shadow(0 0 24px rgba(99,102,241,.28));}
.saas-final-copy{text-align:left;}
.saas-final-copy h2{margin:0 0 14px;font-size:clamp(2.2rem,3.2vw,3.6rem);font-weight:900;line-height:1.02;letter-spacing:-.04em;}
.saas-final-copy p{max-width:640px;margin:0 0 18px;color:rgba(255,255,255,.76);font-size:1.05rem;line-height:1.6;}
.saas-final-badges{display:flex;flex-wrap:wrap;gap:16px;}
.saas-final-badges span{font-size:.78rem;color:rgba(255,255,255,.68);}
.saas-final-badges i{color:#c084fc;margin-right:6px;}
.saas-final-btns{display:flex;flex-direction:column;gap:14px;}
.saas-final-btns .lbtn{width:100%;justify-content:center;}

.saas-contact-form-block{max-width:780px;margin:58px auto 0;padding:38px;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 0%,rgba(236,72,153,.12),transparent 35%),rgba(255,255,255,.045);}
.saas-contact-form-title{text-align:center;margin-bottom:26px;color:#c084fc;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.86rem;}

@media(max-width:900px){
.page-hero{min-height:auto;padding-top:clamp(96px,14vw,110px);padding-bottom:clamp(32px,6vw,48px);}
.page-hero-inner{grid-template-columns:1fr;gap:28px;}
.page-hero h1{font-size:clamp(2.4rem,11vw,3.6rem);}
.page-hero-visual{order:2;}
.saas-hero-copy{order:1;}
.saas-hero-scene{min-height:clamp(340px,72vw,420px);max-height:none;flex-direction:column;align-items:center;padding-top:0;}
.saas-hero-scene::before{right:50%;transform:translateX(50%);width:min(520px,100%);bottom:0;}
.saas-hero-avatar-wrap{max-height:none;}
.saas-hero-avatar{width:min(320px,82vw);max-height:none;}
.saas-hero-link{display:none;}
.saas-hero-float{position:relative;right:auto;top:auto;bottom:auto;width:100%;max-width:260px;margin:8px auto;}
.saas-final-cta{grid-template-columns:1fr;text-align:center;padding:30px 24px;}
.saas-final-visual{min-height:240px;margin:0 auto;max-width:min(380px,88vw);}
.saas-final-avatar{width:min(320px,72vw);}
.saas-final-copy{text-align:center;}
.saas-final-copy p{margin-left:auto;margin-right:auto;}
.saas-final-badges{justify-content:center;}
.saas-final-btns{width:100%;}
.saas-contact-form-block{padding:26px 20px;margin-top:42px;}
}

@media(max-height:820px) and (min-width:901px){
.page-hero h1{font-size:clamp(2.2rem,4.2vw,4.2rem);margin-bottom:16px;}
.page-hero-sub{font-size:.95rem;margin-bottom:18px;line-height:1.55;}
.saas-hero-benefits{margin-bottom:20px;gap:8px 14px;}
.saas-hero-benefits li{font-size:.82rem;}
.page-hero-inner{gap:24px;}
.saas-hero-scene{min-height:clamp(260px,46vh,400px);max-height:min(440px,52vh);}
.saas-hero-avatar{width:clamp(220px,28vw,min(380px,46vh));max-height:min(400px,50vh);}
.saas-hero-float{width:120px;padding:10px 12px;}
.saas-float-ico{width:24px;height:24px;font-size:.72rem;}
.saas-float-name{font-size:.72rem;}
}

.saas-case-media--dashboard{background:linear-gradient(160deg,rgba(12,8,28,.98),rgba(18,10,40,.95));padding:10px 12px;align-items:center;}
.saas-case-shot{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px;}
.saas-case-shot--coachpanel{object-fit:contain;object-position:center;max-height:100%;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35));}
.saas-dash-top{display:flex;gap:5px;margin-bottom:8px;}
.saas-dash-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18);}
.saas-dash-title{font-size:.72rem;font-weight:800;color:#fff;margin-bottom:10px;}
.saas-dash-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;}
.saas-dash-metrics div{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);}
.saas-dash-metrics em{display:block;font-style:normal;font-size:.58rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.05em;}
.saas-dash-metrics strong{display:block;font-size:.9rem;color:#fff;margin-top:2px;}
.saas-dash-bars{display:flex;align-items:flex-end;gap:4px;height:36px;}
.saas-dash-bars span{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#ec4899,#7c3cff);height:var(--h);opacity:.88;}

.saas-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:980px){.saas-types-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.saas-types-grid{grid-template-columns:1fr;}}
.saas-type-card{background:rgba(255,255,255,.04);border:1px solid var(--border-dark);border-radius:var(--radius);padding:22px 16px;text-align:center;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;}
.saas-type-card:hover{transform:translateY(-3px);border-color:rgba(124,60,255,.4);background:linear-gradient(145deg,rgba(124,60,255,.08),rgba(255,64,161,.06));box-shadow:0 14px 34px rgba(89,0,255,.14);}
.saas-type-ico{width:48px;height:48px;margin:0 auto 14px;border-radius:14px;background:rgba(89,0,255,.14);display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:#c084fc;}
.saas-type-card h3{font-size:.92rem;font-weight:800;color:var(--text-dark);margin-bottom:8px;}
.saas-type-card p{font-size:.8rem;color:var(--text-mid);line-height:1.55;margin:0;}

.saas-process-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
@media(max-width:900px){.saas-process-flow{grid-template-columns:1fr;gap:14px;}}
.saas-process-step{text-align:center;padding:20px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);position:relative;transition:transform .25s,border-color .25s,box-shadow .25s;}
.saas-process-step:hover{transform:translateY(-3px);border-color:rgba(255,64,161,.32);box-shadow:0 12px 28px rgba(255,64,161,.1);}
.saas-process-step::after{content:'→';position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:rgba(255,64,161,.45);font-size:1rem;pointer-events:none;}
.saas-process-step:last-child::after{display:none;}
@media(max-width:900px){.saas-process-step::after{display:none;}}
.saas-process-num{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,64,161,.4);background:rgba(255,64,161,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:.8rem;font-weight:900;color:#ff90c8;}
.saas-process-step h3{font-size:.88rem;font-weight:800;color:#fff;margin-bottom:6px;}
.saas-process-step p{font-size:.78rem;color:var(--text-light);line-height:1.5;margin:0;}

.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:920px;margin:0 auto;}
@media(max-width:800px){.cap-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.cap-grid{grid-template-columns:1fr;}}
.cap-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:18px 14px;text-align:center;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s;}
.cap-card:hover{border-color:rgba(89,0,255,.36);background:rgba(89,0,255,.10);transform:translateY(-3px);box-shadow:0 10px 24px rgba(89,0,255,.14);}
.cap-ico{font-size:1.4rem;margin-bottom:8px;color:#ff40a1;}
.cap-card h3{font-size:.82rem;font-weight:800;color:rgba(255,255,255,.9);margin-bottom:6px;}
.cap-card p{font-size:.74rem;color:rgba(255,255,255,.55);line-height:1.5;margin:0;}

.saas-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:880px){
.saas-case-grid{grid-template-columns:1fr;}
}
.saas-case-card{background:linear-gradient(155deg,rgba(18,10,40,.97),rgba(12,7,30,.97));border:1px solid rgba(255,255,255,.09);border-radius:20px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;}
.saas-case-card:hover{transform:translateY(-4px);border-color:rgba(124,60,255,.32);box-shadow:0 16px 34px rgba(124,60,255,.14);}
.saas-case-media{height:170px;overflow:hidden;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;}
.saas-case-media img{width:100%;height:100%;object-fit:cover;}
.saas-case-media--chat{background:linear-gradient(160deg,rgba(12,8,28,.98),rgba(18,10,40,.95));padding:14px 14px 12px;align-items:stretch;}
.saas-case-chat{width:100%;max-width:260px;margin:0 auto;background:rgba(8,6,20,.72);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.35),0 0 0 1px rgba(89,0,255,.12);}
.saas-case-chat-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:.68rem;font-weight:800;color:rgba(255,255,255,.72);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
.saas-case-chat-dot{width:7px;height:7px;border-radius:50%;background:#00e87a;box-shadow:0 0 8px rgba(0,232,122,.55);}
.saas-case-chat-body{display:flex;flex-direction:column;gap:8px;padding:12px;}
.saas-case-bubble{max-width:88%;padding:8px 11px;border-radius:12px;font-size:.74rem;line-height:1.45;}
.saas-case-bubble--bot{align-self:flex-start;background:rgba(255,255,255,.08);color:rgba(255,255,255,.86);border-radius:4px 12px 12px 12px;}
.saas-case-bubble--user{align-self:flex-end;background:linear-gradient(135deg,#5900ff,#ff40a1);color:#fff;border-radius:12px 4px 12px 12px;}
.saas-case-media--custom{background:linear-gradient(160deg,rgba(12,8,28,.98),rgba(18,10,40,.95));padding:10px 12px;align-items:center;height:170px;overflow:hidden;}
.saas-case-shot--custom{object-fit:cover;object-position:center top;border-radius:12px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35));}
.saas-case-body{padding:20px;}
.saas-case-tag{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(124,60,255,.14);color:#c084fc;border-radius:999px;padding:3px 9px;margin-bottom:10px;}
.saas-case-body h3{font-size:1rem;font-weight:800;color:#fff;margin-bottom:8px;}
.saas-case-body p{font-size:.84rem;color:rgba(255,255,255,.62);line-height:1.58;margin-bottom:14px;}
.saas-case-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:800;color:#ff40a1;text-decoration:none;transition:gap .2s;}
.saas-case-link:hover{gap:10px;}

/* Legacy (kept for compatibility) */
.flow-diagram{display:flex;flex-direction:column;gap:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;}
.flow-step{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.05);}
.flow-step:last-child{border-bottom:none;}
.flow-step-ico{width:36px;height:36px;border-radius:10px;background:rgba(89,0,255,.15);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--primary);flex-shrink:0;}
.flow-step-txt{flex:1;}
.flow-step-name{font-size:.82rem;font-weight:800;color:#fff;margin-bottom:2px;}
.flow-step-desc{font-size:.73rem;color:rgba(255,255,255,.45);}
.flow-arrow{text-align:center;color:rgba(255,64,161,.4);font-size:.7rem;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.flow-check{width:20px;height:20px;border-radius:50%;background:rgba(0,232,122,.15);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#00e87a;flex-shrink:0;}
.proc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media(max-width:680px){.proc-grid{grid-template-columns:1fr;}}
.proc-card{background:rgba(255,255,255,.04);border:1px solid var(--border-dark);border-radius:var(--radius);padding:24px;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;}
.proc-card:hover{border-color:rgba(0,200,140,.36);transform:translateY(-3px);background:linear-gradient(145deg,rgba(0,200,140,.10),rgba(89,0,255,.08));box-shadow:0 12px 30px rgba(0,200,140,.12);}
.proc-tag{display:inline-block;font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,200,140,.1);color:#00e8a0;border-radius:999px;padding:3px 9px;margin-bottom:12px;}
.proc-card h3{font-size:.92rem;font-weight:800;color:var(--text-dark);margin-bottom:7px;}
.proc-card p{font-size:.84rem;color:var(--text-mid);line-height:1.58;}
.integ-big-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
@media(max-width:700px){.integ-big-grid{grid-template-columns:repeat(2,1fr);}}
.integ-big-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:18px 14px;text-align:center;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s;}
.integ-big-card:hover{border-color:rgba(89,0,255,.36);background:rgba(89,0,255,.10);transform:translateY(-3px);box-shadow:0 10px 24px rgba(89,0,255,.14);}
.integ-big-icon{font-size:1.6rem;margin-bottom:8px;color:#ff40a1;}
.integ-big-name{font-size:.8rem;font-weight:700;color:rgba(255,255,255,.8);}
.roi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);}
@media(max-width:680px){.roi-strip{grid-template-columns:repeat(2,1fr);}}
.roi-item{padding:28px 20px;text-align:center;background:var(--dark2);}
.roi-n{font-size:2rem;font-weight:900;color:#fff;letter-spacing:-.04em;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.roi-l{font-size:.78rem;color:rgba(255,255,255,.45);margin-top:4px;}
.lcard{transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;}
.lcard:hover{transform:translateY(-3px);border-color:rgba(0,200,140,.32);background:linear-gradient(145deg,rgba(0,200,140,.09),rgba(89,0,255,.08));box-shadow:0 12px 30px rgba(0,200,140,.11);}