
.service-hero{position:relative;overflow:hidden;padding:110px 0 90px;background:#000}.service-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(180deg,#000,transparent 85%)}.service-hero:after{content:"";position:absolute;right:-10%;top:5%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(237,17,26,.25),transparent 68%);filter:blur(10px)}.service-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}.breadcrumbs{display:flex;gap:10px;align-items:center;color:#8d8d93;font-size:14px;margin-bottom:25px}.breadcrumbs a:hover{color:#fff}.breadcrumbs span{color:var(--red)}.service-hero h1{font-size:clamp(48px,5.5vw,82px);line-height:.98;margin:0 0 24px;letter-spacing:-.04em}.service-hero h1 span{color:var(--red)}.service-lead{font-size:20px;line-height:1.65;color:#b9b9be;max-width:680px;margin:0 0 30px}.hero-proof{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-proof span{border:1px solid #2a2a2f;background:#080808;border-radius:999px;padding:10px 14px;color:#d9d9dc;font-size:14px}.service-visual{min-height:540px;display:grid;place-items:center}.visual-canvas{position:relative;width:100%;min-height:470px;border:1px solid #34343a;border-radius:24px;background:#08080a;box-shadow:0 38px 90px rgba(0,0,0,.68);overflow:hidden;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.visual-canvas:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(237,17,26,.25),transparent 38%)}.browser-mini{position:absolute;inset:55px 45px;background:#f4f3ef;color:#111;border-radius:12px;padding:45px;z-index:2}.browser-mini:before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:#1b1b1d;border-radius:12px 12px 0 0}.browser-mini span{display:block;width:55px;height:5px;background:var(--red);margin:20px 0 30px}.browser-mini h3{font-size:38px;line-height:1.05;max-width:390px}.browser-mini p{max-width:340px;color:#555}.browser-mini b,.landing-copy b,.ad-card b{display:inline-block;background:#111;color:#fff;padding:12px 16px;border-radius:8px}.phone-mini{position:absolute;right:15px;bottom:15px;width:155px;height:300px;border:7px solid #333;border-radius:28px;background:#09090b;padding:50px 16px 20px;z-index:3}.phone-mini i{display:block;height:90px;background:linear-gradient(135deg,#ed111a,#4d0508);border-radius:12px;margin-bottom:20px}.phone-mini strong,.phone-mini small{display:block}.phone-mini small{color:#aaa;margin-top:8px}.shop-head{position:absolute;top:38px;left:38px;font-weight:900;letter-spacing:.16em}.product-grid{position:absolute;inset:110px 35px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-grid i{border-radius:14px;background:linear-gradient(145deg,#eee,#aaa);box-shadow:0 20px 30px #000}.cart-pill{position:absolute;right:30px;bottom:28px;background:var(--red);padding:12px 18px;border-radius:999px;font-weight:800}.landing-copy{position:absolute;left:45px;top:80px;max-width:330px;z-index:2}.landing-copy small{color:var(--red);font-weight:900}.landing-copy h3{font-size:40px;line-height:1.05}.lead-form{position:absolute;right:35px;bottom:40px;width:230px;background:#fff;color:#111;border-radius:16px;padding:22px;z-index:3}.lead-form i{display:block;height:12px;background:#ddd;border-radius:7px;margin:12px 0}.lead-form i:last-child{height:42px;background:var(--red)}.google-word{position:absolute;top:40px;left:40px;font-size:34px;font-weight:900;color:#4285f4}.search-query{position:absolute;top:100px;left:35px;right:35px;background:#fff;color:#111;border-radius:30px;padding:15px 22px}.result-card{position:relative;margin:170px 35px 0;padding:20px;border:1px solid #24242a;border-radius:14px}.result-card+.result-card{margin-top:14px}.result-card b,.result-card span{display:block}.result-card span{color:#aaa}.result-card.active b{color:var(--red)}.ad-card{position:absolute;left:40px;top:55px;width:62%;height:350px;border-radius:18px;background:linear-gradient(145deg,#efece6,#b8b4ae);color:#111;padding:38px}.ad-card small{color:var(--red);font-weight:900}.ad-card h3{font-size:42px;line-height:1.04}.metric-card{position:absolute;right:25px;bottom:45px;width:180px;background:#09090b;border:1px solid #34343a;border-radius:18px;padding:22px}.metric-card span,.metric-card strong{display:block}.metric-card strong{font-size:40px;color:var(--red)}.metric-card i{display:block;height:65px;border-left:3px solid var(--red);border-bottom:3px solid var(--red);transform:skewY(-20deg);margin-top:20px}.brand-mark{position:absolute;left:55px;top:70px;width:210px;height:210px;border-radius:50%;display:grid;place-items:center;font-size:120px;font-weight:900;background:var(--red)}.brand-spec{position:absolute;right:50px;top:90px;width:260px}.brand-spec span{display:inline-block;width:58px;height:58px;border-radius:50%;margin-right:12px;background:#ed111a}.brand-spec span:nth-child(2){background:#fff}.brand-spec span:nth-child(3){background:#555}.brand-spec b{display:block;font-size:28px;margin-top:45px}.status-card{position:absolute;left:40px;top:45px;right:40px;border:1px solid #2c2c31;border-radius:16px;padding:25px}.status-card i{display:inline-block;width:14px;height:14px;border-radius:50%;background:#2bd66f;margin-right:12px}.status-card b{font-size:25px}.status-card span{display:block;color:#aaa;margin-top:8px}.maint-list{position:absolute;left:55px;top:180px}.maint-list p{font-size:24px;padding:10px 0;color:#ddd}.conversion-strip{border-top:1px solid #1d1d20;border-bottom:1px solid #1d1d20;background:#030303}.conversion-grid{display:grid;grid-template-columns:repeat(4,1fr)}.conversion-grid div{padding:32px;border-right:1px solid #1f1f22}.conversion-grid div:last-child{border-right:0}.conversion-grid b{display:block;color:var(--red);font-size:34px}.conversion-grid span{color:#9b9ba1}.service-section{padding:95px 0;background:#000}.service-section-alt{background:#050505}.section-intro{max-width:800px;margin-bottom:48px}.section-intro h2{font-size:clamp(36px,4vw,58px);line-height:1.05;margin:0 0 16px}.section-intro p{color:#a9a9af;font-size:18px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-card{position:relative;overflow:hidden;border:1px solid #242429;background:#070708;border-radius:16px;padding:30px;min-height:265px;transition:.3s}.benefit-card:before{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:var(--red);transition:.35s}.benefit-card:after{content:"";position:absolute;right:0;top:0;width:2px;height:0;background:var(--red);transition:.35s}.benefit-card:hover{transform:translateY(-6px);border-color:#691015}.benefit-card:hover:before{width:100%}.benefit-card:hover:after{height:100%}.benefit-card b{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#160708;color:var(--red);font-size:22px}.benefit-card h3{font-size:24px;margin:22px 0 12px}.benefit-card p{color:#96969c;margin:0}.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.process-card{border:1px solid #26262b;border-radius:16px;padding:28px;background:#070708;position:relative}.process-card:before{counter-increment:step;content:"0" counter(step);display:block;color:#521014;font-size:42px;font-weight:900;margin-bottom:30px}.process-card h3{font-size:22px;margin:0 0 10px}.process-card p{color:#96969c;margin:0}.features-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-list{display:grid;gap:14px;margin-top:28px}.feature-list div{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid #202024}.feature-list i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#20080a;color:var(--red);font-style:normal;font-weight:800}.feature-list strong{display:block}.feature-list span{color:#929298;font-size:14px}.conversion-visual{border:1px solid #2c2c31;border-radius:20px;background:#070708;padding:18px;box-shadow:0 30px 70px #000}.conversion-visual .visual-canvas{min-height:390px;transform:none}.internal-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.internal-faq details{border-bottom:1px solid #29292d;padding:21px 0}.internal-faq summary{font-size:20px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.internal-faq summary:after{content:"+";color:var(--red);font-size:26px}.internal-faq details[open] summary:after{content:"−"}.internal-faq details p{color:#99999f}.internal-cta{border:1px solid #631116;background:radial-gradient(circle at 85% 20%,rgba(237,17,26,.23),transparent 34%),#050505;border-radius:20px;padding:58px;display:flex;justify-content:space-between;align-items:center;gap:35px}.internal-cta h2{font-size:clamp(34px,4vw,54px);margin:0 0 12px}.internal-cta p{color:#a1a1a7;margin:0}.social-links{display:flex;gap:10px;margin-top:20px}.social-links a{width:40px;height:40px;border:1px solid #303035;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;transition:.25s}.social-links a:hover{background:var(--red);border-color:var(--red);transform:translateY(-3px)}
@media(max-width:1050px){.service-hero-grid,.features-split{grid-template-columns:1fr}.service-visual{min-height:500px}.benefit-grid{grid-template-columns:1fr 1fr}.process-timeline{grid-template-columns:1fr 1fr}.internal-faq{grid-template-columns:1fr}.conversion-grid{grid-template-columns:1fr 1fr}.conversion-grid div:nth-child(2){border-right:0}}
@media(max-width:650px){.service-hero{padding:75px 0 55px}.service-hero h1{font-size:42px}.service-lead{font-size:17px}.service-visual{min-height:390px}.visual-canvas{min-height:360px;transform:none}.browser-mini{inset:35px 20px;padding:30px 20px}.browser-mini h3,.landing-copy h3,.ad-card h3{font-size:27px}.phone-mini{width:110px;height:220px}.landing-copy{left:25px;top:55px;max-width:210px}.lead-form{right:18px;bottom:25px;width:160px;padding:14px}.ad-card{left:20px;top:35px;width:72%;height:270px;padding:24px}.metric-card{width:140px;right:12px;bottom:20px}.brand-mark{width:150px;height:150px;font-size:85px;left:25px}.brand-spec{right:20px;width:160px}.brand-spec span{width:38px;height:38px}.brand-spec b{font-size:20px}.benefit-grid,.process-timeline,.conversion-grid{grid-template-columns:1fr}.conversion-grid div{border-right:0;border-bottom:1px solid #1f1f22}.internal-cta{padding:34px 24px;align-items:flex-start;flex-direction:column}}


/* Slider visual dentro del lado izquierdo, sin alterar la estructura */
.brand-mark.brand-image-slider{display:block;overflow:hidden;background:#09090b;border:1px solid #2c2c31;padding:0;place-items:initial;font-size:0}
.brand-image-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease}
.brand-image-slide.active{opacity:1}
.brand-image-dots{position:absolute;left:0;right:0;bottom:10px;z-index:3;display:flex;justify-content:center;gap:7px}
.brand-image-dots button{width:8px;height:8px;border:0;border-radius:50%;background:rgba(255,255,255,.35);padding:0;cursor:pointer}
.brand-image-dots button.active{background:var(--red);transform:scale(1.2)}
@media(max-width:650px){.brand-mark.brand-image-slider{width:150px;height:150px}}


/* V2.3: imagen administrable del bloque Alcance */
.scope-custom-image{min-height:390px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:#070708}
.scope-custom-image img{display:block;width:100%;height:100%;max-height:500px;object-fit:contain;object-position:center}
@media(max-width:650px){.scope-custom-image{min-height:300px}.scope-custom-image img{max-height:380px}}
