:root{--red:#b91f18;--ink:#1b140f;--paper:#f8eed9;--yellow:#ffca3a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:500 16px/1.5 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.skip{position:absolute;top:-100px;left:1rem;background:white;padding:1rem;z-index:100}.skip:focus{top:1rem}.topline{height:30px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 3%;font-size:.64rem;font-weight:800;letter-spacing:.17em}.site-header{height:78px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 3%;border-bottom:2px solid var(--ink)}.brand{display:flex;align-items:baseline;gap:.3em;font:900 1.68rem/1 'Barlow Condensed',sans-serif;letter-spacing:-.02em}.brand strong{color:var(--red)}.brand span{font-size:1rem;color:var(--red);align-self:center;margin-left:.25em}.site-header nav{display:flex;gap:3rem;font-size:.78rem;font-weight:800;letter-spacing:.08em}.site-header nav a:hover,.header-cta:hover{color:var(--red)}.header-cta{border:2px solid var(--ink);padding:.7rem 1rem;font-size:.75rem;font-weight:800;letter-spacing:.04em}.header-cta span{margin-left:1.5rem}.hero{min-height:660px;height:calc(100svh - 108px);max-height:920px;display:grid;grid-template-columns:75px minmax(0,1.25fr) minmax(340px,.75fr);grid-template-rows:1fr 48px;background:var(--paper);overflow:hidden}.hero-left{grid-row:1;grid-column:1;border-right:2px solid var(--ink);background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 0}.hero-left span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.63rem;line-height:1.4;letter-spacing:.2em;font-weight:800}.hero-left b{font-size:2.4rem;color:var(--red)}.hero-logo{grid-row:1;grid-column:2;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:3rem 1rem;background:radial-gradient(circle at 50% 50%,#ffe3a9 0,#f9e8c8 42%,#f5e4c5 80%)}.hero-disc{position:absolute;width:min(75%,540px);aspect-ratio:1;border:2px dashed var(--red);border-radius:50%;transform:rotate(-11deg)}.hero-disc:before,.hero-disc:after{content:'✳';position:absolute;color:var(--red);font-size:2.2rem}.hero-disc:before{top:0;left:8%}.hero-disc:after{right:0;bottom:2%}.hero-logo img{position:relative;z-index:1;display:block;width:min(92%,730px);height:auto;filter:drop-shadow(0 24px 9px #603a2c35);transform:rotate(-7deg)}.hero-right{grid-row:1;grid-column:3;background:var(--red);color:var(--paper);border-left:2px solid var(--ink);padding:clamp(30px,5vw,78px) clamp(25px,4vw,70px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.hero-overline{font-size:.73rem;font-weight:800;letter-spacing:.19em;border-top:2px solid var(--yellow);padding-top:1rem;margin:0}.hero h1,h2,h3,.footer-big{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.81;letter-spacing:-.04em}.hero h1{font-size:clamp(4.7rem,7vw,8rem);margin:.22em 0 .17em;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-right>p:not(.hero-overline){font-size:1.1rem;max-width:250px;margin:0 0 2rem}.hero-button{display:flex;justify-content:space-between;gap:3rem;min-width:225px;background:var(--yellow);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:.9rem 1rem;color:var(--ink);font-size:.83rem;font-weight:900;letter-spacing:.06em}.hero-button:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--ink)}.hero-note{position:absolute;bottom:25px;left:clamp(25px,4vw,70px);right:clamp(25px,4vw,70px);border-top:1px solid #fff8;padding-top:12px;display:flex;justify-content:space-between;font-size:.62rem;font-weight:800;letter-spacing:.14em}.hero-bottom{grid-row:2;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 3%;background:var(--ink);color:var(--paper);font-size:.67rem;font-weight:800;letter-spacing:.2em}.section-label{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding:1.1rem 0;font-size:.7rem;font-weight:800;letter-spacing:.16em}.menu,.locations{padding:85px 7% 105px}.menu-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:7%;padding-top:70px;align-items:center}.stamp{display:inline-block;color:var(--red);border:2px solid var(--red);transform:rotate(-5deg);padding:.5rem .8rem;font-size:.65rem;font-weight:900;letter-spacing:.12em}.menu h2,.locations h2{font-size:clamp(6rem,11vw,12rem);margin:.25em 0 .2em}.menu h2 em,.locations h2 em{color:var(--red);font-style:normal}.menu-intro>p:not(.stamp){font-size:1.1rem;line-height:1.6;max-width:350px}.menu-arrow{font:900 6rem/1 'Barlow Condensed',sans-serif;color:var(--red);margin-top:2rem}.menu-board{background:var(--ink);color:var(--paper);min-height:520px;padding:24px;border:10px solid var(--red);outline:2px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;box-shadow:16px 16px 0 #d7bfa0}.board-top,.board-bottom{display:flex;justify-content:space-between;gap:1rem;border-bottom:2px dashed var(--paper);padding-bottom:15px;font-size:.7rem;font-weight:900;letter-spacing:.12em}.board-bottom{border-bottom:0;border-top:2px dashed var(--paper);padding:15px 0 0}.board-center{text-align:center}.board-star{color:var(--yellow);font-size:3rem}.board-center p{font:900 clamp(3.5rem,6vw,6.5rem)/.83 'Barlow Condensed',sans-serif;letter-spacing:-.025em;margin:.3em 0}.board-center small{display:inline-block;color:var(--yellow);border:2px solid var(--yellow);padding:.4rem .8rem;font-weight:900;letter-spacing:.2em}.locations{background:var(--yellow)}.location-title{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin:60px 0}.locations h2{font-size:clamp(5rem,9vw,9.5rem);margin:0}.locations h2 em{color:var(--red)}.location-title p{max-width:330px;font-size:1.05rem;line-height:1.6;margin:0 0 .5rem}.location-list{border-top:3px solid var(--ink)}.location-row{border-bottom:3px solid var(--ink);padding:30px 10px;display:grid;grid-template-columns:120px 1fr 70px;align-items:center;gap:1rem}.location-number{font:900 5rem/1 'Barlow Condensed',sans-serif;color:var(--red)}.row-kicker{font-size:.7rem;font-weight:900;letter-spacing:.18em}.location-row h3{font-size:clamp(2.7rem,5vw,5rem);margin:.12em 0}.location-row p{margin:0;font-size:.9rem}.row-symbol{font:900 3rem/1 'Barlow Condensed',sans-serif;text-align:right}footer{background:var(--red);color:var(--paper);padding:45px 7% 25px}.footer-big{font-size:clamp(6rem,14vw,18rem);white-space:nowrap;letter-spacing:-.055em}.footer-big span{color:var(--yellow);font-size:.23em;vertical-align:top;margin-left:.1em}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;border-top:2px solid var(--paper);padding-top:20px;font-size:.67rem;letter-spacing:.13em;font-weight:900}@media(max-width:1100px){.hero{grid-template-columns:50px minmax(0,1fr) minmax(300px,.85fr)}.hero h1{font-size:clamp(4.6rem,7vw,7rem)}.hero-right{padding:2rem}.hero-note{left:2rem;right:2rem}.hero-logo img{width:110%}.site-header nav{gap:1.2rem}}@media(max-width:750px){.topline{font-size:.55rem}.topline span:last-child{display:none}.site-header{height:65px}.brand{font-size:1.3rem}.site-header nav{font-size:.67rem;gap:.8rem}.header-cta{display:none}.hero{height:auto;max-height:none;min-height:0;grid-template-columns:34px 1fr;grid-template-rows:auto auto 42px}.hero-left{grid-column:1;grid-row:1/3;padding:20px 0}.hero-left span{font-size:.55rem}.hero-logo{grid-column:2;grid-row:1;min-height:390px;padding:1.5rem}.hero-logo img{width:min(85%,460px)}.hero-disc{width:min(70%,330px)}.hero-right{grid-column:2;grid-row:2;border-left:0;border-top:2px solid var(--ink);padding:38px 25px 80px;min-height:405px}.hero h1{font-size:clamp(6.5rem,21vw,10rem);margin:.15em 0}.hero-right>p:not(.hero-overline){font-size:1rem;margin-bottom:1rem}.hero-note{bottom:17px;left:25px;right:25px}.hero-bottom{grid-row:3}.menu,.locations{padding:55px 7% 70px}.section-label span:last-child{display:none}.menu-layout{grid-template-columns:1fr;gap:35px;padding-top:35px}.menu h2{font-size:clamp(6.5rem,21vw,10rem)}.menu-arrow{display:none}.menu-board{min-height:420px}.location-title{display:block;margin:35px 0}.location-title p{margin-top:2rem}.locations h2{font-size:clamp(4.7rem,13vw,7rem)}.location-row{grid-template-columns:55px 1fr 35px;padding:20px 0;gap:.6rem}.location-number{font-size:3rem}.location-row h3{font-size:2.5rem}.row-symbol{font-size:2rem}.footer-big{font-size:clamp(4.5rem,17vw,10rem)}.footer-bottom{flex-wrap:wrap}.footer-bottom span:last-child{display:none}}@media(max-width:390px){.brand{font-size:1.1rem}.site-header nav{font-size:.6rem}.hero-logo{min-height:320px}.hero h1{font-size:5.5rem}.hero-right{min-height:380px}.hero-left{display:none}.hero{grid-template-columns:1fr}.hero-logo,.hero-right{grid-column:1}.board-top{font-size:.55rem}.board-center p{font-size:3.3rem}}

.story{background:var(--red);color:var(--paper);padding:85px 7% 60px}.story .section-label{border-color:var(--paper)}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:7%;padding:75px 0 65px}.story-heading{position:relative;min-height:460px}.story-eyebrow{margin:0 0 2rem;color:var(--yellow);font-size:.76rem;font-weight:900;letter-spacing:.18em}.story h2{font-size:clamp(5.5rem,9vw,10rem);line-height:.85;letter-spacing:-.045em;margin:0}.story h2 em{color:var(--yellow);font-style:normal}.story-seal{position:absolute;left:2rem;bottom:0;width:130px;height:130px;border:2px solid var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--yellow);font:900 1rem/1.05 'Barlow Condensed',sans-serif;letter-spacing:.08em;transform:rotate(-12deg)}.story-copy{max-width:570px;padding-top:10px;font-size:1.08rem;line-height:1.7}.story-copy p{margin:0 0 1.35rem}.story-copy strong{color:var(--yellow);font-weight:800}.story-copy .story-lead{font:900 clamp(1.8rem,2.7vw,3rem)/1.06 'Barlow Condensed',sans-serif;letter-spacing:-.02em;margin-bottom:2rem}.story-copy .story-promise{color:var(--yellow);font:900 clamp(1.75rem,2.6vw,2.9rem)/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;margin-top:1.3rem}.story-signoff{border-top:2px solid var(--paper);display:flex;justify-content:space-between;align-items:baseline;gap:2rem;padding-top:20px}.story-signoff span{font-size:.7rem;font-weight:900;letter-spacing:.17em}.story-signoff strong{font:900 clamp(1.6rem,3vw,3.25rem)/1 'Barlow Condensed',sans-serif;color:var(--yellow);text-align:right}
@media(max-width:900px){.story-layout{grid-template-columns:1fr;gap:2rem;padding:50px 0}.story-heading{min-height:0}.story h2{font-size:clamp(5.5rem,12vw,8rem)}.story-seal{position:static;margin:35px 0 0 auto}.story-copy{padding-top:0}.story-signoff{align-items:start}}
@media(max-width:750px){.story{padding:55px 7% 50px}.story-layout{padding:40px 0 35px}.story h2{font-size:clamp(4.7rem,15vw,7rem)}.story-copy{font-size:1rem}.story-signoff{flex-direction:column;gap:.8rem}.story-signoff strong{text-align:left}.site-header nav{gap:.6rem}}
@media(max-width:390px){.site-header{padding:0 2%}.brand{font-size:1rem;gap:.18em}.brand span{display:none}.site-header nav{gap:.45rem;font-size:.58rem;letter-spacing:0}.story h2{font-size:4.45rem}}

