/* Photos are framed separately; all headings, descriptions and buttons remain live HTML. */
#productos{position:relative;padding:55px 5% 65px;background:radial-gradient(ellipse at 100% 0%,#c9e6df99,transparent 45%),radial-gradient(ellipse at 0% 35%,#a7bd713d,transparent 30%),#fbf8ef;border-bottom:18px solid #07543c;border-radius:0 0 5% 7%}
#productos .section-heading{gap:35px;align-items:center;margin:0 auto 30px;max-width:1500px;padding:0 3%}
#productos h2{font-size:clamp(35px,3.35vw,62px);line-height:1.03;letter-spacing:-1.7px;margin-bottom:20px}
#productos h2 em{color:var(--green)}
#productos .eyebrow{font-size:14px;letter-spacing:3px;margin-bottom:17px}
.flavors-intro{font-size:16px;line-height:1.5;color:#396559;margin:0;max-width:700px}
#productos .flavors-note{flex-shrink:0;font:400 clamp(21px,1.6vw,30px)/1.24 'Kaushan Script',cursive;transform:rotate(-7deg);color:var(--green);margin:15px 2% 10px 0;max-width:400px}
.flavors-note:after{content:'';display:block;width:94%;height:4px;background:#efb622;border-radius:50%;margin-top:14px;transform:rotate(-4deg)}
#productos .products{gap:30px;max-width:1650px;margin:auto;align-items:stretch}
#productos .product{border:0;border-radius:34px;overflow:hidden;display:flex;flex-direction:column;background:var(--card-color);box-shadow:none}
#productos .product:nth-child(1){--card-color:#c18300;--card-light:#efa900;--photo-x:6.2%}
#productos .product:nth-child(2){--card-color:#007e80;--card-light:#119fa0;--photo-x:35.3%}
#productos .product:nth-child(3){--card-color:#582680;--card-light:#793ca0;--photo-x:64.8%}
#productos .product:nth-child(4){--card-color:#b96509;--card-light:#ed9719;--photo-x:94.2%}
#productos .product-picture{border-radius:0;aspect-ratio:385/267;background-image:url('sabores-referencia.png');background-size:473% auto;background-position:var(--photo-x) 49.2%;flex-shrink:0;width:100%}
#productos .product-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:28px 27px 25px;color:#fff;background:linear-gradient(145deg,var(--card-light),var(--card-color));border-radius:45% 15% 0 0 / 15px 9px 0 0;margin-top:-5px}
#productos .product h3{font-size:30px;color:#fff;margin:0 0 4px;font-weight:600}
#productos .flavor-tag{color:#fff;font-size:14px;font-weight:400;letter-spacing:0;margin:0 0 8px;line-height:1.4}
#productos .product p{color:#fff;font-size:14px;min-height:44px;margin:0 0 24px;line-height:1.5}
#productos .text-button{margin-top:auto;color:#fff;border:1px solid #fff;border-radius:30px;padding:9px 16px;font-size:13px;line-height:1.4;text-align:left}
#productos .text-button:hover{background:#ffffff25}
#productos .text-button:focus-visible{outline-color:var(--green);outline-offset:4px}
@media(max-width:1100px){#productos .products{gap:18px}#productos .product-body{padding:24px 18px}#productos .product h3{font-size:25px}#productos .section-heading{padding:0}#productos .flavors-note{font-size:23px;max-width:290px}.desktop-break{display:none}}
@media(max-width:800px){#productos .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}#productos .section-heading{display:block}#productos .flavors-note{margin:25px 0 35px auto;max-width:320px}#productos .product{border-radius:27px}#productos .product h3{font-size:29px}#productos{padding:40px 6% 45px}}
@media(max-width:450px){#productos .products{grid-template-columns:1fr;gap:24px}#productos .product-body{padding:26px}#productos .product h3{font-size:32px}#productos .product p{min-height:0}#productos h2{font-size:38px}#productos .flavors-note{font-size:23px}#productos .eyebrow{font-size:12px}}