:root {
  --black: #070707;
  --panel: #0d0d0d;
  --panel-2: #121212;
  --text: #f6f3ed;
  --muted: #b9b3aa;
  --gold: #c89a43;
  --red: #a7191f;
  --line: rgba(200,154,67,.38);
  --max: 1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
img{display:block;width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.92);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.nav-wrap{height:82px;display:flex;align-items:center;gap:34px}
.brand{display:flex;flex-direction:column;line-height:.88;min-width:220px}.brand span{font:700 30px/1 "Barlow Condensed",sans-serif;letter-spacing:.04em}.brand small{font:600 11px/1.3 Inter,sans-serif;color:var(--gold);letter-spacing:.32em;margin-top:8px;text-align:center}
.main-nav{display:flex;gap:28px;margin-left:auto}.main-nav a{font-size:14px;font-weight:600;position:relative}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--gold);transition:.25s}.main-nav a:hover::after,.main-nav a.active::after{right:0}.social-link{font-size:29px;color:var(--gold)}
.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}
.hero{position:relative;min-height:650px;display:grid;align-items:center;background:url('fotos/inicio.jpg') center 38%/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.83) 38%,rgba(5,5,5,.2) 75%,rgba(5,5,5,.55) 100%)}.hero-content{position:relative;padding-block:92px}.eyebrow{font:600 16px/1.2 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--gold)}.hero h1{font:700 clamp(64px,8vw,112px)/.84 "Barlow Condensed",sans-serif;letter-spacing:.02em;margin:16px 0 24px;text-transform:uppercase;max-width:700px;text-shadow:0 4px 30px #000}.hero h1 span{color:#fff}.ornament{display:flex;align-items:center;gap:16px;width:350px;color:var(--gold);margin:0 0 22px}.ornament i{height:1px;background:var(--gold);flex:1}.hero-copy{font-size:18px;color:#e1ddd6}.hero-actions{display:flex;gap:14px;margin-top:34px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 28px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;border:1px solid transparent;cursor:pointer;transition:.25s}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:#cf2029;transform:translateY(-2px)}.btn-outline{border-color:var(--gold);background:rgba(0,0,0,.5)}.btn-outline:hover{background:var(--gold);color:#080808}
#nosotros{position:relative;min-height:650px;display:grid;align-items:center;background:url('fotos/ChatGPT.png') center 38%/cover no-repeat}
.section-dark,.section-textured{background: url(fotos/team.png)}{padding:84px 0}.section-dark{background:var(--panel)}.section-textured{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.035),transparent 30%),linear-gradient(135deg,#0a0a0a,#131313)}.split-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center}.section-copy h2,.section-heading h2,.portfolio-top h2,.booking-form h2{font:700 clamp(38px,5vw,58px)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:10px 0 24px}.section-copy p{color:var(--muted)}.text-link{display:inline-block;color:var(--gold);font-weight:700;margin-top:14px}.studio-photo{min-height:380px;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.75)),url('https://images.unsplash.com/photo-1598371839873-100117f7a9c2?auto=format&fit=crop&w=1300&q=85') center/cover;border:1px solid var(--line);display:grid;place-items:center}.neon{font:700 44px/.9 "Barlow Condensed";text-align:center;color:#ff5555;text-shadow:0 0 7px #ff1f1f,0 0 22px #e00000,0 0 45px #8b0000}
.section-heading{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:38px}.section-heading h2{margin:0;white-space:nowrap}.section-heading span{height:1px;background:var(--gold);width:90px}.card-grid{display:grid;gap:18px}.services-grid{grid-template-columns:repeat(4,1fr)}.service-card{background:#0b0b0b;border:1px solid var(--line);overflow:hidden}.service-image{height:185px;background-size:cover;background-position:center;filter:saturate(.75)}.image-custom{background-image:url('fotos/ipad.avif')}.image-coverup{background-image:url('fotos/cover%20up.jpg')}.image-sleeve{background-image:url('fotos/manga.jpg')}.image-consult{background-image:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=900&q=80')}.service-body{padding:22px}.service-body .icon{color:var(--gold);font-size:28px}.service-body h3{font:700 25px/1 "Barlow Condensed";text-transform:uppercase;margin:10px 0}.service-body p{font-size:14px;color:var(--muted);margin:0}
.artist-grid{grid-template-columns:repeat(4,1fr)}.artist-card{border:1px solid var(--line);background:#080808;text-align:center;overflow:hidden}.artist-card img{height:340px;object-fit:cover;filter:grayscale(1) contrast(1.05)}.artist-card div{padding:18px}.artist-card h3{font:700 25px/1 "Barlow Condensed";text-transform:uppercase;margin:0}.artist-card p{font-size:12px;color:var(--muted);margin:4px 0 11px}.artist-card span{display:inline-block;padding:5px 22px;border:1px solid var(--gold);font:600 13px/1 "Barlow Condensed";text-transform:uppercase;color:var(--gold);letter-spacing:.08em}
.portfolio-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.portfolio-top h2{margin:0}.portfolio-top a{color:var(--gold);font-weight:700}.portfolio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.portfolio-grid figure{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.portfolio-grid img{height:320px;object-fit:cover;transition:.4s}.portfolio-grid figure:hover img{transform:scale(1.06)}
.booking-grid{display:grid;grid-template-columns:repeat(3,1fr) .85fr;align-items:stretch}.booking-step,.booking-cta{padding:28px;border-right:1px solid var(--line)}.booking-step b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--gold);color:#111}.step-icon{font-size:36px;color:var(--gold);margin:17px 0}.booking-step h3{font:700 24px/1 "Barlow Condensed";text-transform:uppercase}.booking-step p{font-size:14px;color:var(--muted)}.booking-cta{display:grid;place-items:center;border-right:0}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.testimonial-grid blockquote{margin:0;border-left:1px solid var(--line);padding-left:24px}.stars{color:var(--gold);letter-spacing:.18em}.testimonial-grid p{color:#ddd}.testimonial-grid cite{font-style:normal;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.site-footer{background:#080808;border-top:1px solid rgba(255,255,255,.08);padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:42px}.footer-grid h3{font:700 22px/1 "Barlow Condensed";text-transform:uppercase}.footer-grid p,.footer-grid a{font-size:14px;color:var(--muted)}.footer-grid a:hover{color:var(--gold)}.footer-brand{min-width:0;display:inline-flex}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:18px;text-align:center;color:#777;font-size:12px}
.booking-modal{width:min(720px,calc(100% - 28px));border:1px solid var(--line);background:#0c0c0c;color:#fff;padding:0;box-shadow:0 30px 100px #000}.booking-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}.booking-form{padding:38px;position:relative}.modal-close{position:absolute;right:18px;top:12px;background:none;border:0;color:#fff;font-size:32px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:7px;font-size:13px;color:#ddd}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#151515;color:#fff;border:1px solid #333;padding:12px;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--gold)}.form-submit{margin-top:24px;width:100%}.form-note{font-size:11px;color:#777;text-align:center}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.menu-toggle{display:block;margin-left:auto}.social-link{display:none}.main-nav{position:absolute;top:82px;left:0;right:0;background:#090909;display:none;flex-direction:column;padding:24px 30px;border-bottom:1px solid #222}.main-nav.open{display:flex}.split-grid{grid-template-columns:1fr}.services-grid,.artist-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(3,1fr)}.booking-grid{grid-template-columns:repeat(3,1fr)}.booking-cta{grid-column:1/-1;border-top:1px solid var(--line)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(calc(100% - 24px),var(--max))}.nav-wrap{height:70px}.brand{min-width:180px}.brand span{font-size:25px}.main-nav{top:70px}.hero{min-height:580px;background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.72))}.hero h1{font-size:58px}.hero-actions{flex-direction:column;align-items:stretch}.section-dark,.section-textured{padding:62px 0}.services-grid,.artist-grid,.testimonial-grid,.footer-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid img{height:240px}.booking-grid{grid-template-columns:1fr}.booking-step{border-right:0;border-bottom:1px solid var(--line)}.section-heading span{width:28px}.section-heading h2{white-space:normal;text-align:center;font-size:39px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.booking-form{padding:28px 20px}.studio-photo{min-height:290px}}

/* Language selector */
.language-switch{display:flex;align-items:center;gap:5px;color:#777;font-size:12px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.lang-btn{border:0;background:transparent;color:#777;padding:5px 3px;cursor:pointer;font-weight:700;transition:.2s}
.lang-btn:hover,.lang-btn.active{color:var(--gold)}
.lang-btn:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
@media(max-width:980px){.language-switch{margin-left:0}.menu-toggle{margin-left:auto}}
@media(max-width:640px){.language-switch{position:absolute;right:58px}.nav-wrap{gap:12px}}