.story-heading{min-height:0}.story-layout{align-items:start}.story h2{font-size:clamp(5rem,8vw,9rem)}.story-photo{margin:2.5rem 0 0;position:relative;border:2px solid var(--paper);background:var(--ink);box-shadow:14px 14px 0 var(--yellow)}.story-photo img{display:block;width:100%;height:clamp(310px,36vw,500px);object-fit:cover;object-position:center 53%}.story-photo figcaption{padding:12px 15px 14px;display:flex;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;background:var(--ink);font-size:.64rem;font-weight:800;letter-spacing:.08em;line-height:1.35}.story-photo figcaption span:first-child{color:var(--yellow)}.story-photo figcaption a{text-decoration:underline;text-underline-offset:2px}.story-photo figcaption a:hover{color:var(--yellow)}@media(max-width:900px){.story-photo{margin:2rem 14px 0 0}.story-photo img{height:clamp(260px,55vw,500px)}}@media(max-width:750px){.story-photo img{height:clamp(260px,74vw,440px)}.story-photo figcaption{font-size:.7rem;letter-spacing:.02em}.story-copy{padding-top:1rem}}

.story-landmark{position:relative;margin:1.5rem 0 0;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate}.story-landmark::before{content:"ARANDAS";position:absolute;left:50%;bottom:20%;transform:translateX(-50%) rotate(-90deg);font:900 clamp(7rem,16vw,15rem)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.06em;color:rgba(255,202,58,.14);white-space:nowrap;z-index:-1}.story-landmark img{display:block;position:absolute;width:130%;max-width:none;height:auto;left:-15%;bottom:22px;filter:drop-shadow(0 18px 18px rgba(35,6,0,.24))}.story-landmark figcaption{position:relative;z-index:1;align-self:flex-start;padding:.6rem .8rem;background:var(--yellow);color:var(--ink);font-size:.72rem;font-weight:900;letter-spacing:.1em}@media(max-width:900px){.story-landmark{min-height:520px;max-width:680px;margin-top:0}.story-landmark img{width:115%;left:-7.5%;bottom:20px}}@media(max-width:750px){.story-landmark{min-height:clamp(330px,100vw,520px)}.story-landmark img{width:125%;left:-12.5%;bottom:22px}.story-landmark figcaption{font-size:.65rem}}
.story-landmark{min-height:730px}.story-landmark img{width:min(115%,720px);left:50%;transform:translateX(-50%)}@media(max-width:900px){.story-landmark{min-height:730px}.story-landmark img{width:min(115%,720px);left:50%}}@media(max-width:750px){.story-landmark{min-height:clamp(420px,126vw,600px)}.story-landmark img{width:125%;left:50%}}

