/* Warm editorial rhythm, product-led choices and a quiet mobile menu shortcut. */
.button,.header-cta{border-radius:14px}
.site-header nav a{position:relative}
.site-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 200ms ease}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after{transform:scaleX(1)}
.pairing-feature{padding-block:76px 0}
.pairing-feature .pairing{display:grid;grid-template-columns:1.1fr 1fr;max-width:none;gap:0;overflow:hidden;border-radius:28px;border:1px solid #916b3924;background:#f3e8d5}
.pairing-feature .pairing-still{position:relative;isolation:isolate;min-height:410px;background:radial-gradient(ellipse at 45% 45%,#fff6dc 0%,#ebd1a1 78%);overflow:hidden}
.pairing-still::before{content:"";position:absolute;left:12%;right:9%;bottom:10%;height:23%;border-radius:50%;background:#8a5a2630;filter:blur(25px)}
.pairing-still img{position:absolute;object-fit:contain;filter:drop-shadow(0 17px 14px #60402138)}
.pairing-still .pairing-latte{width:67%;height:auto;left:0;top:1%;z-index:1}
.pairing-still .pairing-croissant{width:57%;height:auto;right:1%;bottom:0;z-index:2}
.pairing-still-label{position:absolute;top:27px;left:30px;font-size:8px;letter-spacing:2px;color:#705332;z-index:3}
.pairing-still-note{position:absolute;bottom:25px;left:30px;font-size:10px;color:#654a2f;z-index:3}
.pairing-feature .pairing-copy{padding:48px clamp(28px,4vw,64px);align-self:center}
.pairing-feature .pairing-copy .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:19px}
.pairing-feature h2{font-size:clamp(42px,4.7vw,68px);line-height:1.02;letter-spacing:-2.5px;margin-bottom:24px}
.pairing-feature h2 em{color:#713344;font-style:normal}
.pairing-feature .pairing-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:340px;color:#6b5746;margin-bottom:27px}
.pairing-feature .pairing-bottom{margin-top:0;padding-top:23px;gap:16px;align-items:center;border-color:#9874473b}
.pairing-product-label{display:block;font-size:8px;letter-spacing:1.6px;color:#73523c;margin-bottom:9px}
#pairing-price{display:block;font:500 29px/1.1 var(--serif);letter-spacing:-.8px;color:#4b2826;white-space:nowrap}
.pairing-menu-link{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:12px;background:#672c3c;color:#fff5e7;font-size:11px;padding:13px 16px;min-height:46px;white-space:nowrap}
.pairing-menu-link:hover{background:#4d202d}
.pairing-feature .pairing-copy>small{font-size:9px;line-height:1.6;margin-top:13px;color:#735f4e}
.menu-section{padding-block:90px 96px}
.pause-finder{padding:27px 28px 22px;border:1px solid #916e4928;border-radius:23px;background:#f3ecdf;margin-bottom:35px}
.pause-finder-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:19px}
.pause-finder h3{font:500 23px/1.15 var(--serif);letter-spacing:-.7px;margin:0 0 7px}
.pause-finder-heading p{font-size:11px;line-height:1.6;margin:0;color:#776453}
.pause-reset{background:transparent;border:0;border-bottom:1px solid #9d7f65;padding:9px 0;color:#683044;font-size:10px;min-height:44px;flex:none}
.pause-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pause-options button{min-width:0;display:flex;align-items:center;gap:13px;text-align:left;padding:9px 15px 9px 7px;min-height:93px;border-radius:15px;background:#fffaf0;border:1px solid #9a76562b;color:#3d2a22;transition:background-color 180ms,border-color 180ms,box-shadow 180ms}
.pause-options img{width:66px;height:66px;object-fit:contain;flex:none}
.pause-options button>span{flex:1;min-width:0}
.pause-options strong{font:500 17px/1.15 var(--serif);letter-spacing:-.4px;display:block}
.pause-options small{display:block;font-size:9px;line-height:1.4;margin-top:6px;color:#796351}
.pause-options .ui-icon{width:15px;height:15px;flex:none;color:#7e4d3d}
.pause-options button:hover{border-color:#a17355;background:#fff5df}
.pause-options button[aria-pressed=true]{border-color:#733145;box-shadow:inset 0 0 0 1px #733145;background:#f4e4dc}
.pause-feedback{font-size:11px;line-height:1.7;color:#6d3a3e;margin:15px 0 0}
.pause-feedback:empty{display:none}
.menu-item[data-pause-match=true]{outline:2px solid #7c3548;outline-offset:-2px;scroll-margin-top:30px}
.menu-item[data-pause-match=true] .product-visual::before{content:"PARA TU PAUSA";position:absolute;top:18px;right:18px;z-index:2;padding:7px 9px;border-radius:99px;background:#fff8e9;color:#63303b;font-size:7px;letter-spacing:1px;font-weight:700}
.atmosphere{padding-block:100px 0}
.atmosphere-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:36px}
.atmosphere-intro .eyebrow{color:#78563b;margin-bottom:17px}
.atmosphere h2{font-size:clamp(36px,4.1vw,58px);letter-spacing:-1.8px;line-height:1.08}
.atmosphere h2 em{color:#743347;font-style:normal}
.atmosphere-intro>p{font-size:12px;line-height:1.9;color:#776453;max-width:340px;margin-bottom:3px}
.atmosphere-photo{margin:0}
.atmosphere-photo img{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:50% 67%;border-radius:27px;background:#dfcdb2}
.atmosphere-photo figcaption{font-size:9px;line-height:1.7;color:#7b6958;margin-top:12px}
.atmosphere-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:18px}
.atmosphere-foot>span{font:500 18px/1.4 var(--serif);letter-spacing:-.3px;color:#614335}
.atmosphere-foot .text-link{font-size:11px;white-space:nowrap}
.visit-section{margin-top:86px;border-top:1px solid #92704d2b;padding-block:66px 80px}
.visit-info>div{padding-block:24px}
.site-footer{padding-block:33px}
.mobile-menu-shortcut{display:none}
@media(max-width:1100px){.pause-options button{gap:5px;padding-right:12px}.pause-options img{width:51px;height:56px}.pause-options strong{font-size:16px}.pause-options small{font-size:8px}.pairing-feature .pairing-copy{padding:32px}.pairing-feature .pairing-still{min-height:400px}.pairing-feature .pairing-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){
 .pairing-feature{padding-top:50px}.pairing-feature .pairing{grid-template-columns:1fr 1fr}.pairing-feature .pairing-still{min-height:380px}.pairing-still .pairing-latte{width:82%;left:-4%;top:6%}.pairing-still .pairing-croissant{width:76%;right:0;bottom:3%}.pairing-still-label{left:20px;font-size:7px}.pairing-still-note{left:20px;right:12px;font-size:9px}
 .pairing-feature .pairing-copy{padding:32px 26px}.pairing-feature h2{font-size:43px;letter-spacing:-1.7px}.pairing-feature .pairing-copy>p:not(.eyebrow){font-size:12px}.pairing-menu-link{font-size:10px}
 .pause-finder{padding:23px 20px}.pause-options{gap:10px}.pause-options button{position:relative;display:block;padding:14px 12px;min-height:152px}.pause-options img{width:60px;height:60px;margin-bottom:5px}.pause-options .ui-icon{position:absolute;right:13px;top:19px}.pause-options small{font-size:9px}
 .atmosphere{padding-top:65px}.atmosphere-intro{display:block}.atmosphere-intro>p{margin:23px 0 0}.atmosphere-photo img{aspect-ratio:1.4;object-position:65% 60%}.visit-section{margin-top:60px;padding-block:45px 60px}
 .mobile-menu-shortcut{display:inline-flex;position:fixed;z-index:20;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);align-items:center;justify-content:center;gap:25px;background:#632b3b;color:#fff7e9;min-height:49px;padding:13px 22px;border:1px solid #f7debd5c;border-radius:16px;box-shadow:0 8px 28px #35201838;font-size:12px;white-space:nowrap}
 body:has(dialog[open]) .mobile-menu-shortcut{display:none}
}
@media(max-width:560px){
 .pairing-feature{padding-top:40px}.pairing-feature .pairing{grid-template-columns:1fr;border-radius:24px}.pairing-feature .pairing-still{min-height:0;aspect-ratio:1.14}.pairing-still .pairing-latte{width:68%;left:0;top:2%}.pairing-still .pairing-croissant{width:57%;right:1%;bottom:1%}.pairing-still-label{top:22px;left:23px}.pairing-still-note{bottom:20px;left:23px}
 .pairing-feature .pairing-copy{padding:30px 26px}.pairing-feature h2{font-size:48px;letter-spacing:-2px;margin-bottom:18px}.pairing-feature .pairing-copy>p:not(.eyebrow){font-size:13px;margin-bottom:23px}.pairing-feature .pairing-bottom{flex-direction:row;align-items:center;gap:10px;padding-top:20px}.pairing-product-label{font-size:7px;letter-spacing:1px}#pairing-price{font-size:26px}.pairing-menu-link{font-size:10px;padding:12px;gap:10px;min-height:46px}.pairing-menu-link .ui-icon{width:15px;height:15px}.pairing-feature .pairing-copy>small{font-size:8px}
 .menu-section{padding-block:61px 64px}.menu-section .section-heading{margin-bottom:28px}.pause-finder{padding:22px 17px 19px;border-radius:20px;margin-bottom:27px}.pause-finder-heading{display:block;margin-bottom:15px}.pause-finder h3{font-size:23px}.pause-finder-heading p{font-size:10px}.pause-reset{margin-top:7px;font-size:10px}.pause-options{grid-template-columns:1fr;gap:9px}.pause-options button{display:flex;align-items:center;padding:7px 13px 7px 6px;min-height:74px;gap:13px}.pause-options img{width:59px;height:59px;margin:0}.pause-options strong{font-size:17px}.pause-options small{font-size:9px;margin-top:4px}.pause-options .ui-icon{position:static;width:17px;height:17px}.pause-feedback{font-size:10px;margin-top:14px}
 .atmosphere{padding-top:57px}.atmosphere-intro{margin-bottom:25px}.atmosphere-intro .eyebrow{font-size:8px;letter-spacing:1.4px}.atmosphere h2{font-size:37px;letter-spacing:-1.7px}.atmosphere-intro>p{font-size:12px;margin-top:21px}.atmosphere-intro>p br{display:none}.atmosphere-photo img{aspect-ratio:1.15;object-position:68% 62%;border-radius:22px}.atmosphere-photo figcaption{font-size:8px}.atmosphere-foot{display:block;padding-top:19px}.atmosphere-foot>span{display:block;font-size:19px;max-width:260px;margin-bottom:14px}.atmosphere-foot .text-link{font-size:11px}.visit-section{margin-top:42px;padding-block:40px 47px}.site-footer{padding-bottom:36px}
}
@media(max-width:350px){.pairing-feature .pairing-copy{padding:27px 20px}.pairing-feature .pairing-bottom{flex-direction:column;align-items:flex-start}.pairing-feature h2{font-size:44px}.atmosphere h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.site-header nav a::after,.pause-options button{transition:none}}