*{box-sizing:border-box}:root{--bg:#0a0a0a;--surface:#101010;--text:#f3f1eb;--muted:rgba(243,241,235,.62);--line:rgba(243,241,235,.16);--accent:#cdbb96;--display:"Montserrat",Arial,sans-serif;--body:"Montserrat",Arial,sans-serif}html{scroll-behavior:smooth;background:var(--bg)}html,body{margin:0;min-height:100%}body{overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--body)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.client-header{position:fixed;inset:0 0 auto;z-index:40;height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:0 4vw;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 48%,transparent);backdrop-filter:blur(10px)}.client-brand,.client-nav,.client-controls{font-family:Georgia,"Times New Roman",serif;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.client-nav,.client-controls{display:flex;gap:26px}.client-controls{justify-content:flex-end}.client-header button{border:0;background:none;color:inherit;cursor:pointer;font-family:Georgia,"Times New Roman",serif}.client-header a:hover,.client-header button:hover{color:var(--accent)}.client-hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding:104px clamp(24px,5vw,82px) clamp(44px,6vw,78px);border-bottom:1px solid var(--line)}.client-hero video,.client-hero__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.client-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.60),rgba(0,0,0,.12) 62%,rgba(0,0,0,.32)),linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.04) 45%,rgba(0,0,0,.54));opacity:.48}.client-hero__content{position:relative;z-index:2;width:min(100%,980px)}.client-eyebrow{margin:0 0 20px;color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.client-title{margin:0;font-family:var(--display);font-size:clamp(3.2rem,7.6vw,8.2rem);font-weight:500;line-height:.9;letter-spacing:-.055em}.client-title em{font-weight:400}.client-lead{width:min(100%,620px);margin:28px 0 0;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.55}.client-section{padding:clamp(64px,8vw,128px) clamp(24px,5vw,82px);border-bottom:1px solid var(--line)}.client-section__head{display:flex;justify-content:space-between;gap:20px;margin-bottom:40px;color:var(--muted);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.client-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(30px,6vw,90px)}.client-grid h2{margin:0;font-family:var(--display);font-size:clamp(2.4rem,5vw,5.4rem);font-weight:500;line-height:.94;letter-spacing:-.05em}.client-grid h2 em{color:var(--accent);font-weight:400}.client-grid p{margin:0;align-self:end;color:var(--muted);font-size:clamp(1rem,1.18vw,1.14rem);line-height:1.65}.client-media{position:relative;min-height:66svh;overflow:hidden}.client-media img,.client-media video{width:100%;height:100%;object-fit:cover}.client-media__caption{position:absolute;inset:auto 24px 24px;display:flex;justify-content:space-between;gap:20px;color:white;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.client-cards{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.client-card{min-height:320px;padding:clamp(26px,4vw,46px);border-right:1px solid var(--line);background:var(--surface);transition:transform .4s,background .4s}.client-card:last-child{border-right:0}.client-card:hover{transform:translateY(-8px);background:color-mix(in srgb,var(--surface) 88%,var(--accent))}.client-card span{color:var(--accent);font-size:.62rem;letter-spacing:.16em}.client-card h3{margin:36px 0 18px;font-family:var(--display);font-size:clamp(1.5rem,2.2vw,2.2rem);font-weight:500;line-height:1}.client-card p{margin:0;color:var(--muted);line-height:1.58}.client-contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(30px,6vw,90px);padding:clamp(64px,8vw,128px) clamp(24px,5vw,82px)}.client-contact h2{margin:0;font-family:var(--display);font-size:clamp(2.4rem,5vw,5rem);font-weight:500;line-height:.94}.client-form{display:grid;gap:22px}.client-form label{display:grid;gap:10px}.client-form label span{color:var(--muted);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.client-form input,.client-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);padding:0 0 15px;background:transparent;color:var(--text);outline:none}.client-form input:focus,.client-form textarea:focus{border-color:var(--accent)}.client-form button{width:max-content;border:0;padding:15px 20px;background:var(--text);color:var(--bg);font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}.client-form__status{color:var(--muted);font-size:.85rem}.client-footer{min-height:160px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px clamp(24px,5vw,82px);border-top:1px solid var(--line);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}.theme-aviation{--bg:#0e0e0e;--surface:#171716;--text:#f0ece4;--accent:#d0bd98;--display:"Montserrat",Arial,sans-serif;--body:"Montserrat",Arial,sans-serif}.theme-yachting{--bg:#0c161c;--surface:#132025;--text:#eef4f3;--accent:#b9d6d4;--display:"Trebuchet MS",Arial,sans-serif;--body:"Trebuchet MS",Arial,sans-serif}.theme-yachting .client-title em,.theme-yachting .client-grid h2 em{font-family:Georgia,serif;font-style:italic}.theme-retail{--bg:#1b1814;--surface:#25201b;--text:#f4eee6;--accent:#cda77f;--display:Helvetica,Arial,sans-serif;--body:Helvetica,Arial,sans-serif}.theme-retail .client-title{font-weight:300;letter-spacing:-.065em}.theme-photo{--bg:#e9e8e5;--surface:#deddd9;--text:#0a0a0a;--muted:rgba(10,10,10,.62);--line:rgba(10,10,10,.16);--accent:#ad5e5f;--display:"Arial Narrow",Impact,sans-serif;--body:Arial,Helvetica,sans-serif;color-scheme:light}.theme-photo .client-header{background:rgba(233,232,229,.42);border-bottom-color:rgba(10,10,10,.1)}.theme-photo .client-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,0) 58%,rgba(0,0,0,.08)),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 45%,rgba(0,0,0,.16))}.theme-photo .client-lead{color:rgba(255,255,255,.9)}.theme-photo .client-title{font-weight:800;text-transform:uppercase}.theme-gym{--bg:#0f1012;--surface:#181a1c;--text:#f0f2f1;--accent:#b29a75;--display:"Arial Black",Arial,sans-serif;--body:"Courier New",monospace}.theme-gym .client-title,.theme-gym .client-grid h2{text-transform:uppercase;letter-spacing:-.065em}@media(max-width:900px){.client-header{grid-template-columns:1fr auto;height:66px;padding:0 20px}.client-nav{display:none}.client-controls a{display:none}.client-grid,.client-contact{grid-template-columns:1fr}.client-cards{grid-template-columns:1fr}.client-card{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:700px){.client-hero{min-height:92svh;padding:92px 20px 42px}.client-title{font-size:clamp(3rem,15vw,5.8rem)}.client-section,.client-contact{padding:58px 20px}.client-section__head,.client-footer{flex-direction:column;align-items:flex-start}.client-media{min-height:62svh}.client-footer{padding:28px 20px}.client-hero:after{opacity:.36!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}.theme-hair{--bg:#f3efe8;--surface:#e9e3da;--text:#171512;--muted:rgba(23,21,18,.62);--line:rgba(23,21,18,.15);--accent:#6d7f66;--display:"Trebuchet MS",Arial,sans-serif;--body:Arial,Helvetica,sans-serif;color-scheme:light}.theme-hair .client-header{background:rgba(243,239,232,.56);border-bottom-color:rgba(23,21,18,.1)}.theme-hair .client-hero:after{background:linear-gradient(90deg,rgba(20,17,14,.62),rgba(20,17,14,.05) 62%,rgba(20,17,14,.18)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,0) 44%,rgba(0,0,0,.38))}.theme-hair .client-title{font-weight:500;letter-spacing:-.055em;color:#f4efe6}.theme-hair .client-title em,.theme-hair .client-grid h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400}.theme-hair .client-title em{color:#a9b4a1}.theme-hair .client-lead{color:rgba(255,255,255,.9)}.theme-hair .client-card:hover{background:color-mix(in srgb,var(--surface) 88%,#9eb195)}

/* V10 — approved surgical additions */
.client-media--secondary{min-height:78svh;background:var(--surface)}
.client-media--secondary video{display:block;width:100%;height:100%;min-height:78svh;object-fit:cover}

@media(max-width:700px){.client-media--secondary,.client-media--secondary video{min-height:72svh}}

/* theme-barber — REAL 03 / GENTLEMAN'S BARBER CO. */
.theme-barber{--bg:#0a0a0a;--surface:#161310;--text:#f3efe8;--muted:rgba(243,239,232,.62);--line:rgba(243,239,232,.15);--accent:#c9a961;--display:Georgia,"Times New Roman",serif;--body:Arial,Helvetica,sans-serif}
.theme-barber .client-header{background:rgba(10,10,10,.55);border-bottom-color:rgba(243,239,232,.1)}
.theme-barber .client-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.18) 62%,rgba(0,0,0,.46)),linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.05) 45%,rgba(0,0,0,.74))}
.theme-barber .client-title{font-weight:400;letter-spacing:-.04em}
.theme-barber .client-title em,.theme-barber .client-grid h2 em{font-style:italic;font-weight:700;color:var(--accent)}
.theme-barber .client-card:hover{background:color-mix(in srgb,var(--surface) 88%,var(--accent))}


/* --- ESTILO DE CONTACTO CLICABLE EN EXPERIENCIAS CLASSIC --- */
.client-contact-link {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  outline: none !important;
  cursor: pointer !important;
}
.client-contact-link:focus-visible .client-form {
  outline: 2px solid var(--accent) !important;
  outline-offset: 4px !important;
}
.client-contact-link:hover .client-form input,
.client-contact-link:hover .client-form textarea {
  border-color: var(--accent) !important;
}
.client-contact-link:hover .client-form button {
  background: var(--accent) !important;
  color: var(--bg) !important;
}