*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f5ed;color:#172b3b;font-family:"DM Sans",sans-serif}img{display:block;max-width:100%}h1,h2,h3{font-family:Manrope,sans-serif;line-height:.95;margin:0}a{color:inherit;text-decoration:none}header{height:76px;position:relative;top:0;z-index:50;background:rgba(248,245,237,.94);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #dedfd7}.logo{font:800 18px Manrope;letter-spacing:.22em}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700}.nav-buy{background:#172b3b;color:#fff;padding:12px 22px;border-radius:30px}.hamb{display:none;border:0;background:none;font-size:25px}.hero{height:calc(100vh - 76px);min-height:600px;position:relative;background:#e8dfd0;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:contain}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 55%)}.hero-content{position:absolute;z-index:2;left:7vw;top:6vh;bottom:auto;color:#172b3b;text-shadow:none;max-width:560px}.hero-content p{font-size:10px;letter-spacing:.24em;font-weight:800}.hero-content h1{font-size:clamp(70px,10vw,145px);letter-spacing:-.07em;margin:20px 0}.hero-content i{font-style:normal;color:#d1ed73}.hero-arrow{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.75);border-radius:50%;font-size:20px}.manifesto{padding:145px 9vw;display:grid;grid-template-columns:1fr 2fr 1fr;gap:6vw}.tiny,.image-story span,.product-head span,.play-head span,.emotional-copy span,.closing p,.faq>span{font-size:10px;letter-spacing:.22em;font-weight:800;color:#719b24}.intro-line{font-size:18px;margin:0 0 28px}.manifesto h2{font-size:clamp(52px,6.5vw,95px);letter-spacing:-.06em}.manifesto h2 i,.story-copy i,.product-head i,.play-head i,.photo-message i,.emotional-copy i,.closing i{font-style:normal;color:#79a928}.copy{align-self:end;color:#66737b;line-height:1.75;font-size:14px}.image-story{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;min-height:780px;background:#e7e0d3}.story-image{position:relative;overflow:hidden;background:#e7e0d3}.story-image img{width:100%;height:auto;object-fit:contain}.label{position:absolute;bottom:30px;left:30px;background:#fff;padding:12px 16px;font-size:9px;letter-spacing:.18em;font-weight:800}.story-copy{padding:80px 8vw}.story-copy h2{font-size:clamp(65px,8vw,115px);letter-spacing:-.07em;margin:25px 0}.story-copy p{max-width:360px;color:#66737b;line-height:1.75}.product{padding:145px 8vw;background:#0f6b78;color:#fff}.product-head span{color:#cbe96a}.product-head h2{font-size:clamp(65px,8vw,120px);letter-spacing:-.07em;margin:25px 0 75px}.product-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.product-image{background:#f5f1e8}.product-image img{width:100%;height:auto;object-fit:contain}.product-info{max-width:520px}.big{font:600 28px Manrope;line-height:1.25}.facts{margin-top:50px;border-top:1px solid rgba(255,255,255,.25)}.facts div{display:flex;align-items:baseline;gap:20px;border-bottom:1px solid rgba(255,255,255,.25);padding:18px 0}.facts b{min-width:90px;color:#cbe96a;font-size:16px}.facts span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.72}.full-photo{position:relative;overflow:hidden;background:#e7e0d3}.full-photo>img{width:100%;height:auto;object-fit:contain}.full-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,36,48,.6),transparent 65%)}.photo-message{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-50%);color:#fff}.photo-message span{font-size:10px;letter-spacing:.22em;font-weight:800}.photo-message h2{font-size:clamp(55px,7vw,105px);letter-spacing:-.06em;margin-top:25px}.play{padding:145px 9vw}.play-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.play-head h2{font-size:clamp(65px,8vw,110px);letter-spacing:-.07em}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd5cf}.steps article{padding:35px 35px 35px 0;border-right:1px solid #cfd5cf;min-height:240px}.steps article:not(:first-child){padding-left:35px}.steps article:last-child{border:0}.steps strong{color:#79a928;font-size:11px}.steps h3{font-size:35px;margin:35px 0 15px}.steps p{color:#68757d;line-height:1.7;max-width:300px}.emotional{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#e9e2d5}.emotional-image{background:#e9e2d5}.emotional-image img{width:100%;height:auto;object-fit:contain}.emotional-copy{padding:110px 8vw;align-self:center}.emotional-copy h2{font-size:clamp(55px,6vw,90px);letter-spacing:-.06em;margin:25px 0 35px}.emotional-copy p{max-width:450px;color:#65727a;line-height:1.8}.closing{background:#cce56c;padding:150px 9vw}.closing h2{font-size:clamp(75px,10vw,155px);letter-spacing:-.08em;margin:30px 0 65px}.closing>a{display:flex;justify-content:space-between;max-width:700px;border-bottom:2px solid #172b3b;padding:20px 0;font-size:11px;font-weight:800;letter-spacing:.13em}.closing>a b{font-size:20px}.buy{padding:130px 8vw}.buy-box{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:auto;background:#fff}.buy-photo{min-height:600px;background:#f1eee6}.buy-photo img{width:100%;height:auto;object-fit:contain}.buy-content{padding:80px;align-self:center}.buy-content>span{font-size:10px;letter-spacing:.2em;color:#719b24;font-weight:800}.buy-content h2{font-size:70px;letter-spacing:-.07em;margin:25px 0}.buy-content p{color:#65727a;line-height:1.75}.buy-button{display:inline-block;background:#172b3b;color:#fff;padding:17px 24px;border-radius:30px;font-size:11px;font-weight:800;letter-spacing:.08em;margin-top:15px}.buy-content small{display:block;color:#999;font-size:9px;margin-top:15px}.faq{background:#172b3b;color:#fff;padding:130px 9vw}.faq h2{font-size:clamp(55px,7vw,100px);letter-spacing:-.07em;margin:25px 0 75px}.faq>span{color:#cbe96a}.faq details{max-width:1000px;border-top:1px solid rgba(255,255,255,.2);padding:24px 0}.faq details:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.faq summary{cursor:pointer;font:700 18px Manrope;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:#cbe96a;font-size:24px}.faq details[open] summary:after{content:"−"}.faq details p{max-width:700px;color:#aebbc0;line-height:1.7}footer{background:#0b1d2a;color:#fff;padding:55px 7vw}.footer-logo{font:800 24px Manrope;letter-spacing:.2em}footer p{font-size:9px;letter-spacing:.22em;opacity:.5;margin:15px 0 50px}footer>div:last-child{font-size:9px;opacity:.4;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}@media(max-width:850px){header{height:65px}nav{display:none;position:absolute;top:65px;left:0;right:0;background:#f8f5ed;padding:25px 7vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.open{display:flex}.hamb{display:block}.hero{height:auto;min-height:0}.hero>img{height:auto}.hero-content{bottom:6vw}.hero-content h1{font-size:68px}.manifesto{grid-template-columns:1fr;padding:90px 7vw}.copy{margin-top:30px}.image-story,.product-grid,.emotional,.buy-box{grid-template-columns:1fr}.story-image{height:auto}.story-copy{padding:80px 7vw}.product{padding:90px 7vw}.product-head h2{margin-bottom:45px}.product-info{padding-top:45px}.full-photo{height:auto}.photo-message{left:7vw}.photo-message h2{font-size:58px}.play{padding:90px 7vw}.play-head{display:block;margin-bottom:45px}.steps{grid-template-columns:1fr}.steps article,.steps article:not(:first-child){padding:25px 0;border-right:0;border-bottom:1px solid #cfd5cf}.emotional-image{min-height:0}.emotional-copy{padding:80px 7vw}.closing{padding:90px 7vw}.buy{padding:80px 6vw}.buy-photo{min-height:0}.buy-content{padding:45px 30px}.buy-content h2{font-size:52px}.faq{padding:90px 7vw}}

