/* FASE NUEVE · iPhone 17 premium story · 2026-10-07 */
:root{--ip17-ink:#07080b;--ip17-paper:#f5f5f7;--ip17-dim:#9ca3af;--ip17-line:rgba(255,255,255,.12);--ip17-blue:#b8d3e3;--ip17-sage:#bcc0aa;--ip17-lav:#d6ccdf;--ip17-orange:#ff6b2c}
body[data-product="iphone17"]{background:var(--ip17-ink);color:#fff}
body[data-product="iphone17"] .site-header{position:relative;z-index:70}
.ip17-hero{position:relative;min-height:92svh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#242838 0,#0b0d13 38%,#06070a 72%)}
.ip17-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.08),rgba(5,6,8,0) 45%,rgba(5,6,8,.72));pointer-events:none}
.ip17-hero__media{position:absolute;inset:0;display:grid;place-items:center;opacity:.98}
.ip17-hero__media video{width:min(78vw,1050px);height:min(78vh,960px);object-fit:contain;filter:drop-shadow(0 42px 90px rgba(0,0,0,.65));transform:translateY(4vh)}
.ip17-hero__glow{position:absolute;width:76vw;height:50vw;max-width:1100px;max-height:740px;border-radius:50%;background:radial-gradient(circle,rgba(170,198,223,.22),rgba(168,145,205,.08) 44%,transparent 70%);filter:blur(20px)}
.ip17-hero__copy{position:relative;z-index:2;width:min(1180px,92vw);align-self:start;padding-top:clamp(72px,12vh,140px);text-align:center}
.ip17-eyebrow{display:inline-flex;gap:.55rem;align-items:center;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#d8dbe2}
.ip17-eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,#fff)}
.ip17-hero h1{margin:.65rem 0 0;font-size:clamp(4.1rem,10vw,9.5rem);line-height:.84;letter-spacing:-.072em;font-weight:800;background:linear-gradient(118deg,#fff 14%,#c8dbe6 42%,#e1d5e6 64%,#fff 86%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ip17-hero__lead{margin:.8rem auto 0;max-width:760px;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.45;color:#d0d3db}
.ip17-hero__actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1.35rem}
.ip17-pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 1.2rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(12,14,19,.48);color:#fff;text-decoration:none;font-weight:760;backdrop-filter:blur(18px);transition:.25s ease}
.ip17-pill--primary{background:#fff;color:#08090c;border-color:#fff}.ip17-pill:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.45)}
.ip17-hero__specs{position:absolute;z-index:3;left:50%;bottom:28px;transform:translateX(-50%);width:min(920px,92vw);display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(255,255,255,.10);border-radius:20px;overflow:hidden;background:rgba(6,7,10,.55);backdrop-filter:blur(18px)}
.ip17-hero__specs div{padding:14px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.ip17-hero__specs div:last-child{border:0}
.ip17-hero__specs strong{display:block;font-size:1.1rem}.ip17-hero__specs span{display:block;margin-top:3px;font-size:.72rem;color:#aeb4c0}
body[data-product="iphone17"] .ip-commerce{background:#f5f5f7;color:#111;border-radius:32px;margin-top:clamp(28px,5vw,64px);padding-top:22px;padding-bottom:40px}
body[data-product="iphone17"] .ip-subnav{background:rgba(8,9,12,.86);border-color:rgba(255,255,255,.10);backdrop-filter:blur(20px)}
body[data-product="iphone17"] .ip-subnav a{color:#f2f3f7}
.ip17-story{background:var(--ip17-ink);color:#fff;overflow:hidden}
.ip17-section{position:relative;padding:clamp(80px,11vw,170px) 0}.ip17-shell{width:min(1240px,92vw);margin:0 auto}
.ip17-section__head{max-width:900px;margin-bottom:clamp(32px,5vw,70px)}
.ip17-kicker{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:850;color:#aeb6c6}.ip17-section h2{margin:.4rem 0 0;font-size:clamp(2.65rem,6vw,6rem);line-height:.94;letter-spacing:-.055em}.ip17-section__head p{max-width:760px;margin:1.15rem 0 0;color:#b9bfca;font-size:clamp(1.04rem,1.8vw,1.35rem);line-height:1.55}
.ip17-stage{position:relative;border-radius:clamp(24px,4vw,48px);overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0c0e14;box-shadow:0 45px 110px rgba(0,0,0,.45)}
.ip17-stage video,.ip17-stage img{display:block;width:100%;height:auto;min-height:320px;max-height:820px;object-fit:cover}.ip17-stage--contain video,.ip17-stage--contain img{object-fit:contain;background:#090a0f}
.ip17-stage__caption{position:absolute;left:clamp(20px,4vw,56px);bottom:clamp(20px,4vw,54px);max-width:520px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(8,9,12,.58);backdrop-filter:blur(18px)}.ip17-stage__caption strong{display:block;font-size:1.08rem}.ip17-stage__caption span{display:block;margin-top:4px;color:#c5cad3;font-size:.9rem;line-height:1.45}
.ip17-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.ip17-metric{padding:clamp(22px,3vw,38px);border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018))}.ip17-metric strong{display:block;font-size:clamp(1.75rem,4vw,3.7rem);letter-spacing:-.045em}.ip17-metric span{display:block;margin-top:6px;color:#aeb5c1;line-height:1.45}
.ip17-colors{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(20px,4vw,64px);align-items:center}.ip17-color-copy h2{font-size:clamp(2.8rem,6vw,5.8rem)}.ip17-color-copy p{color:#b9bfca;font-size:1.15rem;line-height:1.6;max-width:560px}.ip17-color-dots{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.ip17-color-dot{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);padding:4px;background:transparent;cursor:pointer}.ip17-color-dot span{display:block;width:100%;height:100%;border-radius:50%;background:var(--dot)}.ip17-color-dot[aria-pressed="true"]{outline:2px solid #fff;outline-offset:3px}
.ip17-color-product{position:relative;min-height:620px;display:grid;place-items:center;border-radius:40px;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.15),rgba(255,255,255,.025) 48%,transparent 74%)}.ip17-color-product img{width:min(760px,100%);height:auto;filter:drop-shadow(0 42px 75px rgba(0,0,0,.48));transition:opacity .25s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.ip17-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ip17-card{position:relative;min-height:520px;border:1px solid rgba(255,255,255,.10);border-radius:32px;overflow:hidden;background:#0d0f15}.ip17-card img,.ip17-card video{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}.ip17-card__overlay{position:absolute;inset:auto 0 0;padding:80px 28px 28px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82))}.ip17-card__overlay h3{margin:0;font-size:clamp(1.6rem,3vw,2.6rem)}.ip17-card__overlay p{margin:.5rem 0 0;color:#d1d5dc;line-height:1.5}
.ip17-chip{background:radial-gradient(circle at 50% 40%,#22273a,#090a0e 58%)}.ip17-chip .ip17-stage{border:none;background:transparent;box-shadow:none}.ip17-chip .ip17-stage img{max-height:none;object-fit:contain}
.ip17-camera-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.ip17-camera-grid .ip17-card:first-child{min-height:680px}.ip17-camera-grid .ip17-card:first-child video{min-height:680px}.ip17-camera-grid__right{display:grid;gap:18px}.ip17-camera-grid__right .ip17-card{min-height:331px}.ip17-camera-grid__right .ip17-card img,.ip17-camera-grid__right .ip17-card video{min-height:331px}
.ip17-battery{background:linear-gradient(180deg,#07080b,#10151b 60%,#07080b)}.ip17-battery__number{font-size:clamp(5rem,14vw,13rem);line-height:.78;letter-spacing:-.08em;background:linear-gradient(110deg,#fff,#c7d9e6 50%,#bed1af);-webkit-background-clip:text;background-clip:text;color:transparent}.ip17-battery__copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-top:18px}.ip17-battery__copy h2{font-size:clamp(2.2rem,5vw,4.5rem);margin:0}.ip17-battery__copy p{color:#b9bfca;font-size:1.1rem;line-height:1.6;margin:0}
.ip17-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid rgba(255,255,255,.1);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.1)}.ip17-spec{padding:clamp(24px,4vw,46px);background:#0d0f14}.ip17-spec span{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:#9da6b5;font-weight:800}.ip17-spec strong{display:block;margin-top:8px;font-size:clamp(1.3rem,2.6vw,2.2rem);line-height:1.12}.ip17-spec p{margin:.7rem 0 0;color:#b9bfca;line-height:1.55}
.ip17-buy-bridge{padding:clamp(70px,9vw,120px) 0;text-align:center;background:radial-gradient(circle at 50% 10%,rgba(164,193,220,.15),transparent 55%)}.ip17-buy-bridge h2{font-size:clamp(3rem,7vw,7rem);line-height:.92;letter-spacing:-.06em;margin:0}.ip17-buy-bridge p{color:#b9bfca;font-size:1.15rem;max-width:650px;margin:18px auto 26px}.ip17-buy-bridge .ip17-pill{min-width:190px}
.ip17-motion-toggle{position:absolute;top:18px;right:18px;z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.45);color:white;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px)}
[data-ip17-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}[data-ip17-reveal].is-visible{opacity:1;transform:none}
body[data-product="iphone17"] .f9-faq{background:#f5f5f7;color:#111}
@media(max-width:900px){.ip17-hero{min-height:820px}.ip17-hero__media video{width:100vw;height:70vh;transform:translateY(10vh)}.ip17-hero__specs{grid-template-columns:1fr 1fr;bottom:18px}.ip17-hero__specs div:nth-child(2){border-right:0}.ip17-colors,.ip17-camera-grid,.ip17-battery__copy{grid-template-columns:1fr}.ip17-color-product{min-height:470px}.ip17-split{grid-template-columns:1fr}.ip17-metrics{grid-template-columns:1fr}.ip17-card,.ip17-card img,.ip17-card video{min-height:430px}.ip17-camera-grid .ip17-card:first-child,.ip17-camera-grid .ip17-card:first-child video{min-height:500px}.ip17-spec-grid{grid-template-columns:1fr}.ip17-subnav-optional{display:none}}
@media(max-width:600px){.ip17-hero{min-height:760px}.ip17-hero__copy{padding-top:54px}.ip17-hero h1{font-size:clamp(3.7rem,22vw,6rem)}.ip17-hero__lead{font-size:1rem}.ip17-hero__specs{width:94vw}.ip17-hero__specs div{padding:11px 8px}.ip17-hero__specs strong{font-size:.94rem}.ip17-hero__specs span{font-size:.65rem}.ip17-section{padding:72px 0}.ip17-stage{border-radius:24px}.ip17-color-product{min-height:370px}.ip17-card,.ip17-card img,.ip17-card video{min-height:380px}}
@media(prefers-reduced-motion:reduce){[data-ip17-reveal]{opacity:1;transform:none;transition:none}.ip17-pill,.ip17-color-product img{transition:none}}