/* Pan Lelú — identidad de la referencia aprobada */
:root{--green:#4d852d;--sage:#78b83d;--cream:#fff8ec;--mustard:#d98225;--brown:#487d2a;color:#487d2a;background:#fff;font-family:Montserrat,Arial,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}p{line-height:1.8}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:Montserrat,Arial,sans-serif}h1,h2{color:var(--green)}.cta h2{color:#fff}em{font-style:normal}section{scroll-margin-top:24px}.header{max-width:1440px;margin:auto;min-height:106px;padding:12px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e4ddcf;background:#fff}.logo{display:block;flex-shrink:0}.logo img{width:158px;height:auto;mix-blend-mode:multiply}.header nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:600}.header nav a:hover,.quiet:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;background:#487d2a;color:#fff;border-radius:9px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#487d2a;transform:translateY(-2px)}.button.small{font-size:12px;padding:13px 21px}.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--mustard);outline-offset:5px}.skip-link{position:absolute;left:20px;top:-80px;background:#487d2a;color:white;padding:14px;z-index:10}.skip-link:focus{top:8px}.mobile-nav{display:none}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:45% 55%;align-items:center;min-height:570px;max-width:1440px;margin:auto;padding:55px 0 55px 6%;background:var(--cream);overflow:hidden}.hero-copy{position:relative;z-index:1;max-width:540px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#487d2a}h1{font-size:clamp(46px,5.2vw,76px);font-weight:800;letter-spacing:-3px;line-height:1.06;margin:20px 0 30px}h1 em{position:relative;display:inline-block}h1 em:after{content:"";position:absolute;left:1px;right:-8px;bottom:-11px;height:7px;background:var(--mustard);border-radius:70% 30% 60% 40%;transform:rotate(-2deg)}.hero-copy>p{font-size:15px;max-width:390px;color:#424d3e;line-height:1.7;margin-bottom:22px}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.quiet{font-size:11px;font-weight:600}.hero-copy .launch-note{font-size:10px;margin:19px 0 0;color:#687160}.hero-art{position:relative;margin:0;align-self:stretch;display:flex;align-items:center}.hero-art>img{width:100%;height:100%;min-height:450px;object-fit:cover;mix-blend-mode:multiply}.hero-art figcaption{position:absolute;bottom:6px;right:24px;font-size:9px;color:#69705e}.sun-rays{position:absolute;width:58px;height:58px;left:2%;top:5%;z-index:1;background:linear-gradient(75deg,transparent 44%,var(--mustard) 45% 55%,transparent 56%) 20px 0/20px 25px no-repeat,linear-gradient(40deg,transparent 44%,var(--mustard) 45% 55%,transparent 56%) 0 25px/25px 20px no-repeat,linear-gradient(100deg,transparent 44%,var(--mustard) 45% 55%,transparent 56%) 45px 0/10px 30px no-repeat;transform:rotate(-14deg)}
.benefits{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:25px 12%;gap:25px;border-bottom:1px solid #e9e3d8;background:#fff}.benefits>div{text-align:center;font-size:11px;line-height:1.5;display:flex;align-items:center;gap:13px;justify-content:center}.benefits svg{width:37px;height:37px;flex-shrink:0;color:var(--sage)}.benefits>div:nth-child(3) svg{color:var(--mustard)}.values,.menu,.steps,.packaging{max-width:1440px;margin:auto;padding:80px 6%}h2{font-size:clamp(30px,3.3vw,45px);line-height:1.15;letter-spacing:-1.5px;margin:15px 0 24px;font-weight:800}h2 em{color:#4d852d}.values{text-align:center;padding-top:64px;padding-bottom:65px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:38px auto 0;max-width:1120px}.value-icon{display:inline-block}.value-icon svg{width:42px;height:42px;color:var(--sage)}.value-grid h3{font-size:17px;margin:15px 0 10px}.value-grid p{font-size:12px;color:#687160;margin:0}.menu{background:#fff8ec}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-heading h2{margin-bottom:12px}.section-heading>p{max-width:310px;font-size:12px;color:#687160}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:30px}.product{background:#fff;border:1px solid #e8dfd1;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #6d543208}.product>img{width:100%;height:auto;aspect-ratio:1.36;object-fit:cover}.product>div{padding:22px 19px}.product span{font-size:9px;font-weight:700;letter-spacing:1px;color:#487d2a}.product h3{font-size:21px;letter-spacing:-.5px;margin:10px 0}.product p{font-size:12px;color:#687160;margin:0}.note{font-size:10px;color:#687160;line-height:1.7;margin:23px 0 0}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.steps>div>p,.packaging p{font-size:13px;color:#687160;max-width:450px}.step-list article{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #e5e2d7}.step-list b{font-size:20px;color:#487d2a}.step-list h3{font-size:16px;margin:0 0 8px}.step-list p{font-size:12px;color:#687160;margin:0}.packaging{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;background:var(--cream)}.packaging-visual{display:flex;align-items:center;justify-content:center;min-height:310px}.kraft-bag{position:relative;background:#b88b53;width:210px;height:270px;display:flex;align-items:center;justify-content:center;box-shadow:12px 9px 0 #b88b53;transform:rotate(5deg);border-radius:3px 3px 8px 8px}.kraft-bag:before{content:"";position:absolute;top:0;left:-8px;right:-8px;height:38px;background:#b88b53;box-shadow:0 3px 5px #72502826;transform:skewX(-8deg)}.kraft-bag img{width:175px;height:auto;mix-blend-mode:multiply;transform:rotate(-5deg)}.cta{text-align:center;background:#487d2a;color:white;padding:75px 6%}.cta .eyebrow{color:#fff8ec}.cta h2 em{color:#fff8ec}.cta>p{max-width:510px;font-size:13px;margin:0 auto 20px;color:#fff}.cta .contact-note{font-size:11px}.button.inverse{background:var(--cream);color:#487d2a}.cta small{display:block;max-width:520px;margin:20px auto 0;color:#fff8ec;font-size:10px;line-height:1.8}footer{max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px}footer .logo img{width:132px}footer p,footer>span{font-size:10px;color:#687160;margin:0}
@media(min-width:1441px){body{background:#fff}main,footer{background:#fff}.cta{max-width:1440px;margin:auto}}
@media(max-width:1000px){.header nav{gap:17px}.header{padding-inline:5%}.hero{padding-left:5%;grid-template-columns:46% 54%;min-height:500px}h1{font-size:58px}.hero-art>img{min-height:400px}.hero-copy>p{font-size:13px}.hero .actions{gap:13px}.hero .button{font-size:11px;padding:15px}.benefits{padding-inline:6%;gap:15px}.benefits>div{font-size:10px;gap:9px}.menu-grid{gap:13px}.product>div{padding:18px 14px}.product h3{font-size:18px}.value-grid{gap:30px}}
@media(max-width:760px){.header{min-height:87px;flex-wrap:wrap;padding:10px 5%;gap:12px}.header .logo img{width:128px}.header>nav{display:none}.header>.button{margin-left:auto;font-size:11px;padding:12px 16px}.mobile-nav{display:block;order:3}.mobile-nav summary{list-style:none;cursor:pointer;font-size:24px;padding:8px;color:var(--green)}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open]{flex-basis:100%}.mobile-nav[open] summary{font-size:19px}.mobile-nav nav{display:flex;gap:0;flex-direction:column;align-items:stretch;padding:0 0 10px}.mobile-nav nav a{padding:13px;border-top:1px solid #e9e3d8}.hero{grid-template-columns:1fr;padding:38px 0 0;min-height:0}.hero-copy{padding:0 7%;max-width:none}h1{font-size:clamp(46px,9vw,64px);letter-spacing:-2px;margin:18px 0 28px}.hero-copy>p{max-width:370px;font-size:13px}.hero .button{font-size:12px;padding:15px 19px}.hero-art{margin-top:5px;min-height:0;aspect-ratio:1.7}.hero-art>img{height:100%;min-height:0;object-fit:cover}.hero-art figcaption{bottom:12px;font-size:8px}.sun-rays{top:10px;left:9%}.benefits{grid-template-columns:repeat(4,1fr);padding:20px 5%;gap:8px}.benefits>div{flex-direction:column;font-size:9px;gap:8px}.benefits svg{width:30px;height:30px}.values,.menu,.steps,.packaging{padding:50px 7%}h2{font-size:32px;letter-spacing:-1px}.value-grid{gap:22px}.value-grid h3{font-size:14px}.value-grid p{font-size:11px}.section-heading{display:block}.section-heading>p{max-width:400px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product h3{font-size:19px}.steps{grid-template-columns:1fr;gap:10px}.packaging{grid-template-columns:1fr;gap:15px}.packaging-visual{min-height:300px}.cta{padding:55px 7%}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:25px 7%;gap:15px}footer>span{flex-basis:100%}}
@media(max-width:420px){.hero .actions{align-items:flex-start;flex-direction:column;gap:16px}.value-grid{grid-template-columns:1fr;gap:25px;margin-top:27px}.value-grid article{max-width:280px;margin:auto}.value-grid h3{font-size:17px}.value-grid p{font-size:12px}.product>div{padding:16px 12px}.product h3{font-size:17px}.product span{font-size:8px}.product p{font-size:11px}.menu-grid{gap:12px}.header .logo img{width:116px}.header>.button{padding:12px;font-size:10px}.header{gap:8px}.eyebrow{font-size:9px;letter-spacing:1.5px}}
.hero-art>img{mask-image:linear-gradient(to right,transparent,#000 12%),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
@media(max-width:760px){.hero-art>img{mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* v1.1: #487d2a is the AA contrast variant for small text, buttons and the CTA. */