/* BOND WEAR · Diseño 'Blanco'. Paleta y logo PROVISIONALES (acento burdeos #6e1f2b, cambiar en --ac) */
:root{--bg:#ffffff;--fg:#0e0e0e;--mut:#6d6a67;--ac:#6e1f2b;--rule:#e4e1dd;--ph:#efedea;--navbg:rgba(255,255,255,.94);--btnbg:#0e0e0e;--btnfg:#fff;--fh:'Oswald',sans-serif;--fb:'Manrope',system-ui,sans-serif;--hw:600;--hls:-.01em}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--fb);background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{max-width:1280px;margin:0 auto;padding:0 48px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 48px;position:sticky;top:0;z-index:9;background:var(--navbg);border-bottom:1px solid var(--rule)}
.nav nav{display:flex;gap:32px;align-items:center}.nav a{text-decoration:none;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.logo{font-family:var(--fh);font-size:1.4rem!important;letter-spacing:.2em!important;font-weight:700}
.cta{border:1px solid currentColor;padding:8px 16px}
h1,h2,h3,.biglogo{font-family:var(--fh);text-transform:uppercase;font-weight:var(--hw);line-height:.92;letter-spacing:var(--hls)}
h1 em,h2 em{font-style:normal;color:var(--ac)}
h2{font-size:clamp(2.6rem,6vw,5.5rem);margin-bottom:56px}h3{font-size:1.6rem;margin:16px 0 8px}
.kicker{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ac);margin-bottom:20px}
.num{font-size:.75rem;letter-spacing:.2em;color:var(--mut);margin-bottom:12px}
.lead{max-width:540px;font-size:1.1rem;color:var(--mut);margin:28px 0 40px}
.btn{display:inline-block;background:var(--btnbg);color:var(--btnfg);padding:18px 34px;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;border:0;cursor:pointer;font-family:var(--fb);font-weight:600}
.sec{padding:140px 0;border-top:1px solid var(--rule)}
.ph{background:var(--ph);display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;min-height:260px}
.bleed{width:100%;height:70vh;min-height:480px;margin-bottom:64px}.tall{aspect-ratio:4/5}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.steps li{border-top:1px solid var(--fg);padding-top:24px}
.steps span{font-family:var(--fh);font-size:3rem;color:var(--ac)}.steps p,.duo p,.main-sport p,.desc{color:var(--mut)}
.main-sport{max-width:640px;margin-bottom:96px}.main-sport h3{font-size:clamp(3rem,7vw,6rem)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:32px}.gallery .ph{aspect-ratio:1}
.tbd{font-size:.8rem;color:var(--mut);font-style:italic;border-left:2px solid var(--ac);padding-left:12px}
.plist{border-top:1px solid var(--fg)}.price{display:grid;grid-template-columns:1fr 1fr auto;align-items:baseline;padding:36px 0;border-bottom:1px solid var(--rule)}
.price h3{font-size:2.2rem;margin:0}.amt{font-family:var(--fh);font-size:3.2rem;color:var(--ac)}.amt small{font-family:var(--fb);font-size:.8rem;color:var(--mut);text-transform:uppercase;letter-spacing:.14em}
.note{font-size:.85rem;color:var(--mut);margin-top:24px}
.cgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}
form{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.full{grid-column:1/-1}
label{display:grid;gap:8px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
input,select,textarea{font:inherit;font-size:1rem;letter-spacing:0;text-transform:none;background:transparent;color:var(--fg);border:0;border-bottom:1px solid var(--fg);padding:10px 0;border-radius:0}
select option{color:#000}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ac)}
.foot{padding:100px 0 40px;border-top:1px solid var(--rule)}.biglogo{font-size:clamp(4rem,16vw,15rem);line-height:.8;margin-bottom:48px}
.frow{display:flex;gap:40px;flex-wrap:wrap;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.frow a{text-decoration:none;color:var(--fg)}
@media(max-width:820px){.wrap,.nav{padding-left:20px;padding-right:20px}.nav nav a:not(.cta){display:none}.sec{padding:88px 0}
.steps,.duo,.cgrid,form{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.price{grid-template-columns:1fr}}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 70px)}.hero .txt{padding:120px 64px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(3.4rem,7vw,7rem)}.hero h1 em,h2 em{font-family:'Cormorant Garamond',serif;font-style:italic;text-transform:none;font-weight:400}.hero .ph{min-height:100%}.hero .btn{align-self:flex-start}.btn:hover{background:var(--ac)}.sec:nth-of-type(odd){background:#faf9f7}.gallery{gap:24px}.gallery .ph:nth-child(1){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}@media(max-width:820px){.hero{grid-template-columns:1fr}.hero .txt{padding:64px 20px}.hero .ph{min-height:420px}}
.logo{display:flex;align-items:center}.logo-img{height:28px;width:auto;display:block}.logo-img+.logo-text{display:none}
.burger{display:none;background:none;border:0;width:32px;height:32px;position:relative;cursor:pointer}
.burger span{position:absolute;left:4px;right:4px;height:1.5px;background:var(--fg);transition:.25s}.burger span:first-child{top:12px}.burger span:last-child{top:19px}
.burger[aria-expanded=true] span:first-child{top:16px;transform:rotate(45deg)}.burger[aria-expanded=true] span:last-child{top:16px;transform:rotate(-45deg)}
@media(max-width:820px){.burger{display:block}
 .nav nav{position:fixed;inset:69px 0 0 0;background:var(--bg);flex-direction:column;align-items:flex-start;gap:0;padding:24px 20px;transform:translateX(100%);transition:transform .3s;visibility:hidden}
 .nav nav.open{transform:none;visibility:visible}.nav nav a,.nav nav a:not(.cta){display:block;font-family:var(--fh);font-size:2rem;letter-spacing:.02em;padding:14px 0;border-bottom:1px solid var(--rule);width:100%}
 .nav nav .cta{margin-top:24px;border:0;background:var(--fg);color:var(--bg);text-align:center;font-family:var(--fb);font-size:.85rem;letter-spacing:.16em}
 body.menu-open{overflow:hidden}
 .hero h1{font-size:clamp(2.8rem,13vw,4rem)}.hero .btn{align-self:stretch;text-align:center}
 .gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery .ph:nth-child(1){grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}.gallery .ph{min-height:0}.gallery .ph:last-child{grid-column:1/-1;aspect-ratio:2/1}
 .bleed{height:56vh;min-height:320px}h2{margin-bottom:36px}.price h3{font-size:1.8rem}.amt{font-size:2.6rem}.biglogo{font-size:22vw}.frow{flex-direction:column;gap:12px}}

.hero.photo{position:relative;display:block;height:100vh;height:100svh;min-height:600px;overflow:hidden;color:#fff}
.hero-bg,.hero-bg img{position:absolute;inset:0;width:100%;height:100%}.hero-bg img{object-fit:cover;object-position:62% 50%}
.hero.photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(14,14,14,.62) 0%,rgba(14,14,14,.35) 35%,rgba(14,14,14,0) 60%),linear-gradient(180deg,rgba(14,14,14,.35),rgba(14,14,14,0) 30%)}
.hero.photo .txt{position:relative;z-index:2;max-width:720px;padding:180px 48px 0;min-height:0;display:flex;flex-direction:column}
.hero.photo h1{color:#fff}.hero.photo h1 em{color:#f1e6e0}.hero.photo .kicker{color:#f1e6e0}.hero.photo .lead{color:rgba(255,255,255,.88)}
.hero.photo .btn{background:#fff;color:#0e0e0e;align-self:flex-start}.hero.photo .btn:hover{background:var(--ac);color:#fff}
.nav{position:fixed;left:0;right:0;top:0;transition:background .3s,color .3s,border-color .3s}
body.top .nav{background:transparent;border-color:transparent;color:#fff}body.top .burger span{background:#fff}
@media(max-width:820px){.hero.photo{min-height:640px}.hero-bg img{object-position:72% 50%}
 .hero.photo::before{background:linear-gradient(180deg,rgba(14,14,14,.75) 0%,rgba(14,14,14,.55) 50%,rgba(14,14,14,0) 72%)}
 .hero.photo .txt{padding:110px 20px 0}.hero.photo .lead{font-size:1rem;margin:18px 0 26px}.hero.photo .btn{align-self:stretch}
 body.menu-open .nav{background:var(--bg);color:var(--fg)}body.menu-open .burger span{background:var(--fg)}}

/* IDENTIDAD APROBADA B1 — paleta Bond */
:root{--bg:#FFFFFF;--fg:#0B0B0B;--mut:#5c554e;--ac:#C49A5A;--ac-dk:#3E2F25;--arena:#D9CBB3;--piedra:#A8A196;--hueso:#F3EFE8;--rule:#e6e0d6;--ph:#ebe5da;--navbg:rgba(255,255,255,.96);--btnbg:#0B0B0B;--btnfg:#fff;--fh:'Space Grotesk',system-ui,sans-serif;--fb:'Inter',system-ui,sans-serif;--hw:700;--hls:-.02em}
h1,h2,h3{line-height:1}.hero.photo .txt{max-width:860px}.hero.photo h1{font-size:clamp(3rem,5.4vw,5.4rem)}h3{font-weight:600}
h1 em,h2 em,.hero h1 em{font-family:var(--fh)!important;font-style:normal!important;text-transform:uppercase!important;font-weight:700!important}
.sec:nth-of-type(odd){background:var(--hueso)}
.kicker{color:var(--ac-dk)}.steps span,.amt{color:var(--ac-dk)}.steps li{border-top-color:var(--ac)}
.tbd{border-left-color:var(--ac)}.price{border-bottom-color:var(--rule)}.plist{border-top:2px solid var(--ac)}
.btn:hover{background:var(--ac-dk)!important;color:#fff!important}
input:focus,select:focus,textarea:focus{border-color:var(--ac-dk)}
.logo-img{height:40px;width:auto}.logo .on-light{display:none}body:not(.top) .logo .on-dark{display:none}body:not(.top) .logo .on-light{display:block}
body.menu-open .logo .on-dark{display:none}body.menu-open .logo .on-light{display:block}
.hero.photo h1 em{color:var(--arena)}
.foot{background:#0B0B0B;color:#fff;--fg:#fff;--mut:var(--piedra);border-top:3px solid var(--ac)}.foot-logo{height:140px;width:auto;display:block;margin-bottom:56px}
.nav nav .cta{font-weight:500}
.logo{gap:14px}.nav .logo-word{font-family:'Michroma',var(--fh);font-size:1.05rem!important;letter-spacing:.32em!important;line-height:1;font-weight:400;color:inherit;margin-right:-.32em}
@media(max-width:820px){.logo{gap:11px}.nav .logo-word{font-size:.92rem!important;letter-spacing:.28em!important}}
@media(max-width:820px){.logo-img{height:34px}.foot-logo{height:110px}.nav nav a,.nav nav a:not(.cta){font-family:var(--fh);font-weight:600}}

.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
#ts{min-height:65px}#status.ok{color:#2f5130;font-weight:500}#status.err{color:var(--ac-dk);font-weight:500}#status a{color:inherit;text-decoration:underline}
.btn[disabled]{opacity:.6;cursor:wait}

.nav-r{display:flex;align-items:center;gap:28px}
.lang{position:relative}
.lang-btn{display:flex;align-items:center;gap:7px;background:none;border:0;color:inherit;font:500 .78rem/1 var(--fb);letter-spacing:.14em;padding:8px 2px;cursor:pointer}
.caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .2s}
.lang.open .caret{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);list-style:none;margin:0;padding:6px 0;background:#fff;color:#0B0B0B;border:1px solid #0B0B0B;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s;z-index:20}
.lang.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-menu button{display:flex;width:100%;justify-content:space-between;align-items:baseline;gap:14px;background:none;border:0;padding:10px 16px;font:500 .78rem/1 var(--fb);letter-spacing:.14em;color:inherit;cursor:pointer;text-align:left}
.lang-menu small{font-size:.72rem;letter-spacing:.02em;color:#5c554e;font-weight:400}
.lang-menu button:hover,.lang-menu button[aria-selected=true]{background:#0B0B0B;color:#fff}.lang-menu button:hover small,.lang-menu button[aria-selected=true] small{color:#D9CBB3}
.btn.soon{opacity:1;cursor:not-allowed;background:#A8A196;border-color:#A8A196}
.main-sport p+p{margin-top:16px}
@media(max-width:820px){.nav-r{gap:16px}.lang-btn{font-size:.82rem}}
