/* AERIS — sistema Hyer (códigos exactos de la spec) */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-padding-top:96px}
body{font-family:"Helvetica Now Display",Helvetica,Arial,sans-serif;color:#000D10;background:#FFFFFF;font-size:18px;line-height:1.61;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
section{padding:80px 0}
h1,h2,h3{font-weight:700;letter-spacing:-0.03em;line-height:1.05}
h1{font-size:clamp(60px,9vw,120px)}
h2{font-size:clamp(48px,6vw,80px)}
h3{font-size:28px;letter-spacing:-0.02em}
p.lead{color:#8E8E95;font-size:20px;max-width:640px}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#8E8E95;font-weight:700}
.btn{display:inline-block;background:#000D10;color:#FFFFFF;padding:16px 32px;border-radius:1000px;font-weight:700;font-size:16px;border:2px solid #000D10;cursor:pointer}
.btn:hover{background:#FFFFFF;color:#000D10}
.btn-outline{background:transparent;color:#000D10}
.btn-outline:hover{background:#000D10;color:#FFFFFF}
.btn-light{background:#FFFFFF;color:#000D10;border-color:#FFFFFF}
.btn-light:hover{background:transparent;color:#FFFFFF}
/* Header */
header{position:sticky;top:0;background:#FFFFFF;border-bottom:1px solid #D5D3D4;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:88px}
.logo{font-size:26px;font-weight:700;letter-spacing:-0.03em}
.logo span{color:#BC7155}
.menu{display:flex;gap:8px;list-style:none}
.menu a{padding:10px 18px;border-radius:1000px;font-size:16px;font-weight:700}
.menu a:hover{background:#000D10;color:#FFFFFF}
.menu a.activo{background:#000D10;color:#FFFFFF}
.burger{display:none;background:none;border:1px solid #D5D3D4;border-radius:1000px;padding:10px 18px;font-size:16px;font-weight:700;cursor:pointer}
@media(max-width:860px){
  .menu{display:none;position:absolute;top:88px;left:0;right:0;background:#FFFFFF;border-bottom:1px solid #D5D3D4;flex-direction:column;padding:16px 24px 24px}
  .menu.abierto{display:flex}
  .burger{display:block}
  .nav .btn{display:none}
  h1{font-size:60px}
}
/* Hero */
.hero{padding:80px 0 0}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end}
.hero-img{border-radius:0;overflow:hidden}
.hero-img img{width:100%;height:520px;object-fit:cover}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-img img{height:320px}}
/* Cards */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:860px){.grid,.grid2{grid-template-columns:1fr}}
.card{border:1px solid #D5D3D4;padding:22px;background:#FFFFFF}
.card img{width:100%;height:220px;object-fit:cover;margin:-22px -22px 22px;width:calc(100% + 44px)}
.card h3{margin-bottom:8px}
.card p{color:#8E8E95;font-size:16px}
.card .precio{font-size:22px;font-weight:700;color:#000D10;margin-top:16px}
.destacada{background:#BC7155;color:#FFFFFF;border-color:#BC7155;border-radius:0}
.destacada p{color:rgba(255,255,255,.85)}
.destacada .precio{color:#FFFFFF}
/* Dark sections */
.dark{background:#0F0F1C;color:#FFFFFF}
.dark2{background:#151623;color:#FFFFFF}
.dark p,.dark2 p{color:#8E8E95}
.dark h2,.dark2 h2{color:#FFFFFF}
.dark .card{background:#151623;border-color:#2a2a3a;color:#FFFFFF}
.dark .card p{color:#8E8E95}
/* Blocks */
.bloques{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #D5D3D4}
.bloques div{padding:22px;border-right:1px solid #D5D3D4}
.bloques div:last-child{border-right:none}
.bloques b{font-size:40px;letter-spacing:-0.03em;display:block}
.bloques span{color:#8E8E95;font-size:15px}
@media(max-width:860px){.bloques{grid-template-columns:1fr 1fr}.bloques div:nth-child(2){border-right:none}}
/* Forms */
form label{display:block;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
form input,form select,form textarea{width:100%;padding:14px 16px;border:1px solid #D5D3D4;border-radius:1000px;font-size:16px;font-family:inherit;background:#FFFFFF}
form textarea{border-radius:22px;min-height:120px;resize:vertical}
form .fila{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
@media(max-width:860px){form .fila{grid-template-columns:1fr}}
.ok{background:#0F0F1C;color:#FFFFFF;padding:22px;border-radius:0;margin-top:20px;display:none}
.ok.visible{display:block}
/* Footer */
footer{border-top:1px solid #D5D3D4;padding:80px 0 40px}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.foot p,.foot a{color:#8E8E95;font-size:16px}
.foot a{display:block;margin-bottom:10px}
.foot a:hover{color:#000D10}
@media(max-width:860px){.foot{grid-template-columns:1fr}}