@font-face{font-family:Brand;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{--paper:#f7f4ee;--surface:#fff;--ink:#222523;--muted:#62645f;--accent:#d9252c;--line:#dedad2;background:var(--paper);color:var(--ink);margin:0;font:16px/1.65 Brand,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%}p{margin:0 0 18px}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}h1{font-size:clamp(42px,4.4vw,70px)}h2{font-size:clamp(32px,3.4vw,48px)}h3{font-size:24px}em{font-style:normal;color:var(--accent)}.wrap{max-width:1240px;padding:72px 40px;margin:auto}.review{background:var(--ink);color:white;padding:9px 24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px}.review nav{display:flex;gap:18px}.review a{opacity:.65}.review a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:5px}header{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:17px max(24px,calc((100vw - 1160px)/2))}header nav{display:flex;align-items:center;gap:28px;font-size:14px}.brand{font-size:25px;letter-spacing:-1.4px;font-weight:800}.brand span{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:white;padding:17px 25px;border-radius:9px;font-size:15px;line-height:1.4;font-weight:700;min-height:48px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button.small{padding:10px 19px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding-top:64px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:var(--accent);margin-bottom:20px}.lead{font-size:19px;color:var(--muted);max-width:46ch}.note{font-size:13px;color:var(--muted);margin-top:18px;line-height:1.65}.team{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.team img{border-radius:50%}.team p{font-size:12px;margin:0}.team strong{font-weight:400;color:var(--muted)}.scene{margin:0;background:#eee9e0;border-radius:28px;padding:24px 20px}.scene figcaption{font-size:14px;font-weight:700}.phones{height:350px;position:relative;display:flex;justify-content:space-around;align-items:center;gap:14px;padding:20px 0}.phone{position:relative;width:36%;height:90%;border:6px solid #252827;border-radius:30px;background:#252827;box-shadow:0 15px 24px #2222}.phone:before{content:'';position:absolute;width:40%;height:14px;top:-1px;left:30%;border-radius:0 0 12px 12px;background:#252827;z-index:2}.origin{transform:rotate(-7deg)}.destination{transform:rotate(7deg)}.phone video,.phone .screen{width:100%;height:100%;object-fit:cover;border-radius:23px;display:block}.badge{position:absolute;z-index:3;top:-15px;left:-13px;display:flex;gap:9px;background:white;border-radius:14px;padding:12px;box-shadow:0 4px 14px #2221;transform:rotate(7deg)}.destination .badge{transform:rotate(-7deg)}.badge img{width:27px;height:27px;object-fit:contain}.handle{position:absolute;bottom:10px;left:7px;right:7px;color:white;background:#222c;border-radius:8px;text-align:center;font-size:10px;padding:6px}.arrow{color:var(--accent);font-size:35px}.scene-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d2cdc5;padding-top:20px;font-size:10px;color:var(--muted)}.section-head{display:grid;grid-template-columns:1.3fr 1fr;column-gap:50px;align-items:center}.section-head .eyebrow{grid-column:1/-1}.section-head>p:last-child{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:30px 0}.steps article{border-top:1px solid var(--line);padding-top:22px}.number{display:block;color:var(--accent);font-size:14px;margin-bottom:22px}.steps p{font-size:15px;color:var(--muted)}.proof{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.proof>img{border-radius:16px}.services{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-list{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.service-list p{border-bottom:1px solid var(--line);padding:14px 0}.service-list span{color:var(--accent);font-size:12px;margin-right:16px}.price{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.price-card{background:var(--surface);padding:32px;border:1px solid var(--line);border-radius:20px}.amount{font-size:76px;line-height:1;font-weight:700;letter-spacing:-5px}.amount small{font-size:17px;letter-spacing:0;font-weight:400;color:var(--muted)}dl{margin:28px 0}dl div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:13px 0;font-size:13px}dd{margin:0;font-weight:700}.price-card .button{width:100%}.contact{display:inline-block;margin:20px;text-decoration:underline;text-underline-offset:4px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:30px;padding-block:25px}footer p{font-size:11px;color:var(--muted);max-width:50ch}.estudio{--paper:#fff;--surface:#f5f5f3;--ink:#191919;--muted:#646464;--line:#e4e4e1;--accent:#d9252c}.estudio h1{font-size:clamp(44px,4.8vw,76px);letter-spacing:-.065em}.estudio .scene{background:#f5f5f3;border-radius:4px}.estudio .button{border-radius:3px}.estudio .price-card{border-radius:4px;border:0}.estudio .proof>img{border-radius:4px}.estudio .wrap{padding-top:90px;padding-bottom:90px}.estudio .eyebrow{letter-spacing:.08em}.estudio .steps article{border-top:3px solid var(--ink)}.estudio .number{font-size:36px;font-weight:700;letter-spacing:-2px}.estudio .scene-footer{border-color:var(--line)}@media(max-width:760px){html{scroll-padding-top:85px}.review{padding:9px 18px}.review nav{gap:16px;font-size:11px}header{padding:14px 20px}header nav>a:not(.button){display:none}.wrap,.estudio .wrap{padding:48px 22px}.hero,.proof,.price,.section-head{grid-template-columns:1fr;gap:30px}.hero h1,.estudio h1{font-size:43px}.hero .lead{font-size:17px}.scene{padding:22px 16px}.phones{height:320px}.steps,.service-list{grid-template-columns:1fr;gap:18px}.steps h3{font-size:23px}.steps article{padding-top:18px}.section-head .eyebrow{margin-bottom:0}.price-card{padding:25px}.scene-footer{font-size:9px;gap:6px}.scene-footer span{flex:1}.price{gap:30px}.brand{font-size:23px}footer{flex-direction:column;gap:12px}.contact{margin-left:0}.start>.button{width:100%}.phone{width:37%}.badge{padding:9px}.badge img{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Dirección elegida: estudio creativo con formas redondeadas. */
.estudio .scene{border-radius:28px}.estudio .button{border-radius:12px}.estudio .price-card{border-radius:24px}.estudio .proof>img{border-radius:18px}

/* Pantallas verticales proporcionales en todos los tamaños. */
.phone{height:auto;aspect-ratio:9/16}.proof>img{height:auto;display:block}@media(max-width:760px){.phones{height:260px}.phone{width:37%;max-width:150px}}

/* Comparación a ancho completo con la web anterior. */
.wrap{max-width:none;width:100%;padding-left:clamp(22px,3vw,56px);padding-right:clamp(22px,3vw,56px)}header{padding-left:clamp(22px,3vw,56px);padding-right:clamp(22px,3vw,56px)}.hero{gap:clamp(30px,4vw,80px)}.phones{height:clamp(350px,29vw,510px)}.phone{width:auto;height:85%;aspect-ratio:9/16}.scene{padding:clamp(22px,2vw,36px)}.hero-copy .lead{max-width:52ch}.price{gap:clamp(30px,6vw,110px)}@media(min-width:1500px){.estudio h1{font-size:clamp(76px,4.7vw,100px)}.hero-copy{max-width:900px}}@media(max-width:760px){.phones{height:260px}.phone{height:auto;width:37%;max-width:150px}.wrap,.estudio .wrap{padding-left:22px;padding-right:22px}}

.portal-more{margin-top:20px;min-width:0}.portal-more>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;cursor:pointer;font-size:14px;font-weight:700;list-style:none;border-bottom:1px solid var(--line);padding:10px 0}.portal-more>summary::-webkit-details-marker{display:none}.portal-more[open]>summary span{transform:rotate(45deg)}.portal-more .wrap{padding:24px 0!important}.portal-more .cp-demo{margin:0}.portal-more .cp-demo-copy,.portal-more .cp-screen-cols{grid-template-columns:1fr}.portal-more .cp-demo-copy{gap:14px}.portal-more .cp-demo-copy h3{font-size:24px!important}.portal-more .cp-screen-top{flex-wrap:wrap}.portal-more .cp-screen{padding:10px}
/* Ordenador (>=1100 px): la portada a escala 90 % (titular, 6-oct). En movil y tablet no cambia. */
@media(min-width:1100px){@supports(zoom:1){.portada-estudio{zoom:.9}}}