
:root{
  --ink:#050505;--paper:#f3eee5;--white:#fffdf8;--orange:#f04a2c;--rust:#bf5f37;
  --olive:#69755f;--pink:#d7abb6;--sand:#c9a381;--yellow:#f2c748;--muted:#bdb7ae;
  --line:rgba(255,255,255,.16);--max:1220px;--shadow:0 24px 60px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:fixed;left:12px;top:-60px;background:var(--paper);color:var(--ink);padding:10px 14px;z-index:1000}.skip-link:focus{top:12px}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.header{height:78px;background:#030303;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo img{width:190px;height:auto}.nav-links{display:flex;align-items:center;gap:26px;font-family:'Arial Black',Arial,sans-serif;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.nav-links>a,.nav-links summary{position:relative;cursor:pointer;list-style:none}.nav-links>a:not(.nav-cta):after,.nav-links summary:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:3px;background:var(--orange);transition:.25s}.nav-links>a:hover:after,.nav-links>a.active:after,.nav-links details:hover summary:after{right:0}.nav-links details{position:relative}.nav-links summary::-webkit-details-marker{display:none}.dropdown{position:absolute;top:34px;left:-20px;width:280px;background:#0a0a0a;border:1px solid rgba(255,255,255,.14);padding:12px;display:grid;gap:3px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-links details:hover .dropdown,.nav-links details[open] .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{padding:10px 12px}.dropdown a:hover{background:var(--orange);color:#fff}.nav-cta{background:var(--orange);padding:14px 18px;color:white!important}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:white;padding:10px}.menu-btn span{display:block;height:2px;background:white;margin:5px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 18px;border:2px solid transparent;font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:.78rem;letter-spacing:.04em;transition:.2s}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--paper)}.btn-orange{background:var(--orange);color:#fff}.btn-paper{background:var(--paper);color:var(--ink)}.btn-outline{border-color:var(--paper);color:var(--paper)}
.hero{position:relative;padding:74px 0 20px;min-height:520px;background:#090909;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;opacity:.16;background:radial-gradient(circle at 76% 30%,var(--orange),transparent 28%),linear-gradient(140deg,transparent 40%,rgba(255,255,255,.06))}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.hero-copy{padding:30px 0 46px}.kicker{display:inline-flex;align-items:center;gap:10px;font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:.72rem;letter-spacing:.16em;color:var(--orange);margin-bottom:20px}.kicker:before{content:"";width:42px;height:3px;background:currentColor}.display{font-family:'Arial Black',Impact,sans-serif;text-transform:uppercase;font-size:clamp(3.7rem,7vw,7.25rem);line-height:.88;letter-spacing:-.055em;margin:0;max-width:930px}.display .stroke{color:transparent;-webkit-text-stroke:2px var(--paper)}.display .accent{color:var(--orange);display:inline-block;transform:rotate(-3deg)}.hero-copy p{font-size:1rem;max-width:610px;margin:24px 0 30px;color:#d4cec5}.scribble{font-family:'Comic Sans MS','Bradley Hand',cursive;color:var(--orange);font-weight:900;font-size:1.35rem;transform:rotate(5deg);max-width:180px;text-align:center;justify-self:end;margin-bottom:66px}.scribble:after{content:"↓";display:block;font-size:3rem;line-height:.8}.hero-badge{width:210px;height:210px;border-radius:50%;border:2px solid var(--paper);display:grid;place-items:center;text-align:center;transform:rotate(8deg);margin-left:auto;background:#050505}.hero-badge b{font-family:'Arial Black',Arial,sans-serif;font-size:1.35rem;line-height:1.05;text-transform:uppercase}.hero-badge span{display:block;color:var(--orange);font-family:'Comic Sans MS',cursive;margin-top:8px}
.collage{display:grid;grid-template-columns:1.35fr .72fr .58fr;grid-template-rows:220px 220px;gap:0;background:#000;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.collage figure{margin:0;overflow:hidden;position:relative;border-right:5px solid #050505;border-bottom:5px solid #050505}.collage figure:first-child{grid-row:span 2}.collage figure:nth-child(2){grid-column:2;grid-row:span 1}.collage figure:nth-child(3){grid-column:3;grid-row:span 1}.collage figure:nth-child(4){grid-column:2 / 4;grid-row:2}.collage img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.06);transition:.5s}.collage figure:hover img{transform:scale(1.035);filter:saturate(1)}.collage figcaption{position:absolute;left:16px;bottom:14px;background:#050505;color:white;padding:7px 10px;font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:.66rem;letter-spacing:.06em}
.about-strip{padding:32px 0 42px}.about-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:28px;align-items:center}.torn-note{background:var(--sand);color:var(--ink);padding:30px 34px;clip-path:polygon(2% 4%,98% 0,96% 17%,100% 32%,96% 47%,99% 66%,94% 81%,96% 100%,4% 97%,2% 80%,5% 62%,1% 44%,4% 25%);transform:rotate(-1.2deg);box-shadow:var(--shadow)}.torn-note h2{font-family:'Comic Sans MS','Arial Black',sans-serif;text-transform:uppercase;font-size:clamp(2rem,4vw,3.4rem);line-height:.92;margin:0}.about-copy h3{font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:1.18rem;letter-spacing:.03em}.about-copy h3 span{color:var(--orange)}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;color:#c8c1b8;font-size:.9rem}
.service-panels{display:grid;grid-template-columns:repeat(3,1fr)}.service-panel{min-height:590px;color:var(--ink);padding:24px 36px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.service-panel:nth-child(1){background:var(--olive)}.service-panel:nth-child(2){background:var(--paper)}.service-panel:nth-child(3){background:var(--pink)}.service-panel h2{font-family:'Arial Black',Impact,sans-serif;text-transform:uppercase;font-size:clamp(2.4rem,4vw,4.15rem);line-height:.9;margin:0 0 24px;letter-spacing:-.04em}.polaroid{background:#f8f5ef;padding:13px 13px 48px;box-shadow:0 20px 35px rgba(0,0,0,.2);width:min(72%,290px);transform:rotate(-5deg);margin:6px auto 32px}.service-panel:nth-child(2) .polaroid{transform:rotate(5deg)}.service-panel:nth-child(3) .polaroid{transform:rotate(4deg)}.polaroid img{height:250px;width:100%;object-fit:cover;filter:grayscale(.15)}.service-panel h3{font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:.72rem}.service-panel p{font-size:.82rem;max-width:310px}.panel-link{display:inline-block;background:#f7efe3;color:var(--orange);padding:9px 14px;margin-top:auto;font-family:'Comic Sans MS',cursive;font-weight:900;transform:rotate(-1deg)}
.band-photo{min-height:600px;position:relative;background-size:cover;background-position:center;display:grid;place-items:end start}.band-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%)}.band-photo .caption{position:relative;z-index:2;padding:40px;max-width:650px}.band-photo h2{font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:clamp(2.8rem,6vw,6rem);line-height:.9;margin:0}.band-photo h2 span{color:var(--orange)}
.section{padding:86px 0}.section.paper{background:var(--paper);color:var(--ink)}.section.black{background:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head h2{font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:clamp(2.7rem,5vw,5.2rem);line-height:.9;letter-spacing:-.05em;margin:0}.section-head p{max-width:460px;margin:0;color:inherit;opacity:.72}.eyebrow{font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:.72rem;letter-spacing:.14em;color:var(--orange);display:block;margin-bottom:12px}
.editorial-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.editorial-image{position:relative}.editorial-image img{width:100%;height:560px;object-fit:cover}.editorial-image:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:3px solid var(--orange);z-index:-1}.editorial-copy{padding:30px}.editorial-copy h2{font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:clamp(2.7rem,5vw,5rem);line-height:.9;margin:0 0 20px}.editorial-copy h2 span{color:var(--orange)}.checklist{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px}.checklist li{display:flex;gap:12px}.checklist li:before{content:"✓";font-family:'Arial Black',Arial;color:var(--orange)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--ink)}.card{padding:34px;min-height:310px;border-right:2px solid var(--ink);position:relative}.card:last-child{border-right:0}.card:nth-child(1){background:var(--olive)}.card:nth-child(2){background:var(--paper)}.card:nth-child(3){background:var(--pink)}.card .num{font-family:'Arial Black',Arial;font-size:3.5rem;color:rgba(0,0,0,.22)}.card h3{font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:1.5rem;line-height:1;margin:12px 0}.card p{font-size:.9rem}.card a{font-family:'Comic Sans MS',cursive;color:var(--orange);font-weight:900}
.mosaic{columns:3 280px;column-gap:12px}.mosaic figure{break-inside:avoid;margin:0 0 12px;position:relative;overflow:hidden}.mosaic img{width:100%;transition:.4s}.mosaic figure:hover img{transform:scale(1.03)}.mosaic figcaption{position:absolute;left:8px;bottom:8px;background:var(--paper);color:var(--ink);padding:7px 9px;font-family:'Arial Black',Arial;font-size:.65rem;text-transform:uppercase}
.marquee{overflow:hidden;background:var(--orange);color:white;padding:14px 0;border-block:2px solid #050505}.marquee-track{display:flex;gap:42px;width:max-content;animation:marquee 22s linear infinite;font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:1rem}.marquee-track span:after{content:"✦";margin-left:42px}@keyframes marquee{to{transform:translateX(-50%)}}
.page-hero{padding:92px 0 70px;min-height:480px;display:grid;align-items:end;position:relative;background-size:cover;background-position:center}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 10%,rgba(5,5,5,.63) 62%,rgba(5,5,5,.15)),linear-gradient(0deg,#050505,transparent 50%)}.page-hero .container{position:relative;z-index:2}.breadcrumbs{font-family:'Arial Black',Arial;font-size:.7rem;text-transform:uppercase;color:var(--orange);margin-bottom:18px}.page-title{font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:clamp(3.4rem,7vw,7rem);line-height:.88;letter-spacing:-.05em;margin:0;max-width:950px}.page-title span{color:var(--orange)}.page-lead{max-width:670px;color:#d8d1c8;font-size:1.08rem;margin:22px 0 0}
.process{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--paper)}.step{padding:28px;border-right:2px solid var(--paper);min-height:230px}.step:last-child{border-right:0}.step b{display:block;color:var(--orange);font-family:'Arial Black',Arial;font-size:2.7rem}.step h3{font-family:'Arial Black',Arial;text-transform:uppercase;margin:15px 0 8px}.step p{color:#bdb7ae;font-size:.88rem}
.faq{max-width:900px;margin:auto}.faq details{border-top:2px solid var(--ink);padding:20px 0}.faq details:last-child{border-bottom:2px solid var(--ink)}.faq summary{font-family:'Arial Black',Arial;text-transform:uppercase;cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none}.faq summary:after{content:"+";color:var(--orange);font-size:1.4rem}.faq details[open] summary:after{content:"−"}.faq p{max-width:760px}
.contact-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-note{background:var(--sand);color:var(--ink);padding:42px;clip-path:polygon(1% 1%,99% 4%,97% 98%,3% 100%)}.contact-note h2{font-family:'Comic Sans MS','Arial Black',sans-serif;text-transform:uppercase;font-size:3rem;line-height:.95}.contact-form{background:#111;padding:34px;border:1px solid rgba(255,255,255,.14)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}.field label{display:block;font-family:'Arial Black',Arial;text-transform:uppercase;font-size:.68rem;margin-bottom:7px;color:#d9d2c9}.field input,.field select,.field textarea{width:100%;background:#050505;color:white;border:1px solid rgba(255,255,255,.2);padding:13px}.field textarea{min-height:140px;resize:vertical}.status{margin-top:14px;color:var(--yellow)}
.cta{background:var(--orange);color:white;padding:60px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-family:'Arial Black',Arial;text-transform:uppercase;font-size:clamp(2.5rem,5vw,5rem);line-height:.9;margin:0}.cta p{max-width:540px}.cta .btn:hover{box-shadow:5px 5px 0 #050505}
.footer{background:#020202;padding:58px 0 24px;border-top:1px solid rgba(255,255,255,.1)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-logo img{width:210px}.footer p,.footer a{color:#aaa39a;font-size:.86rem}.footer h3{font-family:'Arial Black',Arial;text-transform:uppercase;font-size:.75rem;color:white}.footer-links{display:grid;gap:8px}.footer a:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:40px;color:#777;font-size:.76rem}.whatsapp{position:fixed;right:18px;bottom:18px;z-index:90;background:#25d366;color:#061f0f;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:'Arial Black',Arial;font-size:1.2rem;box-shadow:var(--shadow)}
.reveal{opacity:0;transform:translateY(25px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav-links{position:fixed;inset:78px 0 0 18%;background:#050505;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:55px 34px;transform:translateX(105%);transition:.3s;overflow:auto}.menu-open .nav-links{transform:none}.nav-links>a,.nav-links summary{font-size:1.05rem}.nav-links details{width:100%}.dropdown{position:static;width:100%;opacity:1;visibility:visible;transform:none;display:none;border:0;padding-left:10px}.nav-links details[open] .dropdown{display:grid}.menu-btn{display:block}.hero-inner,.editorial-grid,.contact-wrap{grid-template-columns:1fr}.scribble{display:none}.hero-badge{display:none}.about-grid{grid-template-columns:1fr}.service-panels{grid-template-columns:1fr}.service-panel{min-height:560px}.process{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:2px solid var(--paper)}.card-grid{grid-template-columns:1fr}.card{border-right:0;border-bottom:2px solid var(--ink)}.card:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.container{width:min(calc(100% - 24px),var(--max))}.header{height:70px}.nav-links{inset:70px 0 0 8%}.logo img{width:165px}.hero{padding-top:36px}.display{font-size:3.45rem}.collage{grid-template-columns:1fr 1fr;grid-template-rows:240px 180px 180px}.collage figure:first-child{grid-column:1/3;grid-row:1}.collage figure:nth-child(2){grid-column:1;grid-row:2}.collage figure:nth-child(3){grid-column:2;grid-row:2}.collage figure:nth-child(4){grid-column:1/3;grid-row:3}.about-columns{grid-template-columns:1fr}.section{padding:66px 0}.section-head{display:block}.section-head p{margin-top:18px}.editorial-image img{height:400px}.editorial-image:after{inset:10px -10px -10px 10px}.process{grid-template-columns:1fr}.step{border-right:0!important;border-bottom:2px solid var(--paper)!important}.step:last-child{border-bottom:0!important}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cta-inner{display:block}.cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.page-hero{min-height:430px;padding-top:70px}.page-title{font-size:3.55rem}.band-photo{min-height:470px}.service-panel{padding-inline:22px}.polaroid{width:76%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Instagram */
.instagram-showcase{background:#0b0b0b;padding:88px 0;border-top:1px solid rgba(255,255,255,.1)}.instagram-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:62px;align-items:center}.instagram-copy h2{font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:clamp(3rem,5.5vw,6rem);line-height:.88;letter-spacing:-.055em;margin:0 0 24px}.instagram-copy h2 span{color:var(--orange)}.instagram-copy p{color:#bbb3aa;max-width:500px;margin-bottom:28px}.btn-instagram{background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;gap:10px}.btn-instagram svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}.instagram-collage{position:relative;display:grid;grid-template-columns:1.35fr .75fr;grid-template-rows:1fr 1fr;gap:10px;min-height:520px}.instagram-collage figure{margin:0;overflow:hidden;border:2px solid #1e1e1e}.instagram-collage .ig-main{grid-row:1/3}.instagram-collage img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.instagram-collage:hover img{transform:scale(1.025)}.ig-handle{position:absolute;left:22px;bottom:22px;background:var(--paper);color:var(--ink);padding:12px 16px;display:flex;align-items:center;gap:9px;font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;font-size:.8rem;box-shadow:8px 8px 0 var(--orange);transform:rotate(-1deg)}.ig-handle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}.instagram-float{position:fixed;right:18px;bottom:88px;z-index:90;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:white;box-shadow:var(--shadow);transition:transform .2s ease}.instagram-float:hover{transform:translateY(-3px) rotate(-4deg)}.instagram-float svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}.instagram-float .ig-dot{fill:currentColor;stroke:none}@media(max-width:980px){.instagram-grid{grid-template-columns:1fr}.instagram-collage{min-height:460px}}@media(max-width:700px){.instagram-showcase{padding:66px 0}.instagram-collage{min-height:430px;grid-template-columns:1.2fr .8fr}.ig-handle{left:12px;bottom:12px;font-size:.7rem;padding:10px 12px}.instagram-float,.whatsapp{width:52px;height:52px}.instagram-float{bottom:80px}}

/* WhatsApp SVG */
.whatsapp{
  overflow:visible;
  transition:transform .2s ease,box-shadow .2s ease;
}
.whatsapp:hover,
.whatsapp:focus-visible{
  transform:translateY(-3px) rotate(3deg);
  box-shadow:0 18px 42px rgba(37,211,102,.36);
}
.whatsapp img{
  width:30px;
  height:30px;
  display:block;
  filter:invert(1);
}
.whatsapp:before{
  content:"WhatsApp";
  position:absolute;
  right:68px;
  top:50%;
  transform:translateY(-50%) translateX(8px);
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.15);
  background:#080808;
  color:#fff;
  font-family:'Arial Black',Arial,sans-serif;
  font-size:.66rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  transition:.2s ease;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}
.whatsapp:hover:before,
.whatsapp:focus-visible:before{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) translateX(0);
}
.btn-whatsapp img{
  width:20px;
  height:20px;
  filter:invert(1);
}
@media(max-width:700px){
  .whatsapp img{width:27px;height:27px}
  .whatsapp:before{display:none}
}

/* Ajuste del logotipo: mostrar el emblema completo sin recortes */
.header{height:116px;overflow:visible}
.nav{overflow:visible}
.logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:100%}
.logo img{display:block;width:104px;height:104px;object-fit:contain;object-position:center}
.footer-logo img{width:150px;height:150px;object-fit:contain}
@media(max-width:980px){
  .header{height:94px}
  .nav-links{inset:94px 0 0 18%}
  .logo img{width:84px;height:84px}
}
@media(max-width:700px){
  .header{height:82px}
  .nav-links{inset:82px 0 0 8%}
  .logo img{width:72px;height:72px}
  .footer-logo img{width:125px;height:125px}
}
