@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Instrument+Sans:wght@400;500;600;700&display=swap');
:root{--pink:#FC084E;--ink:#080808;--soft:#f1f1f3;--white:#fff;--line:#d9d9dd;--max:1380px;--pad:clamp(22px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:'Instrument Sans',sans-serif;font-size:16px;overflow-x:hidden}body.locked{overflow:hidden}::selection{background:var(--pink);color:#fff}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - var(--pad)*2));margin:auto}.display{font-family:Fraunces,serif;font-weight:500;letter-spacing:-.055em;line-height:.92;margin:0}.eyebrow,.section-kicker{font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:var(--pink)}.section-kicker{display:flex;justify-content:space-between;align-items:center;border-top:1px solid currentColor;padding-top:13px;margin-bottom:50px}.section-kicker span:first-child{font-family:Fraunces,serif;font-size:18px;letter-spacing:0}.section-kicker.white{color:#fff}.section-light{background:var(--soft)}.section-dark{background:var(--ink);color:#fff}.btn{border:0;border-radius:999px;padding:17px 25px;font:700 11px 'Instrument Sans',sans-serif;letter-spacing:.08em;cursor:pointer;display:inline-flex;gap:15px;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease}.btn:hover{transform:translateY(-3px)}.btn-pink{background:var(--pink);color:#fff;box-shadow:0 12px 28px rgba(252,8,78,.18)}.btn-black{background:#090909;color:#fff}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;color:#fff;mix-blend-mode:difference}.header-inner{width:min(1480px,calc(100% - 40px));margin:auto;height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.brand{justify-self:start;width:150px}.brand img{width:100%;filter:brightness(0) invert(1)}.main-nav{display:flex;gap:34px;font-size:12px;font-weight:600}.main-nav a{position:relative;color:#fff;transition:color .22s ease}.main-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--pink);transition:right .25s ease}.main-nav a:hover,.main-nav a.is-active{color:var(--pink)}.main-nav a:hover:after,.main-nav a.is-active:after{right:0}.nav-cta{justify-self:end;padding:13px 18px}.menu-toggle{display:none;background:none;border:0}.hero-new{min-height:100vh;background:#080808;color:#fff;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-noise{position:absolute;inset:0;opacity:.06;background-image:radial-gradient(#fff .6px,transparent .6px);background-size:7px 7px;pointer-events:none}.hero-wrap{padding-top:145px;padding-bottom:80px;position:relative;z-index:2}.hero-topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#aaa;border-bottom:1px solid #333;padding-bottom:15px}.hero-title{padding:clamp(50px,9vh,120px) 0 35px}.hero-title .eyebrow{margin-bottom:22px}.hero-title h1{font:500 clamp(62px,10.5vw,170px)/.84 Fraunces,serif;letter-spacing:-.07em;max-width:1250px;margin:0}.hero-title em{font-style:normal;color:var(--pink)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px;border-top:1px solid #333;padding-top:25px}.hero-bottom p{max-width:570px;font-size:clamp(17px,1.8vw,25px);line-height:1.35;margin:0;color:#d8d8d8}.ticker{overflow:hidden;border-top:1px solid #333;white-space:nowrap}.ticker>div{padding:16px 0;font-size:12px;font-weight:700;letter-spacing:.13em;animation:ticker 28s linear infinite}.ticker b{color:var(--pink);padding:0 18px}@keyframes ticker{to{transform:translateX(-50%)}}section{position:relative}.proposal{padding:130px 0 0}.split-heading{display:grid;grid-template-columns:1.25fr .65fr;gap:80px;align-items:end;margin-bottom:70px}.split-heading h2{font-size:clamp(56px,7vw,105px)}.split-heading p{font-size:20px;line-height:1.35;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cfcfd2;border:1px solid #cfcfd2}.process-card{background:var(--soft);min-height:410px;padding:30px;position:relative;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;z-index:1}.process-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.12);z-index:2}.process-card .card-index{font:500 24px Fraunces;color:#999}.process-card i{color:var(--pink);font-size:28px;margin:75px 0 25px}.process-card h3{font:600 27px/1 Fraunces;margin:0 0 17px;letter-spacing:-.03em}.process-card p{color:#56565b;line-height:1.5;margin:0;font-size:14px}.card-arrow{position:absolute;right:28px;bottom:25px;font-size:22px}.after-strip{display:grid;grid-template-columns:1fr 1.1fr auto;gap:45px;align-items:end;padding:70px 0 120px;border-bottom:1px solid #ccc}.after-strip h3{font:500 clamp(30px,3vw,46px) Fraunces;letter-spacing:-.04em;margin:15px 0 0}.after-strip p{max-width:510px;line-height:1.55;color:#555;margin:0}.impact{padding:125px 0}.impact-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.impact h2{font-size:clamp(65px,7.7vw,120px);max-width:900px}.large-copy{font-size:21px;line-height:1.5;max-width:700px;color:#cfcfcf;margin:35px 0 45px}.impact-list{border-top:1px solid #3b3b3b}.impact-list div{border-bottom:1px solid #3b3b3b;padding:17px 0;font-size:15px}.impact-list b{font:18px Fraunces;color:var(--pink);margin-right:24px}.impact-image{position:relative}.impact-image:before{content:'';position:absolute;inset:20px -20px -20px 20px;background:var(--pink);z-index:0}.impact-image img{position:relative;z-index:1;aspect-ratio:4/5;object-fit:cover}.channels{padding:125px 0}.channel-intro{display:grid;grid-template-columns:1fr .45fr;gap:80px;align-items:end;margin-bottom:65px}.channel-intro h2{font-size:clamp(70px,9vw,135px)}.channel-intro h2 i{font-style:normal;color:var(--pink)}.channel-intro p{line-height:1.5;font-size:18px;margin:0}.channel-stack{display:grid;gap:22px}.channel-card{min-height:470px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-radius:30px;overflow:hidden;position:relative}.channel-card.google{background:#e8e8eb}.channel-card.meta{background:#0b0b0b;color:#fff}.channel-meta,.channel-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.14em}.channel-content{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end}.channel-content h3{font-size:clamp(55px,7vw,110px)}.channel-content p{font-size:18px;line-height:1.5;margin:0;max-width:520px}.channel-foot{border-top:1px solid currentColor;padding-top:17px}.channel-foot b{font:500 18px Fraunces;color:var(--pink);letter-spacing:0}.channel-close{display:flex;justify-content:space-between;align-items:center;padding-top:35px;gap:20px}.channel-close strong{font:500 clamp(24px,3vw,42px) Fraunces;letter-spacing:-.03em}.proof{padding:125px 0}.proof-head{display:grid;grid-template-columns:1fr .45fr;gap:70px;align-items:end;margin-bottom:85px}.proof-head h2{font-size:clamp(65px,8vw,125px)}.proof-head p{font-size:18px;line-height:1.55;margin:0}.client-line{border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:20px 0;display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:center;overflow:hidden}.client-line>span{font-size:10px;font-weight:700;letter-spacing:.15em}.client-marquee{display:flex;justify-content:space-between;gap:35px;white-space:nowrap}.client-marquee b{font:500 24px Fraunces}.results-label{display:flex;justify-content:space-between;margin:90px 0 20px;font-size:10px;font-weight:700;letter-spacing:.15em}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.result-grid article{background:#fff;padding:30px;min-height:340px;border:1px solid #d4d4d6;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.result-grid article:hover{transform:translateY(-8px);box-shadow:0 18px 30px rgba(0,0,0,.1)}.result-grid article>span{color:var(--pink);font:18px Fraunces}.result-grid h3{font:500 55px Fraunces;margin:65px 0 15px}.result-grid p{color:#555;line-height:1.5;margin:0 auto 30px 0}.result-grid a{font-size:10px;font-weight:700;letter-spacing:.12em}.section-image{background-image:var(--bg);background-size:cover;background-position:center;min-height:800px;color:#fff;overflow:hidden}.stats-overlay{position:absolute;inset:0;background:rgba(0,0,0,.40)}.stats-kicker{color:var(--pink)}.stats-kicker span:last-child{font-family:Fraunces,serif;font-weight:500;letter-spacing:-.02em}.stat-grid{background:transparent}.stat-grid>div{background:transparent}.stats-wrap{position:relative;z-index:2;padding:125px 0}.stats-head{display:grid;grid-template-columns:1fr .45fr;gap:70px;align-items:end}.stats-head h2{font-size:clamp(60px,7vw,110px)}.stats-head p{font-size:12px;line-height:1.5;color:#ccc;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:transparent;margin:90px auto 0;max-width:1120px}.stat-grid>div{background:transparent;padding:35px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.stat-grid strong{font:500 clamp(55px,7vw,100px) Fraunces;color:var(--pink);letter-spacing:-.05em}.stat-grid span{font:500 22px Fraunces;max-width:260px}.stat-grid small{font-size:10px;letter-spacing:.14em;color:#aaa}.about,.who,.manifesto{padding:125px 0}.about-grid,.who-grid,.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-grid{align-items:stretch}.about-image,.who-photo,.manifesto-photo{position:relative}.about-image{display:flex;min-height:0}.about-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:28px}.who-photo:after{content:'';position:absolute;inset:auto 0 -18px 18px;height:18px;background:var(--pink)}.who-photo img,.manifesto-photo img{width:100%;aspect-ratio:1.18/1;object-fit:cover}.about-copy h2,.who-copy h2,.manifesto-copy h2{font-size:clamp(70px,8vw,125px);margin:15px 0 30px}.about-copy p,.who-copy p,.manifesto-copy p{font-size:17px;line-height:1.6;color:#505057;max-width:620px}.about-copy .btn-pink{margin-top:25px}.role{font-size:11px;font-weight:700;letter-spacing:.15em;margin-bottom:35px}.who-grid{align-items:start}.who-copy{padding-top:10px}.who-photo{padding-top:80px}.manifesto{background:#fff}.manifesto-photo{background:#111;padding:18px}.manifesto-photo img{aspect-ratio:1/1}.manifesto-copy{padding-left:20px}.manifesto-copy p{font-size:19px}.more{padding:125px 0}.more-grid{display:grid;grid-template-columns:1.1fr .45fr;gap:80px;align-items:end}.more-grid h2{font-size:clamp(75px,9vw,140px)}.more-grid p{font-size:18px;line-height:1.55;color:#c8c8c8}.more-image{margin-top:80px;overflow:hidden}.more-image img{width:100%;max-height:480px;object-fit:cover;object-position:center}.final{padding:125px 0;background:var(--pink)}.final-grid{display:grid;grid-template-columns:1.15fr .55fr;gap:90px;align-items:end}.final h2{font-size:clamp(75px,9vw,145px)}.final-grid p{font-size:20px;line-height:1.5;margin:0 0 30px}.footer{background:#080808;color:#fff}.footer-image{height:560px;overflow:hidden}.footer-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.footer-top{padding:65px 0 45px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:start}.footer-word{font:600 clamp(55px,7vw,100px)/.8 Fraunces;letter-spacing:-.06em}.footer-word span{color:var(--pink)}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:12px;color:#bbb}.footer-links a:hover{color:#fff}.footer-mail{font-size:13px;color:#fff;justify-self:end;padding-top:2px}.footer-bottom{border-top:1px solid #333;padding:18px 0 28px;display:flex;justify-content:space-between;color:#888;font-size:11px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modalbox{width:min(680px,100%);background:#fff;padding:45px;position:relative;max-height:90vh;overflow:auto}.modalbox h2{font:500 55px/1 Fraunces;letter-spacing:-.05em;margin:12px 0}.modalbox>p{color:#555}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:35px;cursor:pointer}.form{display:grid;gap:12px;margin-top:25px}.form input,.form textarea{width:100%;border:1px solid #ccc;padding:14px;font:14px 'Instrument Sans';background:#fff}.form textarea{min-height:130px;resize:vertical}.form label{font-size:11px;color:#666}.mobile-menu{display:none}
.mobile-menu a{position:relative;color:#fff;transition:color .22s ease;width:max-content}
.mobile-menu a:hover,.mobile-menu a.is-active{color:var(--pink)}
.mobile-menu a:after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--pink);transition:right .25s ease}
.mobile-menu a:hover:after,.mobile-menu a.is-active:after{right:0}

