*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:#08080A;color:#F4F2ED;font-family:'Schibsted Grotesk',system-ui,sans-serif;font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.salto{position:absolute;left:-9999px}
.salto:focus{left:16px;top:16px;z-index:99;background:#F4F2ED;color:#08080A;padding:10px 16px;border-radius:8px}
:focus-visible{outline:2px solid #FFB547;outline-offset:3px;border-radius:4px}
.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.wrap--estrecho{max-width:820px}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(20px,5vw,48px);background:rgba(8,8,10,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(244,242,237,.08)}
.nav__logo{font-size:13px;font-weight:400;letter-spacing:.2em;color:#F4F2ED;text-decoration:none;white-space:nowrap}
.nav nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,30px);font-size:14px}
.nav nav a{color:#C9C9CE;text-decoration:none;padding:10px 0}
.nav nav a:hover{color:#F4F2ED}
.nav nav a.nav__cta{color:#08080A;background:#F4F2ED;padding:10px 18px;border-radius:999px;font-weight:500;white-space:nowrap}
.nav nav a.nav__cta:hover{background:#E8C88F;color:#08080A}
@media(max-width:640px){.nav nav a:not(.nav__cta){display:none}}
.cab{position:relative;padding:clamp(40px,7vw,84px) 0 clamp(48px,7vw,88px);overflow:hidden}
.cab::before{content:"";position:absolute;inset:-10% -10% 0;z-index:-1;background:radial-gradient(38% 55% at 18% 30%,rgba(255,107,61,.20),transparent 68%),radial-gradient(40% 60% at 82% 55%,rgba(139,108,255,.20),transparent 68%)}
.miga{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#8B8C92;margin-bottom:clamp(28px,5vw,48px)}
.miga a{color:#8B8C92;text-decoration:none;padding:4px 0}
.miga a:hover{color:#F4F2ED}
.kicker{font-family:'Fraunces',serif;font-style:italic;font-size:19px;color:#A996FF;margin-bottom:14px}
h1,h2{font-family:'Fraunces',serif;font-weight:600;letter-spacing:-.025em;line-height:1.05;color:#F4F2ED;text-wrap:balance}
h1{font-size:clamp(38px,5.6vw,76px);max-width:16ch;margin-bottom:26px}
h2{font-size:clamp(30px,3.8vw,52px);max-width:20ch;margin-bottom:22px}
h1 em,h2 em{font-weight:400;font-style:italic;padding-right:.06em;background:linear-gradient(100deg,#FF6B3D 10%,#8B6CFF 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.cab__texto{font-size:clamp(17px,1.5vw,20px);color:#C9C9CE;max-width:60ch;margin-bottom:32px}
strong{font-weight:500;color:#F4F2ED}
.cab__botones{display:flex;flex-wrap:wrap;gap:12px}
.boton{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 26px;border-radius:999px;border:1px solid rgba(244,242,237,.22);color:#F4F2ED;text-decoration:none;font-weight:400;font-size:15.5px;transition:transform .25s,background .25s,border-color .25s}
.boton:hover{transform:translateY(-2px);border-color:rgba(244,242,237,.5)}
.boton--lleno{border:0;color:#08080A;font-weight:500;background:linear-gradient(100deg,#FF8A5C,#FFB547)}
.boton--lleno:hover{background:linear-gradient(100deg,#FF9A70,#FFC56A)}
.datos{list-style:none;display:flex;flex-wrap:wrap;gap:14px clamp(24px,5vw,60px);margin-top:clamp(36px,5vw,56px);padding-top:26px;border-top:1px solid rgba(244,242,237,.1)}
.datos strong{display:block;font-family:'Fraunces',serif;font-weight:600;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em}
.datos span{font-size:14px;color:#8B8C92}
.sec{padding:clamp(52px,8vw,104px) 0;border-top:1px solid rgba(244,242,237,.06)}
.entrada{font-size:17px;color:#C9C9CE;max-width:66ch;margin-bottom:18px}
.entrada a,.ficha a,.faq a,.nota a{color:#E8C88F;text-underline-offset:3px}
.fichas{display:grid;gap:16px;margin-top:34px}
.fichas--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.fichas--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.ficha{padding:26px 24px;border:1px solid rgba(244,242,237,.09);border-radius:16px;background:linear-gradient(160deg,rgba(244,242,237,.035),rgba(244,242,237,.01));transition:border-color .3s,transform .3s}
.ficha:hover{border-color:rgba(255,181,71,.4);transform:translateY(-3px)}
h3{font-family:'Schibsted Grotesk',sans-serif;font-weight:500;font-size:19px;letter-spacing:-.01em;color:#F4F2ED;margin-bottom:8px}
.ficha p{font-size:15.5px;color:#B4B5BB}
.obras{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:34px}
.obra{display:flex;flex-direction:column;gap:4px;padding-bottom:20px;border:1px solid rgba(244,242,237,.09);border-radius:16px;overflow:hidden;text-decoration:none;background:rgba(244,242,237,.02);transition:border-color .3s,transform .3s}
.obra:hover{border-color:rgba(139,108,255,.55);transform:translateY(-4px)}
.obra img{width:100%;aspect-ratio:2/1;object-fit:cover;margin-bottom:14px;transition:transform .6s}
.obra:hover img{transform:scale(1.04)}
.obra>*:not(img){padding:0 20px}
.obra__tipo{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8B8C92}
.obra strong{font-family:'Fraunces',serif;font-weight:600;font-size:24px;letter-spacing:-.02em}
.obra span:not(.obra__tipo){font-size:15px;color:#B4B5BB}
.obra em{font-style:normal;font-size:14px;color:#E8C88F;margin-top:8px}
.planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:34px}
.plan{padding:28px 24px;border:1px solid rgba(244,242,237,.09);border-radius:16px}
.plan--top{border-color:rgba(255,138,92,.6);background:rgba(255,138,92,.05)}
.plan__precio{font-family:'Fraunces',serif;font-weight:600;font-size:34px;letter-spacing:-.02em;color:#F4F2ED;line-height:1.1;margin:6px 0 10px}
.plan__quien{font-size:15px;color:#B4B5BB;min-height:3.2em;margin-bottom:14px}
.plan ul,.lista{list-style:none}
.plan li,.lista li{position:relative;padding:7px 0 7px 26px;font-size:15px;color:#C9C9CE;border-top:1px solid rgba(244,242,237,.06)}
.plan li::before,.lista li::before{content:"";position:absolute;left:2px;top:15px;width:11px;height:6px;border-left:2px solid #FFB547;border-bottom:2px solid #FFB547;transform:rotate(-45deg)}
.lista{margin:26px 0 30px}
.lista li{font-size:17px;padding:12px 0 12px 30px}
.lista li::before{top:21px}
.nota{font-size:14.5px;color:#8B8C92;margin-top:22px;max-width:74ch}
.pasos{list-style:none;counter-reset:p;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:34px}
.pasos li{counter-increment:p;padding-top:18px;border-top:2px solid rgba(244,242,237,.12);position:relative}
.pasos li::before{content:counter(p);display:block;font-family:'Fraunces',serif;font-style:italic;font-size:30px;line-height:1;margin-bottom:10px;background:linear-gradient(100deg,#FF6B3D,#8B6CFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.pasos strong{display:block;font-size:18px;margin-bottom:4px}
.pasos span{font-size:15px;color:#B4B5BB}
.faq{margin-top:26px;border-bottom:1px solid rgba(244,242,237,.1)}
.faq details{border-top:1px solid rgba(244,242,237,.1)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-size:18px;font-weight:400;color:#F4F2ED}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-family:'Fraunces',serif;font-size:26px;line-height:1;color:#FFB547;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 0 22px;color:#C9C9CE;font-size:16px;max-width:68ch}
.final{padding:clamp(64px,9vw,120px) 0;text-align:center;border-top:1px solid rgba(244,242,237,.06);background:radial-gradient(50% 90% at 50% 100%,rgba(139,108,255,.20),transparent 70%)}
.final h2{margin:0 auto 16px;max-width:18ch}
.final p{color:#C9C9CE;font-size:17px;margin-bottom:30px}
.final .cab__botones{justify-content:center}
.pie{border-top:1px solid rgba(244,242,237,.08);padding:clamp(44px,6vw,64px) 0 36px;font-size:14px;color:#8B8C92}
.pie__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.pie p{margin-top:10px}
.pie__lista{display:flex;flex-direction:column}
.pie a{color:#8B8C92;text-decoration:none;padding:7px 0}
.pie a:hover,.pie a[aria-current]{color:#E8C88F}
.pie__legal{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;margin-top:32px;padding-top:22px;border-top:1px solid rgba(244,242,237,.08);font-size:12px;letter-spacing:.08em}
.pie__legal a{margin-left:18px}
.pie__legal span:last-child a:first-child{margin-left:0}