@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--green:#123e2c;--cream:#fbf7ed;--gold:#e7ae37;--ink:#18392b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,summary{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c34b26;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 6%;border-bottom:1px solid #18392b22;background:var(--cream)}.brand{font-weight:900;font-size:29px;letter-spacing:-1px;line-height:1}.brand>span{font-size:36px}.brand small{display:block;font:8px/2 sans-serif;letter-spacing:2px;text-align:center}nav{display:flex;gap:30px;font-size:14px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:660px;overflow:hidden}.hero-copy{padding:75px 5% 55px 12%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 22px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;line-height:1.08;letter-spacing:-2px;margin:0 0 25px}h1{font-size:clamp(44px,5vw,76px)}h2{font-size:clamp(36px,4vw,60px)}em{font-weight:600;color:#a9542d}.intro{font-size:21px;font-weight:600;line-height:1.4}.hero-copy>p:not(.eyebrow){max-width:490px}.button{display:inline-flex;gap:25px;align-items:center;background:var(--green);color:white;padding:15px 22px;border-radius:4px;margin-top:20px;font-size:14px}.button:hover{background:#286045}.origin-mark{margin-top:40px;font-weight:800;letter-spacing:1px}.origin-mark span{display:block;font-size:11px;font-weight:400;letter-spacing:0}.hero-art{position:relative;background:#f0e7cf;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art img{width:78%;max-height:600px;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1}.sun{position:absolute;width:440px;height:440px;border-radius:50%;background:#e7b855;opacity:.45}.art-note{position:absolute;right:7%;bottom:25px;font-family:Georgia,serif;font-style:italic;line-height:1.3;font-size:20px;z-index:2}.ribbon{background:var(--gold);padding:16px;text-align:center;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:700;letter-spacing:2px}.ribbon span{margin:0 50px}.section{padding:90px 7%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:45px}.section-top>p{max-width:360px;margin-bottom:30px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}.filters button{border:1px solid #18392b44;border-radius:30px;padding:9px 20px;color:var(--green);background:transparent;font-size:13px}.filters button.active{background:var(--green);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-grid article{border:1px solid #18392b22;background:#fff;border-radius:8px;overflow:hidden}.product-grid article[hidden]{display:none}.product-art{height:360px;display:flex;justify-content:center;background:#faf7f0;padding:15px}.product-art img{max-width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.red{background:#fff1e9}.gold{background:#fff5dc}.blue{background:#ecf3f9}.product-body{padding:26px}.product-kind{font-size:9px;letter-spacing:1.3px;font-weight:700}h3{font:600 30px/1.2 'Playfair Display',Georgia,serif;margin:12px 0}.product-body p{font-size:14px}.product-body details{border-top:1px solid #ddd;padding-top:15px}summary{font-size:13px;font-weight:700;display:flex;justify-content:space-between;list-style:none}.catalog-note{font-size:12px;color:#536357;margin-top:25px}.story{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1.5fr;gap:12%}.story h2 em{color:#e8bb65}.story p{max-width:650px}.story-number{font:italic 180px/1 Georgia,serif;color:#e8bb65;border-top:1px solid #ffffff55;padding-top:30px}.story-number span{display:block;font:12px sans-serif;letter-spacing:3px;margin-top:25px}.signature{margin-top:35px;font-size:12px}.signature strong{display:block;font-size:25px}.signature span{color:#d7cda9}.family{text-align:center}.family>img{width:100%;border-radius:10px;margin-top:20px;display:block}.family>p:last-child{max-width:700px;margin:28px auto 0}.closing{text-align:center;padding:80px 20px;background:#eadbb7}.closing h2{font-size:clamp(42px,5vw,70px)}footer{padding:35px 7%;display:flex;align-items:center;gap:30px;font-size:11px;flex-wrap:wrap}footer strong{font-size:25px}footer span{margin-left:auto}footer p{margin:0}@media(max-width:760px){header{padding:18px 5%}nav{gap:15px;font-size:12px}.nav-last{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 35px}.hero-art{height:440px}.hero-art img{height:410px;width:auto}.art-note{font-size:16px}.sun{width:300px;height:300px}.section{padding:55px 6%}.section-top{display:block}.section-top>p{max-width:none}.product-grid{grid-template-columns:1fr}.product-art{height:390px}.story{grid-template-columns:1fr;gap:25px}.story-number{font-size:70px}.story-number span{display:inline-block;margin-left:20px}.family>img{border-radius:4px}.ribbon{font-size:11px}.ribbon span{margin:0 20px}footer{gap:10px}footer span{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.email-button{background:transparent;color:var(--green);border:1px solid var(--green)}.email-button:hover{color:white}.contact-details{font-size:15px;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline}@media(max-width:400px){header{gap:10px}nav{gap:9px;font-size:11px}}

