:root{--y:#ffd400;--b:#0b0b0c;--m:#68686d;--l:#dedee1}
*{box-sizing:border-box;-webkit-tap-highlight-color:#ffd40033}
body{margin:0;color:#171719;font:15px/1.65 Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,input,select{color:inherit}
button{-webkit-appearance:none;appearance:none}
.top{background:var(--y);text-align:center;padding:7px;font-size:9px;font-weight:800;letter-spacing:.12em}
.head{height:76px;padding:0 max(5vw,calc((100vw - 1300px)/2));display:flex;align-items:center;gap:30px;border-bottom:1px solid #eee}
.brand{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.12em}
.brand b{background:var(--y);padding:7px;font:900 24px 'Barlow Condensed';transform:skew(-7deg)}
.head nav{margin-left:auto;display:flex;gap:24px;font-size:13px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--y);padding:14px 20px;font-size:14px;font-weight:800;line-height:1.2}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px}
.copy{padding:85px 6vw 65px max(5vw,calc((100vw - 1300px)/2))}
.crumb{font-size:9px;color:#777}
.eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;margin-top:65px}
.eyebrow:before{content:"";display:inline-block;width:25px;height:3px;background:var(--y);margin-right:9px;vertical-align:middle}
h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.95;margin:0}
h1{font-size:clamp(55px,6vw,85px);letter-spacing:-.035em}
.lead{font-size:17px;color:#555;max-width:560px}
.price{display:flex;align-items:end;gap:15px;margin:25px 0}
.price strong{font:900 52px 'Barlow Condensed'}
.price span{font-size:10px;color:#777;padding-bottom:12px}
.actions{display:flex;gap:18px;align-items:center}
.actions a:last-child{font-size:13px;font-weight:800;border-bottom:2px solid var(--y)}
.image{position:relative;background:#111}
.image img{width:100%;height:100%;object-fit:cover}
.image:after{content:"PROYECTO REVISADO";position:absolute;right:7%;top:9%;border:3px solid var(--y);color:var(--y);padding:10px;transform:rotate(4deg);font:800 11px Inter;letter-spacing:.1em}
.section{padding:90px max(5vw,calc((100vw - 1180px)/2))}
.section h2{font-size:52px;margin-bottom:35px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.card{border:1px solid var(--l);padding:28px}
.card b{display:block;font:800 26px 'Barlow Condensed';text-transform:uppercase}
.card p,.include li{font-size:14px;color:var(--m)}
.include{background:#111;color:#fff}
.include>div{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.include p,.include li{color:#aaa}
.include ul{padding-left:18px}
.include li{margin:10px 0}
.yellow{background:var(--y)}
.faq details{border-top:1px solid var(--l)}
summary{padding:19px 0;font-weight:800;cursor:pointer}
.faq p{color:var(--m)}
.final{text-align:center;background:var(--y);padding:80px 20px}
.final h2{font-size:58px}
.final p{max-width:620px;margin:20px auto}
.foot{background:#09090a;color:#aaa;padding:35px max(5vw,calc((100vw - 1180px)/2));font-size:12px;display:flex;justify-content:space-between}
@media(max-width:720px){.head nav{display:none}
.hero{grid-template-columns:1fr}
.copy{padding:50px 22px}
.eyebrow{margin-top:40px}
.image{min-height:330px}
.section{padding:65px 22px}
.three,.include>div{grid-template-columns:1fr}
.actions{align-items:flex-start;flex-direction:column}
.foot{gap:15px;flex-direction:column}
}
.brand.official{transform:none}
.brand.official img{width:155px;display:block}
:where(a,button,input,select):focus-visible{outline:3px solid var(--y);outline-offset:3px;box-shadow:0 0 0 2px #111}