@media(max-width:1000px){.main-nav{display:none}.header-inner{grid-template-columns:1fr auto}.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-self:end}.menu-toggle span{width:28px;height:2px;background:#fff}.process-grid{grid-template-columns:1fr 1fr}.split-heading,.channel-intro,.proof-head,.stats-head,.final-grid,.more-grid{grid-template-columns:1fr;gap:30px}.impact-grid,.about-grid,.who-grid,.manifesto-grid{grid-template-columns:1fr;gap:55px}.channel-content{grid-template-columns:1fr;gap:30px}.stat-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-mail{grid-column:1/-1}.mobile-menu{position:fixed;inset:88px 0 0;background:#080808;color:#fff;z-index:49;padding:40px 24px;display:none;flex-direction:column;gap:24px;font:500 38px Fraunces}.mobile-menu.open{display:flex}.mobile-menu .btn{font-family:'Instrument Sans';font-size:11px;width:max-content}.who-photo{padding-top:0}.manifesto-copy{padding-left:0}}
@media(max-width:620px){:root{--pad:20px}.header-inner{height:76px}.brand{width:120px}.hero-wrap{padding-top:115px;padding-bottom:55px}.hero-topline span:last-child{display:none}.hero-title{padding:60px 0 35px}.hero-title h1{font-size:clamp(54px,16vw,95px)}.hero-bottom{display:block}.hero-bottom p{margin-bottom:25px}.proposal,.impact,.channels,.proof,.stats-wrap,.about,.who,.manifesto,.more,.final{padding:85px 0}.section-kicker{margin-bottom:32px}.process-grid{grid-template-columns:1fr}.process-card{min-height:350px}.after-strip{grid-template-columns:1fr;padding:50px 0 75px}.channel-card{min-height:430px;padding:24px;border-radius:22px}.channel-content h3{font-size:58px}.channel-content p{font-size:16px}.channel-close{display:block}.channel-close strong{display:block;margin-bottom:25px}.client-line{grid-template-columns:1fr}.client-marquee{justify-content:flex-start;overflow:hidden}.result-grid{grid-template-columns:1fr}.result-grid h3{margin-top:45px}.section-image{min-height:auto}.stat-grid{margin-top:50px}.stat-grid>div{min-height:220px}.about-copy h2,.who-copy h2,.manifesto-copy h2{font-size:65px}.more-grid h2,.final h2{font-size:68px}.footer-image{height:320px}.footer-top{grid-template-columns:1fr}.footer-mail{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.modalbox{padding:30px 22px}.modalbox h2{font-size:42px}}

/* SECTION 1 — requested adjustments */
.site-header{
  background:transparent;
  mix-blend-mode:normal;
  transition:background-color .3s ease;
}
.site-header.scrolled{
  background:#080808;
}
.brand img{
  filter:none;
}
.main-nav{
  justify-self:end;
  margin-right:0;
}
.hero-new{
  background-image:url("assets/foto-web-1-top.png");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.hero-new::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.40);
  z-index:1;
  pointer-events:none;
}
.hero-new .hero-noise{z-index:2;}
.hero-new .hero-wrap,.hero-new .ticker{position:relative;z-index:3;}
.hero-topline{
  border-bottom-color:var(--pink);
}
.hero-bottom{
  border-top-color:var(--pink);
}
.ticker{
  border-top-color:var(--pink);
}
@media(min-width:1001px){
  .header-inner{
    grid-template-columns:1fr auto auto;
  }
  .main-nav{
    margin-right:8px;
  }
}


/* SECTION 1 — requested refinements */
.hero-topline{color:#fff;}
.ticker>div{animation:none;transform:none;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;gap:0;}
.ticker>div span{display:inline-block;}
.ticker>div b{color:var(--pink);padding:0 18px;font-size:12px;}
@media(min-width:1001px){
  .header-inner{height:128px;}
  .brand{width:128px;}
  .main-nav{margin-right:8px;}
}


/* SECCIÓN 2 — ajustes solicitados */
.proposal .section-kicker{color:#FC084E;border-top-color:#FC084E;}
.proposal .section-kicker span:first-child{font-family:'Fraunces',serif;font-size:11px;letter-spacing:.18em;color:#FC084E;}
.proposal .split-heading h2,.proposal .split-heading p{font-family:'Instrument Sans',sans-serif;}
.proposal .process-card .card-index,.proposal .process-card .card-arrow{display:none;}
.proposal .after-strip .eyebrow{font-family:'Fraunces',serif;}
.proposal .after-strip .btn-pink{background:#FC084E;color:#fff;}
.proposal .after-strip .btn-black{background:#FC084E;color:#fff;}

/* SECTION 2 — final card visual adjustments */
.proposal .split-heading h2{
  font-family:'Fraunces',serif;
}
.proposal .process-grid{
  background:transparent;
  border:0;
  gap:18px;
}
.proposal .process-card{
  background:var(--soft);
  border:2px solid transparent;
  border-radius:23px;
  box-shadow:none;
  transform:none;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.proposal .process-card:hover{
  border-color:#FC084E;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
  transform:none;
  z-index:2;
}

/* SECCIÓN 3 */
.impact .section-kicker{color:var(--pink);border-top-color:var(--pink);}
.impact .section-kicker span:first-child{display:none;}
.impact .section-kicker span:last-child{font-family:'Fraunces',serif;font-size:11px;letter-spacing:.18em;color:var(--pink);}
.impact-list b{font-family:'Instrument Sans',sans-serif;font-size:22px;color:var(--pink);margin-right:24px;}
.impact-image{position:relative;}
.impact-image img{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:28px;}
/* SECCIÓN 3 — bordes redondeados de la imagen y su fondo decorativo */
.impact-image,
.impact-image:before,
.impact-image img{
  border-radius:28px;
}


/* SECCIÓN 4 — ajustes solicitados */
.channels .section-kicker{
  color:#FC084E;
  border-top-color:#FC084E;
}
.channels .section-kicker span:last-child,
.channels .section-kicker > span:first-child{
  font-family:'Fraunces',serif;
  color:#FC084E;
}
.channels .section-kicker{
  justify-content:flex-start;
}
.channels .channel-meta span:first-child,
.channels .channel-foot span{
  font-family:'Fraunces',serif;
  color:#FC084E;
}
.channels .channel-foot{
  border-top-color:#FC084E;
}

/* Sección 5 — ajustes solicitados */
.proof .section-kicker{color:var(--pink);border-top-color:var(--pink);}
.proof .section-kicker span:first-child{font-family:'Fraunces',serif;font-size:11px;letter-spacing:.18em;color:var(--pink);}
.proof .proof-head h2{font-family:'Instrument Sans',sans-serif;}
.proof .client-line{border-top-color:var(--pink);border-bottom-color:var(--pink);}
.proof .client-line>span{font-family:'Fraunces',serif;color:var(--pink);font-size:11px;letter-spacing:.08em;}
.proof .results-label{color:var(--pink);}
.proof .results-label span{font-family:'Fraunces',serif;color:var(--pink);font-size:14px;letter-spacing:.06em;}
.proof .result-grid article>span{display:none;}
.proof .result-grid a{color:var(--pink);}

/* SECCIÓN 7 — quién hay detrás */
.about .section-kicker{color:#FC084E;border-top-color:#FC084E;justify-content:flex-start;}
.about .section-kicker span{font-family:'Fraunces',serif;font-size:11px;letter-spacing:.18em;color:#FC084E;}
.about-image:after{display:none;}
.about-copy .btn-pink{background:#FC084E;color:#fff;}

/* SECTION 8 — final requested adjustments */
.who .section-kicker{
  color:#FC084E;
  border-top-color:#FC084E;
  justify-content:flex-start;
}
.who .section-kicker span:first-child{display:none;}
.who .section-kicker span:last-child{
  font-family:'Fraunces',serif;
  font-size:11px;
  letter-spacing:.18em;
  color:#FC084E;
}
.who-photo{
  padding-top:40px;
  position:relative;
}
.who-photo:after{display:none;}
.who-photo img{
  width:100%;
  height:100%;
  min-height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  border-radius:28px;
}
@media(max-width:1000px){
  .who-photo{padding-top:0;}
  .who-photo img{height:auto;min-height:0;aspect-ratio:1.18/1;object-fit:cover;}
}


/* SECTION 9 — ajustes solicitados */
.manifesto .section-kicker{
  position:relative;
  color:#FC084E;
  border-top:1px solid #FC084E;
  justify-content:flex-end;
  align-items:center;
  padding-top:13px;
  height:auto;
  margin-bottom:30px;
}
.manifesto .section-kicker span:first-child{
  display:block;
  position:static;
  transform:none;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-family:'Fraunces',serif;
  font-size:18px;
  line-height:1.2;
  letter-spacing:0;
  white-space:nowrap;
  color:#FC084E;
}
.manifesto .section-kicker span:last-child{display:none;}
.manifesto .section-kicker span:first-child{display:none;}
.manifesto .section-kicker::after{
  content:'¿QUÉ ES SER UN DROPBOYZ?';
  display:block;
  margin-left:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-family:'Fraunces',serif;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#FC084E;
  white-space:nowrap;
}
.manifesto-grid{
  align-items:stretch;
}
.manifesto-photo{
  padding:0;
  background:transparent;
  height:auto;
  overflow:hidden;
  border-radius:28px;
}
.manifesto-photo img{
  width:100%;
  height:100%;
  min-height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  border-radius:28px;
}
.manifesto-copy .btn-pink{
  background:#FC084E;
  color:#fff;
}
@media(max-width:1000px){
  .manifesto-grid{align-items:start;}
  .manifesto-photo{height:auto;}
  .manifesto-photo img{height:auto;min-height:0;aspect-ratio:1/1;object-fit:cover;}
}


/* SECCIÓN 9 — ajuste pendiente: separar un poco más el botón del texto */
.manifesto-copy .btn-pink{
  margin-top:20px;
}

/* SECCIÓN 10 — texto superpuesto sobre la imagen de fondo */
.more{
  position:relative;
  min-height:684px;
  padding:65px 0 125px;
  background-image:url("assets/foto-web-6.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  overflow:hidden;
}
.more-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.40);
  z-index:0;
}
.more>.wrap{
  position:relative;
  z-index:2;
}
.more-kicker{
  color:#FC084E;
  border-top-color:#FC084E;
  margin-bottom:24px;
}
.more-kicker span:first-child{
  display:none;
}
.more-kicker span:last-child{
  margin-left:auto;
  font-family:'Fraunces',serif;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#FC084E;
}
.more-grid{
  display:grid;
  grid-template-columns:1.1fr .45fr;
  gap:80px;
  align-items:start;
  min-height:0;
  transform:none;
}
.more-grid h2{
  max-width:900px;
  font-size:clamp(75px,9vw,140px);
  color:#fff;
}
.more-grid>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.more-grid p{
  max-width:520px;
  margin:0 0 30px;
  color:#fff;
  font-size:18px;
  line-height:1.55;
}
.more-image{display:none;}
@media(max-width:1000px){
  .more-grid{min-height:430px;}
}
@media(max-width:620px){
  .more{min-height:650px;padding:85px 0;}
  .more-grid{min-height:430px;gap:25px;}
  .more-grid h2{font-size:68px;}
  .more-grid p{font-size:17px;}
}


/* Section 10: background ends with the content, no empty image below */
.more{min-height:0;height:auto;padding:65px 0 70px;}
.more-grid{min-height:0;}
@media(max-width:1000px){.more-grid{min-height:0;}}
@media(max-width:620px){.more{min-height:0;height:auto;padding:65px 0 70px;}.more-grid{min-height:0;}}



/* SECCIÓN FAQ — contenido exacto de la web original */
.faq{padding:125px 0;}
.faq-kicker{color:#FC084E;border-top-color:#FC084E;justify-content:flex-start;}
.faq-kicker span:first-child{font-family:'Fraunces',serif;font-size:11px;letter-spacing:.18em;color:#FC084E;}
.faq-head{margin-bottom:50px;}
.faq-head h2{font-size:clamp(60px,7vw,110px);max-width:900px;}
.faq-list{width:min(894px,100%);margin:0 auto;display:grid;gap:0;background:#fff;border:1px solid #d0d0d2;border-radius:4px;overflow:hidden;}
.faq-item{border-bottom:1px solid #d0d0d2;background:#fff;}
.faq-item:last-child{border-bottom:0;}
.faq-item summary{list-style:none;cursor:pointer;padding:25px 60px 25px 25px;position:relative;font:700 20px/1.3 Fraunces,serif;color:#444;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';position:absolute;right:25px;top:50%;transform:translateY(-50%);font:400 24px/1 'Instrument Sans',sans-serif;color:#FC084E;}
.faq-item[open] summary{border-bottom:1px solid #eee;}
.faq-item[open] summary::after{content:'−';}
.faq-answer{padding:22px 25px 25px;color:#010101;font:400 16px/1.55 'Instrument Sans',sans-serif;background:#fff;}
@media(max-width:620px){
  .faq{padding:85px 0;}
  .faq-head{margin-bottom:40px;}
  .faq-head h2{font-size:65px;}
  .faq-item summary{font-size:17px;padding:20px 50px 20px 15px;}
  .faq-item summary::after{right:16px;}
  .faq-answer{padding:18px 15px 20px;font-size:15px;}
}

/* SECCIÓN 11 — ajustes solicitados */
.final .section-kicker{
  color:#00000f;
  border-top-color:#00000f;
}
.final .section-kicker span:first-child{
  display:block;
  font-family:'Fraunces',serif;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#00000f;
}
.final .section-kicker span:last-child{display:none;}
.final .btn-black{gap:0;}

/* Section 11: force visible label */
.final .section-kicker{
  justify-content:flex-start;
  color:#00000f !important;
  border-top-color:#00000f !important;
}
.final .section-kicker > span{display:none !important;}
.final .section-kicker > span:first-child{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#00000f !important;
  font-family:'Fraunces',serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

/* SECCIÓN 5 — resultados/casos de éxito: adaptación a la estética final */
.proof .client-marquee b{
  font-family:'Fraunces',serif;
  font-size:clamp(18px,2vw,24px);
  font-weight:500;
  letter-spacing:-.02em;
}
.proof .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.proof .result-grid article{
  background:#fff;
  border:0;
  border-radius:0;
  min-height:330px;
  padding:34px;
  box-shadow:none;
  transition:border-color .25s ease,border-radius .25s ease,box-shadow .25s ease,transform .25s ease;
}
.proof .result-grid article:hover{
  transform:translateY(-6px);
  border:1px solid var(--pink);
  border-radius:18px;
  box-shadow:0 18px 35px rgba(0,0,0,.09);
}
.proof .result-grid h3{
  font-family:'Fraunces',serif;
  font-weight:500;
  font-size:clamp(48px,5vw,72px);
  letter-spacing:-.055em;
  color:#0E0E0E;
  margin:55px 0 18px;
}
.proof .result-grid p{
  font-family:'Instrument Sans',sans-serif;
  font-size:16px;
  line-height:1.55;
  color:#555;
  max-width:620px;
}
.proof .result-grid a{
  font-family:'Instrument Sans',sans-serif;
  color:var(--pink);
  margin-top:auto;
}
@media(max-width:620px){
  .proof .result-grid{grid-template-columns:1fr;}
}


/* =========================================================
   GLOBAL — BOTONES + ANIMACIONES DE ENTRADA
   ========================================================= */

/* LED / halo effect inspired by the reference CTA */
.btn{
  position:relative;
  box-shadow:
    0 12px 28px rgba(252,8,78,.20),
    0 5px 18px rgba(252,8,78,.12);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
}

.btn:hover{
  transform:translateY(-3px);
  box-shadow:
    0 16px 34px rgba(252,8,78,.30),
    0 6px 22px rgba(252,8,78,.18);
  filter:brightness(1.02);
}

.btn-pink{
  box-shadow:
    0 13px 30px rgba(252,8,78,.30),
    0 5px 20px rgba(252,8,78,.16);
}

.btn-pink:hover{
  box-shadow:
    0 17px 38px rgba(252,8,78,.38),
    0 7px 25px rgba(252,8,78,.22);
}

/* Fade in + up */
.reveal{
  opacity:0;
  transform:translate3d(0,38px,0);
  transition:
    opacity .75s cubic-bezier(.22,1,.36,1),
    transform .75s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}

.reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

.reveal-delay-1{transition-delay:.08s}
.reveal-delay-2{transition-delay:.16s}
.reveal-delay-3{transition-delay:.24s}
.reveal-delay-4{transition-delay:.32s}
.reveal-delay-5{transition-delay:.40s}

/* Counters have their own animation; don't fade the counter blocks. */
.stat-grid > div.counter-ready{
  opacity:1;
  transform:none;
}

.stat-grid > div.counter-ready strong{
  display:inline-block;
  min-width:3ch;
}

@media (prefers-reduced-motion: reduce){
  .reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
  .btn{
    transition:none !important;
  }
}


/* FAQ — Web Animation API controls the transition */
.faq-item .faq-answer{
  max-height:none !important;
  overflow:hidden !important;
  transition:none !important;
  display:block !important;
}

.faq-item.is-open .faq-answer,
.faq-item[open] .faq-answer{
  max-height:none !important;
}


/* =========================================================
   AVISO LEGAL — CABECERA / INTRO
   ========================================================= */
.legal-topbar{
  position:relative;
  width:100%;
  background:#070707;
  border-bottom:1px solid rgba(255,255,255,.10);
  z-index:5;
}

.legal-nav{
  width:min(1380px,calc(100% - 48px));
  min-height:92px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:18px 0;
}

.legal-brand{
  display:flex;
  align-items:center;
  width:170px;
  flex:0 0 auto;
}

.legal-brand img{
  display:block;
  width:100%;
  height:auto;
  max-height:62px;
  object-fit:contain;
  object-position:left center;
}

.legal-back{
  flex:0 0 auto;
  padding:16px 28px;
  white-space:nowrap;
}

.legal{
  background:#070707;
  color:#fff;
  min-height:calc(100vh - 92px);
  padding:90px 0 120px;
}

.legal > .wrap{
  width:min(1180px,calc(100% - 48px));
}

.legal > .wrap > .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-bottom:28px;
  color:#FC084E;
}

.legal > .wrap > .eyebrow::before{
  content:"";
  width:52px;
  height:1px;
  background:#FC084E;
}

.legal > .wrap > h1{
  margin:0 0 54px;
  max-width:1050px;
  color:#fff;
  font:500 clamp(48px,7vw,100px)/.92 'Fraunces',serif;
  letter-spacing:-.055em;
}

.legalbody{
  max-width:940px;
  padding-top:38px;
  border-top:1px solid rgba(255,255,255,.14);
}

.legalbody h2,
.legalbody h3,
.legalbody h4{
  color:#fff;
}

.legalbody h2{
  font:500 clamp(32px,4vw,54px)/1 'Fraunces',serif;
  letter-spacing:-.04em;
  margin:0 0 28px;
}

.legalbody h3{
  margin:58px 0 18px;
  font:700 14px/1.3 'Instrument Sans',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#FC084E;
}

.legalbody h4{
  margin:34px 0 14px;
  font:600 22px/1.25 'Fraunces',serif;
  color:#fff;
}

.legalbody p,
.legalbody li{
  color:#bcbcbc;
  font:400 16px/1.75 'Instrument Sans',sans-serif;
}

.legalbody p{
  margin:0 0 18px;
}

.legalbody ul{
  margin:10px 0 26px;
  padding-left:22px;
}

.legalbody a{
  color:#FC084E;
}

@media(max-width:700px){
  .legal-nav{
    width:min(100% - 30px,1380px);
    min-height:76px;
    padding:14px 0;
  }

  .legal-brand{
    width:135px;
  }

  .legal-brand img{
    max-height:48px;
  }

  .legal-back{
    padding:14px 20px;
  }

  .legal{
    padding:65px 0 90px;
  }

  .legal > .wrap{
    width:min(100% - 30px,1180px);
  }

  .legal > .wrap > h1{
    margin-bottom:40px;
  }

  .legalbody{
    padding-top:28px;
  }
}

/* DROPBOYZ V25 — UNIVERSAL BUTTON SYSTEM (GLOBAL) */
.btn,
button.btn,
a.btn{
  font-family:Fraunces,serif !important;
  font-weight:700 !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
  transition:
    transform .22s cubic-bezier(.22,1,.36,1),
    box-shadow .22s cubic-bezier(.22,1,.36,1),
    background-color .22s ease,
    color .22s ease !important;
  transform-origin:center center;
}
.btn:hover,
button.btn:hover,
a.btn:hover{
  transform:translateY(-3px) scale(1.035) !important;
  box-shadow:
    0 15px 32px rgba(252,8,78,.22),
    0 6px 20px rgba(252,8,78,.13) !important;
}
.btn:active,
button.btn:active,
a.btn:active{
  transform:translateY(-1px) scale(1.01) !important;
}


/* Popup privacy checkbox */
.form .privacy-check{display:flex;align-items:center;gap:9px;width:100%;margin:2px 0 4px;padding:0;font-size:11px;line-height:1.35;color:#666;cursor:pointer;}
.form .privacy-check input{appearance:none;-webkit-appearance:none;width:16px;height:16px;flex:0 0 16px;margin:0;border:1px solid #999;background:#fff;border-radius:2px;display:grid;place-items:center;cursor:pointer;}
.form .privacy-check input:checked{background:#FC084E;border-color:#FC084E;}
.form .privacy-check input:checked::after{content:'✓';font:700 11px/1 Arial,sans-serif;color:#fff;}
.form .privacy-check span{display:inline-block;margin:0;padding:0;}
.form .privacy-check a{color:#555;text-decoration:underline;text-underline-offset:2px;}
.form .privacy-check a:hover{color:#FC084E;}

/* Privacy checkbox final visual fix */
.form .privacy-check input,
.contact-form .privacy-check input{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  min-width:20px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #999 !important;
  border-radius:2px !important;
  background:#fff !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer;
  box-shadow:none !important;
}
.form .privacy-check input:checked,
.contact-form .privacy-check input:checked{
  background:#FC084E !important;
  border-color:#FC084E !important;
}
.form .privacy-check input:checked::after,
.contact-form .privacy-check input:checked::after{
  content:'✓';
  display:block;
  color:#fff;
  font:700 14px/20px Arial,sans-serif;
  text-align:center;
  width:20px;
  height:20px;
}
.form .privacy-check,
.contact-form .privacy-check{
  align-items:center !important;
}


/* DropBoyz V50 — Global custom scrollbar */
html {
  scrollbar-color: #FC084E #080808;
  scrollbar-width: thin;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track {
  background: #080808;
}
*::-webkit-scrollbar-thumb {
  background: #FC084E;
  border: 2px solid #080808;
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
  background: #ff2d69;
}
*::-webkit-scrollbar-corner {
  background: #080808;
}


/* FORM TECHNICAL STATUS — functional only */
.form-status{min-height:0;font:12px/1.4 'Instrument Sans',sans-serif;color:#666;}
.form-status.error{color:#b00020;font-weight:600;margin-top:2px;}
.form button:disabled{opacity:.65;cursor:wait;transform:none !important;}

/* Cookie consent */
.cookie-consent{position:fixed;left:22px;right:22px;bottom:22px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 22px;background:#080808;color:#fff;border:1px solid #2b2b2b;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.cookie-consent[hidden]{display:none}
.cookie-consent strong{display:block;font:500 20px/1 Fraunces;margin-bottom:6px}
.cookie-consent p{margin:0;color:#bdbdbd;font:12px/1.45 'Instrument Sans',sans-serif;max-width:720px}
.cookie-actions{display:flex;gap:10px;flex:0 0 auto}
.cookie-actions .btn{min-width:110px}
@media(max-width:620px){.cookie-consent{left:12px;right:12px;bottom:12px;display:block;padding:18px}.cookie-consent strong{font-size:18px}.cookie-consent p{margin-bottom:15px}.cookie-actions{justify-content:flex-end}.cookie-actions .btn{min-width:100px;padding:13px 17px}}

/* FOOTER — hitbox only around the visible link text */
.footer-links{
  pointer-events:none;
}
.footer-links a{
  display:block;
  width:max-content;
  max-width:max-content;
  align-self:flex-start;
  pointer-events:auto;
}

/* CEO — extra separation between copy and CTA */
.about-copy .btn-pink{
  margin-top:60px !important;
}
@media(max-width:620px){
  .about-copy .btn-pink{
    margin-top:40px !important;
  }
}


/* YouTube Ads — final question mark in corporate pink */
.question-mark-pink{color:#FC084E;}


/* MOBILE-ONLY FINAL RESPONSIVE FIXES
   Desktop (min-width:621px) remains untouched. */
@media(max-width:620px){
  /* Keep the logo fully inside the 76px mobile header, including after scroll. */
  .brand{width:92px !important;}
  .brand img{display:block;height:auto;}

  /* The mobile panel must sit directly below the mobile header and remain usable while scrolling. */
  .mobile-menu{
    top:76px !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    z-index:60 !important;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
}


/* MOBILE ONLY — final header/menu robustness. Desktop rules remain untouched. */
@media(max-width:620px){
  .site-header{
    height:76px !important;
    z-index:10000 !important;
  }
  .header-inner{
    height:76px !important;
    width:calc(100% - 30px) !important;
    position:relative;
    z-index:10001;
  }
  .brand{
    width:78px !important;
    max-width:78px !important;
    position:relative;
    z-index:10002;
  }
  .brand img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
  }
  .menu-toggle{
    display:flex !important;
    position:relative !important;
    z-index:10003 !important;
    width:52px !important;
    height:52px !important;
    padding:12px !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  .menu-toggle span{
    display:block !important;
    width:28px !important;
    height:2px !important;
    flex:0 0 2px !important;
    pointer-events:none !important;
  }
  .mobile-menu{
    top:76px !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:9999 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    pointer-events:none !important;
  }
  .mobile-menu.open{
    pointer-events:auto !important;
  }
  body.mobile-menu-open{
    overflow:hidden !important;
  }
}


/* MOBILE MENU — final touch-target fix only. Desktop untouched. */
@media(max-width:1000px){
  .site-header .menu-toggle{
    position:fixed !important;
    top:12px !important;
    right:14px !important;
    width:52px !important;
    height:52px !important;
    z-index:2147483647 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    cursor:pointer !important;
  }
  .site-header .menu-toggle::before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:auto;
  }
  .site-header .menu-toggle span{
    position:relative;
    z-index:1;
    pointer-events:none !important;
  }
}


/* =========================================================
   DROPBOYZ MOBILE NAV v2 — independent implementation
   Desktop is untouched.
   ========================================================= */
.db-mobile-trigger,
.db-mobile-panel,
.db-mobile-backdrop{
  display:none;
}

@media(max-width:620px){
  .db-mobile-trigger{
    display:flex !important;
    position:fixed !important;
    top:12px !important;
    right:14px !important;
    width:52px !important;
    height:52px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:7px !important;
    z-index:2147483000 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
    cursor:pointer !important;
  }
  .db-mobile-trigger span{
    display:block !important;
    width:30px !important;
    height:2px !important;
    min-height:2px !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    pointer-events:none !important;
  }

  .db-mobile-backdrop{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:2147482000 !important;
    background:rgba(0,0,0,.48) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .2s ease,visibility .2s ease !important;
  }
  .db-mobile-backdrop.is-visible{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .db-mobile-panel{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    width:min(82vw,360px) !important;
    height:100dvh !important;
    min-height:100vh !important;
    box-sizing:border-box !important;
    padding:120px 30px 35px !important;
    background:#080808 !important;
    color:#fff !important;
    z-index:2147482500 !important;
    transform:translateX(105%) !important;
    visibility:hidden !important;
    pointer-events:none !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    box-shadow:-18px 0 50px rgba(0,0,0,.35) !important;
    transition:transform .24s ease,visibility .24s ease !important;
  }
  .db-mobile-panel.is-open{
    transform:translateX(0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .db-mobile-panel-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:28px !important;
  }
  .db-mobile-panel a{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    color:#fff !important;
    text-decoration:none !important;
    font:500 31px/1.05 Fraunces,serif !important;
  }
  .db-mobile-panel a.active{
    color:#FC084E !important;
  }
  .db-mobile-panel a.db-mobile-contact{
    margin-top:12px !important;
    padding:14px 18px !important;
    width:auto !important;
    max-width:100% !important;
    color:#fff !important;
    background:#FC084E !important;
    font:700 11px/1 'Instrument Sans',sans-serif !important;
    letter-spacing:.02em !important;
  }
  html.db-mobile-lock{
    overflow:hidden !important;
  }

  /* Keep the already-correct mobile logo/header sizing. */
  .site-header{
    height:76px !important;
    z-index:2147481000 !important;
  }
  .header-inner{
    height:76px !important;
    width:calc(100% - 30px) !important;
  }
  .brand{
    width:78px !important;
    max-width:78px !important;
  }
  .brand img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
  }

  /* Hide the desktop nav and CTA on mobile; the new panel replaces them. */
  .site-header .main-nav,
  .site-header .nav-cta{
    display:none !important;
  }
}


/* =========================================================
   DROPBOYZ MOBILE NAV v3 — CSS ONLY
   No JS, no old menu classes, no event listeners.
   Desktop: untouched.
   ========================================================= */
.db-menu-check,
.db-menu-button,
.db-menu-backdrop,
.db-menu-panel{
  display:none;
}

@media(max-width:620px){
  .db-menu-check{
    position:fixed !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
    left:-100px !important;
    top:-100px !important;
  }

  .db-menu-button{
    display:flex !important;
    position:fixed !important;
    top:12px !important;
    right:14px !important;
    width:54px !important;
    height:54px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:7px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 !important;
    background:rgba(8,8,8,.001) !important;
    border:0 !important;
    z-index:2147483647 !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  .db-menu-button span{
    display:block !important;
    width:30px !important;
    height:2px !important;
    background:#fff !important;
    flex:0 0 2px !important;
    pointer-events:none !important;
    transition:transform .2s ease,opacity .2s ease !important;
  }

  .db-menu-backdrop{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:2147482000 !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    background:rgba(0,0,0,.52) !important;
    transition:opacity .2s ease,visibility .2s ease !important;
  }
  .db-menu-backdrop label{
    display:block !important;
    width:100% !important;
    height:100% !important;
    cursor:pointer !important;
  }

  .db-menu-panel{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:min(84vw,370px) !important;
    box-sizing:border-box !important;
    padding:112px 28px 35px !important;
    background:#080808 !important;
    z-index:2147482500 !important;
    transform:translate3d(105%,0,0) !important;
    visibility:hidden !important;
    pointer-events:none !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    box-shadow:-18px 0 50px rgba(0,0,0,.45) !important;
    transition:transform .22s ease,visibility .22s ease !important;
  }

  .db-menu-links{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:27px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .db-menu-links a{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    color:#fff !important;
    text-decoration:none !important;
    font:500 30px/1.08 Fraunces,serif !important;
  }

  .db-menu-links a.db-menu-contact{
    margin-top:12px !important;
    width:auto !important;
    max-width:100% !important;
    padding:14px 18px !important;
    background:#FC084E !important;
    color:#fff !important;
    font:700 11px/1 'Instrument Sans',sans-serif !important;
    letter-spacing:.02em !important;
  }

  /* Pure CSS state: checking the invisible input opens everything. */
  .db-menu-check:checked ~ .db-menu-backdrop{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .db-menu-check:checked ~ .db-menu-panel{
    visibility:visible !important;
    opacity:1 !important;
    transform:translate3d(0,0,0) !important;
    pointer-events:auto !important;
  }
  .db-menu-check:checked ~ .db-menu-button span:first-child{
    transform:translateY(4.5px) rotate(45deg) !important;
  }
  .db-menu-check:checked ~ .db-menu-button span:last-child{
    transform:translateY(-4.5px) rotate(-45deg) !important;
  }

  .site-header{
    z-index:2147481000 !important;
  }
  .header-inner{
    height:76px !important;
    width:calc(100% - 30px) !important;
  }
  .brand{
    width:78px !important;
    max-width:78px !important;
  }
  .brand img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
  }
  .site-header .main-nav,
  .site-header .nav-cta{
    display:none !important;
  }
}


/* =========================================================
   DROPBOYZ MOBILE NAV — UNIVERSAL FINAL OVERRIDE
   Only mobile. The old navbar is forcibly hidden on every page.
   ========================================================= */
@media(max-width:620px){
  /* The old desktop/tablet navigation must NEVER render on mobile. */
  header.site-header .main-nav,
  header.site-header nav.main-nav,
  header.site-header .nav-cta,
  header.site-header .services-dropdown,
  header.site-header .services-dropdown-menu{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* Universal CSS-only menu button/panel. */
  .db-menu-check{
    position:fixed !important;
    left:-100px !important;
    top:-100px !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .db-menu-button{
    display:flex !important;
    position:fixed !important;
    top:11px !important;
    right:12px !important;
    width:56px !important;
    height:56px !important;
    padding:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:7px !important;
    background:transparent !important;
    border:0 !important;
    z-index:2147483647 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
    cursor:pointer !important;
  }
  .db-menu-button span{
    display:block !important;
    width:30px !important;
    height:2px !important;
    flex:0 0 2px !important;
    background:#fff !important;
    pointer-events:none !important;
  }

  .db-menu-backdrop{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:2147482000 !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    background:rgba(0,0,0,.52) !important;
    transition:opacity .2s ease,visibility .2s ease !important;
  }
  .db-menu-backdrop > label{
    display:block !important;
    width:100% !important;
    height:100% !important;
  }

  .db-menu-panel{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:min(84vw,370px) !important;
    height:100dvh !important;
    min-height:100vh !important;
    box-sizing:border-box !important;
    padding:112px 28px 35px !important;
    margin:0 !important;
    background:#080808 !important;
    z-index:2147482500 !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translate3d(105%,0,0) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    transition:transform .22s ease,opacity .22s ease,visibility .22s ease !important;
  }

  .db-menu-links{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:27px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .db-menu-links a{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    color:#fff !important;
    text-decoration:none !important;
    font:500 30px/1.08 Fraunces,serif !important;
  }
  .db-menu-links .db-menu-contact{
    width:auto !important;
    max-width:100% !important;
    margin-top:12px !important;
    padding:14px 18px !important;
    background:#FC084E !important;
    color:#fff !important;
    font:700 11px/1 'Instrument Sans',sans-serif !important;
  }

  .db-menu-check:checked ~ .db-menu-backdrop{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .db-menu-check:checked ~ .db-menu-panel{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translate3d(0,0,0) !important;
  }

  /* Preserve the already-fixed mobile logo. */
  header.site-header{
    z-index:2147481000 !important;
    height:76px !important;
  }
  header.site-header .header-inner{
    height:76px !important;
    width:calc(100% - 30px) !important;
  }
  header.site-header .brand{
    width:78px !important;
    max-width:78px !important;
  }
  header.site-header .brand img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
  }
}

/* Mobile menu contact button — match the site's Fraunces button aesthetic */
@media(max-width:620px){
  .db-menu-links .db-menu-contact{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    max-width:100% !important;
    min-height:48px !important;
    box-sizing:border-box !important;
    margin-top:12px !important;
    padding:13px 20px !important;
    border-radius:999px !important;
    background:#FC084E !important;
    color:#fff !important;
    text-decoration:none !important;
    font-family:Fraunces,serif !important;
    font-size:17px !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }
}


/* =========================================================
   DROPBOYZ — MOBILE RESPONSIVE REBUILD / FINAL LAYOUT LAYER
   Does not style or alter the mobile menu.
   ========================================================= */
@media(max-width:620px){
  html{width:100%;max-width:100%;overflow-x:clip !important;}
  body{width:100%;max-width:100%;overflow-x:clip !important;}
  *,*::before,*::after{box-sizing:border-box;}
  img,video,svg,iframe{max-width:100%;}
  .wrap,.hero-wrap,.section-wrap,.container,.content-wrap{width:calc(100% - 32px) !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important;}
  section,main{max-width:100%;overflow-x:clip;}

  /* Header content only — menu itself is intentionally untouched. */
  header.site-header .header-inner{width:calc(100% - 32px) !important;max-width:none !important;}

  /* Typography: stop desktop-sized headings from forcing horizontal overflow. */
  h1,h2,h3,h4,p,li,a,span{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;}
  h1{font-size:clamp(42px,12.8vw,64px) !important;line-height:.94 !important;letter-spacing:-.045em;}
  h2{font-size:clamp(36px,10.5vw,56px) !important;line-height:.97 !important;}
  h3{font-size:clamp(25px,7.2vw,38px) !important;}
  p{font-size:16px;line-height:1.5;}

  /* Universal mobile grids/flex rows. */
  .grid,.two-col,.three-col,.four-col,.about-grid,.who-grid,.manifesto-grid,
  .channel-content,.result-grid,.stat-grid,.impact-grid,.more-grid,
  .process-grid,.client-grid,.contact-grid,.footer-top{grid-template-columns:1fr !important;}
  .flex-row{flex-wrap:wrap !important;}

  /* Common fixed-width / offset patterns that cause clipping. */
  [style*="margin-left"],[style*="margin-right"]{max-width:100%;}
  .btn,.button,.btn-pink,.btn-dark,.btn-outline{max-width:100%;white-space:normal;}
  .about-copy,.who-copy,.manifesto-copy,.more-grid,.final,.impact-list,.process-wrap{max-width:100% !important;margin-left:0 !important;margin-right:0 !important;}
  .about-copy,.who-copy,.manifesto-copy{padding-left:0 !important;padding-right:0 !important;}

  /* Images and visual blocks should shrink instead of cropping their container. */
  .section-image,.impact-image,.about-image,.who-photo,.manifesto-photo,.footer-image{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;}
  .section-image img,.impact-image img,.about-image img,.who-photo img,.manifesto-photo img{width:100% !important;max-width:100% !important;height:auto !important;}

  /* Tables / marquees / long rows. */
  table{display:block;max-width:100%;overflow-x:auto;}
  .client-marquee{max-width:100% !important;overflow:hidden !important;}
  .client-line{max-width:100%;}

  /* Forms. */
  .form,.form-grid,.form-row{width:100% !important;max-width:100% !important;grid-template-columns:1fr !important;}
  .form input,.form textarea,.form select{width:100% !important;max-width:100% !important;min-width:0 !important;}

  /* FAQ / overlays / modals. */
  .faq-list,.faq-item,.modal,.modalbox{max-width:100% !important;}
  .modalbox{width:calc(100% - 8px) !important;}

  /* Legal/contact/thank-you content. */
  .legal,.legal-content,.contact,.contact-wrap,.thanks,.thanks-wrap{width:calc(100% - 32px) !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important;}
  .legal *,.legal-content *,.contact *,.thanks *{max-width:100%;}
}

@media(max-width:390px){
  .wrap,.hero-wrap,.section-wrap,.container,.content-wrap{width:calc(100% - 28px) !important;}
  header.site-header .header-inner{width:calc(100% - 28px) !important;}
  h1{font-size:clamp(38px,12.5vw,54px) !important;}
  h2{font-size:clamp(33px,10vw,48px) !important;}
  p{font-size:15px;}
}


/* =========================================================
   MOBILE SCROLL SAFETY + HOME TICKER
   Do not alter the working mobile menu.
   ========================================================= */
@media(max-width:620px){
  /* Keep the document itself as the native mobile scrolling surface.
     Do not force overflow-y:auto on html/body: iOS Safari can turn that
     combination into a nested scrolling context during initial layout. */
  html{
    width:100%;
    max-width:100%;
    min-height:100%;
    overflow-x:clip !important;
    overflow-y:visible !important;
  }
  body{
    width:100%;
    max-width:100%;
    min-height:100%;
    overflow-x:clip !important;
    overflow-y:visible !important;
  }
  body.locked:has(.modal.open){
    overflow:hidden !important;
  }

  /* Prevent fixed mobile UI layers from becoming an invisible touch blocker. */
  .db-menu-backdrop:not(.open),
  .db-menu-panel:not(.open){
    pointer-events:none !important;
  }

  /* The service ticker at the bottom of the home hero becomes a real,
     responsive multi-line strip instead of being clipped horizontally. */
  .ticker{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    white-space:normal !important;
  }
  .ticker > div{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding:15px 18px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    column-gap:0 !important;
    row-gap:8px !important;
    white-space:normal !important;
    animation:none !important;
    transform:none !important;
    font-size:10px !important;
    line-height:1.25 !important;
    letter-spacing:.09em !important;
    text-align:center !important;
  }
  .ticker > div span{
    display:inline-block !important;
    max-width:none !important;
    white-space:nowrap !important;
    overflow-wrap:normal !important;
  }
  .ticker > div b{
    display:inline-block !important;
    flex:0 0 auto !important;
    padding:0 9px !important;
  }
}

/* MOBILE MENU — active section + direct services submenu */
@media(max-width:620px){
  .db-menu-services-check{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
  .db-menu-services-row{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;margin:0!important;padding:0!important}
  .db-menu-services-row>a{width:auto!important;flex:0 1 auto!important}
  .db-menu-services-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin-left:2px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
  .db-menu-services-toggle span{display:block!important;font:600 20px/1 'Instrument Sans',sans-serif!important;transform:translateY(-2px)!important;transition:transform .18s ease!important}
  .db-menu-services-submenu{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;max-height:0!important;opacity:0!important;overflow:hidden!important;margin:0!important;padding:0 0 0 18px!important;border-left:1px solid rgba(255,255,255,.18)!important;box-sizing:border-box!important;transition:max-height .22s ease,opacity .18s ease,padding .22s ease,margin .22s ease!important}
  .db-menu-services-submenu a{display:block!important;width:100%!important;box-sizing:border-box!important;padding:9px 0!important;color:rgba(255,255,255,.72)!important;font:500 17px/1.2 Fraunces,serif!important;text-decoration:none!important}
  .db-menu-services-submenu a.db-menu-active{color:#FC084E!important;font-weight:600!important}
  .db-menu-services-check:checked~.db-menu-services-row .db-menu-services-toggle{background:#FC084E!important;border-color:#FC084E!important}
  .db-menu-services-check:checked~.db-menu-services-row .db-menu-services-toggle span{transform:translateY(1px) rotate(180deg)!important}
  .db-menu-services-check:checked~.db-menu-services-submenu{max-height:520px!important;opacity:1!important;margin-top:4px!important;margin-bottom:4px!important;padding-top:6px!important;padding-bottom:6px!important}
  .db-menu-links>a.db-menu-active,.db-menu-services-row>a.db-menu-active{color:#FC084E!important;font-weight:600!important}
  .db-menu-links>a.db-menu-active::after,.db-menu-services-row>a.db-menu-active::after{content:''!important;display:inline-block!important;width:7px!important;height:7px!important;margin:0 0 3px 8px!important;border-radius:50%!important;background:#FC084E!important}

  /* "No se trata solo de hacer publicidad" image: narrower visual width + true centering. */
  .impact-image{width:100%!important;max-width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;box-sizing:border-box!important}
  .impact-image img{display:block!important;width:calc(100% - 30px)!important;max-width:460px!important;min-width:0!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;object-fit:contain!important;object-position:center center!important}
  .impact-image:before{left:15px!important;right:15px!important;inset-inline-start:15px!important;inset-inline-end:15px!important}
}

/* =========================================================
   PROPOSAL MODAL — FINAL MOBILE/STACKING FIX
   ========================================================= */
.modal{
  z-index:2147483000 !important;
  overscroll-behavior:contain !important;
}
.modal.open{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
}
.modalbox{
  z-index:2147483001 !important;
  touch-action:pan-y !important;
  overscroll-behavior:contain !important;
}
.modalbox .close{
  color:#FC084E !important;
  border-color:transparent !important;
  background:transparent !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  cursor:pointer !important;
  z-index:2147483002 !important;
}
@media(max-width:620px){
  /* Hide the site's header only while the proposal modal is open. */
  body.locked:has(.modal.open) .site-header{
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .modal.open{
    align-items:flex-start !important;
    justify-content:center !important;
    padding:18px 10px 24px !important;
    box-sizing:border-box !important;
  }
  .modal.open .modalbox{
    width:min(680px,calc(100vw - 20px)) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 36px) !important;
    margin:0 auto !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    touch-action:pan-y !important;
    box-sizing:border-box !important;
  }
  .modal.open .modalbox .close{
    color:#FC084E !important;
  }
}

/* =========================================================
   FINAL REQUESTED POLISH
   ========================================================= */
@media(max-width:620px){
  /* Never let the mobile menu sit above an open proposal modal. */
  body.locked:has(.modal.open) .db-menu-button,
  body.locked:has(.modal.open) .db-menu-backdrop,
  body.locked:has(.modal.open) .db-menu-panel{
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* Automation title: keep the service name on one line. */
  .automation-page .service-hero h1{
    font-size:clamp(34px,10.2vw,52px) !important;
    line-height:.96 !important;
    letter-spacing:-.045em !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    white-space:normal !important;
  }
  .automation-page .service-hero h1:first-line{
    white-space:nowrap !important;
  }

  /* Cookie policy link is visible on both desktop/mobile; this mobile block
     only controls its spacing in the compact consent card. */
  .cookie-policy-link{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    margin:8px 0 0 !important;
  }
}

/* Cookie consent policy link */
.cookie-policy-link{
  color:#FC084E !important;
  text-decoration:underline !important;
  font:600 13px/1.2 'Instrument Sans',sans-serif !important;
}
.cookie-policy-link:hover{opacity:.82 !important;}

.db-menu-contact{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

@media(max-width:420px){
  .automation-page .service-hero h1{
    font-size:clamp(30px,9.2vw,40px) !important;
  }
}

@media(max-width:620px){
  .automation-page .service-hero h1 .automation-title-word{
    display:inline-block !important;
    white-space:nowrap !important;
  }
}

/* FINAL ARROW FIX — use the same text glyph on desktop and mobile, never emoji */

/* DROPBOYZ MOBILE NATIVE SCROLL SAFETY
   Visual reveal transforms are desktop-only so iOS/Safari keeps the document
   on the native compositor scroll path while sections enter the viewport. */
@media (max-width:620px){
  html{scroll-behavior:auto !important;}
  .reveal,
  .scroll-reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
    will-change:auto !important;
  }
}