@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--red:#cb0000;--red-dark:#a50000;--orange:#ff6900;--yellow:#ffc43d;--ink:#201c1a;--muted:#68615e;--line:#e9e3df;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:.97}button{border:0}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;padding:15px}.skip:focus{top:5px}.header{max-width:1440px;margin:auto;height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.logo{display:block;width:140px;flex-shrink:0}.logo img{width:100%;height:88px;object-fit:contain}.header nav{display:flex;gap:35px;font-size:15px;font-weight:600}.header nav a:hover{color:var(--red)}.header-cta{font-size:14px;font-weight:700;border-bottom:2px solid var(--red);padding:8px 0}.header-cta span{margin-left:18px;color:var(--red)}.hero{max-width:1440px;margin:auto;padding:45px 5% 35px;display:grid;grid-template-columns:1fr 1.05fr;min-height:610px;align-items:center;overflow:hidden}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;margin-bottom:22px}.hero h1{font-size:clamp(76px,8.2vw,126px);letter-spacing:-.025em;color:var(--red);font-weight:800}.hero-description{max-width:390px;color:var(--muted);font-size:17px;line-height:1.7;margin:26px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:14px 24px;background:var(--red);color:#fff;font-size:14px;font-weight:700;border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:var(--red-dark);transform:translateY(-2px)}.hero-note{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-top:28px}.note-line{width:28px;height:2px;background:var(--orange)}.hero-products{position:relative;height:535px;isolation:isolate}.hero-circle{position:absolute;width:420px;height:420px;max-width:85%;aspect-ratio:1;border-radius:50%;background:#ffc43d;left:9%;top:12%;z-index:-1}.hero-totopazos{position:absolute;height:505px;width:340px;object-fit:contain;left:5%;top:0;transform:rotate(-9deg);mix-blend-mode:multiply}.hero-salsa{position:absolute;width:285px;right:-1%;bottom:0;transform:rotate(7deg);mix-blend-mode:multiply}.hero-stamp{position:absolute;right:0;top:25px;z-index:2;color:var(--red);font-family:var(--display);font-size:23px;font-weight:800;line-height:1.03;border:2px solid var(--red);border-radius:50%;width:103px;height:103px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);background:white}.brand-strip{display:flex;align-items:center;justify-content:center;gap:5vw;background:var(--red);color:white;padding:20px 25px;font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:.06em}.brand-strip i{font-style:normal;color:var(--yellow)}.section{max-width:1320px;margin:auto;padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px;gap:25px}.section-heading .eyebrow{color:var(--red);margin-bottom:12px}.section-heading h2{font-size:clamp(48px,5vw,70px);letter-spacing:-.02em}.section-heading>p{color:var(--muted);font-size:15px;text-align:right}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 35px}.product-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:445px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:50px 34px 25px;overflow:hidden}.product-image>img{height:100%;width:100%;object-fit:contain;transition:transform .35s}.product-image:hover>img{transform:scale(1.035) rotate(-2deg)}.product-image>img.wide-product{height:85%;width:88%}.product-image>img.cookies{height:100%;width:95%}.product-number{position:absolute;top:21px;left:24px;font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--muted)}.image-action{position:absolute;right:21px;bottom:21px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:20px}.product-image:hover .image-action{background:var(--red);color:white;border-color:var(--red)}.product-info{padding:22px 0 0}.category{font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--red);margin-bottom:7px}.product-info h3{font-size:44px;margin-bottom:10px}.product-info p:not(.category){color:var(--muted);font-size:15px}.product-info small{font-size:12px;color:var(--muted);display:block;margin-top:7px}.detail-link{padding:8px 0;margin-top:13px;background:transparent;font-size:14px;font-weight:700;border-bottom:1px solid var(--orange)}.detail-link span{margin-left:30px;color:var(--red)}.contact{padding:60px max(5%,calc((100vw - 1188px)/2));background:var(--red);color:white;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact .eyebrow{color:var(--yellow);margin-bottom:15px}.contact h2{font-size:clamp(48px,5vw,70px);margin-bottom:16px}.contact p:not(.eyebrow){font-size:15px;color:#ffe7df}.contact-button{background:var(--yellow);color:#391900;white-space:nowrap}.contact-button:hover{background:#ffda70}footer{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 5%;gap:24px;color:var(--muted);font-size:12px}footer p{text-align:center}.footer-logo{width:110px}.footer-logo img{height:75px}dialog{border:0;border-radius:12px;width:min(920px,calc(100% - 36px));max-height:90vh;padding:44px;box-shadow:0 20px 90px #0004;overflow:auto}dialog::backdrop{background:#201c1ac9;backdrop-filter:blur(3px)}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.dialog-photo img{width:100%;height:390px;object-fit:contain}.dialog-copy h2{font-size:62px;color:var(--red);margin-bottom:20px}.dialog-copy .eyebrow{margin-bottom:15px}.dialog-copy>p:not(.eyebrow){color:var(--muted);margin-bottom:20px}.presentation{font-weight:700}.dialog-copy .button{margin-top:10px}.close-dialog{position:absolute;top:10px;right:15px;background:white;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:26px;line-height:1}.illustration-note{font-size:12px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.hero-products{height:575px}.hero-totopazos{height:550px}.hero-salsa{width:310px}}
@media(max-width:1000px){.header-cta{display:none}.hero{min-height:540px}.hero-products{height:450px}.hero-totopazos{height:410px;width:275px;left:0}.hero-salsa{width:235px;right:-6%}.hero-circle{height:auto;top:15%}.hero-stamp{width:85px;height:85px;font-size:20px}.brand-strip{gap:4vw;font-size:22px}.product-image{height:380px}.contact{gap:25px}.contact-button{white-space:normal;text-align:center;min-width:220px}footer{flex-wrap:wrap}}
@media(max-width:650px){html{scroll-padding-top:20px}.header{height:80px;padding:0 20px;gap:10px}.logo{width:105px}.logo img{height:72px}.header nav{font-size:12px;gap:18px}.hero{grid-template-columns:1fr;padding:35px 24px 20px;gap:10px}.eyebrow{font-size:11px;margin-bottom:17px}.hero h1{font-size:78px}.hero-description{font-size:16px;margin:22px 0;max-width:370px}.hero-note{margin-top:20px}.hero-products{height:365px;max-width:410px;width:100%;margin:auto}.hero-totopazos{height:355px;width:240px;left:2%}.hero-salsa{width:205px;right:0}.hero-circle{width:290px;top:10%;left:8%}.hero-stamp{right:2%;top:8px;width:78px;height:78px;font-size:18px}.brand-strip{gap:12px;justify-content:space-around;padding:16px 12px;font-size:15px;letter-spacing:.02em}.brand-strip i{font-size:13px}.section{padding:55px 24px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:51px}.section-heading>p{display:none}.product-grid{grid-template-columns:1fr;gap:38px}.product-image{height:385px}.product-info h3{font-size:40px}.contact{padding:42px 24px;display:block}.contact h2{font-size:54px}.contact-button{margin-top:25px}footer{padding:20px 24px;justify-content:center;gap:8px 24px}footer p{width:100%;order:3}dialog{padding:42px 22px 28px}.dialog-grid{grid-template-columns:1fr;gap:22px}.dialog-photo img{height:240px}.dialog-copy h2{font-size:48px}.dialog-copy .eyebrow{margin-bottom:10px}}
/* Calu Foods: charcoal, bold gold typography and the red of the brand. */
:root{--ink:#f8f4ed;--muted:#b9b2a8;--line:#36322d}
body{background:#111110}.header{border-bottom-color:#36322d;background:#111110}.header nav a:hover{color:var(--yellow)}.header-cta{border-color:var(--yellow)}.header-cta span{color:var(--yellow)}
.hero{position:relative;isolation:isolate;display:flex;min-height:655px;max-width:none;padding:65px max(5%,calc((100vw - 1296px)/2));background:#131311}.hero-copy{position:relative;z-index:2;width:56%}.hero-photo{position:absolute;inset:0;z-index:-2;background-image:url('assets/hero-antojos.png');background-size:cover;background-position:center 55%}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,9,.96) 0%,rgba(10,10,9,.85) 28%,rgba(10,10,9,.22) 65%,rgba(10,10,9,.05))}.hero .eyebrow{color:var(--yellow)}.hero h1{font-size:clamp(78px,8.7vw,132px);color:#fff;letter-spacing:-.025em;font-weight:900}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-description{color:#e5ded2;max-width:370px}.hero-note{color:#d0c7b9}.note-line{background:var(--yellow)}.button{background:var(--yellow);color:#18130b}.button:hover{background:#ffda70}.brand-strip{background:var(--yellow);color:#201707;border-top:4px solid var(--orange);font-weight:800}.brand-strip i{color:var(--red)}.section-heading .eyebrow{color:var(--yellow)}.product-image{border-color:#fff;background:#fff}.product-number{color:#645c54}.image-action{color:#302823;border-color:#ddd}.product-image:hover .image-action{color:#fff}.category{color:var(--yellow)}.product-info h3{text-transform:uppercase;font-weight:800;letter-spacing:.01em}.detail-link{color:#fff;border-color:var(--yellow)}.detail-link span{color:var(--yellow)}.contact{background:var(--yellow);color:#201707;border-top:6px solid var(--orange)}.contact .eyebrow{color:#6c3900}.contact p:not(.eyebrow){color:#47361b}.contact-button{background:#171512;color:white}.contact-button:hover{background:var(--red);color:#fff}.footer-logo{filter:none}dialog{background:#fff;color:#241d16}.dialog-copy .eyebrow{color:#795325}.dialog-copy>p:not(.eyebrow){color:#62584d}.close-dialog{color:#241d16}.skip{color:#111}
@media(max-width:1000px){.hero{min-height:600px}.hero-copy{width:65%}.hero h1{font-size:94px}.hero-photo{background-position:60% center}}
@media(max-width:650px){.hero{padding:40px 24px 270px;min-height:750px;display:block}.hero-copy{width:100%}.hero h1{font-size:76px}.hero .eyebrow{margin-bottom:18px}.hero-description{max-width:310px}.hero-photo{background-position:72% bottom;background-size:auto 510px;background-repeat:no-repeat}.hero::after{background:linear-gradient(180deg,#111110 0%,#111110 36%,rgba(17,17,16,.87) 52%,rgba(17,17,16,0) 78%)}.hero-note{font-size:11px}.header{padding:0 18px}.header nav{font-size:12px;gap:15px}.product-image{height:360px}.product-info h3{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.system-login{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;padding:10px 16px;border:1px solid var(--yellow);border-radius:4px;font-size:14px;font-weight:700;color:var(--yellow)}
.system-login:hover{background:var(--yellow);color:#18130b}
@media(max-width:650px){.header{height:auto;min-height:110px;display:grid;grid-template-columns:1fr auto;gap:0 12px;padding-bottom:14px}.header .logo{grid-column:1;grid-row:1}.system-login{grid-column:2;grid-row:1;font-size:13px;padding:8px 12px}.header nav{grid-column:1 / -1;grid-row:2;justify-content:flex-end;font-size:14px;gap:24px}}

.header .system-login{padding:0;border:0;border-radius:0;background:transparent;color:inherit;gap:0}.header .system-login:hover{background:transparent;color:var(--yellow);text-decoration:underline;text-underline-offset:5px}

/* Desktop navigation sits beside the logo; Login stays on the right. */
@media(min-width:651px){.header{justify-content:flex-start;column-gap:clamp(24px,6vw,113px)}.header .system-login{margin-left:auto}}