:root{
    --negro:#070604;
    --negro-2:#12100d;
    --negro-3:#1c1712;
    --dorado:#d78a22;
    --dorado-claro:#f6df83;
    --cobre:#b85f14;
    --champagne:#fff2d2;
    --vino:#6f1d2f;
    --salvia:#7f9070;
    --blanco:#fff8ea;
    --gris:#d7ccbc;
    --borde:rgba(246,223,131,.22);
    --sombra:0 22px 60px rgba(0,0,0,.32);
    --radio:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color:var(--blanco);
    background:linear-gradient(135deg,#070604 0%,#12100d 48%,#1b100c 100%);
    min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1440px, calc(100% - 48px));margin:0 auto}
.section{padding:86px 0}
.section-sm{padding:48px 0}
.eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--dorado-claro);font-weight:800;letter-spacing:.16em;
    text-transform:uppercase;font-size:.76rem;
}
.eyebrow::before{content:"";width:32px;height:1px;background:linear-gradient(90deg,var(--dorado-claro),var(--cobre))}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2.7rem, 6vw, 6rem);line-height:.95;letter-spacing:0;margin-bottom:22px}
h2{font-size:clamp(2rem, 4vw, 3.7rem);line-height:1;letter-spacing:0;margin-bottom:18px}
h3{font-size:1.28rem;margin-bottom:10px}
p{color:var(--gris);line-height:1.72}
.text-gradient{background:linear-gradient(90deg,var(--champagne),var(--dorado-claro),var(--dorado),var(--cobre));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{
    border:1px solid var(--borde);border-radius:999px;padding:13px 20px;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-weight:850;letter-spacing:.01em;transition:.22s ease;
    background:rgba(255,255,255,.04);color:var(--blanco);cursor:pointer;
}
.btn:hover{transform:translateY(-2px);border-color:rgba(243,221,116,.45);box-shadow:0 18px 40px rgba(216,137,33,.12)}
.btn-primary{background:linear-gradient(135deg,var(--champagne),var(--dorado-claro),var(--dorado),var(--cobre));color:#130b03;border:none}
.btn-dark{background:#111;border-color:#2e2e2e}
.btn-full{width:100%}
.grid{display:grid;gap:24px}
.card{
    background:linear-gradient(180deg, rgba(255,248,234,.085), rgba(255,248,234,.035));
    border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);
}
.page-hero{padding:90px 0 34px;text-align:center;position:relative}
.page-hero p{max-width:760px;margin:0 auto;color:#d9d0c4}
.badge{
    display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;
    background:rgba(216,137,33,.10);border:1px solid rgba(216,137,33,.26);color:var(--dorado-claro);font-size:.82rem;font-weight:800;
}
.empty-box{padding:34px;text-align:center;border:1px dashed var(--borde);border-radius:20px;color:var(--gris);background:rgba(255,255,255,.035)}
.whatsapp-float{
    position:fixed;right:22px;bottom:22px;z-index:40;background:#25d366;color:#061307;
    width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:950;
    box-shadow:0 18px 40px rgba(0,0,0,.4);border:3px solid rgba(255,255,255,.2)
}
@media(max-width:760px){
    .section{padding:60px 0}.container{width:min(100% - 26px, 1180px)}
    h1{font-size:3rem}.page-hero{padding-top:56px}
}
@media(min-width:1500px){
    h1{font-size:clamp(3.2rem,5vw,6.4rem)}
}