/* La iglesia descansa en una superficie crema; el resto de la historia sigue rojo. */
.story-landmark{background:var(--paper);min-height:710px;margin-top:2rem;overflow:hidden}.story-landmark::before{content:"ARANDAS · JALISCO";position:absolute;top:22px;left:24px;bottom:auto;transform:none;color:var(--red);font:900 .75rem/1 'DM Sans',Arial,sans-serif;letter-spacing:.2em;white-space:normal;z-index:2}.story-landmark img{width:min(114%,710px);left:50%;bottom:48px;transform:translateX(-50%);z-index:1;filter:drop-shadow(0 14px 10px rgba(66,34,17,.19))}.story-landmark figcaption{width:100%;background:var(--ink);color:var(--paper);padding:.85rem 1rem;font-size:.68rem;letter-spacing:.12em;align-self:stretch}@media(max-width:900px){.story-landmark{min-height:710px}.story-landmark img{width:min(114%,710px);left:50%;bottom:48px}}@media(max-width:750px){.story-landmark{min-height:clamp(410px,122vw,620px);margin-top:1.7rem}.story-landmark::before{top:16px;left:16px;font-size:.65rem}.story-landmark img{width:124%;left:50%;bottom:42px}.story-landmark figcaption{font-size:.61rem;line-height:1.35}}
/* Ajuste de proporción: la fotografía acompaña la altura del relato. */
.story-landmark{min-height:500px;max-width:570px;margin-top:1.4rem}.story-landmark img{width:min(80%,460px);bottom:47px}.story-landmark::before{top:18px;left:18px}@media(max-width:900px){.story-landmark{min-height:500px}.story-landmark img{width:min(80%,460px);bottom:47px}}@media(max-width:750px){.story-landmark{min-height:clamp(320px,92vw,470px);margin-top:1.4rem}.story-landmark img{width:82%;bottom:43px}.story-landmark::before{top:14px;left:14px}}
/* Texto alineado con el inicio de la fotografía de Arandas. */
.story-copy{padding-top:clamp(160px,15vw,190px)}@media(max-width:900px){.story-copy{padding-top:20px}}
/* Accesos a las cartas de las sucursales */
.menu-branches{display:grid;grid-template-columns:1fr 1fr;gap:14px}.menu-branch{background:var(--ink);color:var(--paper);border:3px solid var(--ink);display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.menu-branch:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--red)}.menu-branch img{width:100%;aspect-ratio:3/4;object-fit:cover}.menu-branch-copy{padding:15px;display:flex;flex-direction:column;gap:7px}.menu-branch-copy small{font-size:.68rem;letter-spacing:.12em;color:var(--yellow);font-weight:900}.menu-branch-copy strong{font:900 clamp(2.1rem,4vw,4rem)/.9 'Barlow Condensed',sans-serif}.menu-branch-copy>span{background:var(--yellow);color:var(--ink);padding:10px;font-size:.72rem;font-weight:900;letter-spacing:.04em;white-space:nowrap}@media(max-width:1100px){.menu-branches{grid-template-columns:1fr}.menu-branch{display:grid;grid-template-columns:34% 1fr}.menu-branch img{height:100%;aspect-ratio:auto}.menu-branch-copy{justify-content:center}}@media(max-width:750px){.menu-branches{grid-template-columns:1fr 1fr}.menu-branch{display:flex}.menu-branch img{height:auto;aspect-ratio:3/4}.menu-branch-copy strong{font-size:clamp(1.8rem,6vw,3rem)}}@media(max-width:480px){.menu-branches{grid-template-columns:1fr}.menu-branch{display:grid;grid-template-columns:36% 1fr}.menu-branch img{height:100%;aspect-ratio:auto}.menu-branch-copy strong{font-size:2.6rem}.menu-branch-copy>span{white-space:normal}}