/* Colores: edita aquí */
:root{--bg:#ececec;--card:#fff;--ink:#1d1d1f;--muted:#5d5d63;--cherry:#7b1426;--green:#2f5d46;}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:var(--cherry);text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.nav{position:sticky;top:0;background:rgba(236,236,236,.92);backdrop-filter:blur(6px);border-bottom:1px solid #d6d6d6;z-index:5}
.nav-in{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:900;font-size:1.4rem;letter-spacing:.08em;color:var(--ink)}.logo span{color:var(--cherry)}
.nav nav a{margin-left:28px;color:var(--ink);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}
.hero{padding:120px 0 110px;border-bottom:6px solid var(--cherry)}
.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:var(--muted)}
h1{font-size:clamp(3rem,9vw,7rem);line-height:.95;font-weight:900;text-transform:uppercase;margin:18px 0;letter-spacing:-.02em}
.sub{font-size:1.2rem;color:var(--muted);letter-spacing:.05em}
.motto{font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:800;margin:28px 0 36px;color:var(--cherry)}
.motto em{font-style:normal;color:var(--ink)}
.btn-green{display:inline-block;background:var(--green);color:#fff;padding:14px 34px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border-radius:2px}
.btn-green:hover{filter:brightness(1.15)}
.block{padding:90px 0}.alt{background:#e2e2e2}
h2{font-size:2rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:28px;padding-left:14px;border-left:6px solid var(--cherry)}
.two{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:center}
.photo{aspect-ratio:4/5;background:#cfcfcf;display:grid;place-items:center;color:var(--muted);letter-spacing:.3em}
.sample{display:inline-block;background:var(--cherry);color:#fff;font-size:.75rem;padding:3px 10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}
.two p{font-size:1.1rem}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:var(--card);padding:28px;border-top:4px solid var(--cherry);display:flex;flex-direction:column;gap:10px}
.card h3{font-size:1.25rem}.card p{color:var(--muted);flex:1}.card a{font-weight:700}
.tag{align-self:flex-start;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;background:#f1e3e6;color:var(--cherry);padding:3px 8px}
.tag.soon{background:var(--cherry);color:#fff}
.dark{background:#1d1d1f;color:#f2f2f2}.dark h2{color:#fff}
.values{list-style:none;counter-reset:v;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.values li{counter-increment:v;border:1px solid #3a3a3d;padding:18px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.values li::before{content:counter(v,decimal-leading-zero);display:block;color:#c23a52;font-size:.8rem;margin-bottom:6px}
.contact{list-style:none;margin-bottom:32px}
.contact li{display:flex;gap:20px;padding:14px 0;border-bottom:1px solid #d0d0d0}
.contact strong{width:120px;text-transform:uppercase;font-size:.85rem;letter-spacing:.1em}
footer{padding:28px 0;font-size:.85rem;color:var(--muted);border-top:1px solid #d0d0d0}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.values{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.nav nav{display:none}.hero{padding:70px 0}.two{grid-template-columns:1fr;gap:28px}.cards{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}.values li{letter-spacing:.02em;font-size:.85rem;padding:14px;overflow-wrap:anywhere}.block{padding:60px 0}.contact li{flex-direction:column;gap:2px}}

/* ===== v2: más cereza, oro y hueso ===== */
:root{--bg:#f4efe6;--card:#efe8dc;--gold:#c9a227;--cherry-dk:#5c0e1c}
body{background:var(--bg)}
.nav{background:var(--cherry);border-bottom:2px solid var(--gold)}
.logo,.nav nav a{color:#efe8dc}.logo span{color:var(--gold)}
.nav nav a:hover{color:var(--gold)}
.hero{background:linear-gradient(160deg,var(--cherry) 0%,var(--cherry-dk) 100%);color:#efe8dc;border-bottom:3px solid var(--gold);position:relative}
.hero::after{content:"";position:absolute;left:24px;right:24px;bottom:18px;height:1px;background:var(--gold);opacity:.5}
.kicker,.sub{color:#d9c9b0}
.motto{color:var(--gold)}.motto em{color:#efe8dc}
.btn-green{background:var(--gold);color:#2a0a10;border:1px solid var(--gold)}
.btn-green:hover{background:transparent;color:var(--gold);filter:none}
h2{color:var(--cherry);border-left:none;padding-left:0;padding-bottom:12px;position:relative}
h2::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:2px;background:var(--gold)}
h2::before{content:"◆ ";color:var(--gold);font-size:.7em;vertical-align:middle}
.photo{background:var(--card);border:1px solid var(--gold);outline:6px solid var(--card);outline-offset:-14px}
.sample{background:var(--gold);color:#2a0a10}
.alt{background:var(--cherry)}.alt h2{color:#efe8dc}
.card{background:var(--card);border-top:none;border:1px solid var(--gold);box-shadow:inset 0 0 0 5px var(--card),inset 0 0 0 6px rgba(201,162,39,.45)}
.card h3{color:var(--cherry)}.card a{color:var(--cherry)}
.tag{background:transparent;border:1px solid var(--gold);color:#8a6d12}
.tag.soon{background:var(--cherry);color:var(--gold);border-color:var(--cherry)}
.dark{background:#2a0a10}.dark h2{color:#efe8dc}
.values li{border:1px solid rgba(201,162,39,.5);color:#efe8dc;background:rgba(123,20,38,.35)}
.values li::before{color:var(--gold)}
.contact li{border-bottom:1px solid rgba(201,162,39,.5)}.contact strong{color:var(--cherry)}
#contacto .wrap{background:var(--card);border:1px solid var(--gold);padding:40px}
footer{background:var(--cherry);color:#efe8dc;border-top:2px solid var(--gold)}
@media(max-width:600px){#contacto .wrap{padding:28px 20px;margin:0 16px}}
@media(max-width:600px){.values li{font-size:.72rem;letter-spacing:0;overflow-wrap:normal}}

/* ===== v3: contenido real ===== */
.btn-gold{display:inline-block;background:var(--gold);color:#2a0a10;border:1px solid var(--gold);padding:14px 34px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border-radius:2px;transition:.2s}
.btn-gold:hover{background:transparent;color:var(--gold)}
#contacto .btn-gold:hover{color:var(--cherry);border-color:var(--cherry)}
.hero .motto{margin:22px 0 18px}
.bio{max-width:680px;color:#efe8dc;font-size:1.1rem;margin-bottom:36px;opacity:.92}
.two{align-items:start}.text p{margin-bottom:16px;font-size:1.05rem}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.box{background:var(--card);border:1px solid var(--gold);padding:36px}
.lead{color:var(--muted);margin:-8px 0 12px}
.gold-list{list-style:none}
.gold-list li{padding:10px 0 10px 24px;position:relative;border-bottom:1px solid rgba(201,162,39,.35)}
.gold-list li::before{content:"◆";position:absolute;left:0;color:var(--gold);font-size:.7rem;top:15px}
.gold-list strong{color:var(--cherry)}
.mision{background:linear-gradient(160deg,var(--cherry),var(--cherry-dk));border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);padding:80px 0;text-align:center}
.mision-label{color:var(--gold);text-transform:uppercase;letter-spacing:.3em;font-size:.85rem;margin-bottom:18px}
.mision-text{color:#efe8dc;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:700;max-width:860px;margin:0 auto;line-height:1.4}
.contact a{overflow-wrap:anywhere}
@media(max-width:900px){.grid2{grid-template-columns:1fr}}
@media(max-width:600px){.box{padding:24px 18px}.mision{padding:56px 0}.btn-gold{padding:14px 22px}}

/* ===== Sigilo (sigilo.html) ===== */
.sg-intro{max-width:640px;font-size:1.1rem;margin:22px 0 32px;color:#efe8dc}
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.prod{background:var(--card);border:1px solid var(--gold);padding:18px;display:flex;flex-direction:column;gap:10px}
.prod .ph,.prod img{aspect-ratio:4/5;width:100%;object-fit:cover;background:repeating-linear-gradient(45deg,#e4dccd 0 12px,#ddd3c1 12px 24px);border:1px dashed var(--cherry);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cherry);font-weight:700;letter-spacing:.15em;text-align:center}
.prod .ph small{font-weight:400;letter-spacing:.05em;color:#5d5d63}
.prod h3{color:var(--cherry);font-size:1.2rem}
.price{font-weight:700;color:#1d1d1f;flex:1}
.btn-mp{display:block;text-align:center;background:var(--cherry);color:#efe8dc;padding:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;border:1px solid var(--gold)}
.btn-mp:hover{background:var(--gold);color:#2a0a10}
.howto{background:var(--card);border:1px solid var(--gold);padding:32px}
.howto ol{margin:0 0 24px 20px;display:grid;gap:12px;font-size:1.05rem}
@media(max-width:900px){.prods{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.prods{grid-template-columns:1fr}.howto{padding:22px}}
/* Foto Sobre mí */
.photo{overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}

/* Hero en una línea */
.hero h1.h1-line{font-size:clamp(1.9rem,8vw,4.2rem);white-space:nowrap;line-height:1.1;margin-bottom:22px}