/* V5 — las fotos con la pelota nunca se recortan */
.story-image img,.product-image img,.full-photo>img,.emotional-image img,.buy-photo img{
  display:block;width:100%;height:auto!important;max-height:none;
}

/* V7 — texto de portada fuera de la zona de la pelota */
@media(max-width:850px){.hero-content{top:5vw;left:7vw;max-width:82%;}.hero-content p{color:#172b3b}.hero-content h1{font-size:48px;line-height:.92}}

/* V8 — evitar que "una aventura" se mezcle con el color de la pelota */
.photo-message i{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.28)}

/* V9 — detalles gráficos sutiles para dar más personalidad a los espacios vacíos */
.manifesto,
.play,
.buy{position:relative;overflow:hidden}

.manifesto:before{
  content:"";
  position:absolute;
  width:220px;height:150px;
  right:-55px;top:58px;
  border:1px solid rgba(121,169,40,.22);
  border-radius:52% 48% 63% 37% / 42% 57% 43% 58%;
  transform:rotate(-18deg);
  pointer-events:none;
}
.manifesto:after{
  content:"";
  position:absolute;
  width:9px;height:9px;
  right:11vw;bottom:78px;
  border-radius:50%;
  background:rgba(121,169,40,.24);
  box-shadow:28px -18px 0 rgba(121,169,40,.13),58px -3px 0 rgba(121,169,40,.08);
  pointer-events:none;
}

.play:after{
  content:"";
  position:absolute;
  width:250px;height:250px;
  right:-110px;top:40px;
  border:1px solid rgba(121,169,40,.18);
  border-radius:48% 52% 44% 56% / 58% 42% 58% 42%;
  transform:rotate(24deg);
  pointer-events:none;
}

.buy:before{
  content:"";
  position:absolute;
  width:310px;height:310px;
  left:-165px;bottom:20px;
  background:rgba(204,229,108,.16);
  border-radius:58% 42% 52% 48% / 43% 57% 44% 56%;
  transform:rotate(-20deg);
  pointer-events:none;
}
.buy:after{
  content:"";
  position:absolute;
  width:115px;height:115px;
  right:5vw;top:65px;
  border:1px solid rgba(23,43,59,.09);
  border-radius:50%;
  pointer-events:none;
}

.manifesto > *, .play > *, .buy > *{position:relative;z-index:1}

@media(max-width:850px){
  .manifesto:before{width:150px;height:105px;right:-75px;top:35px}
  .manifesto:after{right:15vw;bottom:45px}
  .play:after{width:170px;height:170px;right:-90px;top:35px}
  .buy:before{width:210px;height:210px;left:-125px;bottom:15px}
  .buy:after{width:75px;height:75px;right:7vw;top:35px}
}

/* V12 — refined editorial typography */
body{
  letter-spacing:-0.005em;
}
h1,h2,h3{
  letter-spacing:-0.028em;
  line-height:1.05;
}
.hero h1{
  font-weight:600;
  letter-spacing:-0.035em;
}
.section-title,
.product h2{
  font-weight:600;
  letter-spacing:-0.03em;
}
p{
  line-height:1.65;
}
.eyebrow{
  letter-spacing:0.14em;
  font-weight:600;
}


/* V13 — nueva composición de la sección de compra */
.buy{padding:120px 7vw;}
.buy-box{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  max-width:1320px;
  min-height:0;
  margin:auto;
  background:#fff;
  overflow:hidden;
  box-shadow:0 22px 60px rgba(23,43,59,.08);
}
.buy-photo{
  min-height:0;
  background:#f1eee6;
  display:flex;
  align-items:stretch;
}
.buy-photo img{
  width:100%;
  height:auto!important;
  object-fit:contain;
  align-self:center;
}
.buy-content{
  padding:78px 72px;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff;
  position:relative;
}
.buy-content:before{
  content:"";
  position:absolute;
  left:0;
  top:12%;
  bottom:12%;
  width:1px;
  background:#e6e8e2;
}
.buy-content h2{font-size:clamp(62px,5.5vw,88px);margin:22px 0 28px;}
.buy-content p{max-width:390px;margin:0;}
.buy-button{align-self:flex-start;margin-top:24px;}
.buy-content small{margin-top:14px;}
@media(max-width:850px){
  .buy{padding:90px 6vw;}
  .buy-box{grid-template-columns:1fr;}
  .buy-photo img{width:100%;}
  .buy-content{padding:52px 32px 58px;}
  .buy-content:before{display:none;}
 }
.hero > img {
  object-position: calc(50% + 200px) center !important;
}
.logo{
  display:flex;
  align-items:center;
  width:auto;
  height:76px;
}

.logo img{
  height:58px;
  width:auto;
  mix-blend-mode:multiply;
  transform:scale(2.9) translateX(50px);
}
header nav{
  display:flex !important;
  align-items:center;
  position:absolute;
  right:5vw;
  top:50%;
  transform:translateY(-50%);
}
@media (max-width:760px){
  .logo img{
    transform:scale(1.8) translateX(4px);
  }