/* Fotografías reales con sus personajes */
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.real-product{margin:0;position:relative;background:#eee6d6}.real-product>a{display:block;height:430px;overflow:hidden}.real-photo{display:block;width:100%;height:100%;object-fit:cover}.paconosi-photo .real-photo{object-position:50% 35%}.chorizo-photo .real-photo{object-fit:contain;background:#d7d6d1}.hamburguesa-photo .real-photo{object-position:center;height:100%;object-fit:contain;background:#ddd;transform:none}.costillar-photo .real-photo{object-position:50% 65%}.mascot-badge{position:absolute;right:14px;bottom:48px;width:95px;height:140px;object-fit:contain;background:white;border:3px solid white;border-radius:12px;box-shadow:0 4px 18px #0002}.real-product figcaption{padding:11px 16px;background:#f5f0e5;color:#405047;font-size:12px}.costillar-card{border-color:#b18a42!important}.costillar-card .product-body{background:#123e2c;color:#fbf7ed}.costillar-card .product-kind{color:#e8bb65}.costillar-card details{border-color:#ffffff44}.costillar-card details a{display:block;font-size:13px;color:#e8bb65;margin-top:14px}@media(max-width:760px){.product-grid{grid-template-columns:1fr}.real-product>a{height:380px}.mascot-badge{width:80px;height:120px}}

/* Fotografías de elaboración de octubre */
.hamburguesa-photo .real-photo,.chorizo-photo .real-photo{height:100%;width:100%;object-fit:cover;object-position:center;transform:none}.process{background:#f1ebdb}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.process-grid figure{margin:0;background:#fff;border-radius:8px;overflow:hidden}.process-grid img{display:block;width:100%;height:330px;object-fit:cover}.process-grid figcaption{padding:20px;font-size:14px}.process-grid strong{display:block;font-size:18px;margin-bottom:6px}@media(max-width:760px){.process-grid{grid-template-columns:1fr}.process-grid img{height:350px}}

.text-link{display:inline-block;margin:18px 0 0 18px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.origin-social{display:block;margin-top:18px;text-decoration:underline;color:#e8bb65}.purchase{background:#f1ebdb}.purchase-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.purchase-grid article{background:#fff;padding:32px;border:1px solid #18392b22;border-radius:8px}.purchase-grid .text-link{display:block;margin-left:0}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:32px 0}.channel-grid>div{border-top:2px solid #c49a4a;padding-top:15px}.channel-grid p{font-size:15px}@media(max-width:760px){.purchase-grid,.channel-grid{grid-template-columns:1fr}.purchase-grid article{padding:24px}nav{gap:12px;font-size:11px}.hero-copy>.text-link{margin-left:0;display:block}}

/* Actualización de catálogo y familia, octubre 2026 */
.review-banner{text-align:center;background:#e8efdc;color:#34533e;font-size:11px;padding:6px 12px;letter-spacing:.7px}.origin-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 7%;gap:25px;background:#f5ecd8;border-top:1px solid #ddd1b7}.origin-strip>span{font-size:13px}.origin-strip strong{display:block;font-size:16px}.origin-strip i{font-size:13px}.label-product{margin:0;background:#fff9ec}.label-product>a{display:block}.label-product img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.label-product figcaption{font-size:11px;padding:10px 16px;background:#f5f0e5;color:#405047}.product-grid{align-items:start}.cabanosi-photo>a{height:auto;aspect-ratio:4/3}.cabanosi-photo .real-photo{object-position:50% 26%}.pack-info{display:flex;gap:20px;align-items:center;padding:16px 0;margin:12px 0 20px;border-block:1px solid #18392b22}.pack-info strong{font-size:20px;line-height:1.3}.pack-info span{font-size:13px;line-height:1.5}.pack-switch{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.pack-switch button{padding:10px 12px;border:1px solid #bdaa87;border-radius:6px;background:#fff8e9;color:#18392b;font-size:12px}.pack-switch button.selected{background:#b05724;color:white;border-color:#b05724}.allergen{font-weight:700}.product-cta{display:block;margin-top:22px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.costillar-card .product-body{background:#e5efdf;color:#18392b}.costillar-card .product-kind{color:#496035}.costillar-card details{border-color:#18392b33}.costillar-card details a{color:#395e2a}.story-number{font-size:90px;letter-spacing:-4px}.story-number span{font-size:10px;letter-spacing:1.5px;line-height:1.7}.origin-chain{margin-top:65px;border-left:1px solid #e8bb6577;padding-left:22px;letter-spacing:0}.origin-chain p{font:600 23px/1.4 Georgia,serif;margin:32px 0 4px;color:#fbf7ed}.origin-chain span{margin:0;font:12px/1.6 'DM Sans',sans-serif;letter-spacing:0;color:#ddd5b8}.family-friend{display:grid;grid-template-columns:250px 1fr;gap:50px;max-width:850px;margin:55px auto 0;padding-top:40px;border-top:1px solid #c9ccb9;text-align:left;align-items:center}.family-friend img{width:100%;height:auto;max-height:350px;object-fit:contain;mix-blend-mode:multiply}.family-friend h3{font-size:42px}.friend-note{font-size:13px;color:#51604e}.family>p{max-width:700px;margin:28px auto 0}.family-friend .eyebrow{margin-bottom:8px}
@media(max-width:760px){.origin-strip{grid-template-columns:1fr;gap:16px;padding:25px 7%}.origin-strip>span{border-left:2px solid #be873a;padding-left:15px}.family-friend{grid-template-columns:120px 1fr;gap:20px}.family-friend h3{font-size:30px}.family-friend p{font-size:13px}.family-friend .eyebrow{font-size:9px;letter-spacing:1px}.story-number{font-size:65px}.story-number>span{display:block;margin-left:0}.origin-chain{display:none}.pack-info{flex-wrap:wrap;gap:8px 20px}.label-product figcaption{font-size:10px}.product-body{padding:22px}}

/* La familia recibe al visitante en la portada. */
.hero-family{display:flex;flex-direction:column;min-height:0;background:#fff}
.hero-family .hero-art{height:auto;padding:24px 5% 0;background:#fff;overflow:visible}
.hero-family .hero-art img{display:block;width:100%;height:auto;max-width:1120px;max-height:none;object-fit:contain;mix-blend-mode:normal}
.hero-family .hero-copy{width:100%;max-width:900px;margin:0 auto;padding:38px 24px 52px;text-align:center}
.hero-family h1{font-size:clamp(40px,5vw,64px)}
.hero-family .hero-copy>p:not(.eyebrow){max-width:680px;margin-left:auto;margin-right:auto}
.hero-family .eyebrow{margin-bottom:16px}
.hero-family .origin-mark{margin-top:26px}
@media(max-width:760px){.hero-family .hero-art{height:auto;padding:16px 3% 0}.hero-family .hero-art img{width:100%;height:auto}.hero-family .hero-copy{padding:28px 6% 36px}.hero-family .hero-copy>.text-link{display:block;margin-left:0}}

/* Tres miradas a la historia de PACORA. */
.galleries{background:#f1ebdb}.gallery-intro{max-width:650px}.album-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0 46px}.album-card{padding:0;text-align:left;border:2px solid transparent;border-radius:10px;background:#fff;color:var(--green);overflow:hidden;box-shadow:0 3px 14px #17352708}.album-card>img{display:block;width:100%;height:190px;object-fit:cover}.album-card:nth-child(2)>img{object-position:center 36%}.album-card>span{display:block;padding:20px}.album-card small{font-size:10px;letter-spacing:1.5px}.album-card strong{display:block;font:600 25px/1.18 Georgia,serif;margin:10px 0;min-height:60px}.album-open{font-size:12px}.album-card[aria-pressed=true]{border-color:var(--green);background:var(--green);color:#fff}.album-card:hover{border-color:#a9542d}.album-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #18392b33;padding-top:22px;margin-bottom:25px}.album-heading h3{font-size:30px}.album-heading p{font-size:14px;max-width:690px}.album-heading>span{white-space:nowrap;font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gallery-grid figure{margin:0;min-width:0}.gallery-grid a{display:block;position:relative;border-radius:7px;overflow:hidden;background:#d6dccf}.gallery-grid img{display:block;width:100%;height:240px;object-fit:cover;transition:transform .25s}.gallery-grid a:hover img{transform:scale(1.025)}.photo-expand{position:absolute;right:12px;bottom:12px;background:#123e2ce6;color:#fff;border-radius:50%;width:32px;height:32px;text-align:center;font-size:23px;line-height:32px}.gallery-grid figcaption{font-size:14px;font-weight:600;padding:10px 0 6px}.gallery-more{display:block;margin:32px auto 0;background:transparent;border:1px solid var(--green);border-radius:4px;padding:12px 24px;color:var(--green)}.gallery-more:hover{background:#e1e5d4}.gallery-more span{margin-left:15px}.gallery-hint{font-size:12px;text-align:center;margin:22px 0 0;color:#536357}.album-panel[hidden],.gallery-grid [hidden],.gallery-more[hidden]{display:none}.photo-open{overflow:hidden}.photo-dialog{padding:20px;border:0;border-radius:10px;background:#102a20;color:#fff;width:min(1100px,94vw);max-width:94vw;max-height:95dvh}.photo-dialog::backdrop{background:#05140eea}.photo-toolbar,.photo-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.photo-dialog button{background:#ffffff12;color:white;border:1px solid #ffffff55;border-radius:5px;padding:10px 16px;min-height:44px}.photo-dialog button:hover{background:#ffffff25}.photo-dialog figure{margin:12px 0}.photo-dialog img{display:block;width:100%;height:66dvh;object-fit:contain}.photo-dialog figcaption{text-align:center;min-height:26px;padding-top:10px;font-size:15px}.photo-navigation>span{font-size:11px;color:#c4d2c9}
@media(max-width:900px){nav{gap:16px}.album-card strong{font-size:22px}.gallery-grid img{height:200px}}
@media(max-width:760px){header{flex-wrap:wrap;gap:18px}nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.album-select{grid-template-columns:1fr;gap:12px;margin:28px 0}.album-card{display:grid;grid-template-columns:110px 1fr;align-items:stretch}.album-card>img{height:100%;min-height:128px}.album-card>span{padding:14px}.album-card strong{min-height:0;font-size:22px;margin:6px 0}.album-card small{font-size:9px;letter-spacing:1px}.album-heading{display:block;padding-top:15px}.album-heading h3{font-size:27px}.album-heading p{margin-bottom:8px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.gallery-grid img{height:190px}.gallery-grid figcaption{font-size:12px;line-height:1.4}.photo-dialog{padding:12px;width:96vw;max-width:96vw}.photo-dialog img{height:60dvh}.photo-navigation>span{display:none}.photo-dialog figcaption{font-size:13px}.gallery-more{font-size:13px}}
@media(max-width:400px){.gallery-grid img{height:160px}.album-card strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.gallery-grid img{transition:none}}