:root{--rojo: #BB493F;--crema: #FAF6EA;--crema-rgb: 250, 246, 234;--verde: #7B8A63;--oscuro: #3C3226;--claro: #E8DFCF;--claro-sanluis: #E8DFCF;--jardinet-verde: #4E6354;--jardinet-oscuro: #263229;--jardinet-claro: #E7EBE6;--jardinet-suave: #9FAEA1;--font-display:"Anton", sans-serif;--font-body:"Montserrat", sans-serif;--font-jardinet:"Playfair Display", serif;--content-width: 84%;--content-max: 980px;--section-space: clamp(72px, 7vw, 112px);--section-space-small: clamp(52px, 5vw, 82px);--header-height: 80px;--header-mobile-height: 72px;--header-gap: clamp(28px, 4.5vw, 52px);--card-radius: 18px;--grid-gap: 16px;--button-height: 44px;--text-base: clamp(16px, .95vw, 18px);--text-small: clamp(14px, .8vw, 16px);--text-label: clamp(11px, .64vw, 13px);--text-button: clamp(11px, .68vw, 13px);--title-xl: clamp(60px, 5.2vw, 90px);--title-lg: clamp(44px, 4vw, 70px);--title-md: clamp(28px, 2.15vw, 36px);--motion-fast: .18s;--motion-base: .30s;--motion-slow: .55s;--motion-enter: .62s;--motion-ease: cubic-bezier(.2, .7, .2, 1);--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--ease: var(--motion-ease);--transition-fast: var(--motion-fast) ease;--transition: var(--motion-base) var(--motion-ease);--sl-red: var(--rojo);--sl-cream: var(--crema);--sl-light: var(--claro);--sl-green: var(--verde);--sl-dark: var(--oscuro);--sl-display: var(--font-display);--sl-body: var(--font-body);--jd-verde: var(--jardinet-verde);--jd-fondo: var(--jardinet-oscuro);--jd-oscuro: var(--jardinet-oscuro);--jd-claro: var(--jardinet-claro);--jd-suave: var(--jardinet-suave);--jd-font-display: var(--font-jardinet);--jd-font-body: var(--font-body);--jd-content-width: var(--content-width);--jd-content-max: var(--content-max)} html{scroll-behavior: smooth} body{margin: 0;font-family: var(--font-body);color: var(--oscuro);background: var(--crema);text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased} *, *::before, *::after{box-sizing: border-box} img{display: block;max-width: 100%} button, input, textarea, select{font: inherit} button{cursor: pointer} a{color: inherit} p{text-wrap: pretty} .sl-contenedor{width: var(--content-width);max-width: var(--content-max);margin-inline: auto} @keyframes sl-entrada{from{opacity: 0;transform: translateY(14px)} to{opacity: 1;transform: translateY(0)}} @keyframes sl-hero-zoom{from{transform: scale(1.035)} to{transform: scale(1)}} .sl-entrada{animation: sl-entrada .65s var(--ease) both} @media (max-width: 1024px){:root{--content-width: 90%}} @media (max-width: 767px){:root{--content-width: 88%;--section-space: 64px;--section-space-small: 50px;--card-radius: 16px;--button-height: 42px;--text-base: 15px;--text-small: 14px;--text-label: 11px;--text-button: 12px}} .sl-reveal{opacity:1;translate:0 0} html.sl-motion-ready .sl-reveal{opacity:0;translate:0 14px;transition:opacity var(--motion-enter) var(--motion-ease-out),translate var(--motion-enter) var(--motion-ease-out);transition-delay:var(--sl-reveal-delay,0ms)} html.sl-motion-ready .sl-reveal.is-visible{opacity:1;translate:0 0} :where(.sl-header-button,.sl-home-hero-btn,.sl-local-btn,.sl-plan-button,.sl-jardinet-button,.sl-location-button,.sl-cta-button,.sl-history-pill,.sl-history-location-btn,.sl-history-cta-btn,.jd-hero-btn,.jd-carta-button,.jd-planes-button,.jd-final-cta-btn,.sl-contact-button,.sl-locales-cta-btn,.sl-menu-order-button):active{transform:translateY(1px) scale(.985)} :where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--rojo);outline-offset:3px} :where(.sanluis-link,.sl-location-order,.sl-locations-all,.sl-history-location-order,.sl-popup-view,.jd-brand-block-link,.sl-local-order,.sl-footer-nav a,.sl-footer-legal a,.sl-menu-empty-link){transition-duration:var(--motion-fast);transition-timing-function:ease} :where(.sl-header-button,.sl-home-hero-btn,.sl-local-btn,.sl-plan-button,.sl-jardinet-button,.sl-location-button,.sl-cta-button,.sl-history-pill,.sl-history-location-btn,.sl-history-cta-btn,.jd-hero-btn,.jd-carta-button,.jd-planes-button,.jd-final-cta-btn,.sl-contact-button,.sl-locales-cta-btn,.sl-menu-order-button){transition-duration:var(--motion-fast);transition-timing-function:var(--motion-ease)} :where(.sanluis-card,.sl-plan-card,.sl-location-card,.sl-local-card,.sl-history-location-card,.jd-plan-card,.sl-contact-card,.sl-menu-product){transition-duration:var(--motion-base)} :where(.sanluis-image,.proceso-image,.sl-location-image img,.sl-local-image img,.sl-history-location-image img,.jd-plan-image img,.jd-espacio-card img,.sl-menu-product-image img){transition-duration:var(--motion-slow);transition-timing-function:var(--motion-ease)} @media (prefers-reduced-motion: reduce){html{scroll-behavior: auto} *, *::before, *::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important}} .sl-header{position: fixed;inset: 0 0 auto;z-index: 99999;width: 100%;background: transparent;font-family: var(--font-body);transition: background-color .35s ease, box-shadow .35s ease} .sl-header-inner{width: var(--content-width);max-width: var(--content-max);min-height: var(--header-height);margin: 0 auto;display: grid;grid-template-columns: 175px minmax(0, 1fr) auto;align-items: center;gap: 4%} .sl-header-logo{position: relative;display: block;width: 145px;height: 46px;text-decoration: none} .sl-header-logo-img{position: absolute;top: 50%;left: 0;width: 100%;height: 100%;object-fit: contain;object-position: left center;transform: translateY(calc(-50% - 2px));transition: opacity .3s ease} .sl-header-logo-light{opacity: 1} .sl-header-logo-dark{opacity: 0} .sl-header-nav{display: flex;align-items: center;justify-content: center;gap: 25px} .sl-header-nav a{position: relative;color: var(--crema);font-size: clamp(12px, .72vw, 14px);font-weight: 500;line-height: 1.1;white-space: nowrap;text-decoration: none;transition: color .3s ease} .sl-header-nav a::after{content:"";position: absolute;left: 0;bottom: -6px;width: 0;height: 1px;background: currentColor;transition: width .25s ease} @media (hover: hover){.sl-header-nav a:hover::after{width: 100%}} .sl-header-actions{display: flex;align-items: center;gap: 8px} .sl-header-button{min-height: 42px;padding: 0 18px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 999px;background: none;font-size: var(--text-button);font-weight: 700;line-height: 1;white-space: nowrap;text-decoration: none;transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease} .sl-header-button--order{border-color: rgba(var(--crema-rgb), .7);background: rgba(60, 50, 38, .08);color: var(--crema);backdrop-filter: blur(4px)} .sl-header-button--reserve{border-color: var(--rojo);background: var(--rojo);color: var(--crema)} @media (hover: hover){.sl-header-button:hover{transform: translateY(-2px)} .sl-header-button--order:hover{border-color: var(--crema);background: var(--crema);color: var(--oscuro)} .sl-header-button--reserve:hover{border-color: var(--oscuro);background: var(--oscuro)}} .sl-header.is-scrolled{background: var(--crema);box-shadow: 0 5px 22px rgba(60, 50, 38, .07)} .sl-header.is-scrolled .sl-header-logo-light{opacity: 0} .sl-header.is-scrolled .sl-header-logo-dark{opacity: 1} .sl-header.is-scrolled .sl-header-nav a{color: var(--oscuro)} .sl-header.is-scrolled .sl-header-button--order{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema);backdrop-filter: none} @media (hover: hover){.sl-header.is-scrolled .sl-header-button--order:hover{border-color: var(--rojo);background: var(--rojo)}} .sl-header-mobile-toggle, .sl-header-mobile-menu{display: none} @media (max-width: 1024px){.sl-header-inner{grid-template-columns: 145px minmax(0, 1fr) auto;gap: 3%} .sl-header-logo{width: 128px} .sl-header-nav{gap: 13px} .sl-header-nav a{font-size: 12px} .sl-header-button{padding-inline: 14px}} @media (max-width: 767px){.sl-header-inner{min-height: var(--header-mobile-height);display: flex;justify-content: space-between;gap: 20px} .sl-header-logo{width: 132px;height: 44px} .sl-header-logo-img{transform: translateY(calc(-50% - 1px))} .sl-header-nav, .sl-header-actions{display: none} .sl-header-mobile-toggle{display: block;width: 42px;height: 42px;padding: 9px;border: 0;background: transparent} .sl-header-mobile-toggle span{display: block;width: 100%;height: 2px;margin: 5px 0;border-radius: 5px;background: var(--crema);transition: background-color .3s ease, transform .3s ease, opacity .3s ease} .sl-header-mobile-menu{position: absolute;top: 100%;left: 0;width: 100%;padding: 0 6%;display: grid;grid-template-rows: 0fr;overflow: hidden;opacity: 0;background: var(--crema);transition: grid-template-rows .35s ease, padding .35s ease, opacity .3s ease} .sl-header-mobile-menu > div{min-height: 0;overflow: hidden} .sl-header.menu-open .sl-header-mobile-menu{grid-template-rows: 1fr;padding-block: 25px 28px;opacity: 1} .sl-header-mobile-content{min-height: 0} .sl-header-mobile-nav{display: flex;flex-direction: column;align-items: flex-start;gap: 18px} .sl-header-mobile-nav a{color: var(--oscuro);font-size: 15px;font-weight: 500;text-decoration: none} .sl-header-mobile-actions{margin-top: 24px;display: flex;gap: 8px;flex-wrap: wrap} .sl-header-mobile-actions .sl-header-button--order{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema)} .sl-header.is-scrolled .sl-header-mobile-toggle span, .sl-header.menu-open .sl-header-mobile-toggle span{background: var(--oscuro)} .sl-header.menu-open{background: var(--crema)} .sl-header.menu-open .sl-header-logo-light{opacity: 0} .sl-header.menu-open .sl-header-logo-dark{opacity: 1} .sl-header.menu-open .sl-header-mobile-toggle span:nth-child(1){transform: translateY(7px) rotate(45deg)} .sl-header.menu-open .sl-header-mobile-toggle span:nth-child(2){opacity: 0} .sl-header.menu-open .sl-header-mobile-toggle span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}} .sl-footer{width: 100%;padding: clamp(58px, 5vw, 82px) 0 30px;background: var(--oscuro);color: var(--crema);font-family: var(--font-body)} .sl-footer-inner{width: var(--content-width);max-width: var(--content-max);margin-inline: auto} .sl-footer-top{display: grid;grid-template-columns: 1.35fr .8fr .95fr .75fr;gap: clamp(32px, 6vw, 72px)} .sl-footer-brand, .sl-footer-column{min-width: 0} .sl-footer-logo{display: inline-flex;flex-direction: column;align-items: flex-start;text-decoration: none} .sl-footer-logo-image{width: 150px;height: auto} .sl-footer-logo-sub{margin-top: 6px;font-size: var(--text-label);font-weight: 700;line-height: 1;letter-spacing: .22em;color: rgba(var(--crema-rgb), .82)} .sl-footer-description{max-width: 310px;margin: 24px 0 0;font-size: var(--text-small);line-height: 1.7;color: rgba(var(--crema-rgb), .76)} .sl-footer-heading{display: block;margin-bottom: 22px;font-size: var(--text-label);font-weight: 700;line-height: 1;letter-spacing: .18em;color: var(--verde)} .sl-footer-nav{display: flex;flex-direction: column;align-items: flex-start;gap: 13px} .sl-footer-nav a, .sl-footer-legal a, .sl-footer-cookie-settings{position: relative;color: rgba(var(--crema-rgb), .76);text-decoration: none;transition: color var(--transition-fast)} .sl-footer-nav a{font-size: var(--text-small);line-height: 1.35} @media (hover: hover) and (pointer: fine){.sl-footer-nav a:hover, .sl-footer-legal a:hover, .sl-footer-cookie-settings:hover{color: var(--crema)} .sl-footer-nav a::after{content:"";position: absolute;left: 0;bottom: -4px;width: 100%;height: 1px;background: currentColor;transform: scaleX(0);transform-origin: left;transition: transform var(--transition-fast)} .sl-footer-nav a:hover::after{transform: scaleX(1)}} .sl-footer-divider{width: 100%;height: 1px;margin: clamp(42px, 5vw, 64px) 0 22px;background: rgba(var(--crema-rgb), .15)} .sl-footer-bottom{display: flex;align-items: center;justify-content: space-between;gap: 28px} .sl-footer-copyright{margin: 0;font-size: var(--text-label);line-height: 1.45;color: rgba(var(--crema-rgb), .62)} .sl-footer-legal{max-width: 720px;display: flex;align-items: center;justify-content: flex-end;gap: 12px 20px;flex-wrap: wrap} .sl-footer-legal a, .sl-footer-cookie-settings{font-size: var(--text-label);line-height: 1.2;white-space: normal} .sl-footer-cookie-settings{padding: 0;border: 0;background: transparent;color: rgba(var(--crema-rgb), .76);cursor: pointer;text-align: left;transition: color var(--transition-fast)} @media (max-width: 1024px){.sl-footer-top{grid-template-columns: 1.25fr .8fr .9fr .75fr;gap: 36px}} @media (max-width: 767px){.sl-footer{padding: 58px 0 30px} .sl-footer-top{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 40px 28px} .sl-footer-brand{grid-column: 1 / -1} .sl-footer-description{max-width: 360px} .sl-footer-bottom{flex-direction: column;align-items: flex-start;gap: 16px} .sl-footer-legal{justify-content: flex-start;gap: 16px}} @media (max-width: 480px){.sl-footer-top{grid-template-columns: 1fr;gap: 34px} .sl-footer-brand{grid-column: auto}} body.sl-popup-open{overflow: hidden} .sl-popup{position: fixed;inset: 0;z-index: 100000;padding: 24px;display: grid;place-items: center;visibility: hidden;opacity: 0;pointer-events: none;font-family: var(--font-body);transition: opacity .28s ease, visibility 0s linear .28s} .sl-popup.is-open, .sl-popup.is-closing{visibility: visible} .sl-popup.is-open{opacity: 1;pointer-events: auto;transition: opacity .28s ease, visibility 0s linear 0s} .sl-popup-backdrop{position: absolute;inset: 0;opacity: 0;background: rgba(38,30,23,.72);backdrop-filter: blur(0);transition: opacity .28s ease, backdrop-filter .28s ease} .sl-popup.is-open .sl-popup-backdrop{opacity: 1;backdrop-filter: blur(5px)} .sl-popup-dialog{position: relative;z-index: 1;width: min(92vw, 760px);max-height: min(88vh, 760px);overflow: auto;padding: 30px;border: 1px solid rgba(60,50,38,.10);border-radius: 20px;background: var(--claro);color: var(--oscuro);box-shadow: 0 24px 70px rgba(38,30,23,.22);opacity: 0;transform: translateY(16px) scale(.982);transform-origin: center center;transition: opacity .24s ease, transform .32s var(--ease)} .sl-popup.is-open .sl-popup-dialog{opacity: 1;transform: translateY(0) scale(1)} .sl-popup.is-local-popup .sl-popup-dialog{width: min(92vw, 520px)} .sl-popup-close{position: absolute;top: 14px;right: 16px;width: 40px;height: 40px;border: 0;border-radius: 50%;background: transparent;color: var(--oscuro);font-size: 28px;line-height: 1;transition: background-color var(--transition-fast), transform var(--transition-fast)} @media (hover: hover){.sl-popup-close:hover{background: rgba(60,50,38,.08);transform: rotate(4deg)}} .sl-popup-header{margin-bottom: 24px;padding-right: 44px} .sl-popup-eyebrow{display: block;margin-bottom: 10px;color: var(--rojo);font-size: var(--text-label);font-weight: 700;letter-spacing: .18em} .sl-popup-title{margin: 0;font-family: var(--font-display);font-size: clamp(34px,3vw,46px);font-weight: 400;line-height: 1.04} .sl-popup-subtitle{margin: 10px 0 0;color: rgba(60,50,38,.78);font-size: var(--text-small);line-height: 1.55} .sl-popup-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px} .sl-popup-grid.is-single-local{grid-template-columns: 1fr} .sl-popup.is-reserve-mode .sl-popup-dialog{width: min(94vw, 1040px);max-height: calc(100vh - 48px);overflow: hidden} .sl-popup.is-reserve-mode .sl-popup-grid{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px} .sl-popup.is-reserve-mode .sl-popup-local{min-height: 320px;grid-template-columns: 1fr;grid-template-rows: 142px minmax(0, 1fr);gap: 14px} .sl-popup.is-reserve-mode .sl-popup-local-image{min-height: 0;height: 142px} .sl-popup.is-reserve-mode .sl-popup-local-info{height: 100%} .sl-popup.is-reserve-mode.is-local-popup .sl-popup-dialog{width: min(92vw, 520px);overflow: auto} .sl-popup.is-reserve-mode .sl-popup-grid.is-single-local{grid-template-columns: 1fr} .sl-popup-local[hidden]{display: none !important} .sl-popup-local{min-width: 0;padding: 12px;display: grid;grid-template-columns: 34% minmax(0,1fr);gap: 13px;align-items: stretch;border: 1px solid rgba(60,50,38,.12);border-radius: 14px;background: var(--crema)} .sl-popup-local-image{width: 100%;height: 100%;min-height: 145px;object-fit: cover;border-radius: 10px} .sl-popup-local-info{min-width: 0;display: flex;flex-direction: column;align-items: flex-start} .sl-popup-local-info h3{margin: 0;font-family: var(--font-display);font-size: 23px;font-weight: 400;line-height: 1} .sl-popup-local-address{margin-top: 5px;color: rgba(60,50,38,.66);font-size: var(--text-small)} .sl-popup-order-actions, .sl-popup-reserve-actions{width: 100%;margin-top: auto;padding-top: 14px;display: none;grid-template-columns: 1fr;gap: 7px} .sl-popup.is-order-mode .sl-popup-order-actions, .sl-popup.is-reserve-mode .sl-popup-reserve-actions{display: grid} .sl-popup-main, .sl-popup-secondary{min-height: 38px;padding: 0 13px;display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;font-size: var(--text-button);font-weight: 700;line-height: 1.15;text-align: center;text-decoration: none;transition: background-color .22s ease, border-color .22s ease, color .22s ease, transform .22s ease} .sl-popup-main{border: 1px solid var(--rojo);background: var(--rojo);color: var(--crema)} .sl-popup-secondary{border: 1px solid rgba(60,50,38,.24);background: transparent;color: var(--oscuro)} .sl-popup-view{position: relative;display: inline-block;margin-top: 11px;color: rgba(60,50,38,.68);font-size: var(--text-button);line-height: 1.2;text-decoration: none} .sl-popup-view::after{content:"";position: absolute;left: 0;right: 0;bottom: -3px;height: 1px;background: currentColor;transform-origin: left;transition: transform .22s ease} @media (hover: hover){.sl-popup-main:hover{border-color: var(--oscuro);background: var(--oscuro);transform: translateY(-2px)} .sl-popup-secondary:hover{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema);transform: translateY(-2px)} .sl-popup-view:hover{color: var(--rojo)} .sl-popup-view:hover::after{transform: scaleX(.58)}} .sl-popup-local--jardinet{border-color: rgba(159,174,161,.18);background: var(--jardinet-oscuro);color: var(--jardinet-claro)} .sl-popup-local--jardinet .sl-popup-local-info h3{color: var(--jardinet-claro);font-family: var(--font-jardinet);font-weight: 500} .sl-popup-jardinet-kicker{margin-bottom: 7px;color: var(--jardinet-suave);font-size: var(--text-label);font-weight: 700;letter-spacing: .10em} .sl-popup-local--jardinet .sl-popup-local-address, .sl-popup-local--jardinet .sl-popup-view{color: var(--jardinet-suave)} .sl-popup-local--jardinet .sl-popup-main{border-color: var(--jardinet-verde);background: var(--jardinet-verde);color: var(--jardinet-claro)} .sl-popup-local--jardinet .sl-popup-secondary{border-color: rgba(231,235,230,.34);color: var(--jardinet-claro)} @media (hover: hover){.sl-popup-local--jardinet .sl-popup-main:hover, .sl-popup-local--jardinet .sl-popup-secondary:hover{border-color: var(--jardinet-claro);background: var(--jardinet-claro);color: var(--jardinet-oscuro)} .sl-popup-local--jardinet .sl-popup-view:hover{color: var(--jardinet-claro)}} @media (max-width: 767px){.sl-popup{padding: 14px;align-items: center} .sl-popup-dialog, .sl-popup.is-local-popup .sl-popup-dialog{width: min(94vw, 520px);max-height: 90svh;padding: 24px 18px 20px;border-radius: 16px;transform: translateY(24px) scale(.985)} .sl-popup.is-open .sl-popup-dialog{transform: translateY(0) scale(1)} .sl-popup-grid, .sl-popup.is-reserve-mode .sl-popup-grid{grid-template-columns: 1fr} .sl-popup.is-reserve-mode .sl-popup-dialog{width: min(94vw, 520px);max-height: 90svh;overflow: auto} .sl-popup-local, .sl-popup.is-reserve-mode .sl-popup-local{min-height: 0;grid-template-columns: 86px minmax(0,1fr);grid-template-rows: none;gap: 13px} .sl-popup.is-reserve-mode .sl-popup-local-image{min-height: 132px;height: 100%} .sl-popup-local-image{min-height: 132px} .sl-popup-title{font-size: 34px} .sl-popup-main, .sl-popup-secondary{width: 100%;min-height: 42px;padding-inline: 12px}} .sl-reservation-page{width: 100%;min-height: 72vh;padding: calc(var(--header-height) + 54px) 0 var(--section-space);background: var(--crema);color: var(--oscuro);font-family: var(--font-body)} .sl-reservation-inner{width: var(--content-width);max-width: var(--content-max);margin: 0 auto} .sl-reservation-header{margin-bottom: 30px} .sl-reservation-eyebrow{display: block;margin-bottom: 10px;color: var(--rojo);font-size: var(--text-label);font-weight: 700;line-height: 1;letter-spacing: .18em} .sl-reservation-title{margin: 0;font-family: var(--font-display);font-size: clamp(44px, 4.2vw, 70px);font-weight: 400;line-height: .98;color: var(--oscuro);text-wrap: balance} .sl-reservation-frame{width: 100%;padding: clamp(10px, 1.7vw, 20px);overflow: hidden;border: 1px solid rgba(60,50,38,.10);border-radius: var(--card-radius);background: #fff;box-shadow: 0 14px 34px rgba(60,50,38,.07)} .sl-reservation-frame iframe{display: block;width: 100%;min-height: 550px;max-width: 100%;border: 0;background: #fff} @media (max-width: 767px){.sl-reservation-page{padding-top: calc(var(--header-mobile-height) + 38px);padding-bottom: 64px} .sl-reservation-header{margin-bottom: 22px} .sl-reservation-title{font-size: 40px} .sl-reservation-frame{width: calc(100% + 4%);margin-left: -2%;padding: 8px;border-radius: 14px} .sl-reservation-frame iframe{min-height: 620px}} .sl-home-page .sanluis-locations, .sl-home-page .proceso-sanluis, .sl-home-page .sl-plan, .sl-home-page .sl-community, .sl-home-page .sl-locations, .sl-home-page .sl-cta{font-family: var(--font-body)} .sl-home-page .sanluis-locations-inner, .sl-home-page .proceso-inner, .sl-home-page .sl-plan-inner, .sl-home-page .sl-community-inner, .sl-home-page .sl-locations-inner, .sl-home-page .sl-cta-inner{width: var(--content-width);max-width: var(--content-max);margin-left: auto;margin-right: auto} .sl-home-page .sanluis-locations{width: 100%;padding: var(--section-space) 0;background: var(--crema);font-family: var(--font-body);color: var(--oscuro)} .sl-home-page .sanluis-locations-inner{width: var(--content-width);max-width: var(--content-max);margin: 0 auto} .sl-home-page .sanluis-header{width: 100%;margin-bottom: var(--header-gap)} .sl-home-page .sanluis-eyebrow{display: block;margin-bottom: 1.4%;font-family: var(--font-body);font-size: clamp(9px, 0.65vw, 12px);font-weight: 700;letter-spacing: 0.22em;color: var(--rojo)} .sl-home-page .sanluis-title{margin: 0;font-family: var(--font-display);font-size: clamp(38px, 4vw, 70px);font-weight: 400;line-height: 0.95;letter-spacing: -0.015em;color: var(--oscuro)} .sl-home-page .sanluis-subtitle{margin: 1.3% 0 0;font-size: clamp(10px, 0.8vw, 14px);font-weight: 400;line-height: 1.5;color: var(--oscuro)} .sl-home-page .sanluis-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 2%;align-items: stretch} .sl-home-page .sanluis-right{display: flex;flex-direction: column;gap: 2.5%;height: 100%} .sl-home-page .sanluis-small-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 4%;margin-top: 0;flex: 0 0 auto} .sl-home-page .sanluis-card{position: relative;overflow: hidden;background: var(--claro-sanluis);border-radius: var(--card-radius);transition: transform 0.35s cubic-bezier(.2,.7,.2,1), box-shadow 0.35s ease} @media (hover: hover) and (pointer: fine){.sl-home-page .sanluis-card:hover{transform: translateY(-1%);box-shadow: 0 15px 30px rgba(60, 50, 38, 0.10)}} .sl-home-page .sanluis-image-wrap{position: relative;display: block;width: 100%;overflow: hidden} .sl-home-page .sanluis-image{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform 0.65s cubic-bezier(.2,.7,.2,1)} @media (hover: hover) and (pointer: fine){.sl-home-page .sanluis-card:hover .sanluis-image{transform: scale(1.045)}} .sl-home-page .sanluis-card--jardinet .sanluis-image-wrap{aspect-ratio: 1 / 1.27} .sl-home-page .sanluis-card--featured .sanluis-image-wrap{aspect-ratio: 1.48 / 1} .sl-home-page .sanluis-card--small .sanluis-image-wrap{aspect-ratio: 1.32 / 1;overflow: hidden} .sl-home-page .sanluis-card--small .sanluis-image{width: 100%;height: 100%;object-fit: cover} .sl-home-page .sanluis-card--featured{display: flex;flex-direction: column;flex: 1 1 auto} .sl-home-page .sanluis-card--featured .sanluis-image-wrap{flex: 1 1 auto;min-height: 0} .sl-home-page .sanluis-card--featured .sanluis-image{width: 100%;height: 100%;object-fit: cover} .sl-home-page .sanluis-card--featured .sanluis-card-content{flex: 0 0 auto} .sl-home-page .sanluis-image-label{position: absolute;top: 3%;left: 3%;z-index: 3;padding: 1.3% 2.7%;border-radius: 999px;background: var(--verde);font-size: clamp(7px, 0.48vw, 9px);font-weight: 700;letter-spacing: 0.09em;color: var(--crema)} .sl-home-page .sanluis-card-content{padding: 5% 6% 6%;background: var(--claro-sanluis)} .sl-home-page .sanluis-card-content--dark{padding: 5% 4.5% 5.5%;background: var(--oscuro);color: var(--crema)} .sl-home-page .sanluis-location{display: block;margin-bottom: 1.2%;font-size: clamp(7px, 0.5vw, 10px);font-weight: 600;line-height: 1.2;letter-spacing: 0.16em;color: var(--verde)} .sl-home-page .sanluis-card-content--dark .sanluis-location{color: rgba(var(--crema-rgb), 0.55)} .sl-home-page .sanluis-card-title{margin: 0;font-family: var(--font-display);font-size: clamp(24px, 2vw, 34px);font-weight: 400;line-height: 1.05;color: var(--oscuro)} .sl-home-page .sanluis-card-content--dark .sanluis-card-title{color: var(--crema)} .sl-home-page .sanluis-card--small .sanluis-card-title{font-size: clamp(21px, 1.6vw, 29px)} .sl-home-page .sanluis-description{margin: 1.5% 0 5%;font-size: clamp(8px, 0.62vw, 11px);font-weight: 400;color: rgba(60, 50, 38, 0.52)} .sl-home-page .sanluis-card-content--dark .sanluis-description{color: rgba(var(--crema-rgb), 0.65)} .sl-home-page .sanluis-buttons{display: flex;align-items: center;flex-wrap: wrap;gap: 2.5%} .sl-home-page .sanluis-btn{display: inline-flex;justify-content: center;align-items: center;min-height: var(--button-height);padding: 0 5%;border: 1px solid transparent;border-radius: 999px;font-family: var(--font-body);font-size: clamp(8px, 0.58vw, 11px);font-weight: 600;line-height: 1;text-decoration: none !important;transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease} .sl-home-page .sanluis-btn--red{background: var(--rojo);color: var(--crema) !important} .sl-home-page .sanluis-btn--red:hover{background: var(--oscuro);color: var(--crema) !important;transform: translateY(-4%)} .sl-home-page .sanluis-btn--green{background: var(--verde);color: var(--crema) !important} .sl-home-page .sanluis-btn--green:hover{background: var(--rojo);color: var(--crema) !important;transform: translateY(-4%)} .sl-home-page .sanluis-btn--outline{border-color: rgba(60, 50, 38, 0.25);background: transparent;color: var(--oscuro) !important} .sl-home-page .sanluis-btn--outline:hover{border-color: var(--verde);background: var(--verde);color: var(--crema) !important;transform: translateY(-4%)} .sl-home-page .sanluis-btn--outline-light{border-color: rgba(var(--crema-rgb), 0.35);background: transparent;color: var(--crema) !important} .sl-home-page .sanluis-btn--outline-light:hover{border-color: var(--rojo);background: var(--rojo);color: var(--crema) !important;transform: translateY(-4%)} .sl-home-page .sanluis-link{position: relative;margin-top: 12px;margin-left: 2%;font-size: clamp(8px, 0.58vw, 11px);color: rgba(60, 50, 38, 0.62) !important;text-decoration: none !important;transition: color 0.25s ease} .sl-home-page .sanluis-link::after{content:"";position: absolute;left: 0;right: 0;bottom: -15%;height: 1px;background: currentColor;transition: transform 0.25s ease;transform-origin: left} .sl-home-page .sanluis-link:hover{color: var(--rojo) !important} .sl-home-page .sanluis-link:hover::after{transform: scaleX(0.55)} .sl-home-page .sanluis-link--light{color: rgba(var(--crema-rgb), 0.65) !important} .sl-home-page .sanluis-link--light:hover{color: var(--crema) !important} .sl-home-page .sanluis-card--jardinet{display: flex;flex-direction: column;background: var(--jardinet-oscuro)} .sl-home-page .sanluis-card--jardinet .sanluis-image-wrap{flex: 1 1 auto;min-height: 0} .sl-home-page .sanluis-card--jardinet .sanluis-image{width: 100%;height: 100%;object-fit: cover} .sl-home-page .sanluis-card--jardinet .sanluis-card-content{flex: 0 0 auto;background: var(--jardinet-oscuro);color: var(--jardinet-claro)} .sl-home-page .sanluis-card--jardinet .sanluis-location{font-family: var(--font-body);color: var(--jardinet-suave)} .sl-home-page .sanluis-card--jardinet .sanluis-card-title{font-family: var(--font-jardinet);color: var(--jardinet-claro)} .sl-home-page .sanluis-card--jardinet .sanluis-description{font-family: var(--font-body);color: var(--jardinet-suave)} .sl-home-page .sanluis-card--jardinet .sanluis-image-label{font-family: var(--font-body);background: var(--jardinet-verde);color: var(--jardinet-claro)} .sl-home-page .sanluis-card--jardinet .sanluis-btn--green{font-family: var(--font-body);background: var(--jardinet-verde);color: var(--jardinet-claro) !important} .sl-home-page .sanluis-card--jardinet .sanluis-btn--green:hover{background: var(--jardinet-claro);color: var(--jardinet-oscuro) !important} .sl-home-page .sanluis-card--jardinet .sanluis-btn--outline-light{font-family: var(--font-body);border-color: var(--jardinet-suave);background: transparent;color: var(--jardinet-claro) !important} .sl-home-page .sanluis-card--jardinet .sanluis-btn--outline-light:hover{border-color: var(--jardinet-verde);background: var(--jardinet-verde);color: var(--jardinet-claro) !important} .sl-home-page .sanluis-card--jardinet .sanluis-link{font-family: var(--font-body);color: var(--jardinet-suave) !important} .sl-home-page .sanluis-card--jardinet .sanluis-link:hover{color: var(--jardinet-claro) !important} @media (max-width: 1024px){.sl-home-page .sanluis-locations-inner{width: 90%} .sl-home-page .sanluis-grid{gap: 2.5%} .sl-home-page .sanluis-title{font-size: clamp(42px, 6vw, 60px)} .sl-home-page .sanluis-btn{padding-left: 4%;padding-right: 4%}} @media (max-width: 767px){.sl-home-page .sanluis-locations-inner{width: 88%} .sl-home-page .sanluis-header{margin-bottom: 8%} .sl-home-page .sanluis-eyebrow{margin-bottom: 2%;font-size: 9px} .sl-home-page .sanluis-title{font-size: clamp(38px, 12vw, 54px);line-height: 0.98} .sl-home-page .sanluis-subtitle{margin-top: 3%;font-size: 11px} .sl-home-page .sanluis-grid{display: flex;flex-direction: column;gap: 18px} .sl-home-page .sanluis-right{width: 100%;gap: 18px} .sl-home-page .sanluis-small-grid{grid-template-columns: 1fr;gap: 18px;margin-top: 0} .sl-home-page .sanluis-card{width: 100%;border-radius: 16px} .sl-home-page .sanluis-card--jardinet .sanluis-image-wrap{aspect-ratio: 1 / 1.1} .sl-home-page .sanluis-card--small .sanluis-image-wrap{height: 190px} .sl-home-page .sanluis-card-content{padding: 5%} .sl-home-page .sanluis-card-title, .sl-home-page .sanluis-card--small .sanluis-card-title{font-size: 27px} .sl-home-page .sanluis-location{font-size: 8px} .sl-home-page .sanluis-description{font-size: 10px;margin-bottom: var(--header-gap)} .sl-home-page .sanluis-btn{min-height: 32px;padding: 0 5%;font-size: 9px} .sl-home-page .sanluis-link{font-size: 9px}} .sl-home-page .proceso-sanluis{width: 100%;min-height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--oscuro);font-family: var(--font-body)} .sl-home-page .proceso-inner{width: 84%;max-width: var(--content-max);margin: 0 auto;display: grid;grid-template-columns: 44% 50%;gap: 6%;align-items: center} .sl-home-page .proceso-copy{width: 100%} .sl-home-page .proceso-eyebrow{display: block;margin-bottom: 2.5%;font-family: var(--font-body);font-size: clamp(8px, 0.55vw, 11px);font-weight: 700;letter-spacing: 0.22em;color: var(--verde)} .sl-home-page .proceso-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(40px, 3.1vw, 61px);font-weight: 400 !important;line-height: 0.98;letter-spacing: -0.01em;color: var(--crema)} .sl-home-page .proceso-description{width: 91%;margin: 5% 0 6% !important;font-family: var(--font-body);font-size: clamp(10px, 0.72vw, 14px);font-weight: 400;line-height: 1.55;color: rgba(var(--crema-rgb), 0.72)} .sl-home-page .proceso-tags{display: flex;align-items: center;flex-wrap: wrap;gap: 0} .sl-home-page .proceso-tag{display: inline-flex;align-items: center;padding: 0;border: 0;border-radius: 0;background: transparent;font-family: var(--font-body);font-size: clamp(8px, 0.52vw, 10px);font-weight: 700;line-height: 1.2;letter-spacing: 0.08em;color: rgba(var(--crema-rgb), 0.85);cursor: default} .sl-home-page .proceso-tag + .proceso-tag::before{content:"·";margin: 0 .75em;color: rgba(var(--crema-rgb), 0.48);font-weight: 400} .sl-home-page .proceso-gallery{width: 100%;display: grid;grid-template-columns: 1fr 1fr;gap: 2.5%;align-items: start} .sl-home-page .proceso-gallery-column{display: flex;flex-direction: column;gap: 12px} .sl-home-page .proceso-gallery-column--right{transform: translateY(-4%)} .sl-home-page .proceso-image-card{position: relative;width: 100%;aspect-ratio: 3 / 4;overflow: hidden;border-radius: 4%;background: var(--oscuro);transition: transform 0.35s cubic-bezier(.2,.7,.2,1), box-shadow 0.35s ease} .sl-home-page .proceso-image{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform 0.65s cubic-bezier(.2,.7,.2,1)} .sl-home-page .proceso-image-card:hover{transform: translateY(-1.5%);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18)} .sl-home-page .proceso-image-card:hover .proceso-image{transform: scale(1.045)} .sl-home-page .proceso-image-label{position: absolute;left: 4%;bottom: 3.5%;z-index: 2;display: inline-flex;align-items: center;padding: 2.4% 5%;border-radius: 999px;background: rgba(60, 50, 38, 0.90);font-family: var(--font-body);font-size: clamp(7px, 0.45vw, 9px);font-weight: 700;line-height: 1;letter-spacing: 0.08em;color: var(--crema)} @media (max-width: 1024px){.sl-home-page .proceso-sanluis{min-height: auto;padding: 10% 0} .sl-home-page .proceso-inner{width: 88%;grid-template-columns: 43% 51%;gap: 6%} .sl-home-page .proceso-title{font-size: clamp(40px, 5vw, 54px)} .sl-home-page .proceso-description{width: 100%}} @media (max-width: 767px){.sl-home-page .proceso-sanluis{min-height: auto;padding: 16% 0} .sl-home-page .proceso-inner{width: 88%;display: flex;flex-direction: column;gap: 55px} .sl-home-page .proceso-copy{width: 100%} .sl-home-page .proceso-eyebrow{margin-bottom: 3%;font-size: 9px} .sl-home-page .proceso-title{font-size: clamp(42px, 12vw, 58px)} .sl-home-page .proceso-description{width: 100%;margin: 5% 0 7% !important;font-size: 11px} .sl-home-page .proceso-tags{gap: 7px} .sl-home-page .proceso-tag{padding: 8px 14px;font-size: 8px} .sl-home-page .proceso-gallery{width: 100%;gap: 3%} .sl-home-page .proceso-gallery-column{gap: 10px} .sl-home-page .proceso-gallery-column--right{transform: translateY(-4%)} .sl-home-page .proceso-image-card{border-radius: 12px} .sl-home-page .proceso-image-label{font-size: 7px;padding: 5px 9px}} .sl-home-page .sl-plan{font-family: var(--font-body)} .sl-home-page .sl-plan{width: 100%;padding: var(--section-space) 0;background: var(--crema);color: var(--oscuro)} .sl-home-page .sl-plan-inner{width: 84%;max-width: var(--content-max);margin: 0 auto} .sl-home-page .sl-plan-header{margin-bottom: var(--header-gap)} .sl-home-page .sl-plan-eyebrow{display: block;font-weight: 700;line-height: 1;color: var(--rojo)} .sl-home-page .sl-plan-eyebrow{margin-bottom: 1.4%;font-size: clamp(9px, .55vw, 11px);letter-spacing: .21em} .sl-home-page .sl-plan-title, .sl-home-page .sl-plan-number, .sl-home-page .sl-plan-card-title{font-family: var(--font-display) !important;font-weight: 400 !important} .sl-home-page .sl-plan-title{margin: 0 !important;font-size: clamp(40px, 3.8vw, 66px);line-height: .98;color: var(--oscuro)} .sl-home-page .sl-plan-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--grid-gap)} .sl-home-page .sl-plan-card{position: relative;min-height: 225px;padding: 4.5% 5.5% 5%;overflow: hidden;border-radius: var(--card-radius);display: flex;flex-direction: column;align-items: flex-start} .sl-home-page .sl-plan-card--light{background: var(--claro-sanluis)} .sl-home-page .sl-plan-card--dark{background: var(--oscuro);color: var(--crema)} .sl-home-page .sl-plan-number{display: block;margin-bottom: 3%;font-size: clamp(32px, 2.8vw, 47px);line-height: 1} .sl-home-page .sl-plan-card--light .sl-plan-number{color: rgba(187,73,63,.29)} .sl-home-page .sl-plan-card--dark .sl-plan-number{color: rgba(var(--crema-rgb),.22)} .sl-home-page .sl-plan-card-title{margin: 0 !important;font-size: clamp(20px, 1.55vw, 28px);line-height: 1.05;color: var(--oscuro)} .sl-home-page .sl-plan-card--dark .sl-plan-card-title{color: var(--crema)} .sl-home-page .sl-plan-description{width: 95%;margin: 4% 0 0 !important;font-size: clamp(10px, .68vw, 12px);line-height: 1.55;color: rgba(60,50,38,.82)} .sl-home-page .sl-plan-card--dark .sl-plan-description{color: rgba(var(--crema-rgb),.82)} .sl-home-page .sl-plan-button, .sl-home-page .sl-jardinet-button{display: inline-flex;align-items: center;justify-content: center;text-decoration: none;margin-top: auto;min-height: var(--button-height);padding: 0 8%;border-radius: 999px;font-family: var(--font-body);font-size: clamp(8px, .54vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .05em;transition: background-color .25s ease, color .25s ease} .sl-home-page .sl-plan-button{border: 0;cursor: pointer;background: var(--rojo);color: var(--crema)} .sl-home-page .sl-plan-button--reserve:hover{background: var(--oscuro);color: var(--crema)} .sl-home-page .sl-plan-button--order:hover{background: var(--verde)} .sl-home-page .sl-plan-card--jardinet{background-size: cover;background-position: center;justify-content: flex-start;color: var(--jardinet-claro)} .sl-home-page .sl-jardinet-overlay{position: absolute;inset: 0;z-index: 1;background: linear-gradient( 180deg, rgba(38,50,41,.60) 0%, rgba(38,50,41,.65) 35%, rgba(38,50,41,.74) 70%, rgba(38,50,41,.84) 100% );backdrop-filter: blur(1.2px);-webkit-backdrop-filter: blur(1.2px)} .sl-home-page .sl-jardinet-content{position: relative;z-index: 2;width: 100%;height: 100%;display: flex;flex-direction: column} .sl-home-page .sl-jardinet-plan-title{margin: 4% 0 !important;font-family: var(--font-jardinet) !important;font-size: clamp(25px, 2vw, 36px);font-style: italic;font-weight: 400;line-height: 1.05;color: var(--jardinet-claro)} .sl-home-page .sl-jardinet-plan-description{margin: 0 !important;font-size: clamp(10px, .63vw, 12px);font-weight: 500;line-height: 1.45;color: var(--jardinet-claro)} .sl-home-page .sl-jardinet-button{display: inline-flex;align-items: center;background: var(--jardinet-verde);color: var(--jardinet-claro) !important;text-decoration: none !important} .sl-home-page .sl-jardinet-button:hover{background: var(--jardinet-claro);color: var(--jardinet-oscuro) !important} .sl-home-page .sl-local-actions{width: 100%;margin-top: auto;padding-top: 9px;display: flex;align-items: center;gap: 11px;flex-wrap: nowrap} @media (max-width: 1024px){.sl-home-page .sl-plan-inner{width: 90%}} @media (max-width: 767px){.sl-home-page .sl-plan{padding: 14% 0} .sl-home-page .sl-plan-inner{width: 88%} .sl-home-page .sl-plan-header{margin-bottom: 8%} .sl-home-page .sl-plan-title{font-size: 44px} .sl-home-page .sl-plan-grid{grid-template-columns: 1fr;gap: 14px} .sl-home-page .sl-plan-card{min-height: 220px;padding: 7%} .sl-home-page .sl-plan-card--jardinet{min-height: 260px} .sl-home-page .sl-jardinet-plan-title{margin-top: 0 !important}} .sl-home-page .sl-community{position: relative;width: 100%;min-height: 395px;overflow: hidden;display: flex;align-items: center;justify-content: center;font-family: var(--font-body)} .sl-home-page .sl-community-bg{position: absolute;inset: 0;z-index: 1;background-image: var(--imagen-fondo);background-size: cover;background-position: center center;background-repeat: no-repeat;transform: scale(1.04);filter: blur(3px)} .sl-home-page .sl-community-overlay{position: absolute;inset: 0;z-index: 2;background: rgba(60, 50, 38, .50)} .sl-home-page .sl-community-inner{position: relative;z-index: 3;width: 84%;max-width: var(--content-max);margin: 0 auto;text-align: center} .sl-home-page .sl-community-eyebrow{display: block;margin-bottom: 1.5%;font-family: var(--font-body);font-size: clamp(9px, .55vw, 11px);font-weight: 700;line-height: 1;letter-spacing: .22em;color: var(--verde)} .sl-home-page .sl-community-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(42px, 4vw, 67px);font-weight: 400 !important;line-height: .91;letter-spacing: -.01em;color: var(--crema)} .sl-home-page .sl-community-text{margin: 2.2% 0 0 !important;font-family: var(--font-body);font-size: clamp(11px, .75vw, 14px);font-weight: 400;font-style: italic;line-height: 1.4;color: var(--crema)} @media (max-width: 1024px){.sl-home-page .sl-community{min-height: 360px} .sl-home-page .sl-community-inner{width: 90%} .sl-home-page .sl-community-title{font-size: clamp(42px, 5vw, 58px)}} @media (max-width: 767px){.sl-home-page .sl-community{min-height: 390px} .sl-home-page .sl-community-bg{background-position: center center} .sl-home-page .sl-community-overlay{background: rgba(60, 50, 38, .64)} .sl-home-page .sl-community-inner{width: 88%} .sl-home-page .sl-community-eyebrow{margin-bottom: var(--header-gap);font-size: 9px} .sl-home-page .sl-community-title{font-size: 42px;line-height: .95} .sl-home-page .sl-community-text{margin-top: 6% !important;font-size: 12px}} @media (max-width: 480px){.sl-home-page .sl-community{min-height: 370px} .sl-home-page .sl-community-title{font-size: 36px}} .sl-home-page .sl-locations{width: 100%;padding: var(--section-space) 0;background: var(--crema);font-family: var(--font-body);color: var(--oscuro)} .sl-home-page .sl-locations-inner{width: 84%;max-width: var(--content-max);margin: 0 auto} .sl-home-page .sl-locations-header{width: 100%;margin-bottom: var(--header-gap)} .sl-home-page .sl-locations-eyebrow{display: block;margin-bottom: 1.4%;font-family: var(--font-body);font-size: clamp(9px, .55vw, 11px);font-weight: 700;line-height: 1;letter-spacing: .22em;color: var(--rojo)} .sl-home-page .sl-locations-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(40px, 3.6vw, 62px);font-weight: 400 !important;line-height: 1;color: var(--oscuro)} .sl-home-page .sl-locations-description{margin: 2% 0 0 !important;font-family: var(--font-body);font-size: clamp(11px, .7vw, 13px);font-weight: 400;line-height: 1.55;color: rgba(60,50,38,.88)} .sl-home-page .sl-locations-grid{width: 100%;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--grid-gap);align-items: stretch} .sl-home-page .sl-location-card{min-width: 0;overflow: hidden;display: flex;flex-direction: column;border-radius: var(--card-radius);background: var(--crema);transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease} .sl-home-page .sl-location-card:not(.sl-location-card--jardinet){background: var(--claro)} @media (hover: hover) and (pointer: fine){.sl-home-page .sl-location-card:hover{transform: translateY(-4px);box-shadow: 0 15px 30px rgba(60,50,38,.11)}} .sl-home-page .sl-location-image{display: block;position: relative;width: 100%;aspect-ratio: 1.34 / 1;overflow: hidden} .sl-home-page .sl-location-image img{display: block;width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition: transform .65s cubic-bezier(.2,.7,.2,1)} @media (hover: hover) and (pointer: fine){.sl-home-page .sl-location-card:hover .sl-location-image img{transform: scale(1.06)}} .sl-home-page .sl-location-content{flex: 1;min-width: 0;padding: 8% 8% 9%;display: flex;flex-direction: column;align-items: flex-start} .sl-home-page .sl-location-city{display: block;margin-bottom: var(--header-gap);font-family: var(--font-body);font-size: clamp(8px, .5vw, 10px);font-weight: 500;line-height: 1;letter-spacing: .13em;color: var(--verde)} .sl-home-page .sl-location-name{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(20px, 1.45vw, 26px);font-weight: 400 !important;line-height: 1;color: var(--oscuro)} .sl-home-page .sl-location-address{min-height: 32px;margin: 4% 0 7% !important;font-family: var(--font-body);font-size: clamp(9px, .58vw, 11px);font-weight: 400;line-height: 1.4;color: rgba(60,50,38,.76)} .sl-home-page .sl-location-actions{width: 100%;display: flex;align-items: center;gap: 5%;flex-wrap: nowrap} :is(.sl-home-page, .sl-locales-page) .sl-location-button{min-height: var(--button-height);padding: 0 13px;display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;border-radius: 999px;font-family: var(--font-body);font-size: clamp(8px, .5vw, 10px);font-weight: 600;line-height: 1;white-space: nowrap;text-decoration: none !important;transition: background-color .25s ease, color .25s ease, border-color .25s ease} .sl-home-page .sl-location-button--primary{border: 1px solid var(--rojo);background: var(--rojo);color: var(--crema) !important} .sl-home-page .sl-location-button--primary:hover{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema) !important} :is(.sl-home-page, .sl-locales-page) .sl-location-button--outline{border: 1px solid rgba(60,50,38,.24);background: transparent;color: var(--oscuro) !important} :is(.sl-home-page, .sl-locales-page) .sl-location-button--outline:hover{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema) !important} .sl-home-page .sl-location-order{position: relative;display: inline-block;margin-top: 8%;font-family: var(--font-body);font-size: clamp(9px, .55vw, 11px);font-weight: 400;line-height: 1;color: rgba(60,50,38,.68) !important;text-decoration: none !important} .sl-home-page .sl-location-order::after{content:"";position: absolute;left: 0;right: 0;bottom: -3px;height: 1px;background: currentColor} .sl-home-page .sl-location-order:hover{color: var(--rojo) !important} .sl-home-page .sl-location-card--jardinet{background: var(--jardinet-oscuro);color: var(--jardinet-claro)} .sl-home-page .sl-jardinet-badge{position: absolute;top: 8%;left: 6%;z-index: 2;padding: 6px 12px;border-radius: 999px;background: var(--jardinet-verde);font-family: var(--font-body);font-size: clamp(6px, .4vw, 8px);font-weight: 700;line-height: 1;letter-spacing: .12em;white-space: nowrap;color: var(--jardinet-claro)} .sl-home-page .sl-location-card--jardinet .sl-location-city{color: var(--jardinet-suave)} .sl-home-page .sl-location-card--jardinet .sl-location-name{font-family: var(--font-jardinet) !important;font-size: clamp(21px, 1.55vw, 28px);font-weight: 500 !important;line-height: 1;color: var(--jardinet-claro)} .sl-home-page .sl-location-card--jardinet .sl-location-address{color: var(--jardinet-suave)} .sl-home-page .sl-location-button--jardinet{border: 1px solid var(--jardinet-verde);background: var(--jardinet-verde);color: var(--jardinet-claro) !important} .sl-home-page .sl-location-button--jardinet:hover{border-color: var(--jardinet-claro);background: var(--jardinet-claro);color: var(--jardinet-oscuro) !important} .sl-home-page .sl-location-button--outline-jardinet{border: 1px solid rgba(231,235,230,.30);background: transparent;color: var(--jardinet-claro) !important} .sl-home-page .sl-location-button--outline-jardinet:hover{border-color: var(--jardinet-claro);background: var(--jardinet-claro);color: var(--jardinet-oscuro) !important} .sl-home-page .sl-location-order--jardinet{color: var(--jardinet-suave) !important} .sl-home-page .sl-location-order--jardinet:hover{color: var(--jardinet-claro) !important} .sl-home-page .sl-locations-footer{margin-top: 3.5%} .sl-home-page .sl-locations-all{position: relative;display: inline-block;font-family: var(--font-body);font-size: clamp(9px, .58vw, 11px);font-weight: 600;line-height: 1.2;color: var(--rojo) !important;text-decoration: none !important} .sl-home-page .sl-locations-all::after{content:"";position: absolute;left: 0;right: 0;bottom: -3px;height: 1px;background: currentColor} .sl-home-page .sl-locations-all:hover{color: var(--oscuro) !important} @media (max-width: 1024px){.sl-home-page .sl-locations-inner{width: 90%} .sl-home-page .sl-locations-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px} .sl-home-page .sl-location-image{aspect-ratio: 1.45 / 1} .sl-home-page .sl-location-content{padding: 6%} .sl-home-page .sl-location-name{font-size: 25px} .sl-home-page .sl-location-address{min-height: auto}} @media (max-width: 767px){.sl-home-page .sl-locations{padding: 14% 0} .sl-home-page .sl-locations-inner{width: 88%} .sl-home-page .sl-locations-header{margin-bottom: 9%} .sl-home-page .sl-locations-title{font-size: 43px;line-height: .98} .sl-home-page .sl-locations-description{margin-top: 4% !important;font-size: 12px;line-height: 1.6} .sl-home-page .sl-locations-description br{display: none} .sl-home-page .sl-locations-grid{grid-template-columns: 1fr;gap: 16px} .sl-home-page .sl-location-image{aspect-ratio: 1.45 / 1} .sl-home-page .sl-location-content{padding: 6%} .sl-home-page .sl-location-city{font-size: 9px} .sl-home-page .sl-location-name{font-size: 27px} .sl-home-page .sl-location-card--jardinet .sl-location-name{font-size: 28px} .sl-home-page .sl-location-address{margin-bottom: 6% !important;font-size: 11px} :is(.sl-home-page, .sl-locales-page) .sl-location-button{min-height: 37px;padding: 0 16px;font-size: 10px} .sl-home-page .sl-location-order{margin-top: 6%;font-size: 11px} .sl-home-page .sl-locations-footer{margin-top: 8%} .sl-home-page .sl-locations-all{font-size: 11px}} .sl-home-page .sl-cta{width: 100%;min-height: 380px;padding: 5% 0;display: flex;align-items: center;justify-content: center;background: var(--rojo);font-family: var(--font-body)} .sl-home-page .sl-cta-inner{width: 84%;max-width: var(--content-max);margin: 0 auto;text-align: center} .sl-home-page .sl-cta-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(42px, 4vw, 66px);font-weight: 400 !important;line-height: 1;letter-spacing: -.01em;color: var(--crema)} .sl-home-page .sl-cta-actions{margin-top: 5%;display: flex;align-items: center;justify-content: center;gap: 1.5%;flex-wrap: nowrap} .sl-home-page .sl-cta-button{min-height: 46px;padding: 0 28px;display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;font-family: var(--font-body);font-size: clamp(10px, .65vw, 12px);font-weight: 700;line-height: 1;letter-spacing: .04em;white-space: nowrap;text-decoration: none !important;transition: background-color .25s ease, color .25s ease, border-color .25s ease} .sl-home-page .sl-cta-button--reserve{border: 1px solid var(--oscuro);background: var(--oscuro);color: var(--crema) !important} .sl-home-page .sl-cta-button--reserve:hover{border-color: var(--crema);background: var(--crema);color: var(--oscuro) !important} .sl-home-page .sl-cta-button--order{border: 1px solid rgba(var(--crema-rgb),.65);background: transparent;color: var(--crema) !important} .sl-home-page .sl-cta-button--order:hover{border-color: var(--crema);background: var(--crema);color: var(--rojo) !important} @media (max-width: 1024px){.sl-home-page .sl-cta{min-height: 340px} .sl-home-page .sl-cta-inner{width: 90%;max-width: 700px} .sl-home-page .sl-cta-title{font-size: clamp(42px, 5.5vw, 58px)}} @media (max-width: 767px){.sl-home-page .sl-cta{min-height: 360px;padding: 14% 0} .sl-home-page .sl-cta-inner{width: 88%} .sl-home-page .sl-cta-title{font-size: 40px;line-height: 1} .sl-home-page .sl-cta-title br{display: none} .sl-home-page .sl-cta-actions{margin-top: 9%;gap: 10px;flex-wrap: wrap} .sl-home-page .sl-cta-button{min-height: 44px;padding: 0 22px;font-size: 10px}} @media (max-width: 480px){.sl-home-page .sl-cta-title{font-size: 36px} .sl-home-page .sl-cta-actions{flex-direction: column;width: 100%} .sl-home-page .sl-cta-button{width: 100%;max-width: 220px}} .sl-home-page .sanluis-title, .sl-home-page .proceso-title, .sl-home-page .sl-plan-title, .sl-home-page .sl-community-title, .sl-home-page .sl-locations-title, .sl-home-page .sl-cta-title{font-family: var(--font-display) !important;font-size: clamp(44px, 4vw, 70px);font-weight: 400 !important;line-height: 1.02;text-wrap: balance} .sl-home-page .sanluis-eyebrow, .sl-home-page .proceso-eyebrow, .sl-home-page .sl-plan-eyebrow, .sl-home-page .sl-community-eyebrow, .sl-home-page .sl-locations-eyebrow{font-family: var(--font-body);font-size: clamp(9px, .55vw, 11px);font-weight: 700;letter-spacing: .22em} .sl-home-page .sanluis-card, .sl-home-page .sl-plan-card, .sl-home-page .sl-location-card{border-radius: var(--card-radius)} .sl-home-page .sanluis-btn, .sl-home-page .sl-plan-button, .sl-home-page .sl-jardinet-button, .sl-home-page .sl-location-button{min-height: var(--button-height)} .sl-home-page .sanluis-card:not(.sanluis-card--jardinet), .sl-home-page .sl-plan-card--light, .sl-home-page .sl-location-card:not(.sl-location-card--jardinet){border: 1px solid rgba(60, 50, 38, .10)} @media (max-width: 1024px){.sl-home-page .sanluis-locations-inner, .sl-home-page .proceso-inner, .sl-home-page .sl-plan-inner, .sl-home-page .sl-community-inner, .sl-home-page .sl-locations-inner, .sl-home-page .sl-cta-inner{width: var(--content-width)}} @media (max-width: 767px){.sl-home-page .sanluis-locations-inner, .sl-home-page .proceso-inner, .sl-home-page .sl-plan-inner, .sl-home-page .sl-community-inner, .sl-home-page .sl-locations-inner, .sl-home-page .sl-cta-inner{width: var(--content-width)} .sl-home-page .sanluis-title, .sl-home-page .proceso-title, .sl-home-page .sl-plan-title, .sl-home-page .sl-community-title, .sl-home-page .sl-locations-title, .sl-home-page .sl-cta-title{font-size: 42px;line-height: .98} .sl-home-page .sanluis-eyebrow, .sl-home-page .proceso-eyebrow, .sl-home-page .sl-plan-eyebrow, .sl-home-page .sl-community-eyebrow, .sl-home-page .sl-locations-eyebrow{font-size: 9px}} @media (max-width: 480px){.sl-home-page .sanluis-title, .sl-home-page .proceso-title, .sl-home-page .sl-plan-title, .sl-home-page .sl-community-title, .sl-home-page .sl-locations-title, .sl-home-page .sl-cta-title{font-size: 36px}} .sl-home-page .sl-home-hero{position: relative;width: 100%;min-height: 90vh;overflow: hidden;display: flex;align-items: center;padding-top: var(--header-height);padding-bottom: var(--header-height);box-sizing: border-box} .sl-home-page .sl-home-hero-bg{position: absolute;inset: 0;z-index: 1;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center 48%} .sl-home-page .sl-home-hero-overlay{position: absolute;inset: 0;z-index: 2;background: linear-gradient( 90deg, rgba(60, 50, 38, .54) 0%, rgba(60, 50, 38, .42) 34%, rgba(60, 50, 38, .20) 66%, rgba(60, 50, 38, .12) 100% ), linear-gradient( 180deg, rgba(60, 50, 38, .12) 0%, rgba(60, 50, 38, .08) 45%, rgba(60, 50, 38, .34) 100% )} .sl-home-page .sl-home-hero-inner{position: relative;z-index: 3;width: var(--content-width);max-width: var(--content-max);margin: 0 auto} .sl-home-page .sl-home-hero-copy{width: 68%;max-width: 760px} .sl-home-page .sl-home-hero-eyebrow{display: block;margin-bottom: 3.2%;font-family: var(--font-body);font-size: clamp(9px, .62vw, 12px);font-weight: 700;line-height: 1;letter-spacing: .22em;color: var(--crema)} .sl-home-page .sl-home-hero-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(62px, 4.35vw, 82px);font-weight: 400 !important;line-height: 1.2;letter-spacing: -.012em;color: var(--crema);text-wrap: balance} .sl-home-page .sl-home-hero-title span{display: block} .sl-home-page .sl-home-hero-title-wide{white-space: nowrap} .sl-home-page .sl-home-hero-text{margin: 2.6% 0 0 !important;font-family: var(--font-body);font-size: clamp(12px, .78vw, 15px);font-weight: 400;line-height: 1.55;color: var(--crema)} .sl-home-page .sl-home-hero-actions{margin-top: 4.3%;display: flex;align-items: center;gap: 16px;flex-wrap: nowrap} .sl-home-page .sl-home-hero-btn{text-decoration: none;min-height: 38px;padding: 0 25px;display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;font-family: var(--font-body);font-size: clamp(9px, .58vw, 11px);font-weight: 700;line-height: 1;white-space: nowrap;cursor: pointer;transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease} .sl-home-page .sl-home-hero-btn--reserve{border: 1px solid var(--rojo);background: var(--rojo);color: var(--crema)} .sl-home-page .sl-home-hero-btn--reserve:hover{border-color: var(--crema);background: var(--crema);color: var(--oscuro);transform: translateY(-2px)} .sl-home-page .sl-home-hero-btn--order{border: 1px solid rgba(var(--crema-rgb), .90);background: transparent;color: var(--crema)} .sl-home-page .sl-home-hero-btn--order:hover{border-color: var(--crema);background: var(--crema);color: var(--oscuro);transform: translateY(-2px)} @media (max-width: 1024px){.sl-home-page .sl-home-hero{height: 90vh;min-height: 570px} .sl-home-page .sl-home-hero-inner{width: 90%;transform: translateY(-3vh)} .sl-home-page .sl-home-hero-copy{width: 76%} .sl-home-page .sl-home-hero-title{font-size: clamp(54px, 7vw, 70px)}} @media (max-width: 767px){.sl-home-page .sl-home-hero{height: 80svh;min-height: 580px;align-items: flex-end} .sl-home-page .sl-home-hero-bg{object-position: 42% center} .sl-home-page .sl-home-hero-overlay{background: linear-gradient( 180deg, rgba(60, 50, 38, .14) 0%, rgba(60, 50, 38, .24) 32%, rgba(60, 50, 38, .74) 100% )} .sl-home-page .sl-home-hero-inner{width: 88%;padding-bottom: 17%;transform: translateY(-2vh)} .sl-home-page .sl-home-hero-copy{width: 100%;max-width: none} .sl-home-page .sl-home-hero-eyebrow{margin-bottom: 5%;font-size: 8px} .sl-home-page .sl-home-hero-title{font-size: clamp(43px, 12vw, 58px);line-height: 1.05} .sl-home-page .sl-home-hero-title-wide{white-space: normal} .sl-home-page .sl-home-hero-text{width: 94%;margin-top: 5% !important;font-size: 11px} .sl-home-page .sl-home-hero-actions{margin-top: 7%;gap: 9px} .sl-home-page .sl-home-hero-btn{min-height: 38px;padding: 0 17px;font-size: 8px}} @media (max-width: 480px){.sl-home-page .sl-home-hero-title{font-size: 42px} .sl-home-page .sl-home-hero-actions{width: 100%} .sl-home-page .sl-home-hero-btn{flex: 1 1 0;padding-left: 10px;padding-right: 10px}} .sl-home-page .sl-home-hero-copy{animation: sl-entrada .65s .08s var(--ease) both} .sl-home-page .sanluis-eyebrow, .sl-home-page .proceso-eyebrow, .sl-home-page .sl-plan-eyebrow, .sl-home-page .sl-community-eyebrow, .sl-home-page .sl-locations-eyebrow, .sl-home-page .sl-home-hero-eyebrow, .sl-home-page .sl-location-city, .sl-home-page .sanluis-location, .sl-home-page .proceso-tag, .sl-home-page .proceso-image-label{font-size: var(--text-label)} .sl-home-page .sanluis-subtitle, .sl-home-page .sanluis-description, .sl-home-page .proceso-description, .sl-home-page .sl-plan-description, .sl-home-page .sl-jardinet-plan-description, .sl-home-page .sl-community-text, .sl-home-page .sl-locations-description, .sl-home-page .sl-location-address, .sl-home-page .sl-home-hero-text{font-size: var(--text-small);line-height: 1.6} .sl-home-page .sanluis-btn, .sl-home-page .sanluis-link, .sl-home-page .sl-plan-button, .sl-home-page .sl-jardinet-button, .sl-home-page .sl-location-button, .sl-home-page .sl-location-order, .sl-home-page .sl-locations-all, .sl-home-page .sl-cta-button, .sl-home-page .sl-home-hero-btn{font-size: var(--text-button)} @media (max-width: 767px){.sl-home-page .sl-home-hero{padding-top: var(--header-mobile-height);padding-bottom: 0}} .sl-menu-page{width:100%;padding:calc(var(--header-height) + 48px) 0 var(--section-space);background:var(--crema);font-family:var(--font-body);color:var(--oscuro)} .sl-menu-page *,.sl-menu-page *::before,.sl-menu-page *::after{box-sizing:border-box} .sl-menu-inner{width:var(--content-width);max-width:var(--content-max);margin:0 auto} .sl-menu-header{max-width:680px} .sl-menu-eyebrow{display:block;margin-bottom:14px;color:var(--rojo);font-size:var(--text-label);font-weight:700;line-height:1;letter-spacing:.22em} .sl-menu-title{margin:0!important;font-family:var(--font-display)!important;font-size:clamp(54px,4.6vw,80px);font-weight:400!important;line-height:.94;letter-spacing:-.015em;color:var(--oscuro);text-wrap:balance} .sl-menu-intro{max-width:620px;margin:22px 0 0!important;color:rgba(60,50,38,.7);font-size:var(--text-base);line-height:1.65} .sl-menu-switch-wrap{position:relative;margin-top:42px} .sl-menu-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none} .sl-menu-switch{width:fit-content;padding:3px;display:inline-flex;align-items:center;border:1px solid rgba(60,50,38,.22);border-radius:999px;background:rgba(var(--crema-rgb),.58)} .sl-menu-switch-btn{min-height:38px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:var(--text-button);font-weight:650;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-base) var(--motion-ease),color var(--motion-base) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)} .sl-menu-switch-btn:active{transform:scale(.985)} .sl-menu-switch-btn--sanluis,.sl-menu-switch-btn--salera_benicassim{color:var(--oscuro)}.sl-menu-switch-btn--jardinet{color:var(--jardinet-verde)} #sl-menu-sanluis:checked~.sl-menu-switch .sl-menu-switch-btn--sanluis,#sl-menu-salera_benicassim:checked~.sl-menu-switch .sl-menu-switch-btn--salera_benicassim{background:var(--rojo);color:var(--crema)} #sl-menu-jardinet:checked~.sl-menu-switch .sl-menu-switch-btn--jardinet{background:var(--jardinet-verde);color:var(--jardinet-claro)} .sl-menu-panel{display:none;margin-top:36px} #sl-menu-sanluis:checked~.sl-menu-panel--sanluis,#sl-menu-salera_benicassim:checked~.sl-menu-panel--salera_benicassim,#sl-menu-jardinet:checked~.sl-menu-panel--jardinet{display:block} .sl-menu-category-nav{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none;overscroll-behavior-inline:contain} .sl-menu-category-nav::-webkit-scrollbar{display:none} .sl-menu-category-nav a{flex:0 0 auto;min-height:34px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid rgba(60,50,38,.16);border-radius:999px;color:rgba(60,50,38,.78);font-size:var(--text-label);font-weight:650;text-decoration:none;transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)} @media(hover:hover){.sl-menu-category-nav a:hover{border-color:var(--rojo);background:var(--rojo);color:var(--crema);transform:translateY(-1px)}} .sl-menu-categories{display:grid;gap:72px;margin-top:30px} .sl-menu-category{scroll-margin-top:calc(var(--header-height) + 26px)} .sl-menu-category-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 24px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid rgba(60,50,38,.14)} .sl-menu-category-header h2{grid-column:1;margin:0!important;font-family:var(--font-display)!important;font-size:clamp(34px,3vw,48px);font-weight:400!important;line-height:1;color:var(--oscuro)} .sl-menu-category-count{grid-column:2;grid-row:1;align-self:center;color:var(--rojo);font-size:var(--text-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase} .sl-menu-category-header p{grid-column:1/-1;margin:0!important;color:rgba(60,50,38,.68);font-size:var(--text-small);line-height:1.6} .sl-menu-products{display:grid;gap:10px} .sl-menu-product{overflow:hidden;border:1px solid rgba(60,50,38,.11);border-radius:16px;background:var(--claro);box-shadow:0 5px 16px rgba(60,50,38,.025);transition:border-color var(--motion-base) ease,box-shadow var(--motion-base) ease,translate var(--motion-base) var(--motion-ease)} @media(hover:hover){.sl-menu-product:hover{border-color:rgba(60,50,38,.2);box-shadow:0 10px 24px rgba(60,50,38,.07);translate:0 -1px}} .sl-menu-product-summary{width:100%;padding:0;display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:stretch;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer} .sl-menu-product.has-no-image .sl-menu-product-summary{grid-template-columns:minmax(0,1fr) auto} .sl-menu-product-image{width:112px;min-height:104px;overflow:hidden;background:rgba(60,50,38,.06)} .sl-menu-product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--motion-ease)} @media(hover:hover){.sl-menu-product:hover .sl-menu-product-image img{transform:scale(1.035)}} .sl-menu-product-main{min-width:0;padding:17px 18px;display:flex;flex-direction:column;justify-content:center;gap:9px} .sl-menu-product-topline{display:flex;align-items:baseline;justify-content:space-between;gap:18px} .sl-menu-product-name{min-width:0;font-family:var(--font-body);font-size:clamp(15px,1vw,17px);font-weight:700;line-height:1.25;color:var(--oscuro)} .sl-menu-product-prices{flex:0 0 auto;display:flex;align-items:baseline;gap:8px;white-space:nowrap}.sl-menu-product-prices strong{font-size:clamp(14px,.94vw,17px);color:var(--rojo)}.sl-menu-product-prices del{font-size:var(--text-label);color:rgba(60,50,38,.48)} .sl-menu-product-badges{display:flex;gap:5px;flex-wrap:wrap}.sl-menu-badge{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;border-radius:999px;font-size:9px;font-weight:650;line-height:1;white-space:nowrap}.sl-menu-badge--allergen{border:1px solid rgba(60,50,38,.13);color:rgba(60,50,38,.67);background:rgba(255,255,255,.24)}.sl-menu-badge--tag{background:var(--verde);color:var(--claro)}.sl-menu-badge--picante{background:var(--rojo)}.sl-menu-badge--vegano,.sl-menu-badge--vegetariano,.sl-menu-badge--sin_gluten{background:var(--jardinet-verde)} .sl-menu-product-toggle-label{min-width:94px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:9px;border-left:1px solid rgba(60,50,38,.08);color:rgba(60,50,38,.66);font-size:var(--text-label);font-weight:650;white-space:nowrap} .sl-menu-product-toggle-label i{position:relative;width:12px;height:12px;display:block}.sl-menu-product-toggle-label i::before,.sl-menu-product-toggle-label i::after{content:"";position:absolute;top:50%;left:50%;width:10px;height:1.5px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%);transition:transform var(--motion-base) var(--motion-ease)}.sl-menu-product-toggle-label i::after{transform:translate(-50%,-50%) rotate(90deg)}.sl-menu-product.is-open .sl-menu-product-toggle-label i::after{transform:translate(-50%,-50%) rotate(0)}.sl-menu-product.is-open .sl-menu-product-toggle-label span{font-size:0}.sl-menu-product.is-open .sl-menu-product-toggle-label span::after{content:"Cerrar";font-size:var(--text-label)} .sl-menu-product-details{display:grid;grid-template-rows:0fr;border-top:1px solid transparent;transition:grid-template-rows var(--motion-base) var(--motion-ease),border-color var(--motion-base) ease,background-color var(--motion-base) ease}.sl-menu-product.is-open .sl-menu-product-details{grid-template-rows:1fr;border-color:rgba(60,50,38,.08);background:rgba(var(--crema-rgb),.24)}.sl-menu-product-details-inner{min-height:0;overflow:hidden}.sl-menu-product-details-content{padding:20px 22px 23px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 34px}.sl-menu-product-copy{grid-column:1/-1}.sl-menu-product-copy p{margin:7px 0 0!important;color:rgba(60,50,38,.78);font-size:var(--text-small);line-height:1.65}.sl-menu-detail-label{display:block;color:var(--rojo);font-size:var(--text-label);font-weight:750;line-height:1;letter-spacing:.08em;text-transform:uppercase}.sl-menu-detail-pills{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}.sl-menu-detail-pills span{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid rgba(60,50,38,.13);border-radius:999px;color:rgba(60,50,38,.72);font-size:10px;font-weight:600}.sl-menu-detail-pills--tags span{border-color:transparent;background:var(--verde);color:var(--claro)}.sl-menu-option-list{margin:9px 0 0;padding:0;list-style:none;display:grid;gap:7px}.sl-menu-option-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:7px;border-bottom:1px solid rgba(60,50,38,.08);font-size:var(--text-small)}.sl-menu-option-list strong{color:var(--rojo);white-space:nowrap}.sl-menu-product-no-details{grid-column:1/-1;margin:0;color:rgba(60,50,38,.56);font-size:var(--text-small)} .sl-menu-empty{padding:44px;border:1px solid rgba(60,50,38,.12);border-radius:18px;background:var(--claro)}.sl-menu-empty-kicker{display:block;margin-bottom:10px;color:var(--rojo);font-size:var(--text-label);font-weight:750;letter-spacing:.12em;text-transform:uppercase}.sl-menu-empty h2{margin:0!important;font-family:var(--font-display)!important;font-size:clamp(32px,3vw,46px);font-weight:400!important;line-height:1}.sl-menu-empty p{max-width:600px;margin:14px 0 0!important;color:rgba(60,50,38,.7);font-size:var(--text-small);line-height:1.6}.sl-menu-empty-link{position:relative;display:inline-block;margin-top:20px;color:var(--rojo);font-size:var(--text-button);font-weight:700;text-decoration:none}.sl-menu-empty-link::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform-origin:left;transition:transform var(--motion-fast) ease}@media(hover:hover){.sl-menu-empty-link:hover::after{transform:scaleX(.55)}} .sl-menu-cta{margin-top:44px}.sl-menu-order-button{min-height:42px;padding:0 24px;display:none;align-items:center;justify-content:center;border:0;border-radius:999px;font-size:var(--text-button);font-weight:700;line-height:1;letter-spacing:.04em;text-decoration:none!important;transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)}#sl-menu-sanluis:checked~.sl-menu-cta .sl-menu-order-button--sanluis,#sl-menu-salera_benicassim:checked~.sl-menu-cta .sl-menu-order-button--sanluis{display:inline-flex;background:var(--rojo);color:var(--crema)}#sl-menu-jardinet:checked~.sl-menu-cta .sl-menu-order-button--jardinet{display:inline-flex;background:var(--jardinet-verde);color:var(--jardinet-claro)}@media(hover:hover){.sl-menu-order-button:hover{transform:translateY(-2px)}#sl-menu-sanluis:checked~.sl-menu-cta .sl-menu-order-button--sanluis:hover,#sl-menu-salera_benicassim:checked~.sl-menu-cta .sl-menu-order-button--sanluis:hover{background:var(--oscuro)}#sl-menu-jardinet:checked~.sl-menu-cta .sl-menu-order-button--jardinet:hover{background:var(--jardinet-claro);color:var(--jardinet-oscuro)}} .sl-menu-switch{max-width:100%;flex-wrap:wrap;gap:.25rem} .sl-menu-switch-btn{white-space:normal;text-align:center;line-height:1.25} .sl-menu-pdf-button{display:none;min-height:42px;align-items:center;justify-content:center;padding:.75rem 1.25rem;border:1px solid var(--jardinet-verde);border-radius:999px;color:var(--jardinet-verde);font-size:var(--text-button);font-weight:700;text-decoration:none!important;transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease} #sl-menu-jardinet:checked~.sl-menu-cta .sl-menu-pdf-button--jardinet{display:inline-flex} .sl-menu-cta{display:flex;flex-wrap:wrap;gap:1rem} @media(hover:hover){.sl-menu-pdf-button:hover{background:var(--jardinet-verde);color:var(--jardinet-claro)}} @media(max-width:767px){.sl-menu-switch{display:grid;grid-template-columns:1fr;align-items:stretch;border-radius:1.5rem;gap:.25rem}.sl-menu-switch-btn{min-height:2.65rem;border-radius:1.25rem;padding:.65rem 1rem;font-size:.875rem}.sl-menu-pdf-button{width:100%}} @media(max-width:767px){.sl-menu-page{padding-top:calc(var(--header-mobile-height) + 38px);padding-bottom:64px}.sl-menu-title{font-size:43px}.sl-menu-intro{font-size:14px}.sl-menu-switch-wrap{margin-top:30px}.sl-menu-switch{width:100%;display:grid;grid-template-columns:1fr}.sl-menu-switch-btn{width:100%;min-height:40px;padding:0 9px;font-size:10px}.sl-menu-panel{margin-top:26px}.sl-menu-category-nav{margin-right:calc(50% - 50vw);padding-right:6vw}.sl-menu-categories{gap:52px;margin-top:20px}.sl-menu-category{scroll-margin-top:calc(var(--header-mobile-height) + 18px)}.sl-menu-category-header{margin-bottom:16px}.sl-menu-category-header h2{font-size:36px}.sl-menu-product-summary,.sl-menu-product.has-no-image .sl-menu-product-summary{grid-template-columns:82px minmax(0,1fr)}.sl-menu-product.has-no-image .sl-menu-product-summary{grid-template-columns:minmax(0,1fr)}.sl-menu-product-image{width:82px;min-height:88px}.sl-menu-product-main{padding:14px 13px;gap:8px}.sl-menu-product-topline{align-items:flex-start;gap:8px}.sl-menu-product-name{font-size:14px}.sl-menu-product-prices{flex-direction:column;align-items:flex-end;gap:2px}.sl-menu-product-toggle-label{grid-column:1/-1;min-height:34px;padding:0 13px;border-left:0;border-top:1px solid rgba(60,50,38,.08);justify-content:space-between}.sl-menu-product.has-no-image .sl-menu-product-toggle-label{grid-column:1}.sl-menu-badge{min-height:23px;font-size:8px}.sl-menu-product-details-content{grid-template-columns:1fr;padding:17px 14px 19px;gap:18px}.sl-menu-product-copy{grid-column:1}.sl-menu-empty{padding:28px 20px}.sl-menu-cta{margin-top:34px}.sl-menu-order-button{min-height:42px;width:100%;padding:0 18px}} .sl-contact-page{width: 100%;font-family: var(--font-body);color: var(--oscuro)} .sl-contact-page .sl-contact-inner{width: var(--content-width);max-width: var(--content-max);margin: 0 auto} .sl-contact-page .sl-contact-hero{width: 100%;padding: 3.1% 0 3.35%;background: var(--oscuro)} .sl-contact-page .sl-contact-eyebrow{display: block;margin-bottom: 1.35%;font-family: var(--font-body);font-size: clamp(9px, .55vw, 11px);font-weight: 700;line-height: 1;letter-spacing: .22em;color: var(--verde)} .sl-contact-page .sl-contact-title{max-width: 650px;margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(48px, 3.9vw, 74px);font-weight: 400 !important;line-height: .86;letter-spacing: -.015em;color: var(--crema)} .sl-contact-page .sl-contact-locations{width: 100%;padding: 4% 0 4.4%;background: var(--crema)} .sl-contact-page .sl-contact-grid{width: 100%;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--grid-gap);align-items: stretch} .sl-contact-page .sl-contact-card{min-width: 0;min-height: 225px;padding: 22px 23px 21px;display: flex;flex-direction: column;align-items: flex-start;border-radius: var(--card-radius);background: var(--claro-sanluis);color: var(--oscuro)} .sl-contact-page .sl-contact-card-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(24px, 1.55vw, 29px);font-weight: 400 !important;line-height: 1;letter-spacing: -.01em;color: var(--oscuro)} .sl-contact-page .sl-contact-card-city{display: block;margin-top: 2px;font-size: clamp(9px, .52vw, 10.5px);font-weight: 400;line-height: 1.2;color: rgba(60, 50, 38, .52)} .sl-contact-page .sl-contact-data{width: 100%;margin-top: 17px;display: flex;flex-direction: column;gap: 12px} .sl-contact-page .sl-contact-data-item{display: flex;flex-direction: column;gap: 3px} .sl-contact-page .sl-contact-label{font-size: clamp(8px, .48vw, 9.5px);font-weight: 600;line-height: 1;letter-spacing: .14em;color: var(--verde)} .sl-contact-page .sl-contact-value{font-size: clamp(10px, .6vw, 11.5px);font-weight: 400;line-height: 1.25;color: rgba(60, 50, 38, .88)} .sl-contact-page .sl-contact-actions{width: 100%;margin-top: auto;padding-top: 18px;display: flex;align-items: center;gap: 9px;flex-wrap: wrap} .sl-contact-page .sl-contact-button{min-height: 36px;padding: 0 17px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 999px;font-family: var(--font-body);font-size: clamp(9px, .55vw, 10.5px);font-weight: 700;line-height: 1;white-space: nowrap;text-decoration: none !important;transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease} .sl-contact-page .sl-contact-button--primary{border-color: var(--rojo);background: var(--rojo);color: var(--crema) !important} .sl-contact-page .sl-contact-button--primary:hover{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema) !important;transform: translateY(-2px)} .sl-contact-page .sl-contact-button--outline{border-color: rgba(60, 50, 38, .23);background: transparent;color: var(--oscuro) !important} .sl-contact-page .sl-contact-button--outline:hover{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema) !important;transform: translateY(-2px)} .sl-contact-page .sl-contact-card--jardinet{background: var(--jardinet-oscuro);color: var(--jardinet-claro)} .sl-contact-page .sl-contact-jardinet-kicker{display: block;margin-bottom: 8px;font-family: var(--font-body);font-size: clamp(7px, .42vw, 8px);font-weight: 700;line-height: 1;letter-spacing: .14em;color: var(--jardinet-suave)} .sl-contact-page .sl-contact-card--jardinet .sl-contact-card-title{font-family: var(--font-jardinet) !important;font-size: clamp(24px, 1.55vw, 29px);font-weight: 500 !important;color: var(--jardinet-claro)} .sl-contact-page .sl-contact-card--jardinet .sl-contact-card-city{color: var(--jardinet-suave)} .sl-contact-page .sl-contact-card--jardinet .sl-contact-label{color: var(--jardinet-suave)} .sl-contact-page .sl-contact-card--jardinet .sl-contact-value{color: var(--jardinet-claro)} .sl-contact-page .sl-contact-button--jardinet{border-color: var(--jardinet-verde);background: var(--jardinet-verde);color: var(--jardinet-claro) !important} .sl-contact-page .sl-contact-button--jardinet:hover{border-color: var(--jardinet-claro);background: var(--jardinet-claro);color: var(--jardinet-oscuro) !important;transform: translateY(-2px)} .sl-contact-page .sl-contact-button--outline-jardinet{border-color: rgba(159, 174, 161, .42);background: transparent;color: var(--jardinet-claro) !important} .sl-contact-page .sl-contact-button--outline-jardinet:hover{border-color: var(--jardinet-verde);background: var(--jardinet-verde);color: var(--jardinet-claro) !important;transform: translateY(-2px)} @media (max-width: 1024px){.sl-contact-page .sl-contact-hero{padding: 6% 0} .sl-contact-page .sl-contact-locations{padding: 7% 0} .sl-contact-page .sl-contact-title{font-size: clamp(44px, 6vw, 62px)}} @media (max-width: 767px){.sl-contact-page .sl-contact-hero{padding: 14% 0 13%} .sl-contact-page .sl-contact-eyebrow{margin-bottom: 4%;font-size: 9px} .sl-contact-page .sl-contact-title{max-width: 100%;font-size: 43px;line-height: .91} .sl-contact-page .sl-contact-title br{display: none} .sl-contact-page .sl-contact-locations{padding: 12% 0 14%} .sl-contact-page .sl-contact-grid{grid-template-columns: 1fr;gap: 14px} .sl-contact-page .sl-contact-card{min-height: 220px;padding: 22px} .sl-contact-page .sl-contact-card-title, .sl-contact-page .sl-contact-card--jardinet .sl-contact-card-title{font-size: 27px} .sl-contact-page .sl-contact-card-city{font-size: 10px} .sl-contact-page .sl-contact-label{font-size: 9px} .sl-contact-page .sl-contact-data-item{min-width: 0} .sl-contact-page .sl-contact-value{display: block;max-width: 100%;font-size: 11px;white-space: normal;word-break: normal;overflow-wrap: break-word} .sl-contact-page .sl-contact-button{min-height: 37px;padding: 0 17px;font-size: 10px}} @media (max-width: 480px){.sl-contact-page .sl-contact-title{font-size: 37px} .sl-contact-page .sl-contact-actions{gap: 8px}} .sl-contact-page .sl-contact-hero{padding-top: calc(var(--header-height) + 44px);padding-bottom: 48px} .sl-contact-page .sl-contact-hero .sl-contact-inner{animation: sl-entrada .6s var(--ease) both} .sl-contact-page .sl-contact-eyebrow, .sl-contact-page .sl-contact-label, .sl-contact-page .sl-contact-jardinet-kicker{font-size: var(--text-label)} .sl-contact-page .sl-contact-card-city{font-size: var(--text-label)} .sl-contact-page .sl-contact-value{font-size: var(--text-small);line-height: 1.5} .sl-contact-page .sl-contact-button{font-size: var(--text-button);min-height: var(--button-height)} @media (max-width: 767px){.sl-contact-page .sl-contact-hero{padding-top: calc(var(--header-mobile-height) + 42px);padding-bottom: 46px}} .sl-contact-page .sl-contact-locations{padding: var(--section-space-small) 0 var(--section-space)} .jd-page .jd-hero{position: relative;width: 100%;min-height: 100vh;overflow: hidden;display: flex;align-items: center;background-image: var(--imagen-fondo);background-size: cover;background-position: center center;background-repeat: no-repeat;font-family: var(--jd-font-body)} .jd-page .jd-hero::before{content:"";position: absolute;inset: 0;z-index: 1;background: linear-gradient( 90deg, rgba(38, 50, 41, 0.58) 0%, rgba(38, 50, 41, 0.44) 42%, rgba(38, 50, 41, 0.28) 72%, rgba(38, 50, 41, 0.22) 100% )} .jd-page .jd-hero-overlay{position: absolute;inset: 0;z-index: 2;background: linear-gradient( 180deg, rgba(38, 50, 41, 0.14) 0%, rgba(38, 50, 41, 0.22) 30%, rgba(38, 50, 41, 0.54) 62%, rgba(38, 50, 41, 0.88) 90%, var(--jd-oscuro) 100% )} .jd-page .jd-hero-inner{position: relative;z-index: 3;width: var(--jd-content-width);max-width: var(--jd-content-max);margin: 0 auto} .jd-page .jd-hero-content{width: 55%;margin-left: 5%;transform: translateY(14%)} .jd-page .jd-hero-eyebrow{display: block;margin-bottom: 3%;font-family: var(--jd-font-body);font-size: clamp(8px, 0.55vw, 10px);font-weight: 600;line-height: 1;letter-spacing: 0.23em;color: var(--jd-suave)} .jd-page .jd-hero-title{margin: 0 !important;font-family: var(--jd-font-display) !important;font-size: clamp(64px, 5.3vw, 96px);font-weight: 400 !important;line-height: 0.88;letter-spacing: -0.035em;color: var(--jd-claro);max-width: 12.5ch} .jd-page .jd-hero-title em{font-weight: 400;font-style: italic} .jd-page .jd-hero-description{margin: 4% 0 0 !important;font-family: var(--jd-font-body);font-size: clamp(11px, 0.72vw, 14px);font-weight: 400;line-height: 1.5;color: var(--jd-claro)} .jd-page .jd-hero-actions{margin-top: 6%;display: flex;align-items: center;gap: 2%} .jd-page .jd-hero-btn{min-height: 40px;padding: 0 28px;display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;font-family: var(--jd-font-body);font-size: clamp(8px, 0.52vw, 10px);font-weight: 700;line-height: 1;letter-spacing: 0.06em;white-space: nowrap;text-decoration: none !important;transition: all 0.25s ease} .jd-page .jd-hero-btn--primary{border: 1px solid var(--jd-verde);background: var(--jd-verde);color: var(--jd-claro) !important} .jd-page .jd-hero-btn--primary:hover{border-color: var(--jd-claro);background: var(--jd-claro);color: var(--jd-oscuro) !important} .jd-page .jd-hero-btn--outline{border: 1px solid rgba(231, 235, 230, 0.48);background: transparent;color: var(--jd-claro) !important} .jd-page .jd-hero-btn--outline:hover{border-color: var(--jd-claro);background: var(--jd-claro);color: var(--jd-oscuro) !important} .jd-page .jd-hero-link{position: relative;margin-left: 1%;font-family: var(--jd-font-body);font-size: clamp(8px, 0.55vw, 10px);font-weight: 400;color: var(--jd-suave) !important;text-decoration: none !important} .jd-page .jd-hero-link::after{content:"";position: absolute;left: 0;right: 0;bottom: -4px;height: 1px;background: var(--jd-suave)} .jd-page .jd-hero-link:hover{color: var(--jd-claro) !important} @media (max-width: 1024px){.jd-page .jd-hero-inner{width: 90%} .jd-page .jd-hero-content{width: 65%;margin-left: 2%} .jd-page .jd-hero-title{font-size: clamp(58px, 7vw, 78px)}} @media (max-width: 767px){.jd-page .jd-hero{min-height: 100svh;background-position: 46% center} .jd-page .jd-hero-overlay{background: linear-gradient( 180deg, rgba(38, 50, 41, 0.18) 0%, rgba(38, 50, 41, 0.28) 28%, rgba(38, 50, 41, 0.64) 62%, rgba(38, 50, 41, 0.92) 90%, var(--jd-oscuro) 100% )} .jd-page .jd-hero-inner{width: 88%} .jd-page .jd-hero-content{width: 100%;margin-left: 0;transform: translateY(18%)} .jd-page .jd-hero-eyebrow{margin-bottom: 4%;font-size: 7px} .jd-page .jd-hero-title{font-size: clamp(45px, 13vw, 58px);line-height: 0.88;max-width: none} .jd-page .jd-hero-description{margin-top: 5% !important;font-size: 10px} .jd-page .jd-hero-description br{display: none} .jd-page .jd-hero-actions{margin-top: 7%;gap: 8px;flex-wrap: wrap} .jd-page .jd-hero-btn{min-height: 36px;padding: 0 18px;font-size: 8px} .jd-page .jd-hero-link{margin-left: 4px;font-size: 8px}} .jd-page .jd-info{width: 100%;background: var(--jd-oscuro);color: var(--jd-claro);border-top: 1px solid rgba(159, 174, 161, .18);border-bottom: 1px solid rgba(159, 174, 161, .18)} .jd-page .jd-info-inner{width: var(--jd-content-width);max-width: var(--jd-content-max);min-height: 112px;margin: 0 auto;display: grid;grid-template-columns: minmax(0, 1.12fr) minmax(0, 1.82fr) minmax(112px, .7fr) auto;align-items: center} .jd-page .jd-info-item{min-width: 0;min-height: 50px;padding: 4px 24px;display: flex;flex-direction: column;justify-content: center;gap: 7px;border-left: 1px solid rgba(159, 174, 161, .24)} .jd-page .jd-info-item:first-child{padding-left: 0;border-left: 0} .jd-page .jd-info-label{color: var(--jd-suave);font-family: var(--jd-font-body);font-size: var(--text-label);font-weight: 700;line-height: 1;letter-spacing: .14em} .jd-page .jd-info-item strong, .jd-page .jd-info-item a{display: block;max-width: 100%;overflow: visible;white-space: normal;overflow-wrap: break-word;word-break: normal;color: var(--jd-claro);font-family: var(--jd-font-body);font-size: var(--text-small);font-weight: 500;line-height: 1.45;text-decoration: none} .jd-page .jd-info-item:nth-child(2) strong{white-space: normal} .jd-page .jd-info-item:nth-child(3) a{white-space: nowrap} .jd-page .jd-info-map{padding-left: 24px} .jd-page .jd-info-map-btn{min-height: var(--button-height);padding: 0 18px;display: inline-flex;align-items: center;justify-content: center;gap: 7px;border: 1px solid rgba(231, 235, 230, .38);border-radius: 999px;color: var(--jd-claro);font-family: var(--jd-font-body);font-size: var(--text-button);font-weight: 700;line-height: 1;text-decoration: none;transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease} @media (hover: hover){.jd-page .jd-info-map-btn:hover{transform: translateY(-2px);border-color: var(--jd-claro);background: var(--jd-claro);color: var(--jd-oscuro)}} @media (max-width: 1024px){.jd-page .jd-info-inner{width: 90%;grid-template-columns: .9fr 1.8fr .7fr;padding: 22px 0;row-gap: 18px} .jd-page .jd-info-item{padding-inline: 18px} .jd-page .jd-info-map{grid-column: 1 / -1;padding-left: 0}} @media (max-width: 767px){.jd-page .jd-info-inner{width: 88%;min-height: 0;padding: 26px 0;grid-template-columns: minmax(0, 1fr);gap: 22px} .jd-page .jd-info-item, .jd-page .jd-info-item:first-child{min-width: 0;min-height: 0;padding: 0 0 0 14px;border-left: 1px solid rgba(159, 174, 161, .24)} .jd-page .jd-info-item strong, .jd-page .jd-info-item a{width: 100%;max-width: 100%;white-space: normal;word-break: normal;overflow-wrap: break-word} .jd-page .jd-info-item:nth-child(2) strong{white-space: normal} .jd-page .jd-info-item:nth-child(3) a{width: auto;white-space: nowrap} .jd-page .jd-info-map{grid-column: 1;padding: 0}} .jd-page .jd-about{width: 100%;padding: 6.5% 0;background: var(--jd-oscuro);font-family: var(--jd-font-body);color: var(--jd-claro)} .jd-page .jd-about-inner{width: var(--jd-content-width);max-width: var(--jd-content-max);margin: 0 auto;display: grid;grid-template-columns: 42% 48%;gap: 10%;align-items: center} .jd-page .jd-about-copy{width: 100%} .jd-page .jd-about-eyebrow{display: block;margin-bottom: 5%;font-family: var(--jd-font-body);font-size: clamp(8px, 0.52vw, 10px);font-weight: 700;line-height: 1;letter-spacing: 0.23em;color: var(--jd-suave)} .jd-page .jd-about-title{margin: 0 !important;font-family: var(--jd-font-display) !important;font-size: clamp(40px, 3.35vw, 58px);font-weight: 400 !important;line-height: 1.05;letter-spacing: -0.025em;color: var(--jd-claro)} .jd-page .jd-about-text{width: 100%;margin: 6% 0 0 !important;font-family: var(--jd-font-body);font-size: clamp(10px, 0.68vw, 13px);font-weight: 400;line-height: 1.65;color: var(--jd-suave)} .jd-page .jd-about-image{width: 100%;aspect-ratio: 1.35 / 1;overflow: hidden;border-radius: 18px} .jd-page .jd-about-image img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 0.65s cubic-bezier(.2,.7,.2,1)} .jd-page .jd-about-image:hover img{transform: scale(1.035)} @media (max-width: 1024px){.jd-page .jd-about{padding: 9% 0} .jd-page .jd-about-inner{width: 90%;grid-template-columns: 43% 51%;gap: 6%} .jd-page .jd-about-title{font-size: clamp(36px, 4.5vw, 48px)}} @media (max-width: 767px){.jd-page .jd-about{padding: 16% 0} .jd-page .jd-about-inner{width: 88%;display: flex;flex-direction: column;gap: 34px} .jd-page .jd-about-copy{width: 100%} .jd-page .jd-about-eyebrow{margin-bottom: 4%;font-size: 7px} .jd-page .jd-about-title{font-size: 32px;line-height: 1} .jd-page .jd-about-title br{display: none} .jd-page .jd-about-text{width: 100%;margin-top: 5% !important;font-size: 10px;line-height: 1.6} .jd-page .jd-about-image{width: 100%;aspect-ratio: 1.25 / 1;border-radius: 12px}} .jd-page .jd-atmosferas{width: 100%;padding: 6.5% 0 7%;background: var(--jd-fondo);font-family: var(--jd-font-body);color: var(--jd-claro)} .jd-page .jd-atmosferas-inner{width: var(--jd-content-width);max-width: var(--jd-content-max);margin: 0 auto} .jd-page .jd-atmosferas-header{width: 100%;margin-bottom: 4%;display: flex;align-items: flex-end;justify-content: space-between;gap: 5%} .jd-page .jd-atmosferas-heading{flex: 1} .jd-page .jd-atmosferas-eyebrow{display: block;margin-bottom: 2.5%;font-family: var(--jd-font-body);font-size: clamp(8px, .52vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .23em;color: var(--jd-suave)} .jd-page .jd-atmosferas-title{margin: 0 !important;font-family: var(--jd-font-display) !important;font-size: clamp(40px, 3.25vw, 56px);font-weight: 400 !important;line-height: 1.02;letter-spacing: -.025em;color: var(--jd-claro);text-wrap: balance} .jd-page .jd-atmosferas-toggle{flex: 0 0 auto;padding: 3px;display: flex;align-items: center;border: 1px solid rgba(159, 174, 161, .35);border-radius: 999px} .jd-page .jd-atmosferas-toggle-btn{min-width: 74px;min-height: 35px;padding: 0 18px;border: 0;border-radius: 999px;background: transparent;font-family: var(--jd-font-body);font-size: clamp( 8px, .5vw, 10px );font-weight: 700;line-height: 1;letter-spacing: .09em;color: var(--jd-suave);cursor: pointer;transition: background-color .25s ease, color .25s ease} .jd-page .jd-atmosferas-toggle-btn.is-active{background: var(--jd-claro);color: var(--jd-oscuro)} .jd-page .jd-atmosferas-grid{width: 100%;display: grid;grid-template-columns: 1fr 1fr;gap: 1.5%;align-items: stretch} .jd-page .jd-atmosferas-image{position: relative;width: 100%;aspect-ratio: 1.25 / 1;overflow: hidden;border-radius: 18px;background: var(--jd-oscuro)} .jd-page .jd-atmosferas-image img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 1;transform: scale(1);transition: opacity .18s ease, transform .65s cubic-bezier(.2,.7,.2,1)} .jd-page .jd-atmosferas-image:hover img{transform: scale(1.035)} .jd-page .jd-atmosferas-image img.is-changing{opacity: 0} .jd-page .jd-atmosferas-card{width: 100%;min-height: 100%;padding: 9%;display: flex;align-items: center;border-radius: 18px;background: var(--jd-oscuro)} .jd-page .jd-atmosferas-card-content{width: 100%} .jd-page .jd-atmosferas-card-title{margin: 0 !important;font-family: var(--font-jardinet) !important;font-size: clamp( 27px, 2vw, 36px );font-style: italic;font-weight: 400 !important;line-height: 1;color: var(--jd-suave)} .jd-page .jd-atmosferas-card-text{width: 92%;margin: 6% 0 0 !important;font-family: var(--font-body);font-size: clamp( 10px, .67vw, 13px );font-weight: 400;line-height: 1.6;color: var(--jd-claro)} @media (max-width: 1024px){.jd-page .jd-atmosferas{padding: 9% 0} .jd-page .jd-atmosferas-inner{width: 90%} .jd-page .jd-atmosferas-title{font-size: clamp( 36px, 4.5vw, 48px )} .jd-page .jd-atmosferas-grid{gap: 2%}} @media (max-width: 767px){.jd-page .jd-atmosferas{padding: 16% 0} .jd-page .jd-atmosferas-inner{width: 88%} .jd-page .jd-atmosferas-header{margin-bottom: 8%;flex-direction: column;align-items: flex-start;gap: 22px} .jd-page .jd-atmosferas-eyebrow{margin-bottom: 4%;font-size: 7px} .jd-page .jd-atmosferas-title{font-size: 31px;line-height: 1} .jd-page .jd-atmosferas-toggle-btn{min-width: 62px;min-height: 31px;padding: 0 13px;font-size: 7.5px} .jd-page .jd-atmosferas-grid{display: flex;flex-direction: column;gap: 10px} .jd-page .jd-atmosferas-image{aspect-ratio: 1.25 / 1;border-radius: 12px} .jd-page .jd-atmosferas-card{min-height: 150px;padding: 7%;border-radius: 12px} .jd-page .jd-atmosferas-card-title{font-size: 25px} .jd-page .jd-atmosferas-card-text{width: 100%;margin-top: 4% !important;font-size: 9.5px}} .jd-page .jd-carta{width: 100%;padding: 6.5% 0;background: var(--jd-oscuro);font-family: var(--jd-font-body);color: var(--jd-claro)} .jd-page .jd-carta-inner{width: var(--jd-content-width);max-width: var(--jd-content-max);margin: 0 auto;display: grid;grid-template-columns: 45% 45%;gap: 10%;align-items: center} .jd-page .jd-carta-image{width: 100%;aspect-ratio: 1.18 / 1;overflow: hidden;border-radius: 18px} .jd-page .jd-carta-image img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform .65s cubic-bezier(.2,.7,.2,1)} .jd-page .jd-carta-image:hover img{transform: scale(1.035)} .jd-page .jd-carta-copy{width: 100%} .jd-page .jd-carta-eyebrow, .jd-page .jd-planes-eyebrow{display: block;margin-bottom: 4%;font-family: var(--jd-font-body);font-size: clamp(7px, .48vw, 9px);font-weight: 700;line-height: 1;letter-spacing: .23em;color: var(--jd-suave)} .jd-page .jd-carta-title{margin: 0 !important;font-family: var(--jd-font-display) !important;font-size: clamp(40px, 3.4vw, 58px);font-weight: 400 !important;line-height: .98;letter-spacing: -.025em;color: var(--jd-claro)} .jd-page .jd-carta-text{width: 90%;margin: 6% 0 0 !important;font-family: var(--jd-font-body);font-size: clamp(10px, .65vw, 12px);font-weight: 400;line-height: 1.6;color: var(--jd-suave)} .jd-page .jd-carta-button{min-height: 38px;margin-top: 7%;padding: 0 22px;display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;background: var(--jd-verde);font-family: var(--jd-font-body);font-size: clamp(8px, .5vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .04em;color: var(--jd-claro) !important;text-decoration: none !important;transition: background-color .25s ease, color .25s ease, transform .25s ease} .jd-page .jd-carta-button:hover{background: var(--jd-claro);color: var(--jd-oscuro) !important;transform: translateY(-2px)} .jd-page .jd-planes{width: 100%;padding: 6.5% 0 7%;background: var(--jd-fondo);font-family: var(--jd-font-body);color: var(--jd-claro)} .jd-page .jd-planes-inner{width: var(--jd-content-width);max-width: var(--jd-content-max);margin: 0 auto} .jd-page .jd-planes-header{width: 100%;margin-bottom: 4%} .jd-page .jd-planes-eyebrow{margin-bottom: 2.5%} .jd-page .jd-planes-title{margin: 0 !important;font-family: var(--jd-font-display) !important;font-size: clamp(40px, 3.4vw, 58px);font-weight: 400 !important;line-height: .98;letter-spacing: -.025em;color: var(--jd-claro)} .jd-page .jd-planes-grid{width: 100%;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.5%} .jd-page .jd-plan-card{min-width: 0;overflow: hidden;border-radius: 14px;background: var(--jd-oscuro);border: 1px solid rgba(159, 174, 161, .10);transition: transform .3s ease, box-shadow .3s ease} .jd-page .jd-plan-card:hover{transform: translateY(-4px);box-shadow: 0 15px 30px rgba(38, 50, 41, .25)} .jd-page .jd-plan-image{width: 100%;aspect-ratio: .82 / 1;overflow: hidden} .jd-page .jd-plan-image img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform .6s cubic-bezier(.2,.7,.2,1)} .jd-page .jd-plan-card:hover .jd-plan-image img{transform: scale(1.045)} .jd-page .jd-plan-content{min-height: 95px;padding: 8% 8% 9%} .jd-page .jd-plan-title{margin: 0 !important;font-family: var(--jd-font-display) !important;font-size: clamp(15px, 1.1vw, 19px);font-weight: 400 !important;line-height: 1.1;color: var(--jd-claro)} .jd-page .jd-plan-text{margin: 5% 0 0 !important;font-family: var(--jd-font-body);font-size: clamp(7px, .46vw, 9px);font-weight: 400;line-height: 1.45;color: var(--jd-suave)} .jd-page .jd-planes-footer{margin-top: 4%} .jd-page .jd-planes-button{min-height: 38px;padding: 0 22px;display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;background: var(--jd-claro);font-family: var(--jd-font-body);font-size: clamp(8px, .5vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .04em;color: var(--jd-oscuro) !important;text-decoration: none !important;transition: background-color .25s ease, color .25s ease, transform .25s ease} .jd-page .jd-planes-button:hover{background: var(--jd-verde);color: var(--jd-claro) !important;transform: translateY(-2px)} @media (max-width: 1024px){.jd-page .jd-carta, .jd-page .jd-planes{padding: 9% 0} .jd-page .jd-carta-inner, .jd-page .jd-planes-inner{width: 90%} .jd-page .jd-carta-inner{grid-template-columns: 46% 48%;gap: 6%} .jd-page .jd-planes-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px} .jd-page .jd-plan-image{aspect-ratio: 1.25 / 1}} @media (max-width: 767px){.jd-page .jd-carta, .jd-page .jd-planes{padding: 16% 0} .jd-page .jd-carta-inner, .jd-page .jd-planes-inner{width: 88%} .jd-page .jd-carta-inner{display: flex;flex-direction: column;gap: 34px} .jd-page .jd-carta-image{aspect-ratio: 1.2 / 1;border-radius: 12px} .jd-page .jd-carta-eyebrow, .jd-page .jd-planes-eyebrow{margin-bottom: 4%;font-size: 7px} .jd-page .jd-carta-title, .jd-page .jd-planes-title{font-size: 31px;line-height: .98} .jd-page .jd-carta-title br, .jd-page .jd-planes-title br{display: none} .jd-page .jd-carta-text{width: 100%;margin-top: 5% !important;font-size: 10px} .jd-page .jd-carta-button{margin-top: 7%;min-height: 36px;padding: 0 18px;font-size: 8px} .jd-page .jd-planes-header{margin-bottom: 8%} .jd-page .jd-planes-grid{grid-template-columns: 1fr;gap: 12px} .jd-page .jd-plan-card{border-radius: 12px} .jd-page .jd-plan-image{aspect-ratio: 1.15 / 1} .jd-page .jd-plan-content{min-height: auto;padding: 5% 5% 6%} .jd-page .jd-plan-title{font-size: 20px} .jd-page .jd-plan-text{margin-top: 2% !important;font-size: 9px} .jd-page .jd-planes-footer{margin-top: 8%} .jd-page .jd-planes-button{min-height: 36px;padding: 0 18px;font-size: 8px}} .jd-page .jd-espacio{width: 100%;padding: 6.5% 0 7%;background: var(--jd-oscuro);font-family: var(--jd-font-body);color: var(--jd-claro)} .jd-page .jd-espacio-inner{width: var(--jd-content-width);max-width: var(--jd-content-max);margin: 0 auto} .jd-page .jd-espacio-header{margin-bottom: 4%} .jd-page .jd-espacio-eyebrow{display: block;margin-bottom: 2.5%;font-family: var(--jd-font-body);font-size: clamp(8px, .52vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .23em;color: var(--jd-suave)} .jd-page .jd-espacio-title{margin: 0 !important;font-family: var(--jd-font-display) !important;font-size: clamp(38px, 3.1vw, 54px);font-weight: 400 !important;line-height: 1;letter-spacing: -.025em;color: var(--jd-claro)} .jd-page .jd-espacio-gallery{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 14px;align-items: stretch} .jd-page .jd-espacio-column{display: flex;flex-direction: column;gap: 14px} .jd-page .jd-espacio-column--left, .jd-page .jd-espacio-column--right{min-height: 620px} .jd-page .jd-espacio-column--center{min-height: 620px} .jd-page .jd-espacio-card{width: 100%;overflow: hidden;border-radius: 14px;background: rgba(78, 99, 84, .10);transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease} .jd-page .jd-espacio-card:hover{transform: translateY(-4px);box-shadow: 0 16px 30px rgba(0, 0, 0, .22)} .jd-page .jd-espacio-card--small{flex: 0 0 38%} .jd-page .jd-espacio-card--medium{flex: 1 1 auto} .jd-page .jd-espacio-card--tall{flex: 1 1 auto;height: 100%} .jd-page .jd-espacio-card img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform .65s cubic-bezier(.2,.7,.2,1)} .jd-page .jd-espacio-card:hover img{transform: scale(1.04)} @media (max-width: 1024px){.jd-page .jd-espacio{padding: 9% 0} .jd-page .jd-espacio-inner{width: 90%} .jd-page .jd-espacio-title{font-size: clamp(36px, 4.5vw, 48px)} .jd-page .jd-espacio-gallery{gap: 12px} .jd-page .jd-espacio-column{gap: 12px} .jd-page .jd-espacio-column--left, .jd-page .jd-espacio-column--right, .jd-page .jd-espacio-column--center{min-height: 520px}} @media (max-width: 767px){.jd-page .jd-espacio{padding: 16% 0} .jd-page .jd-espacio-inner{width: 88%} .jd-page .jd-espacio-header{margin-bottom: 8%} .jd-page .jd-espacio-eyebrow{margin-bottom: 4%;font-size: 7px} .jd-page .jd-espacio-title{font-size: 31px;line-height: 1} .jd-page .jd-espacio-gallery{grid-template-columns: 1fr;gap: 10px} .jd-page .jd-espacio-column{gap: 10px} .jd-page .jd-espacio-column--left, .jd-page .jd-espacio-column--right, .jd-page .jd-espacio-column--center{min-height: auto} .jd-page .jd-espacio-card--small, .jd-page .jd-espacio-card--medium, .jd-page .jd-espacio-card--tall{flex: none;min-height: 210px} .jd-page .jd-espacio-card{border-radius: 12px}} .jd-page .jd-brand-block, .jd-page .jd-final-cta{width: 100%;font-family: var(--jd-font-body);color: var(--jd-claro)} .jd-page .jd-brand-block{padding: 7% 0 6%;background: var(--jd-oscuro);border-top: 1px solid rgba(159, 174, 161, 0.22);border-bottom: 1px solid rgba(159, 174, 161, 0.22);text-align: center} .jd-page .jd-brand-block-inner{width: var(--jd-content-width);max-width: var(--jd-content-max);margin: 0 auto} .jd-page .jd-brand-block-eyebrow{display: block;margin-bottom: 1.8%;font-family: var(--jd-font-body);font-size: clamp(8px, .5vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .22em;color: var(--jd-suave)} .jd-page .jd-brand-block-title{max-width: 640px;margin: 0 auto !important;font-family: var(--jd-font-display) !important;font-size: clamp(26px, 2vw, 40px);font-weight: 400 !important;line-height: 1.35;letter-spacing: -.02em;color: var(--jd-claro)} .jd-page .jd-brand-block-link{position: relative;display: inline-block;margin-top: 2.5%;font-family: var(--jd-font-body);font-size: clamp(9px, .55vw, 11px);font-weight: 400;line-height: 1;color: var(--jd-suave) !important;text-decoration: none !important} .jd-page .jd-brand-block-link::after{content:"";position: absolute;left: 0;right: 0;bottom: -4px;height: 1px;background: currentColor} .jd-page .jd-brand-block-link:hover{color: var(--jd-claro) !important} .jd-page .jd-final-cta{padding: 6.5% 0 7.5%;background: linear-gradient( 180deg, var(--jd-fondo) 0%, var(--jd-oscuro) 100% );text-align: center} .jd-page .jd-final-cta-inner{width: var(--jd-content-width);max-width: var(--jd-content-max);margin: 0 auto} .jd-page .jd-final-cta-title{max-width: 720px;margin: 0 auto !important;font-family: var(--jd-font-display) !important;font-size: clamp(46px, 4.2vw, 74px);font-weight: 400 !important;line-height: .96;letter-spacing: -.03em;color: var(--jd-claro)} .jd-page .jd-final-cta-actions{margin-top: 4%;display: flex;align-items: center;justify-content: center;gap: 12px;flex-wrap: wrap} .jd-page .jd-final-cta-btn{min-height: 42px;padding: 0 24px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 999px;font-family: var(--jd-font-body);font-size: clamp(8px, .52vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .05em;white-space: nowrap;text-decoration: none !important;transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease} .jd-page .jd-final-cta-btn:hover{transform: translateY(-2px)} .jd-page .jd-final-cta-btn--primary{border-color: var(--jd-verde);background: var(--jd-verde);color: var(--jd-claro) !important} .jd-page .jd-final-cta-btn--primary:hover{border-color: var(--jd-claro);background: var(--jd-claro);color: var(--jd-oscuro) !important} .jd-page .jd-final-cta-btn--outline{border-color: rgba(159, 174, 161, .55);background: transparent;color: var(--jd-claro) !important} .jd-page .jd-final-cta-btn--outline:hover{border-color: var(--jd-claro);background: var(--jd-claro);color: var(--jd-oscuro) !important} @media (max-width: 1024px){.jd-page .jd-brand-block, .jd-page .jd-final-cta{padding-left: 0;padding-right: 0} .jd-page .jd-brand-block-inner, .jd-page .jd-final-cta-inner{width: 90%} .jd-page .jd-final-cta-title{font-size: clamp(40px, 5.5vw, 60px)}} @media (max-width: 767px){.jd-page .jd-brand-block{padding: 14% 0 12%} .jd-page .jd-final-cta{padding: 15% 0 17%} .jd-page .jd-brand-block-inner, .jd-page .jd-final-cta-inner{width: 88%} .jd-page .jd-brand-block-eyebrow{margin-bottom: 4%;font-size: 7px} .jd-page .jd-brand-block-title{max-width: 100%;font-size: 27px;line-height: 1.35} .jd-page .jd-brand-block-link{margin-top: 6%;font-size: 9px} .jd-page .jd-final-cta-title{font-size: 37px;line-height: .97} .jd-page .jd-final-cta-actions{margin-top: 8%;gap: 10px} .jd-page .jd-final-cta-btn{min-height: 38px;padding: 0 18px;font-size: 8px}} .jd-page .jd-atmosferas-radio{position: absolute;width: 1px;height: 1px;opacity: 0;pointer-events: none} .jd-page .jd-atmosferas-toggle-btn{min-width: 74px;min-height: 35px;padding: 0 18px;display: inline-flex;align-items: center;justify-content: center;border: 0;border-radius: 999px;background: transparent;font-family: var(--jd-font-body);font-size: clamp(8px, .5vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .09em;color: var(--jd-suave);cursor: pointer;user-select: none;transition: background-color .25s ease, color .25s ease} .jd-page #jd-atm-dia:checked ~ .jd-atmosferas-header .jd-atmosferas-toggle-btn--dia{background: var(--jd-claro);color: var(--jd-oscuro)} .jd-page #jd-atm-noche:checked ~ .jd-atmosferas-header .jd-atmosferas-toggle-btn--noche{background: var(--jd-claro);color: var(--jd-oscuro)} .jd-page .jd-atmosferas-image{position: relative} .jd-page .jd-atmosferas-photo{position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0;transform: scale(1);transition: opacity .35s ease, transform .65s cubic-bezier(.2,.7,.2,1)} .jd-page #jd-atm-dia:checked ~ .jd-atmosferas-grid .jd-atmosferas-photo--dia{opacity: 1;z-index: 2} .jd-page #jd-atm-noche:checked ~ .jd-atmosferas-grid .jd-atmosferas-photo--noche{opacity: 1;z-index: 2} .jd-page .jd-atmosferas-image:hover .jd-atmosferas-photo{transform: scale(1.035)} .jd-page .jd-atmosferas-card-content{display: none;width: 100%} .jd-page #jd-atm-dia:checked ~ .jd-atmosferas-grid .jd-atmosferas-content--dia{display: block} .jd-page #jd-atm-noche:checked ~ .jd-atmosferas-grid .jd-atmosferas-content--noche{display: block} @media (max-width: 767px){.jd-page .jd-atmosferas-toggle-btn{min-width: 62px;min-height: 31px;padding: 0 13px;font-size: 7.5px}} .jd-page .jd-hero{padding-top: var(--header-height);padding-bottom: var(--header-height);background-color: var(--jardinet-oscuro)} .jd-page .jd-hero{animation: none} .jd-page .jd-hero-content{animation: sl-entrada .7s .08s var(--ease) both} .jd-page .jd-hero-eyebrow, .jd-page .jd-about-eyebrow, .jd-page .jd-atmosferas-eyebrow, .jd-page .jd-carta-eyebrow, .jd-page .jd-planes-eyebrow, .jd-page .jd-espacio-eyebrow, .jd-page .jd-brand-block-eyebrow{font-size: var(--text-label)} .jd-page .jd-hero-description, .jd-page .jd-about-text, .jd-page .jd-atmosferas-card-text, .jd-page .jd-carta-text, .jd-page .jd-plan-text{font-size: var(--text-small);line-height: 1.65} .jd-page .jd-hero-btn, .jd-page .jd-hero-link, .jd-page .jd-atmosferas-toggle-btn, .jd-page .jd-carta-button, .jd-page .jd-planes-button, .jd-page .jd-final-cta-btn, .jd-page .jd-brand-block-link{font-size: var(--text-button)} @media (max-width: 767px){.jd-page .jd-hero{padding-top: var(--header-mobile-height);padding-bottom: var(--header-mobile-height)}} .jd-page .jd-about, .jd-page .jd-atmosferas, .jd-page .jd-carta, .jd-page .jd-planes, .jd-page .jd-espacio{padding: var(--section-space) 0} .jd-page .jd-brand-block, .jd-page .jd-final-cta{padding: var(--section-space-small) 0} .sl-local-page{width: 100%;overflow: hidden;background: var(--crema);color: var(--oscuro);font-family: var(--font-body)} .sl-local-page .sl-local-container{width: var(--content-width);max-width: var(--content-max);margin: 0 auto} .sl-local-page .sl-local-hero{position: relative;width: 100%;height: 72vh;min-height: 610px;display: flex;align-items: center;padding-top: var(--header-height);padding-bottom: var(--header-height);overflow: hidden;background: var(--oscuro);color: var(--crema)} .sl-local-page .sl-local-hero-bg{position: absolute;inset: 0;z-index: 1;background-image: var(--imagen-fondo);background-size: cover;background-position: var(--posicion-fondo, center 52%);background-repeat: no-repeat;animation: sl-hero-zoom .9s var(--ease) both} .sl-local-page .sl-local-hero-overlay{position: absolute;inset: 0;z-index: 2;background: linear-gradient(90deg, rgba(38,30,23,.78) 0%, rgba(38,30,23,.55) 42%, rgba(38,30,23,.22) 72%, rgba(38,30,23,.14) 100%), linear-gradient(0deg, rgba(38,30,23,.28) 0%, rgba(38,30,23,0) 48%)} .sl-local-page .sl-local-hero-inner{position: relative;z-index: 3} .sl-local-page .sl-local-hero-copy{width: 68%;max-width: 720px;animation: sl-entrada .65s .08s var(--ease) both} .sl-local-page .sl-local-eyebrow, .sl-local-page .sl-local-section-eyebrow{display: block;margin: 0 0 14px;color: var(--rojo);font-size: var(--text-label);font-weight: 700;line-height: 1.2;letter-spacing: .18em} .sl-local-page .sl-local-hero .sl-local-eyebrow{color: var(--crema);opacity: .84} .sl-local-page .sl-local-hero-title{max-width: 780px;margin: 0;color: var(--crema);font-family: var(--font-display);font-size: clamp(56px, 5.2vw, 86px);font-weight: 400;line-height: .98;letter-spacing: -.015em;text-wrap: balance} .sl-local-page .sl-local-hero-title--una-linea{white-space: nowrap} .sl-local-page .sl-local-hero-text{max-width: 520px;margin: 18px 0 0;color: var(--crema);font-size: var(--text-base);line-height: 1.6;opacity: .92} .sl-local-page .sl-local-hero-actions{margin-top: 28px;display: flex;align-items: center;gap: 10px;flex-wrap: wrap} .sl-local-page .sl-local-btn, .sl-local-page .sl-local-map-btn{min-height: var(--button-height);padding: 0 20px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 999px;font-size: var(--text-button);font-weight: 700;line-height: 1;letter-spacing: .035em;white-space: nowrap;text-decoration: none;transition: transform .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease} .sl-local-page .sl-local-btn--primary{border-color: var(--rojo);background: var(--rojo);color: var(--crema)} .sl-local-page .sl-local-btn--ghost{border-color: rgba(var(--crema-rgb),.75);background: rgba(60,50,38,.12);color: var(--crema);backdrop-filter: blur(5px)} @media (hover: hover){.sl-local-page .sl-local-btn:hover, .sl-local-page .sl-local-map-btn:hover{transform: translateY(-2px)} .sl-local-page .sl-local-btn--primary:hover{border-color: var(--oscuro);background: var(--oscuro)} .sl-local-page .sl-local-btn--ghost:hover{border-color: var(--crema);background: var(--crema);color: var(--oscuro)}} .sl-local-page .sl-local-info{position: relative;z-index: 4;width: 100%;background: var(--crema);border-bottom: 1px solid rgba(60,50,38,.09)} .sl-local-page .sl-local-info-grid{min-height: 112px;display: grid;grid-template-columns: minmax(0, 1.12fr) minmax(0, 1.82fr) minmax(112px, .7fr) auto;align-items: center} .sl-local-page .sl-local-info-item{min-width: 0;min-height: 50px;padding: 4px 28px;display: flex;flex-direction: column;justify-content: center;gap: 7px;border-left: 1px solid rgba(187,73,63,.28)} .sl-local-page .sl-local-info-item:first-child{padding-left: 0;border-left: 0} .sl-local-page .sl-local-info-label{color: var(--rojo);font-size: var(--text-label);font-weight: 700;line-height: 1;letter-spacing: .14em} .sl-local-page .sl-local-info-item strong, .sl-local-page .sl-local-info-item a{display: block;max-width: 100%;overflow: visible;color: var(--oscuro);font-size: var(--text-small);font-weight: 500;line-height: 1.45;text-overflow: clip;white-space: normal;overflow-wrap: break-word;word-break: normal;text-decoration: none} .sl-local-page .sl-local-info-item .sl-local-hours{white-space: normal;line-height: 1.45;overflow-wrap: normal;word-break: normal} .sl-local-page .sl-local-info-item:nth-child(3) a{white-space: nowrap} .sl-local-page .sl-local-info-map{padding-left: 28px} .sl-local-page .sl-local-map-btn{min-height: 40px;padding-inline: 16px;border-color: rgba(60,50,38,.26);color: var(--oscuro)} @media (hover: hover){.sl-local-page .sl-local-map-btn:hover{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema)}} .sl-local-page .sl-local-experience{padding: var(--section-space) 0;background: var(--claro)} .sl-local-page .sl-local-section-heading{margin-bottom: 34px;display: grid;grid-template-columns: minmax(0,1fr) minmax(280px,.62fr);align-items: end;gap: 8%} .sl-local-page .sl-local-section-heading h2, .sl-local-page .sl-local-menu-copy h2{margin: 0;color: var(--oscuro);font-family: var(--font-display);font-size: var(--title-lg);font-weight: 400;line-height: 1;letter-spacing: -.012em} .sl-local-page .sl-local-section-heading p{margin: 0;color: rgba(60,50,38,.76);font-size: var(--text-small);line-height: 1.65} .sl-local-page .sl-local-gallery{display: grid;grid-template-columns: 1.55fr 1fr 1fr;grid-template-rows: 235px 235px;gap: 10px} .sl-local-page .sl-local-gallery-item{position: relative;margin: 0;overflow: hidden;border-radius: 15px;background: var(--crema)} .sl-local-page .sl-local-gallery-item--hero{grid-row: 1 / span 2} .sl-local-page .sl-local-gallery-item img{width: 100%;height: 100%;object-fit: cover;transition: transform .55s var(--ease)} @media (hover: hover){.sl-local-page .sl-local-gallery-item:hover img{transform: scale(1.035)}} .sl-local-page .sl-local-menu-cta{padding: 72px 0;background: var(--oscuro);color: var(--crema)} .sl-local-page .sl-local-menu-cta-inner{display: flex;align-items: center;justify-content: space-between;gap: 8%} .sl-local-page .sl-local-menu-copy{flex: 1 1 auto;min-width: 0} .sl-local-page .sl-local-menu-copy .sl-local-section-eyebrow{color: var(--rojo)} .sl-local-page .sl-local-menu-copy h2{color: var(--crema);font-size: clamp(34px, 2.8vw, 46px);white-space: nowrap} .sl-local-page .sl-local-menu-copy p{max-width: 620px;margin: 15px 0 0;color: rgba(var(--crema-rgb),.78);font-size: var(--text-small);line-height: 1.65} .sl-local-page .sl-local-menu-btn{flex: 0 0 auto} @media (hover: hover){.sl-local-page .sl-local-menu-cta .sl-local-btn--primary:hover{border-color: var(--crema);background: var(--crema);color: var(--oscuro)}} .sl-local-page .sl-local-tags{width: 100%;padding: 26px 0 28px;overflow: hidden;background: var(--crema)} .sl-local-page .sl-local-tags-inner{width: max-content;display: flex;align-items: center;flex-wrap: nowrap;animation: sl-local-tags-marquee 42s linear infinite;will-change: transform} .sl-local-page .sl-local-tags-group{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap} .sl-local-page .sl-local-tags span{position: relative;flex: 0 0 auto;padding: 0 24px;display: inline-flex;align-items: center;color: rgba(60, 50, 38, .76);font-size: 10px;font-weight: 700;line-height: 1.35;letter-spacing: .11em;white-space: nowrap} .sl-local-page .sl-local-tags span::after{content:"·";position: absolute;right: -2px;top: 50%;color: var(--rojo);font-size: 14px;line-height: 1;opacity: .55;transform: translateY(-53%)} @keyframes sl-local-tags-marquee{from{transform: translate3d(0, 0, 0)} to{transform: translate3d(-50%, 0, 0)}} @media (prefers-reduced-motion: reduce){.sl-local-page .sl-local-tags{overflow-x: auto;scrollbar-width: none} .sl-local-page .sl-local-tags::-webkit-scrollbar{display: none} .sl-local-page .sl-local-tags-inner{animation: none !important} .sl-local-page .sl-local-tags-group[aria-hidden="true"]{display: none}} @media (max-width: 1024px){.sl-local-page .sl-local-hero{height: 70vh;min-height: 560px} .sl-local-page .sl-local-hero-copy{width: 76%} .sl-local-page .sl-local-info-grid{grid-template-columns: .95fr 1.75fr .7fr;padding: 22px 0;row-gap: 18px} .sl-local-page .sl-local-info-item{padding-inline: 20px} .sl-local-page .sl-local-info-map{grid-column: 1 / -1;padding-left: 0} .sl-local-page .sl-local-section-heading{grid-template-columns: 1fr .72fr;gap: 6%} .sl-local-page .sl-local-gallery{grid-template-rows: 210px 210px} .sl-local-page .sl-local-menu-copy h2{font-size: clamp(30px,3.3vw,38px)}} @media (max-width: 767px){.sl-local-page .sl-local-hero{height: 72svh;min-height: 570px;padding-top: var(--header-mobile-height);padding-bottom: 0;align-items: flex-end} .sl-local-page .sl-local-hero-bg{background-position: var(--posicion-fondo-mobile, 58% center)} .sl-local-page .sl-local-hero-overlay{background: linear-gradient(0deg, rgba(38,30,23,.86) 0%, rgba(38,30,23,.64) 45%, rgba(38,30,23,.20) 100%)} .sl-local-page .sl-local-hero-inner{padding-bottom: 46px} .sl-local-page .sl-local-hero-copy{width: 100%;max-width: none} .sl-local-page .sl-local-eyebrow, .sl-local-page .sl-local-section-eyebrow{margin-bottom: 10px} .sl-local-page .sl-local-hero-title{max-width: 100%;font-size: clamp(43px,13vw,58px);line-height: 1} .sl-local-page .sl-local-hero-title--una-linea{white-space: normal} .sl-local-page .sl-local-hero-text{margin-top: 12px;font-size: 15px} .sl-local-page .sl-local-hero-actions{margin-top: 22px;gap: 8px} .sl-local-page .sl-local-info-grid{min-height: 0;padding: 26px 0;grid-template-columns: minmax(0, 1fr);gap: 22px} .sl-local-page .sl-local-info-item, .sl-local-page .sl-local-info-item:first-child{min-width: 0;min-height: 0;padding: 0 0 0 14px;border-left: 1px solid rgba(187,73,63,.28)} .sl-local-page .sl-local-info-item strong, .sl-local-page .sl-local-info-item a, .sl-local-page .sl-local-info-item .sl-local-hours{width: 100%;max-width: 100%;overflow: visible;text-overflow: clip;white-space: normal;word-break: normal;overflow-wrap: break-word} .sl-local-page .sl-local-info-item:nth-child(3) a{width: auto;white-space: nowrap} .sl-local-page .sl-local-info-map{grid-column: 1;padding: 0} .sl-local-page .sl-local-section-heading{margin-bottom: 25px;display: block} .sl-local-page .sl-local-section-heading h2{font-size: clamp(37px,11vw,50px)} .sl-local-page .sl-local-section-heading p{max-width: 430px;margin-top: 15px;font-size: 14px} .sl-local-page .sl-local-gallery{grid-template-columns: 1fr 1fr;grid-template-rows: 280px 150px 150px;gap: 8px} .sl-local-page .sl-local-gallery-item--hero{grid-column: 1 / -1;grid-row: 1} .sl-local-page .sl-local-gallery-item{min-width: 0;border-radius: 12px} .sl-local-page .sl-local-menu-cta{padding: 58px 0} .sl-local-page .sl-local-menu-cta-inner{display: block} .sl-local-page .sl-local-menu-copy h2{font-size: clamp(34px,9.8vw,44px);white-space: normal} .sl-local-page .sl-local-menu-copy p{margin-top: 13px;font-size: 14px} .sl-local-page .sl-local-menu-btn{margin-top: 25px} .sl-local-page .sl-local-tags{padding: 21px 0 23px} .sl-local-page .sl-local-tags-inner{animation-duration: 36s} .sl-local-page .sl-local-tags span{padding-inline: 18px;font-size: 9px;letter-spacing: .10em}} .sl-locales-page{position: relative;width: 100%;overflow: hidden;font-family: var(--font-body);color: var(--oscuro)} .sl-locales-page *, .sl-locales-page *::before, .sl-locales-page *::after{box-sizing: border-box} .sl-locales-page .sl-locales-inner{width: var(--content-width);max-width: var(--content-max);margin: 0 auto} .sl-locales-page .sl-locales-hero{width: 100%;padding: 6% 0 5.5%;background: var(--oscuro);color: var(--crema)} .sl-locales-page .sl-locales-eyebrow{display: block;margin-bottom: 1.5%;font-family: var(--font-body);font-size: clamp(8px, .5vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .22em;color: var(--verde)} .sl-locales-page .sl-locales-hero-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(46px, 4vw, 70px);font-weight: 400 !important;line-height: .95;letter-spacing: -.015em;color: var(--crema)} .sl-locales-page .sl-locales-hero-text{max-width: 440px;margin: 2% 0 0 !important;font-family: var(--font-body);font-size: clamp(10px, .65vw, 12px);font-weight: 400;line-height: 1.55;color: var(--crema)} .sl-locales-page .sl-locals{width: 100%;padding: 6.5% 0 7%;background: var(--crema);font-family: var(--font-body);color: var(--oscuro)} .sl-locales-page .sl-locals-grid{width: 100%;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 16px;align-items: stretch} .sl-locales-page .sl-local-card{min-width: 0;height: 100%;overflow: hidden;display: flex;flex-direction: column;border-radius: 18px;background: var(--claro);transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease} @media (hover: hover) and (pointer: fine){.sl-locales-page .sl-local-card:hover{transform: translateY(-4px);box-shadow: 0 15px 30px rgba(60, 50, 38, .11)}} .sl-locales-page .sl-local-image{display: block;position: relative;width: 100%;aspect-ratio: 1 / .82;overflow: hidden} .sl-locales-page .sl-local-image img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform .65s cubic-bezier(.2,.7,.2,1)} @media (hover: hover) and (pointer: fine){.sl-locales-page .sl-local-card:hover .sl-local-image img{transform: scale(1.045)}} .sl-locales-page .sl-local-content{flex: 1;min-width: 0;padding: 8% 8% 9%;display: flex;flex-direction: column;align-items: flex-start} .sl-locales-page .sl-local-city{display: block;margin-bottom: 4%;font-family: var(--font-body);font-size: clamp(7px, .45vw, 9px);font-weight: 600;line-height: 1;letter-spacing: .14em;color: var(--verde)} .sl-locales-page .sl-local-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(21px, 1.45vw, 27px);font-weight: 400 !important;line-height: 1;color: var(--oscuro)} .sl-locales-page .sl-local-description{min-height: 30px;margin: 4% 0 8% !important;font-family: var(--font-body);font-size: clamp(8px, .5vw, 10px);line-height: 1.45;color: rgba(60, 50, 38, .68)} .sl-locales-page .sl-local-actions{width: 100%;margin-top: auto;display: flex;align-items: center;gap: 6px;flex-wrap: nowrap} .sl-locales-page .sl-local-btn{min-height: 32px;padding: 0 12px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 999px;font-family: var(--font-body);font-size: clamp(7px, .43vw, 9px);font-weight: 600;line-height: 1;white-space: nowrap;text-decoration: none !important;transition: background-color .25s ease, color .25s ease, border-color .25s ease} .sl-locales-page .sl-local-btn--primary{border-color: var(--rojo);background: var(--rojo);color: var(--crema) !important} .sl-locales-page .sl-local-btn--primary:hover{border-color: var(--oscuro);background: var(--oscuro)} .sl-locales-page .sl-local-btn--outline{border-color: rgba(60, 50, 38, .25);background: transparent;color: var(--oscuro) !important} .sl-locales-page .sl-local-btn--outline:hover{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema) !important} .sl-locales-page .sl-local-order{position: relative;display: inline-block;margin-top: 8%;font-family: var(--font-body);font-size: clamp(8px, .48vw, 10px);color: rgba(60, 50, 38, .68) !important;text-decoration: none !important} .sl-locales-page .sl-local-order::after{content:"";position: absolute;left: 0;right: 0;bottom: -3px;height: 1px;background: currentColor} .sl-locales-page .sl-local-order:hover{color: var(--rojo) !important} .sl-locales-page .sl-local-card--jardinet{background: var(--jardinet-oscuro);color: var(--jardinet-claro)} .sl-locales-page .sl-local-card--jardinet .sl-local-title{font-family: var(--font-jardinet) !important;font-size: clamp(22px, 1.55vw, 29px);font-weight: 500 !important;line-height: 1;color: var(--jardinet-claro)} .sl-locales-page .sl-local-card--jardinet .sl-local-city{font-family: var(--font-body);color: var(--jardinet-suave)} .sl-locales-page .sl-local-card--jardinet .sl-local-description{font-family: var(--font-body);color: var(--jardinet-suave)} .sl-locales-page .sl-local-badge{position: absolute;top: 5%;left: 5%;z-index: 2;padding: 6px 10px;border-radius: 999px;background: var(--jardinet-verde);font-family: var(--font-body);font-size: clamp(6px, .38vw, 8px);font-weight: 700;line-height: 1;letter-spacing: .1em;color: var(--jardinet-claro)} .sl-locales-page .sl-local-btn--jardinet{border-color: var(--jardinet-verde);background: var(--jardinet-verde);color: var(--jardinet-claro) !important} .sl-locales-page .sl-local-btn--jardinet:hover{border-color: var(--jardinet-claro);background: var(--jardinet-claro);color: var(--jardinet-oscuro) !important} .sl-locales-page .sl-local-btn--outline-jardinet{border-color: var(--jardinet-suave);background: transparent;color: var(--jardinet-claro) !important} .sl-locales-page .sl-local-btn--outline-jardinet:hover{border-color: var(--jardinet-verde);background: var(--jardinet-verde);color: var(--jardinet-claro) !important} .sl-locales-page .sl-local-order--jardinet{font-family: var(--font-body);color: var(--jardinet-suave) !important} .sl-locales-page .sl-local-order--jardinet:hover{color: var(--jardinet-claro) !important} .sl-locales-page .sl-locales-cta{width: 100%;padding: 6.5% 0 7%;background: var(--rojo);text-align: center} .sl-locales-page .sl-locales-cta-inner{max-width: 760px} .sl-locales-page .sl-locales-cta-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(42px, 4vw, 66px);font-weight: 400 !important;line-height: .88;letter-spacing: -.015em;color: var(--crema)} .sl-locales-page .sl-locales-cta-actions{margin-top: 5%;display: flex;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap} .sl-locales-page .sl-locales-cta-btn{min-height: 40px;padding: 0 22px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 999px;font-family: var(--font-body);font-size: clamp(8px, .5vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .04em;white-space: nowrap;text-decoration: none !important;transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease} .sl-locales-page .sl-locales-cta-btn:hover{transform: translateY(-2px)} .sl-locales-page .sl-locales-cta-btn--reserve{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema) !important} .sl-locales-page .sl-locales-cta-btn--reserve:hover{border-color: var(--crema);background: var(--crema);color: var(--oscuro) !important} .sl-locales-page .sl-locales-cta-btn--order{border-color: rgba(var(--crema-rgb), .65);background: transparent;color: var(--crema) !important} .sl-locales-page .sl-locales-cta-btn--order:hover{border-color: var(--crema);background: var(--crema);color: var(--rojo) !important} @media (max-width: 1024px){.sl-locales-page .sl-locales-hero{padding: 9% 0 8%} .sl-locales-page .sl-locals{padding: 9% 0} .sl-locales-page .sl-locals-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px} .sl-locales-page .sl-local-image{aspect-ratio: 1.35 / 1} .sl-locales-page .sl-local-title{font-size: 27px} .sl-locales-page .sl-local-card--jardinet .sl-local-title{font-size: 28px} .sl-locales-page .sl-locales-cta{padding: 9% 0}} @media (max-width: 767px){.sl-locales-page .sl-locales-hero{padding: 15% 0 13%} .sl-locales-page .sl-locales-eyebrow{margin-bottom: 4%;font-size: 8px} .sl-locales-page .sl-locales-hero-title{font-size: 43px;line-height: .94} .sl-locales-page .sl-locales-hero-text{margin-top: 5% !important;font-size: 10px} .sl-locales-page .sl-locals{padding: 14% 0} .sl-locales-page .sl-locals-grid{grid-template-columns: 1fr;gap: 14px} .sl-locales-page .sl-local-card{border-radius: 15px} .sl-locales-page .sl-local-image{aspect-ratio: 1.45 / 1} .sl-locales-page .sl-local-content{padding: 6%} .sl-locales-page .sl-local-city{font-size: 8px} .sl-locales-page .sl-local-title{font-size: 28px} .sl-locales-page .sl-local-card--jardinet .sl-local-title{font-size: 29px} .sl-locales-page .sl-local-description{min-height: auto;font-size: 10px} .sl-locales-page .sl-local-btn{min-height: 35px;padding: 0 15px;font-size: 8px} .sl-locales-page .sl-local-order{margin-top: 6%;font-size: 9px} .sl-locales-page .sl-locales-cta{padding: 15% 0 17%} .sl-locales-page .sl-locales-cta-title{font-size: 41px;line-height: .9} .sl-locales-page .sl-locales-cta-title br{display: none} .sl-locales-page .sl-locales-cta-actions{margin-top: 9%} .sl-locales-page .sl-locales-cta-btn{min-height: 39px;padding: 0 19px;font-size: 8px}} @media (max-width: 480px){.sl-locales-page .sl-locales-hero-title{font-size: 38px} .sl-locales-page .sl-locales-cta-title{font-size: 36px} .sl-locales-page .sl-locales-cta-actions{flex-direction: column} .sl-locales-page .sl-locales-cta-btn{width: 100%;max-width: 220px}} .sl-locales-page .sl-locales-hero{padding-top: calc(var(--header-height) + 48px);padding-bottom: 56px} .sl-locales-page .sl-locales-hero .sl-locales-inner{animation: sl-entrada .6s var(--ease) both} .sl-locales-page .sl-locales-eyebrow, .sl-locales-page .sl-local-city, .sl-locales-page .sl-local-badge{font-size: var(--text-label)} .sl-locales-page .sl-locales-hero-text, .sl-locales-page .sl-local-description, .sl-locales-page .sl-local-order{font-size: var(--text-small);line-height: 1.6} .sl-locales-page .sl-local-btn, .sl-locales-page .sl-locales-cta-btn{font-size: var(--text-button)} @media (max-width: 767px){.sl-locales-page .sl-locales-hero{padding-top: calc(var(--header-mobile-height) + 42px);padding-bottom: 48px}} .sl-locales-page .sl-locals{padding: var(--section-space) 0} .sl-locales-page .sl-locales-cta{padding: var(--section-space-small) 0} .sl-history-page{position: relative;width: 100%;overflow: hidden;font-family: var(--font-body);color: var(--oscuro)} .sl-history-page *, .sl-history-page *::before, .sl-history-page *::after{box-sizing: border-box} .sl-history-page .sl-history-inner{width: var(--content-width);max-width: var(--content-max);margin: 0 auto} .sl-history-page .sl-history-eyebrow{display: block;margin-bottom: 14px;font-family: var(--font-body);font-size: clamp(8px, .5vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .22em;text-transform: uppercase} .sl-history-page .sl-history-eyebrow--light{color: var(--crema)} .sl-history-page .sl-history-eyebrow--green{color: var(--verde)} .sl-history-page .sl-history-eyebrow--red{color: var(--rojo)} .sl-history-page .sl-history-hero{position: relative;width: 100%;min-height: min(92vh, 900px);overflow: hidden;display: flex;align-items: flex-end;background: var(--oscuro)} .sl-history-page .sl-history-hero-bg{position: absolute;inset: 0;z-index: 1;background-image: var(--imagen-fondo);background-size: cover;background-position: center 50%;background-repeat: no-repeat;filter: blur(1.5px);transform: scale(1.025)} .sl-history-page .sl-history-hero-overlay{position: absolute;inset: 0;z-index: 2;background: linear-gradient(90deg, rgba(38,30,23,.60) 0%, rgba(38,30,23,.34) 55%, rgba(38,30,23,.14) 100%), linear-gradient(180deg, rgba(38,30,23,.08) 0%, rgba(38,30,23,.18) 40%, rgba(38,30,23,.84) 100%)} .sl-history-page .sl-history-hero-inner{position: relative;z-index: 3;padding-top: calc(var(--header-height) + 70px);padding-bottom: 72px} .sl-history-page .sl-history-hero-copy{max-width: 720px} .sl-history-page .sl-history-hero-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(58px, 5.4vw, 94px);font-weight: 400 !important;line-height: .96;letter-spacing: -.015em;color: var(--crema)} .sl-history-page .sl-history-hero-intro{max-width: 640px;margin-top: 30px;padding-top: 26px;border-top: 1px solid rgba(var(--crema-rgb),.28)} .sl-history-page .sl-history-intro-lead{margin: 0 !important;max-width: 620px;color: var(--crema);font-size: clamp(15px, 1.05vw, 19px);font-weight: 400;line-height: 1.6} .sl-history-page .sl-history-intro-actions{margin-top: 22px;display: flex;align-items: center;gap: 10px;flex-wrap: wrap} .sl-history-page .sl-history-pill{min-width: 128px;min-height: var(--button-height);padding: 0 22px;border: 1px solid transparent;display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;font-family: var(--font-body);font-size: var(--text-button);font-weight: 700;line-height: 1;letter-spacing: .05em;text-decoration: none !important;transition: background-color var(--motion-fast) ease, color var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease)} .sl-history-page .sl-history-pill:hover{transform: translateY(-2px)} .sl-history-page .sl-history-pill--dark{border-color: rgba(var(--crema-rgb),.52);background: rgba(60,50,38,.46);color: var(--crema) !important} .sl-history-page .sl-history-pill--red{border-color: var(--rojo);background: var(--rojo);color: var(--crema) !important} .sl-history-page .sl-history-intro-text{margin: 22px 0 0 !important;max-width: 620px;color: rgba(var(--crema-rgb),.78);font-size: var(--text-small);line-height: 1.7} .sl-history-page .sl-history-craft{width: 100%;padding: var(--section-space) 0;background: var(--crema);color: var(--oscuro)} .sl-history-page .sl-history-craft-inner{max-width: 760px} .sl-history-page .sl-history-craft-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(40px, 3.7vw, 64px);font-weight: 400 !important;line-height: .98;letter-spacing: -.015em;color: var(--oscuro);text-wrap: balance} .sl-history-page .sl-history-craft-text{max-width: 640px;margin: 22px 0 0 !important;color: rgba(60, 50, 38, .74);font-size: var(--text-base);line-height: 1.65} .sl-history-page .sl-history-craft-list{margin: 28px 0 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;gap: 10px} .sl-history-page .sl-history-craft-list li{min-height: 36px;padding: 0 16px;display: inline-flex;align-items: center;border: 1px solid rgba(60, 50, 38, .16);border-radius: 999px;background: rgba(255, 255, 255, .28);color: var(--oscuro);font-size: var(--text-label);font-weight: 650;letter-spacing: .06em;text-transform: uppercase} .sl-history-page .sl-process{width: 100%;padding: var(--section-space) 0;background: var(--oscuro);color: var(--crema)} .sl-history-page .sl-process-header{max-width: 650px;margin-bottom: 48px} .sl-history-page .sl-process-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(44px, 4vw, 70px);font-weight: 400 !important;line-height: .99;color: var(--crema);text-wrap: balance} .sl-history-page .sl-process-text{max-width: 610px;margin: 22px 0 0 !important;color: rgba(var(--crema-rgb),.76);font-size: var(--text-small);line-height: 1.65} .sl-history-page .sl-process-track{position: relative;width: 100%;max-width: 900px;display: grid} .sl-history-page .sl-process-track::before{content:"";position: absolute;top: 28px;bottom: 28px;left: 27px;width: 1px;background: rgba(123,138,99,.58)} .sl-history-page .sl-process-step{position: relative;min-width: 0;margin: 0;padding: 22px 0;display: grid;grid-template-columns: 56px minmax(0,1fr) 210px;align-items: center;gap: 28px;border-bottom: 1px solid rgba(var(--crema-rgb),.12)} .sl-history-page .sl-process-step:last-child{border-bottom: 0} .sl-history-page .sl-process-marker{position: relative;z-index: 1;width: 56px;height: 56px;display: grid;place-items: center;border: 1px solid rgba(123,138,99,.82);border-radius: 50%;background: var(--oscuro);color: var(--verde);font-size: var(--text-label);font-weight: 700;letter-spacing: .08em} .sl-history-page .sl-process-copy h3{margin: 0;font-family: var(--font-display);font-size: clamp(27px, 2.2vw, 36px);font-weight: 400;line-height: 1.05;color: var(--crema)} .sl-history-page .sl-process-copy p{max-width: 520px;margin: 9px 0 0;color: rgba(var(--crema-rgb),.72);font-size: var(--text-small);line-height: 1.65} .sl-history-page .sl-process-image{width: 100%;aspect-ratio: 16 / 10;overflow: hidden;border-radius: 12px;background: rgba(var(--crema-rgb),.08)} .sl-history-page .sl-process-image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--motion-slow) var(--motion-ease)} @media (hover: hover){.sl-history-page .sl-process-step:hover .sl-process-image img{transform: scale(1.035)}} .sl-history-page .sl-history-community{width: 100%;padding: 8% 0;background: var(--claro);text-align: center} .sl-history-page .sl-history-community-inner{max-width: 800px} .sl-history-page .sl-history-community-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(46px, 4.4vw, 76px);font-weight: 400 !important;line-height: .97;letter-spacing: -.015em;color: var(--oscuro)} .sl-history-page .sl-history-community-text{max-width: 650px;margin: 28px auto 0 !important;font-size: clamp(10px, .7vw, 13px);line-height: 1.65;color: rgba(60, 50, 38, .72)} .sl-history-page .sl-history-locations{width: 100%;padding: 7% 0 7.5%;background: var(--crema)} .sl-history-page .sl-history-locations-header{margin-bottom: 4.5%} .sl-history-page .sl-history-locations-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(48px, 4.2vw, 72px);font-weight: 400 !important;line-height: .99;color: var(--oscuro)} .sl-history-page .sl-history-locations-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 16px;align-items: stretch} .sl-history-page .sl-history-location-card{min-width: 0;overflow: hidden;display: flex;flex-direction: column;border-radius: 18px;background: var(--claro);transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease} .sl-history-page .sl-history-location-card:hover{transform: translateY(-4px);box-shadow: 0 15px 30px rgba(60, 50, 38, .11)} .sl-history-page .sl-history-location-image{display: block;position: relative;width: 100%;aspect-ratio: 1.3 / 1;overflow: hidden} .sl-history-page .sl-history-location-image img{display: block;width: 100%;height: 100%;object-fit: cover;transition: transform .65s cubic-bezier(.2,.7,.2,1)} .sl-history-page .sl-history-location-card:hover .sl-history-location-image img{transform: scale(1.045)} .sl-history-page .sl-history-location-content{flex: 1;padding: 8% 8% 9%;display: flex;flex-direction: column;align-items: flex-start} .sl-history-page .sl-history-location-city{display: block;margin-bottom: 4%;font-size: clamp(7px, .45vw, 9px);font-weight: 600;line-height: 1;letter-spacing: .14em;color: var(--verde)} .sl-history-page .sl-history-location-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(21px, 1.45vw, 27px);font-weight: 400 !important;line-height: 1;color: var(--oscuro)} .sl-history-page .sl-history-location-description{min-height: 30px;margin: 4% 0 8% !important;font-size: clamp(8px, .5vw, 10px);line-height: 1.45;color: rgba(60, 50, 38, .68)} .sl-history-page .sl-history-location-actions{width: 100%;margin-top: auto;display: flex;align-items: center;gap: 6px;flex-wrap: wrap} .sl-history-page .sl-history-location-btn{min-height: 32px;padding: 0 12px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 999px;font-family: var(--font-body);font-size: clamp(7px, .43vw, 9px);font-weight: 600;line-height: 1;white-space: nowrap;text-decoration: none !important;transition: background-color .25s ease, color .25s ease, border-color .25s ease} .sl-history-page .sl-history-location-btn--red{border-color: var(--rojo);background: var(--rojo);color: var(--crema) !important} .sl-history-page .sl-history-location-btn--red:hover{border-color: var(--oscuro);background: var(--oscuro)} .sl-history-page .sl-history-location-btn--outline{border-color: rgba(60, 50, 38, .25);background: transparent;color: var(--oscuro) !important} .sl-history-page .sl-history-location-btn--outline:hover{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema) !important} .sl-history-page .sl-history-location-order{position: relative;display: inline-block;flex-basis: 100%;width: fit-content;margin-top: 8px;margin-left: 0;font-size: clamp(8px, .46vw, 9px);color: rgba(60, 50, 38, .68) !important;text-decoration: none !important} .sl-history-page .sl-history-location-order::after{content:"";position: absolute;left: 0;right: 0;bottom: -3px;height: 1px;background: currentColor} .sl-history-page .sl-history-location-card--jardinet{background: var(--jardinet-oscuro);color: var(--jardinet-claro)} .sl-history-page .sl-history-location-card--jardinet .sl-history-location-city{font-family: var(--font-body);color: var(--jardinet-suave)} .sl-history-page .sl-history-location-card--jardinet .sl-history-location-title{font-family: var(--font-jardinet) !important;font-size: clamp(22px, 1.55vw, 29px);font-weight: 500 !important;color: var(--jardinet-claro)} .sl-history-page .sl-history-location-card--jardinet .sl-history-location-description{font-family: var(--font-body);color: var(--jardinet-suave)} .sl-history-page .sl-history-jardinet-badge{position: absolute;top: 5%;left: 5%;z-index: 2;padding: 6px 10px;border-radius: 999px;background: var(--jardinet-verde);font-family: var(--font-body);font-size: clamp(6px, .38vw, 8px);font-weight: 700;line-height: 1;letter-spacing: .1em;color: var(--jardinet-claro)} .sl-history-page .sl-history-location-btn--jardinet{border-color: var(--jardinet-verde);background: var(--jardinet-verde);color: var(--jardinet-claro) !important} .sl-history-page .sl-history-location-btn--jardinet:hover{border-color: var(--jardinet-claro);background: var(--jardinet-claro);color: var(--jardinet-oscuro) !important} .sl-history-page .sl-history-location-btn--outline-jardinet{border-color: var(--jardinet-suave);background: transparent;color: var(--jardinet-claro) !important} .sl-history-page .sl-history-location-btn--outline-jardinet:hover{border-color: var(--jardinet-verde);background: var(--jardinet-verde)} .sl-history-page .sl-history-location-order--jardinet{font-family: var(--font-body);color: var(--jardinet-suave) !important} .sl-history-page .sl-history-location-order--jardinet:hover{color: var(--jardinet-claro) !important} .sl-history-page .sl-history-cta{width: 100%;padding: 7% 0 8%;background: var(--rojo);text-align: center} .sl-history-page .sl-history-cta-inner{max-width: 760px} .sl-history-page .sl-history-cta-title{margin: 0 !important;font-family: var(--font-display) !important;font-size: clamp(46px, 4.2vw, 72px);font-weight: 400 !important;line-height: .97;letter-spacing: -.015em;color: var(--crema)} .sl-history-page .sl-history-cta-actions{margin-top: 5%;display: flex;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap} .sl-history-page .sl-history-cta-btn{min-height: 42px;padding: 0 24px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 999px;font-family: var(--font-body);font-size: clamp(8px, .5vw, 10px);font-weight: 700;line-height: 1;letter-spacing: .05em;white-space: nowrap;text-decoration: none !important;transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease} .sl-history-page .sl-history-cta-btn:hover{transform: translateY(-2px)} .sl-history-page .sl-history-cta-btn--dark{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema) !important} .sl-history-page .sl-history-cta-btn--dark:hover{border-color: var(--crema);background: var(--crema);color: var(--oscuro) !important} .sl-history-page .sl-history-cta-btn--outline{border-color: rgba(var(--crema-rgb), .7);background: transparent;color: var(--crema) !important} .sl-history-page .sl-history-cta-btn--outline:hover{border-color: var(--crema);background: var(--crema);color: var(--rojo) !important} @media (max-width: 1024px){.sl-history-page .sl-history-hero{min-height: 600px} .sl-history-page .sl-process, .sl-history-page .sl-history-craft, .sl-history-page .sl-history-community, .sl-history-page .sl-history-locations, .sl-history-page .sl-history-cta{padding-top: 9%;padding-bottom: 9%} .sl-history-page .sl-process-step{grid-template-columns: 52px minmax(0,1fr) 180px;gap: 22px} .sl-history-page .sl-history-locations-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}} @media (max-width: 767px){.sl-history-page .sl-history-hero{min-height: 760px} .sl-history-page .sl-history-hero-bg{background-position: center center} .sl-history-page .sl-history-hero-inner{padding-top: calc(var(--header-mobile-height) + 48px);padding-bottom: 48px} .sl-history-page .sl-history-hero-title{font-size: 47px;line-height: .96} .sl-history-page .sl-history-eyebrow{margin-bottom: 10px;font-size: 7px} .sl-history-page .sl-process, .sl-history-page .sl-history-craft, .sl-history-page .sl-history-community, .sl-history-page .sl-history-locations, .sl-history-page .sl-history-cta{padding-top: 15%;padding-bottom: 16%} .sl-history-page .sl-history-craft-title{font-size: 36px} .sl-history-page .sl-history-craft-title br{display: none} .sl-history-page .sl-history-craft-text{font-size: 15px} .sl-history-page .sl-history-craft-list{margin-top: 22px;gap: 8px} .sl-history-page .sl-history-craft-list li{min-height: 34px;padding: 0 14px} .sl-history-page .sl-history-hero-intro{margin-top: 24px;padding-top: 20px} .sl-history-page .sl-history-intro-lead{font-size: 14px} .sl-history-page .sl-history-intro-actions{margin-top: 18px;gap: 8px} .sl-history-page .sl-history-pill{min-width: 118px;min-height: 39px} .sl-history-page .sl-history-intro-text{margin-top: 18px !important;font-size: 12px} .sl-history-page .sl-process-title{font-size: 38px} .sl-history-page .sl-process-text{margin-top: 16px !important;font-size: 10px} .sl-history-page .sl-process-header{margin-bottom: 32px} .sl-history-page .sl-process-track::before{left: 21px;top: 22px;bottom: 22px} .sl-history-page .sl-process-step{padding: 20px 0;grid-template-columns: 42px minmax(0,1fr);gap: 16px} .sl-history-page .sl-process-marker{width: 42px;height: 42px;font-size: 9px} .sl-history-page .sl-process-copy h3{font-size: 28px} .sl-history-page .sl-process-copy p{font-size: 12px} .sl-history-page .sl-process-image{grid-column: 2;margin-top: 2px;max-width: 360px;aspect-ratio: 16 / 9;border-radius: 12px} .sl-history-page .sl-history-community-title{font-size: 39px} .sl-history-page .sl-history-community-title br{display: none} .sl-history-page .sl-history-community-text{margin-top: 20px !important;font-size: 10px} .sl-history-page .sl-history-locations-header{margin-bottom: 8%} .sl-history-page .sl-history-locations-title{font-size: 40px} .sl-history-page .sl-history-locations-grid{grid-template-columns: 1fr;gap: 14px} .sl-history-page .sl-history-location-card{border-radius: 15px} .sl-history-page .sl-history-location-image{aspect-ratio: 1.35 / 1} .sl-history-page .sl-history-location-content{padding: 6%} .sl-history-page .sl-history-location-title{font-size: 28px} .sl-history-page .sl-history-location-card--jardinet .sl-history-location-title{font-size: 29px} .sl-history-page .sl-history-location-description{min-height: auto;font-size: 10px} .sl-history-page .sl-history-location-btn{min-height: 35px;padding: 0 15px;font-size: 8px} .sl-history-page .sl-history-location-order{font-size: 8px} .sl-history-page .sl-history-cta-title{font-size: 40px} .sl-history-page .sl-history-cta-title br{display: none} .sl-history-page .sl-history-cta-actions{margin-top: 9%;flex-direction: column} .sl-history-page .sl-history-cta-btn{width: 100%;max-width: 220px;min-height: 39px;font-size: 8px}} .sl-history-page .sl-history-hero-bg{animation: sl-hero-zoom .9s var(--ease) both} .sl-history-page .sl-history-hero-copy{animation: sl-entrada .65s .08s var(--ease) both} .sl-history-page .sl-history-eyebrow, .sl-history-page .sl-history-location-city, .sl-history-page .sl-history-jardinet-badge{font-size: var(--text-label)} .sl-history-page .sl-history-intro-text, .sl-history-page .sl-process-text, .sl-history-page .sl-history-community-text, .sl-history-page .sl-history-location-description, .sl-history-page .sl-history-location-order{font-size: var(--text-small);line-height: 1.65} .sl-history-page .sl-history-pill, .sl-history-page .sl-history-location-btn, .sl-history-page .sl-history-cta-btn{font-size: var(--text-button)} .sl-history-page .sl-process, .sl-history-page .sl-history-craft, .sl-history-page .sl-history-community, .sl-history-page .sl-history-locations{padding: var(--section-space) 0} .sl-history-page .sl-history-cta{padding: var(--section-space-small) 0} #cookie-information-template-wrapper, #coiOverlay, .coi-banner__wrapper, #Coi-Renew{display: none !important;visibility: hidden !important;pointer-events: none !important} .sl-cookie-banner{position: fixed;left: 22px;bottom: 22px;z-index: 100010;width: min(720px, calc(100vw - 44px));visibility: hidden;opacity: 0;pointer-events: none;transform: translateY(12px);font-family: var(--font-body);transition: opacity .25s ease, transform .25s var(--ease), visibility .25s ease} .sl-cookie-banner.is-visible{visibility: visible;opacity: 1;pointer-events: auto;transform: translateY(0)} .sl-cookie-banner-inner{padding: 20px 22px;display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: 24px;border: 1px solid rgba(60, 50, 38, .12);border-radius: 18px;background: var(--claro);color: var(--oscuro);box-shadow: 0 18px 48px rgba(38, 30, 23, .16)} .sl-cookie-copy{min-width: 0} .sl-cookie-eyebrow{display: block;margin-bottom: 6px;color: var(--rojo);font-size: var(--text-label);font-weight: 700;line-height: 1;letter-spacing: .16em} .sl-cookie-title{margin: 0;font-family: var(--font-display);font-size: clamp(22px, 1.65vw, 28px);font-weight: 400;line-height: 1.05} .sl-cookie-text{max-width: 510px;margin: 7px 0 0;color: rgba(60, 50, 38, .75);font-size: var(--text-small);line-height: 1.55} .sl-cookie-text a{color: var(--oscuro);text-decoration: underline;text-underline-offset: 3px} .sl-cookie-actions{display: flex;align-items: center;gap: 8px} .sl-cookie-button{min-height: 40px;padding: 0 17px;border: 1px solid transparent;border-radius: 999px;font-size: var(--text-button);font-weight: 700;line-height: 1;white-space: nowrap;transition: transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease} .sl-cookie-button--accept{border-color: var(--rojo);background: var(--rojo);color: var(--crema)} .sl-cookie-button--reject{border-color: rgba(60, 50, 38, .28);background: transparent;color: var(--oscuro)} @media (hover: hover){.sl-cookie-button:hover{transform: translateY(-2px)} .sl-cookie-button--accept:hover{border-color: var(--oscuro);background: var(--oscuro)} .sl-cookie-button--reject:hover{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema)}} .sl-phone-float{position: fixed;right: 24px;bottom: 24px;z-index: 99980;width: 54px;height: 54px;display: grid;place-items: center;border-radius: 50%;background: #25D366;color: #fff;box-shadow: 0 10px 28px rgba(38, 50, 41, .22);text-decoration: none;transition: transform .22s var(--ease), box-shadow .22s ease, bottom .25s var(--ease)} .sl-phone-float svg{width: 29px;height: 29px;fill: currentColor} body.sl-cookie-visible .sl-phone-float{bottom: var(--sl-cookie-offset, 180px)} @media (hover: hover){.sl-phone-float:hover{transform: translateY(-3px) scale(1.035);box-shadow: 0 14px 32px rgba(38, 50, 41, .28)}} @media (max-width: 767px){.sl-cookie-banner{left: 12px;bottom: 12px;width: calc(100vw - 24px)} .sl-cookie-banner-inner{padding: 18px;display: block;border-radius: 16px} .sl-cookie-title{font-size: 24px} .sl-cookie-text{margin-top: 8px} .sl-cookie-actions{width: 100%;margin-top: 16px;display: grid;grid-template-columns: 1fr 1fr;gap: 8px} .sl-cookie-button{width: 100%;min-height: 44px;padding-inline: 14px} .sl-phone-float{right: 16px;bottom: 16px;width: 50px;height: 50px} .sl-phone-float svg{width: 27px;height: 27px}} .sl-menu-dynamic--jardinet .sl-menu-category-header h2, .sl-menu-dynamic--jardinet .sl-menu-empty h2{font-family: var(--font-jardinet) !important;font-weight: 500 !important} .sl-menu-dynamic--jardinet .sl-menu-category-count, .sl-menu-dynamic--jardinet .sl-menu-product-prices strong, .sl-menu-dynamic--jardinet .sl-menu-detail-label, .sl-menu-dynamic--jardinet .sl-menu-empty-kicker, .sl-menu-dynamic--jardinet .sl-menu-empty-link{color: var(--jardinet-verde)} .sl-menu-dynamic--jardinet .sl-menu-category-nav a:hover{border-color: var(--jardinet-verde);background: var(--jardinet-verde);color: var(--jardinet-claro)} .sl-menu-badge--more{border: 1px dashed rgba(60,50,38,.2);color: rgba(60,50,38,.62);background: transparent} .sl-home-page .sanluis-card-content > .sanluis-link, .sl-home-page .sl-location-content > .sl-location-order, .sl-locales-page .sl-local-content > .sl-local-order, .sl-history-page .sl-history-location-content > .sl-history-location-order{margin-top: 16px;margin-left: 0} .sl-menu-product-topline{align-items: flex-start;gap: 18px} .sl-menu-product-heading{min-width: 0;flex: 1 1 auto;display: flex;align-items: center;gap: 7px 9px;flex-wrap: wrap} .sl-menu-product-name{flex: 0 1 auto} .sl-menu-product-badges{min-width: 0;display: inline-flex;align-items: center;gap: 5px;flex-wrap: wrap} .sl-menu-badge{gap: 5px} .sl-menu-badge > i, .sl-menu-detail-pills i{flex: 0 0 auto;width: 11px;text-align: center;font-size: .92em;line-height: 1} .sl-menu-badge--discount, .sl-menu-badge--promo{background: rgba(187,73,63,.1);color: var(--rojo)} .sl-menu-badge--discount{border: 1px solid rgba(187,73,63,.16)} .sl-menu-badge--promo{border: 1px solid transparent} .sl-menu-detail-pills span{gap: 6px} .sl-menu-product-main{gap: 6px} .sl-menu-dynamic--jardinet .sl-menu-badge--discount, .sl-menu-dynamic--jardinet .sl-menu-badge--promo{background: rgba(78,99,84,.12);border-color: rgba(78,99,84,.18);color: var(--jardinet-verde)} @media (max-width: 767px){.sl-home-page .sanluis-card-content > .sanluis-link, .sl-home-page .sl-location-content > .sl-location-order, .sl-locales-page .sl-local-content > .sl-local-order, .sl-history-page .sl-history-location-content > .sl-history-location-order{margin-top: 13px} .sl-menu-product-heading{gap: 6px} .sl-menu-product-badges{flex-basis: 100%;gap: 4px} .sl-menu-product-prices{padding-top: 1px} .sl-menu-badge{max-width: 100%}} .sl-menu-content-layout{display: grid;grid-template-columns: minmax(132px, 158px) minmax(0, 1fr);align-items: start;gap: clamp(28px, 3vw, 52px)} .sl-menu-content-layout .sl-menu-category-nav{position: sticky;top: calc(var(--header-height) + 22px);z-index: 34;max-height: calc(100vh - var(--header-height) - 44px);padding: 10px;display: flex;flex-direction: column;align-items: stretch;gap: 5px;overflow-x: hidden;overflow-y: auto;border: 1px solid rgba(60,50,38,.10);border-radius: 16px;background: rgba(var(--crema-rgb),.92);box-shadow: 0 10px 28px rgba(60,50,38,.05);backdrop-filter: blur(10px);scrollbar-width: none} .sl-menu-content-layout .sl-menu-category-nav::-webkit-scrollbar{display: none} .sl-menu-content-layout .sl-menu-category-nav a{width: 100%;min-height: 34px;padding: 0 11px;justify-content: flex-start;border-color: transparent;background: transparent} .sl-menu-content-layout .sl-menu-category-nav a.is-active, .sl-menu-content-layout .sl-menu-category-nav a[aria-current="true"]{border-color: var(--rojo);background: var(--rojo);color: var(--crema)} .sl-menu-dynamic--jardinet .sl-menu-content-layout .sl-menu-category-nav a.is-active, .sl-menu-dynamic--jardinet .sl-menu-content-layout .sl-menu-category-nav a[aria-current="true"]{border-color: var(--jardinet-verde);background: var(--jardinet-verde);color: var(--jardinet-claro)} .sl-menu-content-layout .sl-menu-categories{min-width: 0;margin-top: 0} .sl-menu-content-layout .sl-menu-category{scroll-margin-top: calc(var(--header-height) + 24px)} @media (max-width: 1099px){.sl-menu-content-layout{display: block} .sl-menu-content-layout .sl-menu-category-nav{position: sticky;top: calc(var(--header-height) + 6px);z-index: 48;width: auto;max-height: none;margin: 0 calc(50% - 50vw);padding: 9px max(4vw, 18px);flex-direction: row;align-items: center;gap: 7px;overflow-x: auto;overflow-y: hidden;border-width: 1px 0;border-radius: 0;background: rgba(var(--crema-rgb),.95);box-shadow: 0 8px 20px rgba(60,50,38,.05);backdrop-filter: blur(12px)} .sl-menu-content-layout .sl-menu-category-nav a{width: auto;flex: 0 0 auto;min-height: 36px;padding: 0 13px;justify-content: center;border: 1px solid rgba(60,50,38,.14);background: rgba(var(--crema-rgb),.78)} .sl-menu-content-layout .sl-menu-categories{margin-top: 28px} .sl-menu-content-layout .sl-menu-category{scroll-margin-top: calc(var(--header-height) + 70px)}} @media (max-width: 767px){.sl-menu-content-layout .sl-menu-category-nav{top: var(--header-mobile-height);padding: 8px 6vw} .sl-menu-content-layout .sl-menu-category-nav a{min-height: 35px;padding-inline: 12px;font-size: 9px} .sl-menu-content-layout .sl-menu-categories{margin-top: 24px} .sl-menu-content-layout .sl-menu-category{scroll-margin-top: calc(var(--header-mobile-height) + 66px)}} .sl-home-page .proceso-sanluis{min-height: auto;padding: 76px 0} .sl-home-page .proceso-description{margin-bottom: 24px !important} .sl-home-page .proceso-actions{display: flex;flex-wrap: wrap;gap: 10px;margin: 0 0 22px} .sl-home-page .proceso-action{min-height: var(--button-height);padding: 0 19px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid rgba(var(--crema-rgb),.42);border-radius: 999px;background: transparent;color: var(--crema) !important;font-size: var(--text-button);font-weight: 700;line-height: 1;text-decoration: none !important;cursor: pointer;transition: background-color var(--motion-fast) ease, color var(--motion-fast) ease, border-color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease)} .sl-home-page .proceso-action--primary{border-color: var(--rojo);background: var(--rojo)} .sl-home-page .proceso-action:hover{transform: translateY(-2px);border-color: var(--crema);background: var(--crema);color: var(--oscuro) !important} .sl-home-page .sanluis-card-content, .sl-home-page .sl-location-content, .sl-locales-page .sl-local-content, .sl-history-page .sl-history-location-content{display: flex;flex-direction: column;align-items: flex-start} .sl-home-page .sanluis-card-content > .sanluis-link, .sl-home-page .sl-location-content > .sl-location-order, .sl-locales-page .sl-local-content > .sl-local-order, .sl-history-page .sl-history-location-content > .sl-history-location-order{margin-top: auto !important;padding-top: 18px;position: relative;transition: color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease)} .sl-home-page .sanluis-card-content > .sanluis-link:hover, .sl-home-page .sl-location-content > .sl-location-order:hover, .sl-locales-page .sl-local-content > .sl-local-order:hover, .sl-history-page .sl-history-location-content > .sl-history-location-order:hover{transform: translateX(3px)} .sl-locales-page .sl-locales-cta{min-height: 380px;padding: 5% 0;display: flex;align-items: center;justify-content: center} .sl-locales-page .sl-locales-cta-inner{width: var(--content-width);max-width: var(--content-max)} .sl-locales-page .sl-locales-cta-title{font-size: clamp(44px,4.2vw,70px);line-height: 1;text-wrap: balance} .sl-locales-page .sl-locales-cta-actions{margin-top: 5%;gap: 1.5%;flex-wrap: nowrap} .sl-locales-page .sl-locales-cta-btn{min-height: 46px;padding: 0 28px;font-size: var(--text-button)} .sl-local-page .sl-local-tags-inner{gap: 0;animation-duration: 56s} .sl-local-page .sl-local-tags-group{min-width: max-content} @keyframes sl-local-tags-marquee{from{transform: translate3d(0,0,0)} to{transform: translate3d(-25%,0,0)}} @media (min-width: 768px){.sl-history-page .sl-process-header{max-width: 720px;margin-left: auto;margin-right: auto;text-align: center} .sl-history-page .sl-process-track{max-width: 980px;margin: 0 auto} .sl-history-page .sl-process-track::before{left: 50%;transform: translateX(-50%);top: 0;bottom: 0} .sl-history-page .sl-process-step{min-height: 250px;padding: 34px 0;display: grid;grid-template-columns: minmax(0,1fr) 76px minmax(0,1fr);gap: 34px;border-bottom: 0} .sl-history-page .sl-process-marker{grid-column: 2;grid-row: 1;justify-self: center;align-self: center;width: 58px;height: 58px} .sl-history-page .sl-process-copy{grid-row: 1;align-self: center} .sl-history-page .sl-process-image{grid-row: 1;width: 100%;max-width: 360px;aspect-ratio: 4 / 3;align-self: center} .sl-history-page .sl-process-step:nth-child(odd) .sl-process-copy{grid-column: 3;text-align: left} .sl-history-page .sl-process-step:nth-child(odd) .sl-process-image{grid-column: 1;justify-self: end} .sl-history-page .sl-process-step:nth-child(even) .sl-process-copy{grid-column: 1;text-align: right;justify-self: end} .sl-history-page .sl-process-step:nth-child(even) .sl-process-copy p{margin-left: auto} .sl-history-page .sl-process-step:nth-child(even) .sl-process-image{grid-column: 3;justify-self: start}} .sl-contact-page .sl-contact-grid{gap: 22px} .sl-contact-page .sl-contact-card{min-height: 410px;padding: 0 25px 24px;overflow: hidden} .sl-contact-page .sl-contact-card-image{width: calc(100% + 50px);aspect-ratio: 16 / 7;margin: 0 -25px 22px;overflow: hidden;background: rgba(60,50,38,.08)} .sl-contact-page .sl-contact-card-image img{display: block;width: 100%;height: 100%;object-fit: cover} .sl-contact-page .sl-contact-card-title{font-size: clamp(28px,1.9vw,35px)} .sl-contact-page .sl-contact-card--jardinet .sl-contact-card-title{font-size: clamp(28px,1.9vw,35px)} @media (max-width: 1024px){.sl-home-page .proceso-sanluis{padding: 66px 0} .sl-locales-page .sl-locales-cta{min-height: 340px} .sl-contact-page .sl-contact-card{min-height: 390px}} @media (max-width: 767px){.sl-home-page .proceso-sanluis{padding: 58px 0} .sl-home-page .proceso-actions{margin-bottom: 20px} .sl-home-page .proceso-action{min-height: 40px;padding: 0 16px} .sl-locales-page .sl-locales-cta{min-height: 320px;padding: 64px 0} .sl-locales-page .sl-locales-cta-actions{gap: 10px;flex-wrap: wrap} .sl-locales-page .sl-locales-cta-btn{min-height: 42px;padding: 0 20px} .sl-contact-page .sl-contact-card{min-height: 0;padding: 0 22px 22px} .sl-contact-page .sl-contact-card-image{width: calc(100% + 44px);margin: 0 -22px 20px;aspect-ratio: 16 / 8}} .sl-popup-local-info > .sl-popup-view{margin-top: auto;padding-top: 16px;font-size: var(--text-button);font-weight: 400;line-height: 1.2;transition: color var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease)} .sl-popup-local-info > .sl-popup-view:hover{transform: translateX(3px)} .sl-home-page .sanluis-card-content, .sl-home-page .sl-location-content, .sl-locales-page .sl-local-content{flex: 1 1 auto;display: flex;flex-direction: column;align-items: flex-start} .sl-home-page .sanluis-buttons, .sl-home-page .sl-location-actions, .sl-locales-page .sl-local-actions{width: 100%;min-height: var(--button-height);margin-top: auto;flex: 0 0 auto} .sl-home-page .sanluis-buttons--empty, .sl-locales-page .sl-local-actions--empty{visibility: hidden;pointer-events: none} .sl-home-page .sanluis-card-content > .sanluis-link, .sl-home-page .sl-location-content > .sl-location-order, .sl-locales-page .sl-local-content > .sl-local-order{margin-top: 16px !important;margin-left: 0;padding-top: 0;flex: 0 0 auto;align-self: flex-start;transform: none !important} .sl-home-page .sanluis-link::after, .sl-home-page .sl-location-order::after, .sl-locales-page .sl-local-order::after{transform: scaleX(1);transform-origin: left;transition: transform .25s ease} .sl-home-page .sanluis-link:hover, .sl-home-page .sl-location-order:hover, .sl-locales-page .sl-local-order:hover{transform: none !important} .sl-home-page .sanluis-link:hover::after, .sl-home-page .sl-location-order:hover::after, .sl-locales-page .sl-local-order:hover::after{transform: scaleX(.55)} .sl-history-page .sl-history-home-locations{width: 100%} .sl-menu-product-summary, .sl-menu-product.has-no-image .sl-menu-product-summary{height: 112px;min-height: 112px} .sl-menu-product-image{height: 112px;min-height: 112px} .sl-menu-product-main{min-height: 0;overflow: hidden} .sl-menu-product-name{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2} .sl-menu-product-badges{max-height: 24px;overflow: hidden} @media (hover: none), (pointer: coarse){.sl-home-page .sanluis-link, .sl-home-page .sl-location-order, .sl-locales-page .sl-local-order{position: relative;z-index: 4;pointer-events: auto;touch-action: manipulation}} @media (max-width: 1024px){.sl-local-page .sl-local-info-grid{grid-template-columns: .82fr 2.15fr .68fr} .jd-page .jd-info-inner{grid-template-columns: .82fr 2.2fr .68fr} .sl-local-page .sl-local-info-item--hours, .jd-page .jd-info-item--hours{min-width: 0} .sl-local-page .sl-local-info-item--hours .sl-local-hours, .jd-page .jd-info-item--hours strong{overflow: visible;text-overflow: clip;white-space: normal;word-break: normal;overflow-wrap: normal} .sl-popup.is-reserve-mode .sl-popup-dialog{width: min(94vw, 680px);max-height: calc(100svh - 20px);overflow: auto;padding: 20px} .sl-popup.is-reserve-mode .sl-popup-header{margin-bottom: 12px} .sl-popup.is-reserve-mode .sl-popup-grid{grid-template-columns: 1fr;gap: 8px} .sl-popup.is-reserve-mode .sl-popup-local{min-height: 0;padding: 8px;grid-template-columns: 92px minmax(0,1fr);grid-template-rows: none;gap: 10px} .sl-popup.is-reserve-mode .sl-popup-local-image{width: 92px;height: 102px;min-height: 102px} .sl-popup.is-reserve-mode .sl-popup-local-info h3{font-size: 20px} .sl-popup.is-reserve-mode .sl-popup-local-address{display: block;max-width: 100%;margin-top: 3px;font-size: 10px;line-height: 1.3;white-space: normal;word-break: normal;overflow-wrap: anywhere} .sl-popup.is-reserve-mode .sl-popup-reserve-actions{padding-top: 6px;gap: 5px} .sl-popup.is-reserve-mode .sl-popup-main, .sl-popup.is-reserve-mode .sl-popup-secondary{min-height: 32px;padding-inline: 10px;font-size: 9px} .sl-popup.is-reserve-mode .sl-popup-local-info > .sl-popup-view{margin-top: 4px;padding-top: 0;font-size: 9px}} @media (max-width: 767px){.sl-home-page .sanluis-card{display: flex;flex-direction: column} .sl-home-page .sanluis-image-wrap, .sl-home-page .sanluis-card--jardinet .sanluis-image-wrap, .sl-home-page .sanluis-card--featured .sanluis-image-wrap, .sl-home-page .sanluis-card--small .sanluis-image-wrap{flex: 0 0 auto;width: 100%;height: 210px;aspect-ratio: auto} .sl-home-page .sanluis-card-content, .sl-home-page .sanluis-card--jardinet .sanluis-card-content, .sl-home-page .sanluis-card--featured .sanluis-card-content{min-height: 182px} .sl-home-page .sl-location-content, .sl-locales-page .sl-local-content{min-height: 184px} .sl-home-page .sanluis-card-content > .sanluis-link, .sl-home-page .sl-location-content > .sl-location-order, .sl-locales-page .sl-local-content > .sl-local-order{margin-top: 13px !important} .sl-local-page .sl-local-info-grid, .jd-page .jd-info-inner{grid-template-columns: minmax(0, 1.45fr) minmax(104px, .55fr);grid-template-areas:"address phone" "hours hours" "map map";column-gap: 18px;row-gap: 24px;align-items: start} .sl-local-page .sl-local-info-item:nth-child(1), .jd-page .jd-info-item:nth-child(1){grid-area: address} .sl-local-page .sl-local-info-item--hours, .jd-page .jd-info-item--hours{grid-area: hours} .sl-local-page .sl-local-info-item:nth-child(3), .jd-page .jd-info-item:nth-child(3){grid-area: phone} .sl-local-page .sl-local-info-map, .jd-page .jd-info-map{grid-area: map;grid-column: auto;padding-left: 0} .sl-local-page .sl-local-info-item, .sl-local-page .sl-local-info-item:first-child, .jd-page .jd-info-item, .jd-page .jd-info-item:first-child{min-width: 0;width: 100%;padding: 0 0 0 12px} .sl-local-page .sl-local-info-item--hours{border-left: 1px solid rgba(187,73,63,.28)} .jd-page .jd-info-item--hours{border-left: 1px solid rgba(159,174,161,.24)} .sl-local-page .sl-local-info-item strong, .sl-local-page .sl-local-info-item a, .sl-local-page .sl-local-info-item .sl-local-hours, .jd-page .jd-info-item strong, .jd-page .jd-info-item a{width: 100%;max-width: 100%;white-space: normal;word-break: normal;overflow-wrap: normal;hyphens: none} .sl-local-page .sl-local-info-item:nth-child(3) a, .jd-page .jd-info-item:nth-child(3) a{width: auto;white-space: nowrap} .sl-local-page .sl-local-info-item--hours .sl-local-hours, .jd-page .jd-info-item--hours strong{font-size: 12px;line-height: 1.5} .sl-menu-product-summary, .sl-menu-product.has-no-image .sl-menu-product-summary{height: 130px;min-height: 130px;grid-template-rows: 96px 34px} .sl-menu-product-image{height: 96px;min-height: 96px} .sl-menu-product-main{height: 96px;min-height: 96px} .sl-menu-product-badges{max-height: 23px} .sl-popup{padding: 10px} .sl-popup.is-reserve-mode .sl-popup-dialog, .sl-popup.is-reserve-mode.is-local-popup .sl-popup-dialog{width: min(96vw, 520px);max-height: calc(100svh - 20px);overflow: auto;padding: 16px 14px 14px} .sl-popup.is-reserve-mode .sl-popup-header{margin-bottom: 9px;padding-right: 34px} .sl-popup.is-reserve-mode .sl-popup-eyebrow{margin-bottom: 5px} .sl-popup.is-reserve-mode .sl-popup-title{font-size: 28px;line-height: 1} .sl-popup.is-reserve-mode .sl-popup-subtitle{margin-top: 5px;font-size: 10px;line-height: 1.35} .sl-popup.is-reserve-mode .sl-popup-grid{gap: 6px} .sl-popup.is-reserve-mode .sl-popup-local{grid-template-columns: 78px minmax(0,1fr);gap: 8px;padding: 7px} .sl-popup.is-reserve-mode .sl-popup-local-image{width: 78px;height: 92px;min-height: 92px} .sl-popup.is-reserve-mode .sl-popup-local-info h3{font-size: 18px} .sl-popup.is-reserve-mode .sl-popup-main, .sl-popup.is-reserve-mode .sl-popup-secondary{min-height: 30px;font-size: 8px}} @media (max-width: 767px){.sl-home-page .proceso-tags{gap: 0} .sl-home-page .proceso-tag{padding: 0}} @media (max-width: 767px) and (max-height: 620px){.sl-popup.is-reserve-mode .sl-popup-dialog, .sl-popup.is-reserve-mode.is-local-popup .sl-popup-dialog{padding-block: 10px} .sl-popup.is-reserve-mode .sl-popup-header{margin-bottom: 5px} .sl-popup.is-reserve-mode .sl-popup-grid{gap: 4px} .sl-popup.is-reserve-mode .sl-popup-local{padding: 5px} .sl-popup.is-reserve-mode .sl-popup-local-image{height: 76px;min-height: 76px} .sl-popup.is-reserve-mode .sl-popup-reserve-actions{padding-top: 3px}} @media (max-width: 1024px){.sl-home-page .sanluis-grid{display: grid;grid-template-columns: repeat(2, minmax(0,1fr));gap: 18px} .sl-home-page .sanluis-right, .sl-home-page .sanluis-small-grid{display: contents} .sl-home-page .sanluis-card{width: 100%;height: 100%;display: flex;flex-direction: column} .sl-home-page .sanluis-image-wrap, .sl-home-page .sanluis-card--jardinet .sanluis-image-wrap, .sl-home-page .sanluis-card--featured .sanluis-image-wrap, .sl-home-page .sanluis-card--small .sanluis-image-wrap{flex: 0 0 auto;height: 220px;aspect-ratio: auto} .sl-home-page .sanluis-card-content, .sl-home-page .sanluis-card--jardinet .sanluis-card-content, .sl-home-page .sanluis-card--featured .sanluis-card-content{flex: 1 1 auto;min-height: 176px}} @media (max-width: 767px){.sl-home-page .sanluis-grid{grid-template-columns: 1fr}} :root{--content-width: 88%;--content-max: 70rem;--section-space: clamp(4.75rem, 7vw, 7.5rem);--section-space-small: clamp(3.75rem, 5.5vw, 6rem);--header-height: 5.25rem;--header-mobile-height: 4.5rem;--header-gap: clamp(2rem, 4vw, 3.5rem);--card-radius: 1.5rem;--button-height: 2.875rem;--text-base: clamp(1rem, .32vw + .92rem, 1.125rem);--text-small: clamp(.875rem, .24vw + .82rem, 1rem);--text-label: clamp(.7rem, .12vw + .67rem, .78rem);--text-button: clamp(.75rem, .16vw + .71rem, .84rem);--title-xl: clamp(4.25rem, 6.2vw, 6.75rem);--title-lg: clamp(3.25rem, 4.6vw, 5.15rem);--title-md: clamp(2rem, 2.6vw, 2.75rem);--surface-border: rgba(60, 50, 38, .1);--surface-border-dark: rgba(250, 246, 234, .14);--shadow-soft: 0 1rem 3rem rgba(60, 50, 38, .07);--shadow-hover: 0 1.4rem 3.5rem rgba(60, 50, 38, .12)} html{scroll-padding-top: var(--header-height)} body{min-width: 20rem;line-height: 1.5} body.sl-mobile-menu-open, body.sl-popup-open{overflow: hidden} ::selection{background: var(--rojo);color: var(--crema)} main{overflow: clip} :where(.sl-home-page, .sl-locales-page, .sl-history-page, .sl-contact-page, .sl-local-page, .sl-menu-page) p{text-wrap: pretty} :where(.sl-home-page, .sl-locales-page, .sl-history-page, .sl-contact-page, .sl-local-page, .sl-menu-page) h1, :where(.sl-home-page, .sl-locales-page, .sl-history-page, .sl-contact-page, .sl-local-page, .sl-menu-page) h2, :where(.sl-home-page, .sl-locales-page, .sl-history-page, .sl-contact-page, .sl-local-page, .sl-menu-page) h3{text-wrap: balance} .sl-header{border-bottom: 1px solid transparent;transition: background-color var(--motion-base) ease, border-color var(--motion-base) ease, box-shadow var(--motion-base) ease, backdrop-filter var(--motion-base) ease} .sl-header-inner{grid-template-columns: 10.25rem minmax(0, 1fr) auto;gap: clamp(1.25rem, 2.8vw, 2.5rem)} .sl-header-logo{width: 9.25rem;height: 3rem} .sl-header-nav{gap: clamp(1rem, 1.65vw, 1.7rem)} .sl-header-nav a{font-size: var(--text-label);font-weight: 600;letter-spacing: .01em} .sl-header-actions{gap: .55rem} .sl-header-button{min-height: 2.75rem;padding-inline: 1.15rem;letter-spacing: .025em} .sl-header-button--order{background: rgba(60, 50, 38, .12);backdrop-filter: blur(.45rem);-webkit-backdrop-filter: blur(.45rem)} .sl-header.is-scrolled{background: rgba(250, 246, 234, .95);border-bottom-color: rgba(60, 50, 38, .08);box-shadow: 0 .45rem 1.6rem rgba(60, 50, 38, .06);backdrop-filter: blur(.9rem);-webkit-backdrop-filter: blur(.9rem)} .sl-home-page .sl-home-hero{min-height: min(92svh, 58rem)} .sl-home-page .sl-home-hero-bg{transform: scale(1.015);animation: sl-hero-zoom 1.1s var(--motion-ease-out) both} .sl-home-page .sl-home-hero-overlay{background: linear-gradient(90deg, rgba(43, 34, 26, .68) 0%, rgba(43, 34, 26, .48) 38%, rgba(43, 34, 26, .16) 74%, rgba(43, 34, 26, .08) 100%), linear-gradient(180deg, rgba(43, 34, 26, .08) 0%, rgba(43, 34, 26, .06) 48%, rgba(43, 34, 26, .38) 100%)} .sl-home-page .sl-home-hero-copy{width: min(72%, 48rem)} .sl-home-page .sl-home-hero-eyebrow{margin-bottom: 1.35rem} .sl-home-page .sl-home-hero-title{font-size: var(--title-xl);line-height: .94;letter-spacing: -.018em} .sl-home-page .sl-home-hero-text{max-width: 39rem;margin-top: 1.4rem !important;color: rgba(var(--crema-rgb), .9)} .sl-home-page .sl-home-hero-actions{margin-top: 2rem;gap: .7rem} .sl-home-page .sl-home-hero-btn{min-height: var(--button-height);padding-inline: 1.5rem;letter-spacing: .025em} .sl-home-page .sanluis-header, .sl-home-page .sl-plan-header, .sl-home-page .sl-locations-header{max-width: 48rem} .sl-home-page .sanluis-title, .sl-home-page .proceso-title, .sl-home-page .sl-plan-title, .sl-home-page .sl-locations-title, .sl-home-page .sl-cta-title{letter-spacing: -.018em} .sl-home-page .sanluis-title, .sl-home-page .proceso-title, .sl-home-page .sl-plan-title, .sl-home-page .sl-locations-title{font-size: var(--title-lg)} .sl-home-page .sanluis-subtitle, .sl-home-page .proceso-description, .sl-home-page .sl-locations-description{max-width: 42rem;color: rgba(60, 50, 38, .72)} .sl-home-page .sanluis-card, .sl-home-page .sl-plan-card, .sl-home-page .sl-location-card, .sl-locales-page .sl-local-card, .sl-contact-page .sl-contact-card, .sl-menu-product{border: 1px solid var(--surface-border);box-shadow: 0 .55rem 1.8rem rgba(60, 50, 38, .045)} .sl-home-page .sanluis-card, .sl-home-page .sl-plan-card, .sl-home-page .sl-location-card, .sl-locales-page .sl-local-card, .sl-contact-page .sl-contact-card{border-radius: var(--card-radius)} @media (hover: hover) and (pointer: fine){.sl-home-page .sanluis-card:hover, .sl-home-page .sl-plan-card:hover, .sl-home-page .sl-location-card:hover, .sl-locales-page .sl-local-card:hover, .sl-contact-page .sl-contact-card:hover{transform: translateY(-.3rem);box-shadow: var(--shadow-hover)}} .sl-home-page .sanluis-card-content, .sl-home-page .sl-location-content, .sl-locales-page .sl-local-content{padding: 1.45rem 1.5rem 1.55rem} .sl-home-page .sanluis-card-title, .sl-home-page .sl-location-title, .sl-locales-page .sl-local-title{line-height: 1} .sl-home-page .sanluis-description, .sl-home-page .sl-location-address, .sl-locales-page .sl-local-description{margin-top: .65rem} .sl-home-page .sanluis-buttons, .sl-home-page .sl-location-actions, .sl-locales-page .sl-local-actions{gap: .55rem} .sl-home-page .sanluis-btn, .sl-home-page .sl-plan-button, .sl-home-page .sl-location-button, .sl-locales-page .sl-local-btn, .sl-contact-page .sl-contact-button, .sl-history-page .sl-history-pill, .sl-history-page .sl-history-cta-btn, .sl-local-page .sl-local-btn, .sl-menu-order-button{min-height: var(--button-height);padding-inline: 1.2rem;letter-spacing: .02em} .sl-home-page .proceso-sanluis{background: var(--claro)} .sl-home-page .proceso-inner{gap: clamp(2.5rem, 6vw, 5rem)} .sl-home-page .proceso-description{line-height: 1.75} .sl-home-page .proceso-image-card{border-radius: var(--card-radius);box-shadow: 0 .7rem 2rem rgba(60, 50, 38, .08)} .sl-home-page .proceso-tag{letter-spacing: .12em} .sl-home-page .sl-plan-grid{gap: 1rem} .sl-home-page .sl-plan-card{padding: clamp(1.5rem, 2.5vw, 2.25rem)} .sl-home-page .sl-plan-card--dark, .sl-home-page .sl-plan-card--jardinet{border-color: var(--surface-border-dark)} .sl-home-page .sl-community{min-height: 36rem;display: flex;align-items: center} .sl-home-page .sl-community-overlay{background: linear-gradient(90deg, rgba(43, 34, 26, .72), rgba(43, 34, 26, .4) 52%, rgba(43, 34, 26, .2))} .sl-home-page .sl-community-inner{padding-block: var(--section-space)} .sl-home-page .sl-community-title{font-size: var(--title-lg);line-height: .96} .sl-home-page .sl-locations-grid{gap: 1rem} .sl-home-page .sl-cta{border-top: 1px solid rgba(60, 50, 38, .08)} .sl-home-page .sl-cta-title{font-size: clamp(2.75rem, 4.5vw, 4.8rem);line-height: .98} .sl-locales-page .sl-locales-hero{padding-top: calc(var(--header-height) + 4rem);padding-bottom: 4.5rem} .sl-locales-page .sl-locales-hero-title{font-size: var(--title-xl);line-height: .94;letter-spacing: -.018em} .sl-locales-page .sl-locales-hero-text{max-width: 42rem;font-size: var(--text-base);line-height: 1.7} .sl-locales-page .sl-locals-grid{gap: 1.15rem} .sl-locales-page .sl-local-image, .sl-contact-page .sl-contact-card-image{overflow: hidden;border-radius: calc(var(--card-radius) - .1rem) calc(var(--card-radius) - .1rem) 0 0} .sl-locales-page .sl-local-image img, .sl-contact-page .sl-contact-card-image img{transition: transform var(--motion-slow) var(--motion-ease)} @media (hover: hover) and (pointer: fine){.sl-locales-page .sl-local-card:hover .sl-local-image img, .sl-contact-page .sl-contact-card:hover .sl-contact-card-image img{transform: scale(1.035)}} .sl-locales-page .sl-locales-cta{min-height: 26rem;display: flex;align-items: center} .sl-contact-page .sl-contact-hero{padding-top: calc(var(--header-height) + 4rem);padding-bottom: 3.25rem} .sl-contact-page .sl-contact-title{font-size: var(--title-xl);line-height: .94} .sl-contact-page .sl-contact-grid{gap: 1.15rem} .sl-contact-page .sl-contact-card{overflow: hidden} .sl-contact-page .sl-contact-data{gap: .95rem} .sl-contact-page .sl-contact-data-item{padding-top: .95rem;border-top: 1px solid rgba(60, 50, 38, .1)} .sl-contact-page .sl-contact-data-item:first-child{padding-top: 0;border-top: 0} .sl-history-page .sl-history-hero{min-height: min(92svh, 58rem)} .sl-history-page .sl-history-hero-bg{filter: none;transform: scale(1.015)} .sl-history-page .sl-history-hero-overlay{background: linear-gradient(90deg, rgba(43, 34, 26, .7) 0%, rgba(43, 34, 26, .4) 55%, rgba(43, 34, 26, .12) 100%), linear-gradient(180deg, rgba(43, 34, 26, .08) 0%, rgba(43, 34, 26, .18) 44%, rgba(43, 34, 26, .82) 100%)} .sl-history-page .sl-history-hero-title, .sl-history-page .sl-history-community-title, .sl-history-page .sl-history-locations-title{font-size: var(--title-lg);letter-spacing: -.018em} .sl-history-page .sl-history-hero-title{font-size: var(--title-xl)} .sl-history-page .sl-history-craft-inner{max-width: 52rem} .sl-history-page .sl-history-craft-title, .sl-history-page .sl-process-title{font-size: var(--title-lg)} .sl-history-page .sl-history-craft-text, .sl-history-page .sl-history-community-text{font-size: var(--text-base)} .sl-history-page .sl-process-track{max-width: 64rem} .sl-history-page .sl-process-step{grid-template-columns: 3.75rem minmax(0, 1fr) 15rem;gap: 1.75rem;padding-block: 1.5rem} .sl-history-page .sl-process-marker{width: 3.5rem;height: 3.5rem} .sl-history-page .sl-process-image{border-radius: 1rem} .sl-local-page .sl-local-hero{min-height: min(76svh, 48rem)} .sl-local-page .sl-local-hero-overlay{background: linear-gradient(90deg, rgba(38, 30, 23, .8) 0%, rgba(38, 30, 23, .52) 43%, rgba(38, 30, 23, .18) 76%, rgba(38, 30, 23, .08) 100%), linear-gradient(0deg, rgba(38, 30, 23, .32) 0%, rgba(38, 30, 23, 0) 50%)} .sl-local-page .sl-local-hero-title{font-size: var(--title-xl);line-height: .94} .sl-local-page .sl-local-hero-text{max-width: 40rem;font-size: var(--text-base);line-height: 1.7} .sl-local-page .sl-local-info{padding-block: clamp(2.5rem, 4vw, 3.75rem)} .sl-local-page .sl-local-info-grid{padding: clamp(1.35rem, 2.3vw, 2rem);border: 1px solid var(--surface-border);border-radius: var(--card-radius);background: rgba(244, 239, 217, .62);box-shadow: 0 .6rem 2rem rgba(60, 50, 38, .04)} .sl-local-page .sl-local-info-item{padding-inline: clamp(1rem, 2vw, 1.75rem)} .sl-local-page .sl-local-gallery{gap: .75rem} .sl-local-page .sl-local-gallery-item{border-radius: 1rem;box-shadow: 0 .55rem 1.7rem rgba(60, 50, 38, .06)} .sl-local-page .sl-local-section-heading{font-size: var(--title-lg);line-height: .97} .sl-menu-page{padding-top: calc(var(--header-height) + 4rem)} .sl-menu-title{font-size: var(--title-xl);line-height: .94} .sl-menu-header{max-width: 48rem} .sl-menu-intro{max-width: 44rem} .sl-menu-switch-wrap{margin-top: 2rem} .sl-menu-panel{margin-top: 2rem} .sl-menu-category-nav{gap: .5rem;padding-bottom: .85rem} .sl-menu-category-nav a{min-height: 2.35rem;padding-inline: .95rem} .sl-menu-categories{gap: 4.75rem} .sl-menu-category-header{margin-bottom: 1.35rem;padding-bottom: 1rem} .sl-menu-category-header h2{font-size: var(--title-md)} .sl-menu-product{border-radius: 1.1rem} @media (hover: hover) and (pointer: fine){.sl-menu-product:hover{border-color: rgba(187, 73, 63, .24);box-shadow: 0 .8rem 2.1rem rgba(60, 50, 38, .075);translate: 0 -.12rem}} .sl-footer{padding-top: clamp(4rem, 6vw, 5.5rem);border-top: 1px solid rgba(var(--crema-rgb), .06)} .sl-footer-top{grid-template-columns: 1.4fr .75fr .9fr .75fr;gap: clamp(2.25rem, 5vw, 4.5rem)} .sl-footer-logo-image{width: 10rem} .sl-footer-description{max-width: 21rem;line-height: 1.75} .sl-footer-nav{gap: .8rem} .sl-footer-divider{margin-top: clamp(3rem, 5vw, 4.5rem)} @media (max-width: 64rem){:root{--content-width: 90%;--content-max: 62rem} .sl-header-inner{grid-template-columns: 8rem minmax(0, 1fr) auto;gap: 1rem} .sl-header-logo{width: 7.8rem} .sl-header-nav{gap: .75rem} .sl-header-button{padding-inline: .9rem} .sl-home-page .sl-home-hero-copy, .sl-local-page .sl-local-hero-copy{width: 80%} .sl-home-page .sl-plan-grid, .sl-locales-page .sl-locals-grid, .sl-contact-page .sl-contact-grid{gap: .9rem}} @media (max-width: 47.9375rem){:root{--content-width: 88%;--section-space: 4.25rem;--section-space-small: 3.5rem;--card-radius: 1.15rem;--button-height: 2.75rem;--title-xl: clamp(3rem, 13vw, 4rem);--title-lg: clamp(2.55rem, 11vw, 3.5rem);--title-md: clamp(1.8rem, 8vw, 2.35rem)} html{scroll-padding-top: var(--header-mobile-height)} .sl-header-inner{min-height: var(--header-mobile-height)} .sl-header-logo{width: 8rem;height: 2.7rem} .sl-header-mobile-toggle{width: 2.75rem;height: 2.75rem;padding: .55rem;border-radius: 50%} .sl-header-mobile-menu{padding-inline: 6%;border-top: 1px solid rgba(60, 50, 38, .08);box-shadow: 0 1rem 2.5rem rgba(60, 50, 38, .08)} .sl-header.menu-open .sl-header-mobile-menu{padding-block: 1.4rem 1.75rem} .sl-header-mobile-nav{gap: 0} .sl-header-mobile-nav a{width: 100%;padding-block: .85rem;border-bottom: 1px solid rgba(60, 50, 38, .08);font-size: 1rem;font-weight: 600} .sl-header-mobile-actions{margin-top: 1.25rem;display: grid;grid-template-columns: 1fr 1fr;gap: .55rem} .sl-header-mobile-actions .sl-header-button{width: 100%;min-height: 2.9rem;padding-inline: .65rem} .sl-home-page .sl-home-hero{min-height: 42rem;height: 84svh} .sl-home-page .sl-home-hero-inner{width: var(--content-width);padding-bottom: 4.5rem;transform: none} .sl-home-page .sl-home-hero-copy, .sl-local-page .sl-local-hero-copy{width: 100%} .sl-home-page .sl-home-hero-eyebrow{margin-bottom: 1rem} .sl-home-page .sl-home-hero-title{line-height: .95} .sl-home-page .sl-home-hero-text{width: 100%;margin-top: 1.15rem !important;font-size: .95rem} .sl-home-page .sl-home-hero-actions{width: 100%;margin-top: 1.5rem;gap: .5rem} .sl-home-page .sl-home-hero-btn{flex: 1 1 0;min-width: 0;padding-inline: .65rem} .sl-home-page .sanluis-card-content, .sl-home-page .sl-location-content, .sl-locales-page .sl-local-content{padding: 1.25rem 1.2rem 1.35rem} .sl-home-page .sanluis-image-wrap, .sl-home-page .sanluis-card--jardinet .sanluis-image-wrap, .sl-home-page .sanluis-card--featured .sanluis-image-wrap, .sl-home-page .sanluis-card--small .sanluis-image-wrap{height: 14rem} .sl-home-page .sanluis-card-content, .sl-home-page .sanluis-card--jardinet .sanluis-card-content, .sl-home-page .sanluis-card--featured .sanluis-card-content, .sl-home-page .sl-location-content, .sl-locales-page .sl-local-content{min-height: 0} .sl-home-page .proceso-inner{gap: 2.25rem} .sl-home-page .sl-plan-card{padding: 1.5rem} .sl-home-page .sl-community{min-height: 30rem} .sl-home-page .sl-community-overlay{background: linear-gradient(180deg, rgba(43, 34, 26, .28), rgba(43, 34, 26, .72))} .sl-locales-page .sl-locales-hero, .sl-contact-page .sl-contact-hero{padding-top: calc(var(--header-mobile-height) + 3rem);padding-bottom: 3rem} .sl-history-page .sl-history-hero{min-height: 46rem} .sl-history-page .sl-history-hero-inner{padding-top: calc(var(--header-mobile-height) + 4rem);padding-bottom: 3.75rem} .sl-history-page .sl-process-step{grid-template-columns: 3rem minmax(0, 1fr);gap: 1rem} .sl-history-page .sl-process-marker{width: 3rem;height: 3rem} .sl-history-page .sl-process-image{grid-column: 2;margin-top: .25rem} .sl-local-page .sl-local-hero{min-height: 40rem;height: 78svh} .sl-local-page .sl-local-hero-inner{padding-bottom: 3.5rem} .sl-local-page .sl-local-hero-title{line-height: .95} .sl-local-page .sl-local-info-grid{padding: 1.2rem;border-radius: 1.15rem} .sl-local-page .sl-local-info-item, .sl-local-page .sl-local-info-item:first-child{padding-left: .75rem} .sl-menu-page{padding-top: calc(var(--header-mobile-height) + 3rem)} .sl-menu-switch{width: 100%} .sl-menu-switch-btn{flex: 1 1 0;min-width: 0} .sl-menu-categories{gap: 3.75rem} .sl-footer-top{gap: 2.4rem 1.5rem} .sl-footer-description{max-width: 100%} .sl-footer-bottom{align-items: flex-start}} @media (max-width: 30rem){.sl-header-mobile-actions{grid-template-columns: 1fr} .sl-home-page .sl-home-hero-actions, .sl-home-page .sl-cta-actions, .sl-locales-page .sl-locales-cta-actions, .sl-history-page .sl-history-cta-actions, .sl-local-page .sl-local-hero-actions{flex-direction: column;align-items: stretch} .sl-home-page .sl-home-hero-btn, .sl-home-page .sl-cta-button, .sl-locales-page .sl-locales-cta-btn, .sl-history-page .sl-history-cta-btn, .sl-local-page .sl-local-btn{width: 100%}} :root{--text-base: clamp(1.0625rem, .28vw + 1rem, 1.1875rem);--text-small: clamp(1rem, .2vw + .96rem, 1.075rem);--text-label: clamp(.8125rem, .12vw + .79rem, .9rem);--text-button: clamp(.825rem, .12vw + .8rem, .925rem)} .sl-header-nav a{font-size: clamp(.875rem, .32vw + .8rem, 1rem);font-weight: 600} .sl-header-button{font-size: clamp(.85rem, .2vw + .81rem, .95rem)} @media (max-width: 64rem) and (min-width: 48rem){.sl-header-nav a{font-size: .875rem} .sl-header-button{font-size: .825rem}} .sl-menu-badge, .sl-menu-detail-pills span, .sl-local-page .sl-local-tags span{font-size: .75rem} .sl-history-page .sl-process-title{font-size: clamp(2.75rem, 4vw, 4.375rem)} .sl-history-page .sl-process-track{max-width: 61.25rem;margin-inline: auto} @media (min-width: 48rem){.sl-history-page .sl-process-header{max-width: 45rem;margin-left: auto;margin-right: auto;text-align: center} .sl-history-page .sl-process-step{min-height: 15.625rem;padding: 2.125rem 0;grid-template-columns: minmax(0, 1fr) 4.75rem minmax(0, 1fr);gap: 2.125rem;border-bottom: 0} .sl-history-page .sl-process-marker{grid-column: 2;grid-row: 1;justify-self: center;align-self: center;width: 3.625rem;height: 3.625rem} .sl-history-page .sl-process-copy{grid-row: 1;align-self: center} .sl-history-page .sl-process-image{grid-row: 1;width: 100%;max-width: 22.5rem;aspect-ratio: 4 / 3;align-self: center;border-radius: .75rem} .sl-history-page .sl-process-step:nth-child(odd) .sl-process-copy{grid-column: 3;text-align: left} .sl-history-page .sl-process-step:nth-child(odd) .sl-process-image{grid-column: 1;justify-self: end} .sl-history-page .sl-process-step:nth-child(even) .sl-process-copy{grid-column: 1;text-align: right;justify-self: end} .sl-history-page .sl-process-step:nth-child(even) .sl-process-copy p{margin-left: auto} .sl-history-page .sl-process-step:nth-child(even) .sl-process-image{grid-column: 3;justify-self: start}} @media (max-width: 47.9375rem){:root{--text-base: 1rem;--text-small: .9375rem;--text-label: .775rem;--text-button: .8125rem} .sl-header-mobile-nav a{font-size: 1.0625rem} .sl-header-mobile-actions .sl-header-button{font-size: .875rem} .sl-home-page .sanluis-eyebrow, .sl-home-page .sanluis-location, .sl-home-page .proceso-eyebrow, .sl-home-page .proceso-tag, .sl-home-page .proceso-image-label, .sl-home-page .sl-community-eyebrow, .sl-home-page .sl-location-city, .sl-home-page .sl-plan-eyebrow, .sl-home-page .sl-locations-eyebrow, .sl-home-page .sl-home-hero-eyebrow, .sl-contact-page .sl-contact-eyebrow, .sl-contact-page .sl-contact-card-city, .sl-contact-page .sl-contact-label, .jd-page .jd-hero-eyebrow, .jd-page .jd-about-eyebrow, .jd-page .jd-atmosferas-eyebrow, .jd-page .jd-carta-eyebrow, .jd-page .jd-planes-eyebrow, .jd-page .jd-espacio-eyebrow, .jd-page .jd-brand-block-eyebrow, .sl-locales-page .sl-locales-eyebrow, .sl-locales-page .sl-local-city, .sl-history-page .sl-history-eyebrow, .sl-history-page .sl-process-marker, .sl-menu-content-layout .sl-menu-category-nav a, .sl-menu-badge, .sl-menu-detail-pills span, .sl-local-page .sl-local-tags span{font-size: .75rem} .sl-home-page .sanluis-subtitle, .sl-home-page .sanluis-description, .sl-home-page .proceso-description, .sl-home-page .sl-community-text, .sl-home-page .sl-locations-description, .sl-home-page .sl-location-address, .sl-home-page .sl-home-hero-text, .sl-contact-page .sl-contact-value, .jd-page .jd-hero-description, .jd-page .jd-about-text, .jd-page .jd-atmosferas-card-text, .jd-page .jd-carta-text, .jd-page .jd-plan-text, .sl-locales-page .sl-locales-hero-text, .sl-locales-page .sl-local-description, .sl-history-page .sl-history-intro-text, .sl-history-page .sl-process-text, .sl-history-page .sl-process-copy p, .sl-history-page .sl-history-community-text, .sl-history-page .sl-history-location-description, .sl-local-page .sl-local-info-item--hours .sl-local-hours, .jd-page .jd-info-item--hours strong{font-size: .9375rem;line-height: 1.65} .sl-home-page .sanluis-btn, .sl-home-page .sanluis-link, :is(.sl-home-page, .sl-locales-page) .sl-location-button, .sl-home-page .sl-location-order, .sl-home-page .sl-locations-all, .sl-home-page .sl-cta-button, .sl-home-page .sl-home-hero-btn, .sl-contact-page .sl-contact-button, .jd-page .jd-hero-btn, .jd-page .jd-hero-link, .jd-page .jd-atmosferas-toggle-btn, .jd-page .jd-carta-button, .jd-page .jd-planes-button, .jd-page .jd-brand-block-link, .jd-page .jd-final-cta-btn, .sl-locales-page .sl-local-btn, .sl-locales-page .sl-local-order, .sl-locales-page .sl-locales-cta-btn, .sl-history-page .sl-history-location-btn, .sl-history-page .sl-history-location-order, .sl-history-page .sl-history-cta-btn, .sl-menu-switch-btn{font-size: .8125rem} .sl-history-page .sl-process-title{font-size: 2.375rem} .sl-history-page .sl-process-step{padding: 1.25rem 0;grid-template-columns: 2.625rem minmax(0, 1fr);gap: 1rem} .sl-history-page .sl-process-marker{width: 2.625rem;height: 2.625rem} .sl-history-page .sl-process-image{grid-column: 2;margin-top: .125rem;max-width: 22.5rem;aspect-ratio: 16 / 9;border-radius: .75rem}} @media (max-width: 64rem){.sl-popup.is-reserve-mode .sl-popup-local-address, .sl-popup.is-reserve-mode .sl-popup-subtitle{font-size: .8125rem} .sl-popup.is-reserve-mode .sl-popup-main, .sl-popup.is-reserve-mode .sl-popup-secondary, .sl-popup.is-reserve-mode .sl-popup-local-info > .sl-popup-view{font-size: .775rem}} .sl-history-page .sl-process-header{width: 100%;max-width: 45rem;margin-left: auto;margin-right: auto;text-align: center} .sl-history-page .sl-process-text{width: 100%;max-width: 40rem;margin: 1.375rem auto 0 !important;font-size: var(--text-base);line-height: 1.65;text-align: center} .sl-home-page .proceso-sanluis{background: #3c3226} .sl-home-page .proceso-description{color: rgba(var(--crema-rgb), .78)} .sl-home-page .proceso-title{color: var(--crema)} .sl-home-page .proceso-tag{color: rgba(var(--crema-rgb), .88)} .sl-home-page .proceso-tag + .proceso-tag::before{color: rgba(var(--crema-rgb), .48)} .sl-home-page .sl-home-hero-title, .sl-home-page .sanluis-title, .sl-home-page .proceso-title, .sl-home-page .sl-plan-title, .sl-home-page .sl-community-title, .sl-home-page .sl-locations-title, .sl-home-page .sl-cta-title, .sl-locales-page .sl-locales-hero-title, .sl-locales-page .sl-locales-cta-title, .sl-history-page .sl-history-hero-title, .sl-history-page .sl-history-craft-title, .sl-history-page .sl-process-title, .sl-history-page .sl-history-community-title, .sl-history-page .sl-history-locations-title, .sl-history-page .sl-history-cta-title, .sl-contact-page .sl-contact-title, .sl-local-page .sl-local-hero-title, .jd-page .jd-hero-title, .jd-page .jd-about-title, .jd-page .jd-atmosferas-title, .jd-page .jd-carta-title, .jd-page .jd-planes-title, .jd-page .jd-espacio-title, .jd-page .jd-brand-block-title, .jd-page .jd-final-cta-title, .sl-menu-title{text-wrap: balance} @media (max-width: 47.9375rem){.sl-history-page .sl-process-text{max-width: 34rem;margin-top: 1rem !important;font-size: var(--text-base);text-align: center}} .sl-home-page .sl-community, .sl-home-page .sl-cta{min-height: 23.75rem} @media (max-width: 64rem){.sl-home-page .sl-community, .sl-home-page .sl-cta{min-height: 21.25rem}} @media (max-width: 47.9375rem){.sl-home-page .sl-community, .sl-home-page .sl-cta{min-height: 22.5rem}} .sl-home-page .sanluis-delivery-note{max-width: 720px;margin: 14px auto 0;color: rgba(60,50,38,.72);font-size: clamp(11px,.72vw,13px);line-height: 1.55;text-align: center} .sl-locales-page .sl-locales-order-note{max-width: 700px;margin: 14px 0 0;color: rgba(var(--crema-rgb),.78);font-size: clamp(11px,.72vw,13px);line-height: 1.55} .sl-order-origin-note{max-width: 650px;margin: 14px 0 0;color: rgba(var(--crema-rgb),.80);font-size: clamp(11px,.72vw,13px);line-height: 1.5} .sl-order-origin-note--jardinet{color: var(--jardinet-suave)} .sl-popup-order-panel[hidden], .sl-popup-grid[hidden]{display: none !important} .sl-popup.is-order-mode .sl-popup-dialog{width: min(94vw, 960px)} .sl-popup-order-panel{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12px} .sl-popup-order-choice{min-width: 0;min-height: 290px;padding: 24px;display: flex;flex-direction: column;align-items: flex-start;border: 1px solid rgba(60,50,38,.12);border-radius: 16px;background: var(--crema)} .sl-popup-order-choice--delivery{border-color: var(--oscuro);background: var(--oscuro);color: var(--crema)} .sl-popup-order-kicker{margin-bottom: 12px;color: var(--rojo);font-size: var(--text-label);font-weight: 700;line-height: 1;letter-spacing: .16em} .sl-popup-order-choice--delivery .sl-popup-order-kicker{color: #d9b5a6} .sl-popup-order-choice h3{margin: 0;font-family: var(--font-display);font-size: clamp(28px,2.3vw,38px);font-weight: 400;line-height: 1;text-wrap: balance} .sl-popup-order-choice p{margin: 14px 0 0;color: rgba(60,50,38,.76);font-size: var(--text-small);line-height: 1.55} .sl-popup-order-choice--delivery p{color: rgba(var(--crema-rgb),.78)} .sl-popup-order-address{display: block;margin-top: 12px;color: rgba(60,50,38,.64);font-size: var(--text-small);font-weight: 600;line-height: 1.45} .sl-popup-order-choice--delivery .sl-popup-order-address{color: rgba(var(--crema-rgb),.68)} .sl-popup-order-button{width: 100%;min-height: 42px;margin-top: auto;padding: 0 16px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--rojo);border-radius: 999px;background: var(--rojo);color: var(--crema);font-size: var(--text-button);font-weight: 700;line-height: 1.15;text-align: center;text-decoration: none;transition: transform .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease} .sl-popup-order-button--secondary{border-color: var(--oscuro);background: var(--oscuro)} .sl-popup-order-choice--delivery .sl-popup-order-button{border-color: var(--crema);background: var(--crema);color: var(--oscuro)} @media (hover: hover){.sl-popup-order-button:hover{border-color: var(--oscuro);background: var(--oscuro);transform: translateY(-2px)} .sl-popup-order-button--secondary:hover{border-color: var(--rojo);background: var(--rojo)} .sl-popup-order-choice--delivery .sl-popup-order-button:hover{border-color: var(--rojo);background: var(--rojo);color: var(--crema)}} @media (max-width: 900px){.sl-popup-order-panel{grid-template-columns: 1fr} .sl-popup-order-choice{min-height: 0} .sl-popup-order-button{margin-top: 20px}} @media (max-width: 767px){.sl-home-page .sanluis-delivery-note{width: 94%;margin-top: 12px;font-size: 12px} .sl-locales-page .sl-locales-order-note, .sl-order-origin-note{font-size: 12px} .sl-popup-order-choice{padding: 18px} .sl-popup-order-choice h3{font-size: 30px}} .sl-footer-bottom{align-items: flex-start} .sl-footer-legal{max-width: 54rem;display: grid;gap: 1rem;justify-items: end} .sl-footer-legal-main{display: flex;align-items: center;justify-content: flex-end;gap: .75rem 1.25rem;flex-wrap: wrap} .sl-footer-system-links{width: min(100%, 48rem);display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem} .sl-footer-system-links a{display: flex;align-items: flex-start;min-height: 100%;padding-top: .95rem;border-top: 1px solid rgba(var(--crema-rgb), .16);line-height: 1.45} @media (max-width: 64rem){.sl-footer-top{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 2.5rem 2rem} .sl-footer-brand{grid-column: 1 / -1} .sl-footer-description{display: none} .sl-footer-bottom{display: grid;grid-template-columns: 1fr;gap: 1.4rem} .sl-footer-legal{width: 100%;max-width: none;justify-items: start} .sl-footer-legal-main{justify-content: flex-start} .sl-footer-system-links{width: 100%}} @media (max-width: 47.9375rem){.sl-footer{padding: 3.75rem 0 1.75rem} .sl-footer-top{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 2.25rem 1.75rem} .sl-footer-brand{grid-column: 1 / -1;padding-bottom: .25rem} .sl-footer-column:last-child{grid-column: 1 / -1} .sl-footer-divider{margin: 2.5rem 0 1.35rem} .sl-footer-copyright{max-width: 24rem} .sl-footer-legal-main{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));width: 100%;gap: .75rem 1.25rem} .sl-footer-legal-main a, .sl-footer-legal-main .sl-footer-cookie-settings{line-height: 1.4} .sl-footer-system-links{gap: .8rem}} @media (max-width: 36rem){.sl-footer-top{grid-template-columns: 1fr;gap: 2rem} .sl-footer-brand, .sl-footer-column:last-child{grid-column: auto} .sl-footer-heading{margin-bottom: .9rem} .sl-footer-nav{gap: .65rem} .sl-footer-legal-main, .sl-footer-system-links{grid-template-columns: 1fr} .sl-footer-system-links a{padding-top: .85rem}} @media (min-width: 64.0625rem){.sl-home-page .sanluis-card--small{height: 100%;display: flex;flex-direction: column} .sl-home-page .sanluis-card--small .sanluis-card-content{flex: 1 1 auto}} @media (max-width: 64rem){.sl-home-page .sl-cta-actions{width: 100%;margin-inline: auto;justify-content: center;align-items: center} .sl-home-page .sl-cta-button{flex: 0 0 auto;margin-inline: auto}} @media (max-width: 64rem){.sl-home-page .sl-home-hero-actions, .sl-home-page .sl-cta-actions, .sl-locales-page .sl-locales-cta-actions, .sl-history-page .sl-history-cta-actions, .sl-local-page .sl-local-hero-actions, .jd-page .jd-hero-actions{width: 100%;margin-left: auto;margin-right: auto;justify-content: center;align-items: center} .sl-home-page .sl-home-hero-btn, .sl-home-page .sl-cta-button, .sl-locales-page .sl-locales-cta-btn, .sl-history-page .sl-history-cta-btn, .sl-local-page .sl-local-btn, .jd-page .jd-hero-btn{margin-left: auto;margin-right: auto} .jd-page .jd-hero-link{margin-left: 0}} @media (max-width: 30rem){.sl-home-page .sl-home-hero-actions, .sl-home-page .sl-cta-actions, .sl-locales-page .sl-locales-cta-actions, .sl-history-page .sl-history-cta-actions, .sl-local-page .sl-local-hero-actions, .jd-page .jd-hero-actions{flex-direction: column;align-items: center} .sl-home-page .sl-home-hero-btn, .sl-home-page .sl-cta-button, .sl-locales-page .sl-locales-cta-btn, .sl-history-page .sl-history-cta-btn, .sl-local-page .sl-local-btn, .jd-page .jd-hero-btn{width: min(100%, 20rem);max-width: 20rem;flex: 0 0 auto}} @media (min-width: 64.0625rem){.sl-footer-bottom{display: grid;grid-template-columns: minmax(12rem, auto) minmax(0, 1fr);align-items: start;gap: 1.75rem} .sl-footer-legal{width: 100%;max-width: none;min-width: 0;justify-items: stretch} .sl-footer-legal-main{justify-content: flex-end} .sl-footer-system-links{width: 100%;max-width: none;grid-template-columns: minmax(14rem, 1fr) max-content;justify-content: end} .sl-footer-system-links a:last-child{white-space: nowrap}} @media (min-width: 64.0625rem){.sl-home-page .sl-locations-inner, .sl-locales-page .sl-locals > .sl-locales-inner{width: 92%;max-width: 84rem} .sl-home-page .sl-locations-grid, .sl-locales-page .sl-locals-grid{gap: 1.15rem} .sl-home-page .sl-location-actions, .sl-locales-page .sl-local-actions{gap: .5rem} .sl-footer-inner{width: 94%;max-width: 92rem} .sl-footer-bottom{grid-template-columns: 1fr;gap: 1.25rem} .sl-footer-copyright{justify-self: start} .sl-footer-legal{width: 100%;max-width: none;justify-items: stretch} .sl-footer-legal-main{justify-content: flex-end} .sl-footer-system-links{width: 100%;max-width: none;display: flex;align-items: flex-start;justify-content: flex-end;gap: 1.75rem} .sl-footer-system-links a, .sl-footer-system-links a:first-child, .sl-footer-system-links a:last-child{flex: 0 0 auto;white-space: nowrap}} @media (min-width: 64.0625rem) and (max-width: 79.9375rem){.sl-home-page .sl-locations-grid, .sl-locales-page .sl-locals-grid{grid-template-columns: repeat(2, minmax(0, 1fr))} .sl-home-page .sl-location-image, .sl-locales-page .sl-local-image{aspect-ratio: 1.5 / 1}} .sl-popup.is-order-mode .sl-popup-dialog{width: min(94vw, 900px);max-height: min(92svh, 680px);padding: clamp(22px, 2.4vw, 28px);overflow: auto} .sl-popup.is-order-mode .sl-popup-header{margin-bottom: 18px} .sl-popup.is-order-mode .sl-popup-title{font-size: clamp(32px, 3vw, 42px);line-height: 1} .sl-popup.is-order-mode .sl-popup-subtitle{max-width: 650px;margin-top: 8px;line-height: 1.4} .sl-popup.is-order-mode .sl-popup-order-panel{gap: 10px} .sl-popup.is-order-mode .sl-popup-order-choice{min-height: 240px;padding: 20px} .sl-popup.is-order-mode .sl-popup-order-kicker{margin-bottom: 9px} .sl-popup.is-order-mode .sl-popup-order-choice h3{font-size: clamp(25px, 2vw, 33px)} .sl-popup.is-order-mode .sl-popup-order-choice p{margin-top: 10px;font-size: clamp(12px, .9vw, 14px);line-height: 1.4} .sl-popup.is-order-mode .sl-popup-order-button{min-height: 40px;margin-top: auto} @media (max-width: 900px) and (min-width: 768px){.sl-popup.is-order-mode .sl-popup-dialog{width: min(94vw, 720px);max-height: calc(100svh - 24px)} .sl-popup.is-order-mode .sl-popup-order-panel{grid-template-columns: repeat(2, minmax(0, 1fr))} .sl-popup.is-order-mode .sl-popup-order-choice--delivery{grid-column: 1 / -1;min-height: 0} .sl-popup.is-order-mode .sl-popup-order-choice{min-height: 190px}} @media (max-width: 767px){.sl-popup.is-order-mode{padding: 10px} .sl-popup.is-order-mode .sl-popup-dialog, .sl-popup.is-order-mode.is-local-popup .sl-popup-dialog{width: min(96vw, 520px);max-height: calc(100svh - 20px);padding: 18px 14px 14px;border-radius: 16px;overflow-y: auto;overscroll-behavior: contain} .sl-popup.is-order-mode .sl-popup-close{top: 8px;right: 9px;width: 34px;height: 34px;font-size: 24px} .sl-popup.is-order-mode .sl-popup-header{margin-bottom: 11px;padding-right: 34px} .sl-popup.is-order-mode .sl-popup-eyebrow{margin-bottom: 6px;font-size: 10px} .sl-popup.is-order-mode .sl-popup-title{max-width: 92%;font-size: clamp(27px, 8vw, 32px);line-height: .98} .sl-popup.is-order-mode .sl-popup-subtitle{margin-top: 6px;font-size: 12px;line-height: 1.3} .sl-popup.is-order-mode .sl-popup-order-panel{grid-template-columns: 1fr;gap: 7px} .sl-popup.is-order-mode .sl-popup-order-choice, .sl-popup.is-order-mode .sl-popup-order-choice--delivery{min-height: 0;padding: 12px 13px;display: grid;grid-template-columns: minmax(0, 1fr) auto;grid-template-areas:"kicker button" "title button" "copy button";column-gap: 10px;row-gap: 2px;align-items: center} .sl-popup.is-order-mode .sl-popup-order-kicker{grid-area: kicker;margin: 0 0 2px;font-size: 9px;line-height: 1} .sl-popup.is-order-mode .sl-popup-order-choice h3{grid-area: title;font-size: clamp(20px, 5.8vw, 25px);line-height: 1} .sl-popup.is-order-mode .sl-popup-order-choice p{grid-area: copy;margin: 3px 0 0;max-width: 42ch;font-size: 11px;line-height: 1.25} .sl-popup.is-order-mode .sl-popup-order-button{grid-area: button;width: auto;min-width: 116px;min-height: 38px;margin: 0;padding-inline: 12px;font-size: 10px;white-space: normal}} @media (max-width: 430px){.sl-popup.is-order-mode .sl-popup-order-choice, .sl-popup.is-order-mode .sl-popup-order-choice--delivery{grid-template-columns: minmax(0, 1fr);grid-template-areas:"kicker" "title" "copy" "button"} .sl-popup.is-order-mode .sl-popup-order-button{width: 100%;min-height: 36px;margin-top: 7px} .sl-popup.is-order-mode .sl-popup-order-choice p{max-width: none}} .sl-popup.is-order-mode .sl-popup-order-photo{width: 100%;height: 74px;margin-top: 12px;display: block;border-radius: 11px;object-fit: cover;object-position: center;overflow: hidden} .sl-popup.is-order-mode .sl-popup-order-photo--placeholder{display: flex;align-items: center;justify-content: center;border: 1px dashed rgba(60, 50, 38, .24);background: linear-gradient(135deg, rgba(232, 223, 207, .88), rgba(250, 246, 234, .95));color: rgba(60, 50, 38, .56);font-size: 10px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase} @media (min-width: 901px){.sl-popup.is-order-mode .sl-popup-order-choice--delivery .sl-popup-order-button{margin-top: 10px}} @media (max-width: 900px) and (min-width: 768px){.sl-popup.is-order-mode .sl-popup-order-photo{height: 68px;margin-top: 10px}} @media (max-width: 767px){.sl-popup.is-order-mode .sl-popup-order-choice--pickup{grid-template-columns: 58px minmax(0, 1fr) auto;grid-template-areas:"image kicker button" "image title button" "image copy button"} .sl-popup.is-order-mode .sl-popup-order-choice--pickup .sl-popup-order-photo{grid-area: image;width: 58px;height: 58px;margin: 0;align-self: center;border-radius: 9px} .sl-popup.is-order-mode .sl-popup-order-choice--pickup .sl-popup-order-photo--placeholder span{display: none}} @media (max-width: 430px){.sl-popup.is-order-mode .sl-popup-order-choice--pickup{grid-template-columns: 54px minmax(0, 1fr);grid-template-areas:"image kicker" "image title" "image copy" "button button";column-gap: 10px} .sl-popup.is-order-mode .sl-popup-order-choice--pickup .sl-popup-order-photo{width: 54px;height: 54px}} @media (min-width: 901px){.sl-popup.is-order-mode .sl-popup-order-choice{min-height: 276px} .sl-popup.is-order-mode .sl-popup-order-content{width: 100%;display: flex;flex: 1 1 auto;flex-direction: column;align-items: flex-start} .sl-popup.is-order-mode .sl-popup-order-button, .sl-popup.is-order-mode .sl-popup-order-choice--delivery .sl-popup-order-button{margin-top: 18px;flex: 0 0 auto}} @media (max-width: 900px){.sl-popup.is-order-mode .sl-popup-order-content{display: contents}} @media (min-width: 64.0625rem){.sl-history-page .sl-history-locations > .sl-history-inner{width: 92%;max-width: 84rem} .sl-history-page .sl-history-home-locations{width: 100%}} :where( .sanluis-image-wrap, .proceso-image-card, .sl-location-image, .sl-local-image, .sl-local-gallery-item, .sl-history-location-image, .jd-about-image, .jd-atmosferas-image, .jd-carta-image, .jd-plan-image, .jd-espacio-card, .sl-contact-card-image, .sl-popup-local-image, .sl-popup-order-photo ){background-color: var(--claro, #e8dfcf)} img.sl-photo-awaiting{opacity: 0} img.sl-photo-awaiting.sl-photo-loaded{opacity: 1;transition: opacity .18s ease-out} @media (prefers-reduced-motion: reduce){img.sl-photo-awaiting.sl-photo-loaded{transition: none}} html.sl-motion-ready .sl-menu-page .sl-menu-category.sl-reveal, html.sl-motion-ready .sl-menu-page .sl-menu-product.sl-reveal{opacity: 1;translate: 0 0;transition: none} .sl-local-page .sl-local-hero-bg, .sl-history-page .sl-history-hero-bg, .jd-page .jd-hero, .sl-home-page .sl-community-bg{background-image: none} .sl-local-page .sl-local-hero-bg, .sl-history-page .sl-history-hero-bg, .sl-home-page .sl-community-bg{overflow: hidden} .sl-local-page .sl-opt-hero-image, .sl-history-page .sl-opt-hero-image, .jd-page .sl-opt-hero-image, .sl-home-page .sl-community-photo{position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover} .jd-page .sl-opt-hero-image{z-index: 0;object-position: center center} .sl-local-page .sl-opt-hero-image{object-position: var(--posicion-fondo, center 52%)} .sl-history-page .sl-opt-hero-image{object-position: center 50%} .sl-home-page .sl-community-photo{object-position: center center} @media (max-width: 68.75rem){.sl-local-page .sl-opt-hero-image{object-position: var(--posicion-fondo-mobile, 58% center)}} html.sl-image-js main img:not([data-sl-decoded]):not(.jd-atmosferas-photo){opacity: 0 !important} html.sl-image-js .jd-page .jd-atmosferas-photo:not([data-sl-decoded]){visibility: hidden} html.sl-image-js main img[data-sl-decoded]:not(.jd-atmosferas-photo){transition: opacity .16s ease-out} html.sl-image-js :where( .sl-process-image, .jd-espacio-card, .jd-atmosferas-image, .sl-community-bg, .sl-contact-card-image, .sl-local-hero-bg, .sl-history-hero-bg, .proceso-image-card, .sl-local-gallery-item ){background-color: var(--crema, #e8dfcf)} html.sl-image-js :where(.sl-local-hero-bg, .sl-history-hero-bg, .sl-community-bg), html.sl-image-js .jd-hero{background-color: var(--oscuro, #26241d)} @media (prefers-reduced-motion: reduce){html.sl-image-js main img[data-sl-decoded]{transition: none !important}} html.sl-image-js .sl-plan-card[style*="background-image"]:not(.sl-background-ready){background-image: none !important;background-color: var(--oscuro, #26241d)} html.sl-image-js .sl-plan-card.sl-background-ready{transition: background-color .16s ease-out} html.sl-image-js .sl-popup img:not([data-sl-decoded]){opacity: 0 !important} html.sl-image-js .sl-popup img[data-sl-decoded]{transition: opacity .16s ease-out} html.sl-image-js main [style*="--sl-blur-preview"]{background-image: var(--sl-blur-preview) !important;background-size: cover;background-position: center;background-repeat: no-repeat} .sl-popup-local-media{position: relative;min-width: 0;height: 100%;overflow: hidden;border-radius: 10px} .sl-popup-local-media .sl-popup-local-image{display: block;width: 100%;height: 100%} .sl-popup-local-photo-link{display: none} @media (max-width: 64rem){.sl-popup{box-sizing: border-box;height: 100vh;height: 100svh;height: 100dvh;padding: max(.75rem, env(safe-area-inset-top, 0px)) max(.75rem, env(safe-area-inset-right, 0px)) max(.75rem, env(safe-area-inset-bottom, 0px)) max(.75rem, env(safe-area-inset-left, 0px));place-items: center;align-items: center;overflow: hidden;overscroll-behavior: contain} .sl-popup .sl-popup-dialog, .sl-popup.is-local-popup .sl-popup-dialog, .sl-popup.is-reserve-mode .sl-popup-dialog, .sl-popup.is-reserve-mode.is-local-popup .sl-popup-dialog, .sl-popup.is-order-mode .sl-popup-dialog, .sl-popup.is-order-mode.is-local-popup .sl-popup-dialog{min-width: 0;max-width: 100%;max-height: calc(100vh - 2rem);max-height: calc(100svh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));max-height: calc(100dvh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));overflow-x: hidden;overflow-y: auto;overscroll-behavior: contain;-webkit-overflow-scrolling: touch} .sl-popup .sl-popup-close{position: sticky;top: .25rem;z-index: 3;float: right;margin-top: -.5rem;margin-right: -.5rem;background: var(--claro)} .sl-popup.is-reserve-mode .sl-popup-local{min-width: 0} .sl-popup.is-reserve-mode .sl-popup-local-media{min-width: 0;min-height: 6rem} .sl-popup.is-reserve-mode .sl-popup-local-media .sl-popup-local-image{width: 100%;height: 100%;min-height: 0;object-fit: cover} .sl-popup-local-photo-link{position: absolute;inset: 0;z-index: 1;display: block;border-radius: inherit;cursor: pointer} .sl-popup-local-photo-link:focus-visible{outline: .2rem solid var(--rojo);outline-offset: -.25rem} .sl-popup-local--jardinet .sl-popup-local-photo-link:focus-visible{outline-color: var(--jardinet-claro)} .sl-popup .sl-popup-local-info > .sl-popup-view{display: none}} @media (max-width: 47.9375rem){.sl-popup.is-reserve-mode .sl-popup-grid{grid-template-columns: minmax(0, 1fr);gap: .625rem} .sl-popup.is-reserve-mode .sl-popup-local{grid-template-columns: clamp(4rem, 22vw, 5.25rem) minmax(0, 1fr);grid-template-rows: auto;gap: .625rem;min-height: 0;padding: .5rem} .sl-popup.is-reserve-mode .sl-popup-local-media{width: 100%;height: 100%;min-height: 6.25rem} .sl-popup.is-reserve-mode .sl-popup-local-info{min-width: 0} .sl-popup.is-reserve-mode .sl-popup-local-info h3{font-size: 1.25rem;line-height: 1.1} .sl-popup.is-reserve-mode .sl-popup-jardinet-kicker{margin-bottom: .25rem;font-size: .625rem;line-height: 1.2;letter-spacing: .05em} .sl-popup.is-reserve-mode .sl-popup-local-address{font-size: .75rem;line-height: 1.35} .sl-popup.is-reserve-mode .sl-popup-reserve-actions{padding-top: .5rem} .sl-popup.is-reserve-mode .sl-popup-main, .sl-popup.is-reserve-mode .sl-popup-secondary{min-height: 2.625rem;font-size: .8125rem;white-space: normal} .sl-popup.is-order-mode .sl-popup-order-choice{min-width: 0} .sl-popup.is-order-mode .sl-popup-order-button{min-height: 2.625rem;font-size: .8125rem}} @media (max-width: 64rem) and (max-height: 38.75rem){.sl-popup .sl-popup-dialog{max-height: calc(100dvh - 1.25rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))}} .sl-popup.is-order-mode .sl-popup-order-choice--pickup p .sl-popup-order-address{margin-top: 0.4rem;color: inherit;font-weight: 700;overflow-wrap: anywhere} @media (max-width: 47.9375rem){.sl-popup.is-order-mode .sl-popup-order-choice--pickup{padding: .55rem .65rem;column-gap: .5rem} .sl-popup.is-order-mode .sl-popup-order-choice--pickup .sl-popup-order-description{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0} .sl-popup.is-order-mode .sl-popup-order-choice--pickup p .sl-popup-order-address{margin-top: .2rem;font-size: .6875rem;font-weight: 600;line-height: 1.2} .sl-popup.is-order-mode .sl-popup-order-choice--pickup .sl-popup-order-photo{width: 3rem;height: 3rem}} .sl-home-page .sl-home-hero-video{position: absolute;inset: 0;z-index: 1;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center 48%;opacity: 0;pointer-events: none;transition: opacity .45s ease} .sl-home-page .sl-home-hero-video.is-playing{opacity: 1} @media (prefers-reduced-motion: reduce){.sl-home-page .sl-home-hero-video{display: none}}


/* =====================================================
   2026-09 · ALMAZORA COMO QUINTO LOCAL
   Solo estructura de nuevas tarjetas; no altera la identidad visual.
===================================================== */
.sl-home-page .sanluis-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4%;flex:1 1 auto;min-height:0}
.sl-home-page .sanluis-featured-grid .sanluis-card--featured{min-width:0;height:100%}
.sl-home-page .sanluis-featured-grid .sanluis-card--featured .sanluis-image-wrap{aspect-ratio:1.32/1}
.sl-home-page .sl-locations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sl-locales-page .sl-locals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:64rem){.sl-home-page .sanluis-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sl-home-page .sl-locations-grid,.sl-locales-page .sl-locals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:47.9375rem){.sl-home-page .sanluis-featured-grid{grid-template-columns:1fr;gap:18px}.sl-home-page .sl-locations-grid,.sl-locales-page .sl-locals-grid{grid-template-columns:1fr}.sl-home-page .sanluis-featured-grid .sanluis-card--featured .sanluis-image-wrap{aspect-ratio:auto;height:190px}}

/* =====================================================
   2026-09-28 · AJUSTE DE TARJETAS DE LOCALES
   - ELIGE TU SAN LUIS: fotos regulares con el mismo tamaño.
   - Responsive: todas las fotos, incluido El Jardinet, con la misma altura.
   - Rejillas de 5 locales: 3 arriba y 2 centradas abajo.
===================================================== */

/* HOME · ELIGE TU SAN LUIS · las cuatro tarjetas San Luis estándar
   comparten exactamente la misma altura de imagen en escritorio. */
@media (min-width: 64.0625rem) {
  .sl-home-page .sanluis-right .sanluis-card .sanluis-image-wrap,
  .sl-home-page .sanluis-right .sanluis-card--featured .sanluis-image-wrap,
  .sl-home-page .sanluis-right .sanluis-card--small .sanluis-image-wrap {
    width: 100%;
    height: clamp(11.5rem, 14vw, 13.75rem) !important;
    min-height: 0;
    aspect-ratio: auto !important;
    flex: 0 0 auto;
  }
}

/* Tablet y móvil · todas las imágenes de ELIGE TU SAN LUIS,
   incluido El Jardinet, usan exactamente la misma altura. */
@media (max-width: 64rem) {
  .sl-home-page .sanluis-image-wrap,
  .sl-home-page .sanluis-card--jardinet .sanluis-image-wrap,
  .sl-home-page .sanluis-card--featured .sanluis-image-wrap,
  .sl-home-page .sanluis-card--small .sanluis-image-wrap,
  .sl-home-page .sanluis-featured-grid .sanluis-card--featured .sanluis-image-wrap {
    width: 100%;
    height: 13.75rem !important;
    min-height: 13.75rem;
    aspect-ratio: auto !important;
    flex: 0 0 auto;
  }
}

@media (max-width: 47.9375rem) {
  .sl-home-page .sanluis-image-wrap,
  .sl-home-page .sanluis-card--jardinet .sanluis-image-wrap,
  .sl-home-page .sanluis-card--featured .sanluis-image-wrap,
  .sl-home-page .sanluis-card--small .sanluis-image-wrap,
  .sl-home-page .sanluis-featured-grid .sanluis-card--featured .sanluis-image-wrap {
    height: 14rem !important;
    min-height: 14rem;
  }
}

/* Rejillas de cinco locales · escritorio.
   6 columnas internas permiten centrar las dos tarjetas inferiores:
   fila 1: Jardinet | Caballeros | Almazora
   fila 2:    La Salera | Benicasim
*/
@media (min-width: 64.0625rem) {
  .sl-home-page .sl-locations-grid,
  .sl-locales-page .sl-locals-grid,
  .sl-contact-page .sl-contact-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  /* Home / Nuestra Historia (template compartido) */
  .sl-home-page .sl-locations-grid > :nth-child(1) { grid-column: 1 / span 2; grid-row: 1; }
  .sl-home-page .sl-locations-grid > :nth-child(2) { grid-column: 3 / span 2; grid-row: 1; }
  .sl-home-page .sl-locations-grid > :nth-child(3) { grid-column: 5 / span 2; grid-row: 1; }
  .sl-home-page .sl-locations-grid > :nth-child(4) { grid-column: 2 / span 2; grid-row: 2; }
  .sl-home-page .sl-locations-grid > :nth-child(5) { grid-column: 4 / span 2; grid-row: 2; }

  /* Página Locales */
  .sl-locales-page .sl-locals-grid > :nth-child(1) { grid-column: 1 / span 2; grid-row: 1; }
  .sl-locales-page .sl-locals-grid > :nth-child(2) { grid-column: 3 / span 2; grid-row: 1; }
  .sl-locales-page .sl-locals-grid > :nth-child(3) { grid-column: 5 / span 2; grid-row: 1; }
  .sl-locales-page .sl-locals-grid > :nth-child(4) { grid-column: 2 / span 2; grid-row: 2; }
  .sl-locales-page .sl-locals-grid > :nth-child(5) { grid-column: 4 / span 2; grid-row: 2; }

  /* Contacto tiene un orden HTML histórico distinto.
     Lo colocamos visualmente con la misma estructura sin tocar contenido. */
  .sl-contact-page .sl-contact-grid > :nth-child(1) { grid-column: 1 / span 2; grid-row: 1; } /* Jardinet */
  .sl-contact-page .sl-contact-grid > :nth-child(4) { grid-column: 3 / span 2; grid-row: 1; } /* Caballeros */
  .sl-contact-page .sl-contact-grid > :nth-child(2) { grid-column: 5 / span 2; grid-row: 1; } /* Almazora */
  .sl-contact-page .sl-contact-grid > :nth-child(3) { grid-column: 2 / span 2; grid-row: 2; } /* La Salera */
  .sl-contact-page .sl-contact-grid > :nth-child(5) { grid-column: 4 / span 2; grid-row: 2; } /* Benicasim */
}

/* Tablet: dos columnas; la quinta tarjeta queda centrada. */
@media (min-width: 48rem) and (max-width: 64rem) {
  .sl-home-page .sl-locations-grid,
  .sl-locales-page .sl-locals-grid,
  .sl-contact-page .sl-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.125rem;
  }

  .sl-home-page .sl-locations-grid > *,
  .sl-locales-page .sl-locals-grid > *,
  .sl-contact-page .sl-contact-grid > * {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
  }

  /* Contacto: mismo orden lógico que el resto. */
  .sl-contact-page .sl-contact-grid > :nth-child(1) { order: 1; }
  .sl-contact-page .sl-contact-grid > :nth-child(4) { order: 2; }
  .sl-contact-page .sl-contact-grid > :nth-child(2) { order: 3; }
  .sl-contact-page .sl-contact-grid > :nth-child(3) { order: 4; }
  .sl-contact-page .sl-contact-grid > :nth-child(5) { order: 5; }

  .sl-home-page .sl-locations-grid > :nth-child(5),
  .sl-locales-page .sl-locals-grid > :nth-child(5),
  .sl-contact-page .sl-contact-grid > :nth-child(5) {
    grid-column: 1 / -1;
    width: calc((100% - 1.125rem) / 2);
    justify-self: center;
  }
}

/* Móvil: una columna, mismo ancho y sin posiciones heredadas. */
@media (max-width: 47.9375rem) {
  .sl-home-page .sl-locations-grid,
  .sl-locales-page .sl-locals-grid,
  .sl-contact-page .sl-contact-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.125rem;
  }

  .sl-home-page .sl-locations-grid > *,
  .sl-locales-page .sl-locals-grid > *,
  .sl-contact-page .sl-contact-grid > * {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    justify-self: stretch;
  }

  .sl-contact-page .sl-contact-grid > :nth-child(1) { order: 1; }
  .sl-contact-page .sl-contact-grid > :nth-child(4) { order: 2; }
  .sl-contact-page .sl-contact-grid > :nth-child(2) { order: 3; }
  .sl-contact-page .sl-contact-grid > :nth-child(3) { order: 4; }
  .sl-contact-page .sl-contact-grid > :nth-child(5) { order: 5; }
}


/* =====================================================
   2026-09-28 · AJUSTE FINAL ELIGE TU SAN LUIS + ETIQUETA JARDINET
   - Caballeros usa exactamente la variante visual de Benicasim.
   - Almazora usa exactamente la variante visual de CC La Salera.
   - La etiqueta "EL JARDINET · SAN LUIS" mantiene el mismo tamaño tipográfico
     en todas las tarjetas donde aparece.
===================================================== */

/* Las dos cards superiores de la columna derecha ahora son variantes SMALL,
   igual que las dos inferiores. Conservamos la rejilla 2 columnas. */
.sl-home-page .sanluis-featured-grid .sanluis-card--small {
  min-width: 0;
  height: 100%;
}

/* Mismo comportamiento de contenido y enlace para las cuatro cards estándar. */
.sl-home-page .sanluis-featured-grid .sanluis-card--small .sanluis-card-content,
.sl-home-page .sanluis-small-grid .sanluis-card--small .sanluis-card-content {
  height: 100%;
}

/* Tamaño tipográfico único para la etiqueta de El Jardinet en todas las cards. */
.sl-home-page .sanluis-image-label,
.sl-home-page .sl-jardinet-badge,
.sl-locales-page .sl-local-badge,
.sl-contact-page .sl-contact-jardinet-kicker,
.sl-popup-jardinet-kicker {
  font-size: 0.6rem !important;
  line-height: 1 !important;
  font-weight: 700;
  letter-spacing: 0.1em;
}

/* Los badges superpuestos comparten también el mismo padding para que
   su tamaño visual sea consistente entre Home, Locales y tarjetas compartidas. */
.sl-home-page .sanluis-image-label,
.sl-home-page .sl-jardinet-badge,
.sl-locales-page .sl-local-badge {
  padding: 0.45rem 0.7rem !important;
}
.sl-locales-page .sl-local-badge,
.sl-contact-page .sl-contact-jardinet-kicker,
.sl-popup-jardinet-kicker {
  font-size: 0.6rem !important;
  line-height: 1 !important;
  font-weight: 700;
  letter-spacing: 0.1em;
}

/* Los badges superpuestos comparten también el mismo padding para que
   su tamaño visual sea consistente entre Home, Locales y tarjetas compartidas. */
.sl-home-page .sanluis-image-label,
.sl-home-page .sl-jardinet-badge,
.sl-locales-page .sl-local-badge {
  padding: 0.45rem 0.7rem !important;
}

/* =====================================================
   2026-09-28 · AJUSTE DE ALTURA · ELIGE TU SAN LUIS
   Las cuatro tarjetas estándar (Caballeros, Almazora, La Salera y Benicasim)
   reducen ligeramente la foto para reservar espacio suficiente al contenido
   y mantener siempre visible el enlace "Ver local".
===================================================== */
@media (min-width: 64.0625rem) {
  .sl-home-page .sanluis-right .sanluis-card .sanluis-image-wrap,
  .sl-home-page .sanluis-right .sanluis-card--featured .sanluis-image-wrap,
  .sl-home-page .sanluis-right .sanluis-card--small .sanluis-image-wrap {
    height: clamp(9.5rem, 11vw, 10.75rem) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    flex: 0 0 auto !important;
  }

  .sl-home-page .sanluis-featured-grid .sanluis-card--small,
  .sl-home-page .sanluis-small-grid .sanluis-card--small {
    height: auto;
  }

  .sl-home-page .sanluis-featured-grid .sanluis-card--small .sanluis-card-content,
  .sl-home-page .sanluis-small-grid .sanluis-card--small .sanluis-card-content {
    height: auto;
    min-height: 0;
  }
}

/* Tablet y móvil: las cuatro tarjetas estándar mantienen una foto algo más
   compacta para que texto, botones y "Ver local" entren sin recortes. */
@media (max-width: 64rem) {
  .sl-home-page .sanluis-right .sanluis-card .sanluis-image-wrap,
  .sl-home-page .sanluis-right .sanluis-card--featured .sanluis-image-wrap,
  .sl-home-page .sanluis-right .sanluis-card--small .sanluis-image-wrap {
    height: 11.5rem !important;
    min-height: 11.5rem !important;
    aspect-ratio: auto !important;
    flex: 0 0 auto !important;
  }
}

@media (max-width: 47.9375rem) {
  .sl-home-page .sanluis-right .sanluis-card .sanluis-image-wrap,
  .sl-home-page .sanluis-right .sanluis-card--featured .sanluis-image-wrap,
  .sl-home-page .sanluis-right .sanluis-card--small .sanluis-image-wrap {
    height: 11rem !important;
    min-height: 11rem !important;
  }
}
.sl-home-page .sanluis-right .sanluis-card--small{display:flex;flex-direction:column;height:100%!important;min-height:0}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-image-wrap{flex:0 0 auto!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-card-content{display:flex;flex-direction:column;flex:1 1 auto;height:auto!important;min-height:10.75rem;box-sizing:border-box}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-description{min-height:1.55em}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-link{display:inline-flex;align-self:flex-start;margin-top:auto!important;padding-top:.75rem;flex:0 0 auto}@media(max-width:64rem){.sl-home-page .sanluis-right .sanluis-card--small .sanluis-card-content{min-height:10.25rem}}@media(max-width:47.9375rem){.sl-home-page .sanluis-right .sanluis-card--small .sanluis-card-content{min-height:0}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-link{margin-top:.9rem!important;padding-top:0}}

/* =====================================================
   2026-09-28 · AJUSTE FINO CABALLEROS · ELIGE TU SAN LUIS
   Corrige únicamente la posición vertical del enlace "Ver local" de
   Caballeros en escritorio para alinearlo con las otras tres tarjetas.
===================================================== */
@media (min-width: 64.0625rem) {
  .sl-home-page .sanluis-card--caballeros .sanluis-link {
    transform: translateY(-0.35rem);
  }
}
.sl-home-page .sanluis-card--caballeros .sanluis-link{margin-top:.5rem!important}@media(max-width:47.9375rem){.sl-home-page .sanluis-card--caballeros .sanluis-link{margin-top:.4rem!important}}
@media (min-width:64.0625rem){.sl-home-page .sanluis-right .sanluis-card--small .sanluis-card-content{position:relative;padding-bottom:3.15rem!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-link{position:absolute;left:6%;bottom:1rem;margin-top:0!important;padding-top:0!important;transform:none!important}}


/* ==========================================================
   CARTA · REALCE VISUAL CUANDO LOS PRODUCTOS NO TIENEN FOTO
   Mejora estética sin alterar la estructura de la carta.
========================================================== */
.sl-menu-page{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 100% 0%, rgba(187,73,63,.08), transparent 28rem),
    radial-gradient(circle at 0% 18%, rgba(78,99,84,.08), transparent 24rem),
    linear-gradient(180deg, #f6f1e9 0%, #f3ecdf 44%, #f6f1e9 100%);
}
.sl-menu-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(60,50,38,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(60,50,38,.03) 1px, transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.36), transparent 78%);
  opacity:.42;
}
.sl-menu-inner{
  position:relative;
  z-index:1;
}
.sl-menu-header{
  padding:clamp(22px, 2.3vw, 34px);
  border:1px solid rgba(60,50,38,.10);
  border-radius:28px;
  background:rgba(255,255,255,.5);
  box-shadow:0 16px 40px rgba(60,50,38,.055);
  backdrop-filter:blur(10px);
}
.sl-menu-switch-wrap{
  margin-top:clamp(28px, 3vw, 42px);
}
.sl-menu-panel{
  padding:clamp(20px, 2vw, 28px);
  border:1px solid rgba(60,50,38,.08);
  border-radius:28px;
  background:rgba(255,255,255,.28);
  box-shadow:0 16px 34px rgba(60,50,38,.04);
}
.sl-menu-content-layout .sl-menu-category-nav{
  background:rgba(255,255,255,.72);
  border-color:rgba(60,50,38,.09);
  box-shadow:0 14px 30px rgba(60,50,38,.06);
}
.sl-menu-content-layout .sl-menu-categories{
  display:grid;
  gap:18px;
}
.sl-menu-content-layout .sl-menu-category{
  position:relative;
  padding:clamp(18px, 1.8vw, 28px);
  border:1px solid rgba(60,50,38,.08);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.68), rgba(255,255,255,.36));
  box-shadow:0 12px 28px rgba(60,50,38,.035);
  overflow:hidden;
}
.sl-menu-content-layout .sl-menu-category::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg, rgba(187,73,63,.65), rgba(187,73,63,0));
  opacity:.75;
}
.sl-menu-dynamic--jardinet .sl-menu-content-layout .sl-menu-category::before{
  background:linear-gradient(90deg, rgba(78,99,84,.75), rgba(78,99,84,0));
}
.sl-menu-products{
  gap:12px;
}
.sl-menu-product{
  box-shadow:0 8px 22px rgba(60,50,38,.03);
}
.sl-menu-product.has-no-image{
  background:
    linear-gradient(135deg, rgba(187,73,63,.045), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84));
}
.sl-menu-dynamic--jardinet .sl-menu-product.has-no-image{
  background:
    linear-gradient(135deg, rgba(78,99,84,.06), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84));
}
.sl-menu-product.has-no-image .sl-menu-product-summary{
  position:relative;
}
.sl-menu-product.has-no-image .sl-menu-product-summary::before{
  content:"";
  position:absolute;
  inset:14px auto 14px 0;
  width:4px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg, var(--rojo), rgba(187,73,63,.3));
}
.sl-menu-dynamic--jardinet .sl-menu-product.has-no-image .sl-menu-product-summary::before{
  background:linear-gradient(180deg, var(--jardinet-verde), rgba(78,99,84,.28));
}
.sl-menu-product.has-no-image .sl-menu-product-main{
  padding-left:24px;
}
.sl-menu-category-header{
  margin-bottom:20px;
}
.sl-menu-category-header p{
  max-width:52rem;
}
@media (max-width: 1099px){
  .sl-menu-panel{
    padding:18px;
  }
  .sl-menu-content-layout .sl-menu-category{
    padding:18px;
  }
}
@media (max-width: 767px){
  .sl-menu-header,
  .sl-menu-panel{
    border-radius:22px;
  }
  .sl-menu-content-layout .sl-menu-category{
    padding:16px 14px;
    border-radius:20px;
  }
  .sl-menu-product.has-no-image .sl-menu-product-summary::before{
    inset:12px auto 46px 0;
  }
  .sl-menu-product.has-no-image .sl-menu-product-main{
    padding-left:18px;
  }
}


/* ==========================================================
   CARTA · AJUSTE LIGERO Y MÁS ÁGIL
   Reduce el coste visual de la versión anterior y añade
   símbolos decorativos sutiles sin penalizar el rendimiento.
========================================================== */
.sl-menu-page::before{display:none}
.sl-menu-page{
  background:linear-gradient(180deg,#f6f1e9 0%,#f2eadc 52%,#f6f1e9 100%);
}
.sl-menu-header{
  background:#fff;
  box-shadow:0 6px 18px rgba(60,50,38,.045);
  backdrop-filter:none;
}
.sl-menu-panel{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.sl-menu-content-layout .sl-menu-category-nav{
  background:#fff;
  box-shadow:0 6px 16px rgba(60,50,38,.05);
  backdrop-filter:none;
}
.sl-menu-content-layout .sl-menu-categories{
  gap:16px;
}
.sl-menu-content-layout .sl-menu-category{
  padding:clamp(18px,1.8vw,24px);
  background:#fff;
  box-shadow:0 4px 14px rgba(60,50,38,.035);
}
.sl-menu-content-layout .sl-menu-category::before{
  height:3px;
  opacity:.7;
}
.sl-menu-content-layout .sl-menu-category::after{
  content:"✦";
  position:absolute;
  top:20px;
  right:20px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(187,73,63,.08);
  color:var(--rojo);
  font-size:13px;
  line-height:1;
}
.sl-menu-dynamic--jardinet .sl-menu-content-layout .sl-menu-category::after{
  background:rgba(78,99,84,.10);
  color:var(--jardinet-verde);
}
.sl-menu-category-header h2{
  display:flex;
  align-items:center;
  gap:10px;
}
.sl-menu-category-header h2::before{
  content:"✦";
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(187,73,63,.08);
  color:var(--rojo);
  font-size:13px;
  line-height:1;
}
.sl-menu-dynamic--jardinet .sl-menu-category-header h2::before{
  background:rgba(78,99,84,.10);
  color:var(--jardinet-verde);
}
.sl-menu-products{gap:10px}
.sl-menu-product{
  box-shadow:0 2px 8px rgba(60,50,38,.022);
}
.sl-menu-product.has-no-image{
  background:#fff;
}
.sl-menu-product.has-no-image .sl-menu-product-summary::before{
  width:3px;
}
.sl-menu-product.has-no-image .sl-menu-product-main{
  padding-left:22px;
}
.sl-menu-product-details{
  transition:grid-template-rows .22s ease,border-color .18s ease,background-color .18s ease;
}
.sl-menu-product-details-content{
  background:transparent;
}
@media (max-width:1099px){
  .sl-menu-content-layout .sl-menu-category::after{top:18px;right:18px}
}
@media (max-width:767px){
  .sl-menu-header{border-radius:22px}
  .sl-menu-content-layout .sl-menu-category{
    padding:16px 14px;
    border-radius:20px;
  }
  .sl-menu-content-layout .sl-menu-category::after{
    top:14px;
    right:14px;
    width:24px;
    height:24px;
    font-size:11px;
  }
  .sl-menu-category-header h2::before{
    width:24px;
    height:24px;
    flex-basis:24px;
    font-size:11px;
  }
  .sl-menu-product.has-no-image .sl-menu-product-main{
    padding-left:18px;
  }
}


/* ==========================================================
   V1.5.23 · SISTEMA DE ANCHOS UNIFICADO
   Corrige diferencias entre páginas y elimina contenedores
   excesivamente anchos, especialmente en Nuestra Historia.
========================================================== */
:root{
  --content-width:88%;
  --content-max:72rem;
}

/* Todos los contenedores principales comparten la misma caja útil. */
:where(
  .sl-home-page .sanluis-locations-inner,
  .sl-home-page .proceso-inner,
  .sl-home-page .sl-plan-inner,
  .sl-home-page .sl-community-inner,
  .sl-home-page .sl-locations-inner,
  .sl-home-page .sl-cta-inner,
  .sl-home-page .sl-home-hero-inner,
  .sl-locales-page .sl-locales-inner,
  .sl-locales-page .sl-locales-cta-inner,
  .sl-history-page .sl-history-inner,
  .sl-contact-page .sl-contact-inner,
  .sl-local-page .sl-local-container,
  .sl-menu-page .sl-menu-inner,
  .jd-page .jd-hero-inner,
  .jd-page .jd-info-inner,
  .jd-page .jd-about-inner,
  .jd-page .jd-atmosferas-inner,
  .jd-page .jd-carta-inner,
  .jd-page .jd-planes-inner,
  .jd-page .jd-espacio-inner,
  .jd-page .jd-brand-block-inner,
  .jd-page .jd-final-cta-inner
){
  width:var(--content-width);
  max-width:var(--content-max);
  margin-left:auto;
  margin-right:auto;
}

/* Los bloques de tarjetas de locales ya no se salen del sistema general. */
@media (min-width:64.0625rem){
  .sl-home-page .sl-locations-inner,
  .sl-locales-page .sl-locals > .sl-locales-inner,
  .sl-history-page .sl-history-locations > .sl-history-inner{
    width:var(--content-width);
    max-width:var(--content-max);
  }
}

/* Nuestra Historia: composición coherente dentro del mismo eje visual. */
.sl-history-page .sl-history-craft-inner,
.sl-history-page .sl-history-community-inner,
.sl-history-page .sl-history-cta-inner{
  margin-left:auto;
  margin-right:auto;
}
.sl-history-page .sl-process-header{
  max-width:46rem;
  margin-left:auto;
  margin-right:auto;
}
.sl-history-page .sl-process-track{
  width:100%;
  max-width:66rem;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width:64rem){
  :root{
    --content-width:90%;
    --content-max:62rem;
  }
}

@media (max-width:47.9375rem){
  :root{
    --content-width:88%;
  }
}


/* ==========================================================
   V1.5.24 · NUESTRA HISTORIA · COCINA ARTESANAL MÁS ANCHA
   Igualamos el ancho útil de la sección al de NUESTROS LOCALES
   sin alterar la estructura alterna del timeline.
========================================================== */
@media (min-width: 64.0625rem) {
  .sl-history-page .sl-process > .sl-history-inner {
    width: 92%;
    max-width: 84rem;
  }

  .sl-history-page .sl-process-track {
    width: 100%;
    max-width: 84rem;
  }

  .sl-history-page .sl-process-step {
    grid-template-columns: minmax(0, 1fr) 5.25rem minmax(0, 1fr);
    gap: clamp(2.75rem, 4vw, 4.75rem);
    padding-inline: clamp(1rem, 2vw, 2rem);
  }

  .sl-history-page .sl-process-image {
    max-width: 26rem;
  }

  .sl-history-page .sl-process-copy {
    max-width: 25rem;
  }
}


/* =====================================================
   2026-09-29 · LOCALES · JARDINET BANNER + 4 CARDS IGUALES
   Solo afecta a NUESTROS LOCALES / página LOCALES.
   No afecta a ELIGE TU SAN LUIS ni a CONTACTO.
===================================================== */

/* ESCRITORIO */
@media (min-width: 64.0625rem) {
  .sl-home-page .sl-locations-grid,
  .sl-locales-page .sl-locals-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
    align-items: stretch !important;
  }

  .sl-home-page .sl-locations-grid > *,
  .sl-locales-page .sl-locals-grid > * {
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  /* El Jardinet: banner ancho, horizontal y de poca altura. */
  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 13.5rem !important;
    min-height: 13.5rem !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.75fr) minmax(18rem, .8fr) !important;
    overflow: hidden !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet .sl-location-image,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet .sl-local-image {
    width: 100% !important;
    height: 13.5rem !important;
    min-height: 13.5rem !important;
    aspect-ratio: auto !important;
    align-self: stretch !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet .sl-location-image img,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet .sl-local-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet .sl-location-content,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet .sl-local-content {
    min-width: 0 !important;
    height: 13.5rem !important;
    padding: 1rem 1.35rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet .sl-location-city,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet .sl-local-city {
    margin-bottom: .45rem !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet .sl-location-address,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet .sl-local-description {
    min-height: 0 !important;
    margin: .45rem 0 .65rem !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet .sl-location-actions,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet .sl-local-actions {
    width: 100% !important;
    margin: 0 !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet .sl-location-order,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet .sl-local-order {
    margin-top: .65rem !important;
  }

  /* Cuatro locales inferiores: iguales y perfectamente alineados. */
  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet),
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) {
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-image,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-image {
    width: 100% !important;
    height: 11.25rem !important;
    min-height: 11.25rem !important;
    flex: 0 0 11.25rem !important;
    aspect-ratio: auto !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-image img,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-content,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-content {
    flex: 1 1 auto !important;
    min-height: 16rem !important;
    padding: 1.25rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* Los botones se apilan: Pedir online arriba y Reservar debajo. */
  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions {
    width: 100% !important;
    min-height: 4.5rem !important;
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: .5rem !important;
    flex-wrap: nowrap !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions .sl-location-button,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions .sl-local-btn {
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    /* Se conserva intencionadamente el font-size original del tema. */
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-order,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-order {
    margin-top: .8rem !important;
  }
}

/* TABLET · Jardinet arriba y 2 x 2 debajo. */
@media (min-width: 48rem) and (max-width: 64rem) {
  .sl-home-page .sl-locations-grid,
  .sl-locales-page .sl-locals-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.125rem !important;
  }

  .sl-home-page .sl-locations-grid > *,
  .sl-locales-page .sl-locals-grid > * {
    min-width: 0 !important;
    width: 100% !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1.4fr 1fr !important;
    height: 13rem !important;
    min-height: 13rem !important;
    overflow: hidden !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet .sl-location-image,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet .sl-local-image {
    height: 13rem !important;
    min-height: 13rem !important;
    aspect-ratio: auto !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet .sl-location-image img,
  .sl-locales-page .sl-locals-grid > .sl-local-card--jardinet .sl-local-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .5rem !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions .sl-location-button,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions .sl-local-btn {
    width: 100% !important;
  }
}

/* MÓVIL · una columna; se mantiene la estética original de card vertical. */
@media (max-width: 47.9375rem) {
  .sl-home-page .sl-locations-grid,
  .sl-locales-page .sl-locals-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.125rem !important;
  }

  .sl-home-page .sl-locations-grid > *,
  .sl-locales-page .sl-locals-grid > * {
    width: 100% !important;
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .5rem !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions .sl-location-button,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions .sl-local-btn {
    width: 100% !important;
  }
}



/* ==========================================================
   BOTONES DE CARDS · RESERVAR ARRIBA / PEDIR ONLINE ABAJO
   - Alinea todos los botones rojos "Pedir online".
   - Incluye "ELIGE TU SAN LUIS" del Home.
   - No afecta a la página Contacto.
========================================================== */

/* ELIGE TU SAN LUIS · solo las cuatro cards estándar de la derecha. */
.sl-home-page .sanluis-right .sanluis-buttons {
  width: 100%;
  min-height: 5.25rem;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: .5rem;
  flex-wrap: nowrap;
}
.sl-home-page .sanluis-right .sanluis-buttons .sanluis-btn {
  width: 100%;
  max-width: none;
  flex: 0 0 auto;
  margin-left: 0;
  margin-right: 0;
}
.sl-home-page .sanluis-right .sanluis-buttons .sanluis-btn--outline {
  order: 1;
}
.sl-home-page .sanluis-right .sanluis-buttons .sanluis-btn--red {
  order: 2;
  margin-top: auto;
}

/* NUESTROS LOCALES del Home / Nuestra Historia. */
.sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions {
  width: 100%;
  min-height: 5.25rem !important;
  margin-top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: .5rem !important;
  flex-wrap: nowrap !important;
}
.sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions .sl-location-button {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-button--outline {
  order: 1;
}
.sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-button--primary {
  order: 2;
  margin-top: auto !important;
}

/* Página LOCALES. Contacto usa clases sl-contact-*, por lo que queda fuera. */
.sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions {
  width: 100%;
  min-height: 5.25rem !important;
  margin-top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: .5rem !important;
  flex-wrap: nowrap !important;
}
.sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions .sl-local-btn {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-btn--outline {
  order: 1;
}
.sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-btn--primary {
  order: 2;
  margin-top: auto !important;
}


/* ==========================================================
   AJUSTE FINAL · ALINEACIÓN PEDIR ONLINE EN CARDS DE LOCALES
   Reserva siempre la fila superior para "Reservar".
   Almazora y CC La Salera dejan esa fila vacía, por lo que
   todos los botones rojos quedan exactamente a la misma altura.
   No afecta a ELIGE TU SAN LUIS ni a Contacto.
========================================================== */
.sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions,
.sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions {
  height: 5.25rem !important;
  min-height: 5.25rem !important;
  display: grid !important;
  grid-template-rows: 1fr 1fr !important;
  grid-template-columns: 1fr !important;
  gap: .5rem !important;
  align-items: stretch !important;
  margin-top: auto !important;
}

.sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-button--outline,
.sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-btn--outline {
  grid-row: 1 !important;
  margin: 0 !important;
}

.sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-button--primary,
.sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-btn--primary {
  grid-row: 2 !important;
  margin: 0 !important;
}


/* ==========================================================
   2026-09-29 · AJUSTE FINAL DE ALTURA Y AIRE EN CARDS DE LOCALES
   - Solo NUESTROS LOCALES (Home/Nuestra Historia) y página LOCALES.
   - No toca ELIGE TU SAN LUIS ni CONTACTO.
   - Reserva una fila real para Reservar y otra para Pedir online.
========================================================== */
@media (min-width: 64.0625rem) {
  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-content,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-content {
    min-height: 18.75rem !important;
    padding: 1.35rem 1.25rem 1.2rem !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions {
    width: 100% !important;
    height: 5.65rem !important;
    min-height: 5.65rem !important;
    margin-top: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 2.55rem 2.55rem !important;
    gap: .55rem !important;
    align-items: stretch !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions .sl-location-button,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-actions .sl-local-btn {
    width: 100% !important;
    min-height: 2.55rem !important;
    height: 2.55rem !important;
    max-width: none !important;
    margin: 0 !important;
    align-self: stretch !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-button--outline,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-btn--outline {
    grid-row: 1 !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-button--primary,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-btn--primary {
    grid-row: 2 !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card:not(.sl-location-card--jardinet) .sl-location-order,
  .sl-locales-page .sl-locals-grid > .sl-local-card:not(.sl-local-card--jardinet) .sl-local-order {
    margin-top: .95rem !important;
    padding-top: 0 !important;
    line-height: 1.2 !important;
    flex: 0 0 auto !important;
  }
}


/* ==========================================================
   V1.5.31 · FOOTER · ANCHO UNIFICADO CON EL RESTO DE LA WEB
   El footer vuelve al mismo eje visual que las páginas: 88% / 72rem.
========================================================== */
.sl-footer-inner{
  width:88%;
  max-width:72rem;
  margin-inline:auto;
}

@media (min-width:64.0625rem){
  .sl-footer-inner{
    width:88%;
    max-width:72rem;
  }

  .sl-footer-bottom{
    width:100%;
  }

  .sl-footer-legal{
    width:100%;
    max-width:none;
  }

  .sl-footer-system-links{
    width:100%;
    max-width:none;
    flex-wrap:wrap;
    row-gap:.7rem;
  }

  .sl-footer-system-links a,
  .sl-footer-system-links a:first-child,
  .sl-footer-system-links a:last-child{
    white-space:normal;
  }
}

@media (max-width:47.9375rem){
  .sl-footer-inner{
    width:88%;
    max-width:none;
  }
}


/* ==========================================================
   V1.5.32 · FOOTER · CIERRE INFERIOR MÁS LIMPIO
   - Se elimina la línea horizontal completa en escritorio.
   - El bloque legal de la derecha conserva su composición.
   - El copyright pasa debajo del bloque legal y se alinea a la derecha.
========================================================== */
@media (min-width:64.0625rem){
  .sl-footer-divider{
    display:none;
  }

  .sl-footer-bottom{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:1rem;
    margin-top:2.35rem;
  }

  .sl-footer-legal{
    order:1;
    align-self:stretch;
  }

  .sl-footer-copyright{
    order:2;
    align-self:flex-end;
    margin-top:.15rem;
    text-align:right;
    color:rgba(var(--crema-rgb),.5);
  }
}


/* ==========================================================
   V1.5.33 · FOOTER · MÁS AIRE ENTRE COLUMNAS Y LEGALES
   Mantiene intacta la composición legal y añade separación
   respecto a WEB / LOCALES / SÍGUENOS.
========================================================== */
@media (min-width:64.0625rem){
  .sl-footer-bottom{
    margin-top:3.75rem;
  }
}

@media (min-width:48rem) and (max-width:64rem){
  .sl-footer-bottom{
    margin-top:3rem;
  }
}


/* EL JARDINET · DOS ATMÓSFERAS · COLOR SEGÚN DÍA / NOCHE
   Solo afecta a esta sección; se mantiene el selector CSS original. */
.jd-page .jd-atmosferas {
    background-color: #1b2b21; /* Noche: verde más profundo */
    transition: background-color .45s ease;
}
.jd-page .jd-atmosferas .jd-atmosferas-card {
    background-color: #122019;
    transition: background-color .45s ease;
}
.jd-page .jd-atmosferas:has(#jd-atm-dia:checked) {
    background-color: #58735e; /* Día: verde más luminoso */
}
.jd-page .jd-atmosferas:has(#jd-atm-dia:checked) .jd-atmosferas-card {
    background-color: #3d5846;
}
@media (prefers-reduced-motion: reduce) {
    .jd-page .jd-atmosferas,
    .jd-page .jd-atmosferas .jd-atmosferas-card {
        transition: none;
    }
}
@media (min-width:1100px){.sl-home-page .sl-locations-description{max-width:48rem;text-wrap:wrap}}.sl-home-page .sl-plan-card--light .sl-plan-description,.sl-home-page .sl-plan-card--dark .sl-plan-description{margin:4% 0 4%!important}


/* ==========================================================
   EL JARDINET · ETIQUETA HORARIO DE COCINA
========================================================== */
.jd-page .jd-kitchen-status {
  position: relative;
  width: fit-content;
  margin-top: 5px;
  color: var(--jd-claro);
}

.jd-page .jd-kitchen-status summary {
  min-height: 28px;
  padding: 5px 8px 5px 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(231, 235, 230, .28);
  border-radius: 999px;
  background: rgba(231, 235, 230, .07);
  color: var(--jd-claro);
  font-family: var(--jd-font-body);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .1em;
  list-style: none;
  cursor: pointer;
  user-select: none;
}

.jd-page .jd-kitchen-status summary::-webkit-details-marker {
  display: none;
}

.jd-page .jd-kitchen-info-icon {
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 16px;
  border: 1px solid rgba(231, 235, 230, .55);
  border-radius: 50%;
  font-family: Georgia, serif;
  font-size: 10px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0;
}

.jd-page .jd-kitchen-tooltip {
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  z-index: 30;
  width: max-content;
  max-width: min(290px, 78vw);
  padding: 10px 12px;
  border: 1px solid rgba(231, 235, 230, .18);
  border-radius: 10px;
  background: #1d2821;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
  color: var(--jd-claro);
  font-family: var(--jd-font-body);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.jd-page .jd-kitchen-status:hover .jd-kitchen-tooltip,
.jd-page .jd-kitchen-status[open] .jd-kitchen-tooltip,
.jd-page .jd-kitchen-status:focus-within .jd-kitchen-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (max-width: 767px) {
  .jd-page .jd-kitchen-status {
    margin-top: 7px;
  }

  .jd-page .jd-kitchen-tooltip {
    bottom: auto;
    top: calc(100% + 8px);
    max-width: min(260px, 76vw);
  }
}
 .jd-page .jd-info-hours-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.jd-page .jd-info-hours-heading .jd-kitchen-status{margin-top:0}@media (max-width:767px){.jd-page .jd-info-hours-heading{align-items:flex-start}}@media (min-width:768px){.jd-page .jd-kitchen-tooltip{max-width:none;width:max-content;white-space:nowrap}}


/* ==========================================================
   EGO · HOME / LOCALES / PÁGINA PROPIA
========================================================== */
.sl-ego-home,
.sl-locales-ego{
  padding:clamp(3.5rem, 7vw, 6rem) 0;
}
.sl-ego-home{
  background:linear-gradient(180deg, #ece5d7 0%, #e7dece 100%);
}
.sl-ego-home-inner,
.sl-locales-ego-card{
  width:min(72rem, 88vw);
  margin:0 auto;
}
.sl-ego-home-inner{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);
  gap:clamp(1.5rem, 3vw, 2.5rem);
  align-items:center;
}
.sl-ego-home-copy{
  color:#22201b;
}
.sl-ego-home-eyebrow,
.sl-locales-ego-eyebrow{
  display:inline-block;
  margin-bottom:.9rem;
  font-size:.86rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#6c7c5f;
  font-weight:700;
}
.sl-ego-home-title{
  margin:0 0 1rem;
  font-family:'Oswald', Impact, sans-serif;
  font-size:clamp(2.2rem, 5vw, 4.2rem);
  line-height:.95;
  text-transform:uppercase;
  color:#1d231d;
}
.sl-ego-home-text,
.sl-locales-ego-copy p{
  margin:0;
  max-width:38rem;
  font-size:1.05rem;
  line-height:1.65;
  color:#4d4b45;
}
.sl-ego-home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem;
  margin-top:1.7rem;
}
.sl-ego-home-btn,
.sl-locales-ego-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.1rem;
  padding:.9rem 1.35rem;
  border-radius:999px;
  font-weight:700;
  font-size:.92rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-decoration:none;
  transition:transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}
.sl-ego-home-btn:hover,
.sl-locales-ego-btn:hover{
  transform:translateY(-1px);
}
.sl-ego-home-btn--primary,
.sl-locales-ego-btn{
  background:#1f3428;
  color:#fff9ef;
  border:1px solid #1f3428;
}
.sl-ego-home-btn--ghost{
  background:transparent;
  color:#1f3428;
  border:1px solid rgba(31,52,40,.26);
}
.sl-ego-home-gallery{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:1rem;
}
.sl-ego-home-card{
  margin:0;
  border-radius:1.8rem;
  overflow:hidden;
  background:#d9cfbf;
  min-height:14rem;
  box-shadow:0 20px 45px rgba(26,32,24,.08);
}
.sl-ego-home-card--large{
  grid-row:span 2;
  min-height:31rem;
}
.sl-ego-home-card img,
.sl-locales-ego-media img,
.sl-ego-page .sl-local-gallery img,
.sl-ego-page .sl-local-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.sl-locales-ego{
  padding-top:0;
}
.sl-locales-ego-card{
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
  gap:1.4rem;
  align-items:stretch;
  background:#24372d;
  color:#fff8ef;
  border-radius:2rem;
  overflow:hidden;
}
.sl-locales-ego-media{min-height:18rem;}
.sl-locales-ego-copy{
  padding:clamp(1.6rem, 4vw, 2.4rem);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sl-locales-ego-copy h2{
  margin:0 0 .85rem;
  font-family:'Oswald', Impact, sans-serif;
  font-size:clamp(2rem, 4vw, 3.1rem);
  line-height:1;
  text-transform:uppercase;
  color:#fffaf1;
}
.sl-locales-ego-copy p{color:rgba(255,248,239,.82); margin-bottom:1.35rem;}
.sl-ego-page .sl-local-hero-overlay{
  background:linear-gradient(90deg, rgba(18,20,20,.78) 0%, rgba(28,38,33,.58) 38%, rgba(18,20,20,.18) 100%);
}
.sl-ego-page .sl-local-hero-title{
  letter-spacing:.06em;
}
.sl-ego-page .sl-local-btn--primary{
  background:#fff7ee;
  color:#1f3428;
}
.sl-ego-page .sl-local-btn--ghost{
  border-color:rgba(255,255,255,.55);
  color:#fff7ee;
}
.sl-ego-page .sl-local-info,
.sl-ego-page .sl-local-menu-cta{
  background:#23362b;
}
.sl-ego-page .sl-local-info-item,
.sl-ego-page .sl-local-info-map{
  border-color:rgba(255,255,255,.12);
}
.sl-ego-page .sl-local-info-item strong,
.sl-ego-page .sl-local-info-item a,
.sl-ego-page .sl-local-map-btn,
.sl-ego-page .sl-local-menu-copy h2,
.sl-ego-page .sl-local-menu-copy p,
.sl-ego-page .sl-local-section-eyebrow{
  color:#fff8ef;
}
.sl-ego-page .sl-local-info-label{color:#b5c2a8;}
.sl-ego-page .sl-local-section-heading p{max-width:36rem;}
.sl-ego-page .sl-local-experience{background:#f4ecdf;}
.sl-ego-page .sl-local-menu-cta{
  background:linear-gradient(90deg,#1f3428 0%, #2e4739 100%);
}
@media (max-width: 920px){
  .sl-ego-home-inner,
  .sl-locales-ego-card{
    grid-template-columns:1fr;
  }
  .sl-ego-home-card--large{min-height:22rem;}
  .sl-locales-ego-media{min-height:14rem;}
}
@media (max-width: 767px){
  .sl-ego-home,
  .sl-locales-ego{padding:3.2rem 0;}
  .sl-ego-home-gallery{grid-template-columns:1fr 1fr;}
  .sl-ego-home-card,
  .sl-ego-home-card--large{min-height:11rem; grid-row:auto;}
  .sl-ego-home-title{font-size:2.25rem;}
  .sl-locales-ego-copy h2{font-size:2rem;}
}


/* ==========================================================
   EGO HOME · REDISEÑO EDITORIAL NOCTURNO
========================================================== */
.sl-ego-home--night{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(4rem, 8vw, 7rem) 0;
  background:#18221c;
  color:#fff7ed;
}
.sl-ego-home--night::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 80% 20%, rgba(126,145,111,.18), transparent 28%),
    linear-gradient(180deg,#162019 0%,#202d24 100%);
}
.sl-ego-night-word{
  position:absolute;
  top:-.18em;
  left:50%;
  transform:translateX(-50%);
  z-index:-1;
  font-family:'Oswald', Impact, sans-serif;
  font-size:clamp(11rem, 28vw, 29rem);
  line-height:.8;
  font-weight:700;
  letter-spacing:-.065em;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}
.sl-ego-night-shell{
  width:min(82rem, 92vw);
  margin:0 auto;
}
.sl-ego-night-media{
  position:relative;
  min-height:clamp(34rem, 66vw, 48rem);
  border-radius:2.2rem;
  overflow:visible;
}
.sl-ego-night-main{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 54%;
  border-radius:2.2rem;
  display:block;
  filter:saturate(.88) contrast(1.02) brightness(.78);
}
.sl-ego-night-media::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:2.2rem;
  background:
    linear-gradient(90deg, rgba(10,16,12,.82) 0%, rgba(10,16,12,.58) 37%, rgba(10,16,12,.12) 68%, rgba(10,16,12,.18) 100%),
    linear-gradient(0deg, rgba(10,16,12,.42), transparent 44%);
  pointer-events:none;
}
.sl-ego-night-copy{
  position:absolute;
  z-index:3;
  left:clamp(1.4rem, 5vw, 4.6rem);
  top:50%;
  transform:translateY(-50%);
  width:min(36rem, 48%);
}
.sl-ego-night-kicker{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  margin-bottom:1rem;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#d8e0c8;
}
.sl-ego-night-kicker::before{
  content:"";
  width:2.6rem;
  height:1px;
  background:currentColor;
}
.sl-ego-night-copy h2{
  margin:0 0 1.15rem;
  font-family:var(--font-display);
  font-size:clamp(3.2rem, 6.5vw, 6.5rem);
  font-weight:400;
  line-height:.91;
  letter-spacing:-.01em;
  text-transform:uppercase;
  color:#fff8ef;
}
.sl-ego-night-copy p{
  margin:0;
  max-width:31rem;
  font-size:clamp(1rem, 1.35vw, 1.12rem);
  line-height:1.6;
  color:rgba(255,248,239,.82);
}
.sl-ego-night-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1.25rem;
  margin-top:1.7rem;
}
.sl-ego-night-btn{
  text-decoration:none;
  font-weight:700;
  font-size:.88rem;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.sl-ego-night-btn--solid{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.15rem;
  padding:.9rem 1.45rem;
  border-radius:999px;
  background:#eef0d9;
  color:#1b291f;
  transition:transform .2s ease, background-color .2s ease;
}
.sl-ego-night-btn--solid:hover{
  transform:translateY(-2px);
  background:#fff8ec;
}
.sl-ego-night-btn--link{
  color:#fff8ef;
  border-bottom:1px solid rgba(255,248,239,.5);
  padding:.45rem 0 .3rem;
}
.sl-ego-night-polaroid{
  position:absolute;
  z-index:4;
  right:clamp(1.3rem, 4vw, 3.7rem);
  bottom:clamp(-2.4rem, -3vw, -1.2rem);
  width:clamp(12.5rem, 23vw, 20rem);
  margin:0;
  padding:.55rem .55rem .75rem;
  background:#f1eadf;
  transform:rotate(3.5deg);
  box-shadow:0 28px 65px rgba(0,0,0,.28);
}
.sl-ego-night-polaroid img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}
.sl-ego-night-polaroid figcaption{
  padding:.7rem .35rem 0;
  font-size:.69rem;
  line-height:1.25;
  letter-spacing:.11em;
  font-weight:700;
  color:#293329;
  text-transform:uppercase;
}
.sl-ego-night-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:3.4rem .4rem 0;
  color:rgba(255,248,239,.54);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.sl-ego-night-footer span:not(:last-child)::after{
  content:"·";
  margin-left:clamp(1rem, 5vw, 4rem);
}
@media (max-width: 920px){
  .sl-ego-night-media{min-height:42rem;}
  .sl-ego-night-copy{width:min(31rem, 62%);}
  .sl-ego-night-polaroid{width:15rem; right:1.4rem;}
}
@media (max-width: 767px){
  .sl-ego-home--night{padding:3.4rem 0 3.4rem;}
  .sl-ego-night-shell{width:min(92vw, 34rem);}
  .sl-ego-night-word{font-size:48vw; top:.05em;}
  .sl-ego-night-media{
    min-height:42rem;
    border-radius:1.6rem;
    overflow:hidden;
  }
  .sl-ego-night-main,
  .sl-ego-night-media::after{border-radius:1.6rem;}
  .sl-ego-night-media::after{
    background:linear-gradient(0deg, rgba(11,17,13,.94) 0%, rgba(11,17,13,.65) 48%, rgba(11,17,13,.12) 78%);
  }
  .sl-ego-night-copy{
    left:1.35rem;
    right:1.35rem;
    bottom:1.45rem;
    top:auto;
    transform:none;
    width:auto;
  }
  .sl-ego-night-copy h2{font-size:3.25rem;}
  .sl-ego-night-copy p{font-size:.97rem; line-height:1.5;}
  .sl-ego-night-actions{gap:.9rem; margin-top:1.3rem;}
  .sl-ego-night-btn--solid{min-height:2.9rem; padding:.75rem 1.05rem;}
  .sl-ego-night-btn--link{font-size:.78rem;}
  .sl-ego-night-polaroid{
    top:1.15rem;
    right:1.1rem;
    bottom:auto;
    width:9.7rem;
    transform:rotate(4deg);
    padding:.35rem .35rem .5rem;
  }
  .sl-ego-night-polaroid figcaption{font-size:.52rem; padding-top:.45rem;}
  .sl-ego-night-footer{display:none;}
}


/* ==========================================================
   EGO · TEMPORADA + LLAMADA DESDE BENICASIM
========================================================== */
.sl-ego-season-note{
  display:inline-flex;
  margin-top:1rem;
  padding:.46rem .72rem;
  border:1px solid rgba(238,240,217,.34);
  border-radius:999px;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#eef0d9;
}
.sl-ego-season-pill{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-top:1.1rem;
  padding:.48rem .78rem;
  border:1px solid rgba(255,255,255,.42);
  border-radius:999px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#fff8ef;
}
.sl-benicassim-ego{
  padding:clamp(3.6rem, 7vw, 6.3rem) 0;
  background:#f2eadf;
}
.sl-benicassim-ego-card{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  overflow:hidden;
  min-height:28rem;
  border-radius:2rem;
  background:#1e2d24;
  box-shadow:0 24px 65px rgba(24,34,28,.12);
}
.sl-benicassim-ego-image{
  min-height:28rem;
}
.sl-benicassim-ego-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.sl-benicassim-ego-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(2rem,5vw,4rem);
  color:#fff8ef;
}
.sl-benicassim-ego-copy .sl-local-section-eyebrow{
  color:#bac8ad;
}
.sl-benicassim-ego-copy h2{
  margin:.55rem 0 1rem;
  font-family:var(--font-display);
  font-size:clamp(2.5rem,5vw,4.7rem);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.01em;
  text-transform:uppercase;
  color:#fff8ef;
}
.sl-benicassim-ego-copy p{
  margin:0;
  max-width:32rem;
  font-size:1rem;
  line-height:1.65;
  color:rgba(255,248,239,.8);
}
.sl-benicassim-ego-meta{
  margin-top:1.2rem;
}
.sl-benicassim-ego-meta span{
  display:inline-flex;
  padding:.48rem .72rem;
  border:1px solid rgba(255,248,239,.24);
  border-radius:999px;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#dce4ce;
}
.sl-benicassim-ego-btn{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  width:max-content;
  margin-top:1.7rem;
  padding:.9rem 1.3rem;
  border-radius:999px;
  background:#eff0db;
  color:#1b291f;
  text-decoration:none;
  font-size:.84rem;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
  transition:transform .2s ease, background-color .2s ease;
}
.sl-benicassim-ego-btn:hover{
  transform:translateY(-2px);
  background:#fff8ec;
}
@media (max-width: 800px){
  .sl-benicassim-ego-card{grid-template-columns:1fr; min-height:0;}
  .sl-benicassim-ego-image{min-height:20rem;}
  .sl-benicassim-ego-copy{padding:2rem 1.5rem 2.2rem;}
}


/* ==========================================================
   EGO · AJUSTE FINAL DE INTEGRACIÓN
   - Ego como quinta foto en Benicasim
   - CTA compacto, sin sección protagonista
   - Temporada como texto editorial, no badge
========================================================== */
.sl-local-gallery-item--ego{
  position:relative;
}
.sl-gallery-ego-link{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  color:inherit;
  text-decoration:none;
  overflow:hidden;
}
.sl-gallery-ego-link::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 52%, rgba(14,22,17,.72) 100%);
  pointer-events:none;
}
.sl-gallery-ego-link img{
  transition:transform .35s ease;
}
.sl-gallery-ego-link:hover img{
  transform:scale(1.025);
}
.sl-gallery-ego-label{
  position:absolute;
  left:1rem;
  bottom:.9rem;
  z-index:2;
  color:#fff8ef;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.sl-benicassim-ego{
  display:none !important;
}
.sl-benicassim-ego-linkrow{
  background:#f2eadf;
  padding:0 0 clamp(2.4rem,4vw,3.5rem);
}
.sl-benicassim-ego-linkrow-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding-top:1.25rem;
  border-top:1px solid rgba(49,42,34,.16);
}
.sl-benicassim-ego-linkrow p{
  margin:0;
  color:#514a40;
  font-size:.95rem;
  line-height:1.45;
}
.sl-benicassim-ego-linkrow p span{
  color:#1f3428;
  font-weight:700;
}
.sl-benicassim-ego-linkrow a{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  flex:0 0 auto;
  color:#1f3428;
  text-decoration:none;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(31,52,40,.34);
  padding-bottom:.18rem;
  transition:border-color .2s ease, transform .2s ease;
}
.sl-benicassim-ego-linkrow a:hover{
  border-color:#1f3428;
  transform:translateX(2px);
}
.sl-ego-season-note,
.sl-ego-season-pill{
  display:none !important;
}
.sl-ego-season-text{
  margin:.9rem 0 0;
  padding:0;
  border:0;
  background:none;
  color:rgba(238,240,217,.72);
  font-size:.78rem;
  line-height:1.45;
  letter-spacing:.035em;
  font-weight:500;
}
.sl-ego-season-text::before{
  content:"— ";
  color:rgba(238,240,217,.46);
}
.sl-ego-season-text--hero{
  color:rgba(255,248,239,.78);
  margin-top:1rem;
}
.sl-ego-season-text--hero::before{
  color:rgba(255,248,239,.45);
}
@media (max-width:767px){
  .sl-benicassim-ego-linkrow-inner{
    align-items:flex-start;
    flex-direction:column;
    gap:.8rem;
  }
  .sl-gallery-ego-label{
    left:.8rem;
    bottom:.75rem;
    font-size:.62rem;
  }
}


/* ==========================================================
   EGO · INTEGRACIÓN VISUAL SAN LUIS
   Misma paleta que el resto de locales (excepto El Jardinet)
========================================================== */
.sl-ego-home--night{
  background:var(--claro) !important;
  color:var(--oscuro) !important;
}
.sl-ego-home--night::before{
  background:none !important;
}
.sl-ego-night-main{
  filter:saturate(.94) contrast(1.01) brightness(.82) !important;
}
.sl-ego-night-media::after{
  background:
    linear-gradient(90deg, rgba(38,30,23,.78) 0%, rgba(38,30,23,.56) 38%, rgba(38,30,23,.12) 68%, rgba(38,30,23,.18) 100%),
    linear-gradient(0deg, rgba(38,30,23,.30), transparent 44%) !important;
}
.sl-ego-night-kicker{
  color:var(--crema) !important;
}
.sl-ego-night-copy h2{
  color:var(--crema) !important;
}
.sl-ego-night-copy p{
  color:rgba(var(--crema-rgb),.88) !important;
}
.sl-ego-night-btn--solid{
  background:var(--rojo) !important;
  color:var(--crema) !important;
}
.sl-ego-night-btn--solid:hover{
  background:var(--oscuro) !important;
}
.sl-ego-night-polaroid{
  background:var(--crema) !important;
}
.sl-ego-night-polaroid figcaption{
  color:var(--oscuro) !important;
}

/* Ego usa exactamente la base visual de las páginas de local */
.sl-ego-page .sl-local-hero-overlay{
  background:
    linear-gradient(90deg, rgba(38,30,23,.78) 0%, rgba(38,30,23,.55) 42%, rgba(38,30,23,.22) 72%, rgba(38,30,23,.14) 100%),
    linear-gradient(0deg, rgba(38,30,23,.28) 0%, rgba(38,30,23,0) 48%) !important;
}
.sl-ego-page .sl-local-btn--primary{
  border-color:var(--rojo) !important;
  background:var(--rojo) !important;
  color:var(--crema) !important;
}
.sl-ego-page .sl-local-info{
  background:var(--crema) !important;
  color:var(--oscuro) !important;
}
.sl-ego-page .sl-local-info-item,
.sl-ego-page .sl-local-info-map{
  border-color:rgba(187,73,63,.28) !important;
}
.sl-ego-page .sl-local-info-label{
  color:var(--rojo) !important;
}
.sl-ego-page .sl-local-info-item strong,
.sl-ego-page .sl-local-info-item a,
.sl-ego-page .sl-local-map-btn{
  color:var(--oscuro) !important;
}
.sl-ego-page .sl-local-experience{
  background:var(--claro) !important;
}
.sl-ego-page .sl-local-section-heading h2{
  color:var(--oscuro) !important;
}
.sl-ego-page .sl-local-section-heading p{
  color:rgba(60,50,38,.76) !important;
}
.sl-ego-page .sl-local-section-eyebrow{
  color:var(--rojo) !important;
}
.sl-ego-page .sl-local-menu-cta{
  background:var(--oscuro) !important;
  color:var(--crema) !important;
}
.sl-ego-page .sl-local-menu-copy h2{
  color:var(--crema) !important;
}
.sl-ego-page .sl-local-menu-copy p{
  color:rgba(var(--crema-rgb),.78) !important;
}

/* Llamada mínima a Ego dentro de Benicasim */
.sl-benicassim-ego-linkrow{
  background:var(--claro) !important;
  padding:0 0 clamp(1.25rem,2.3vw,1.8rem) !important;
}
.sl-benicassim-ego-linkrow-inner{
  min-height:44px;
  padding:.75rem 0 0 !important;
  border-top:1px solid rgba(60,50,38,.14) !important;
}
.sl-benicassim-ego-linkrow p{
  font-size:.78rem !important;
  line-height:1.4 !important;
  color:rgba(60,50,38,.68) !important;
}
.sl-benicassim-ego-linkrow p span{
  color:var(--rojo) !important;
  font-size:.7rem;
  letter-spacing:.11em;
  font-weight:700;
}
.sl-benicassim-ego-linkrow a{
  color:var(--oscuro) !important;
  font-size:.72rem !important;
  border-bottom-color:rgba(60,50,38,.26) !important;
}
.sl-benicassim-ego-linkrow a:hover{
  border-color:var(--rojo) !important;
  color:var(--rojo) !important;
}
.sl-ego-season-text{
  display:none !important;
}
@media (max-width:767px){
  .sl-benicassim-ego-linkrow-inner{
    gap:.45rem !important;
  }
  .sl-benicassim-ego-linkrow{
    padding-bottom:1.25rem !important;
  }
}


/* ==========================================================
   EGO · CARD SECUNDARIA + SECCIONES DE LOCALES COMPARTIDAS
========================================================== */
.sl-shared-locations-wrap .sl-locations{
  margin:0;
}

/* Ego se presenta como un extra: misma familia visual, menor jerarquía. */
.sl-home-page .sl-locations-grid > .sl-location-card--ego{
  width:78%;
  max-width:18rem;
  justify-self:center;
  align-self:start;
}
.sl-home-page .sl-location-card--ego .sl-location-image{
  min-height:0;
  aspect-ratio:1.28 / 1;
}
.sl-home-page .sl-location-card--ego .sl-location-content{
  padding:1rem 1.1rem 1.15rem;
}
.sl-home-page .sl-location-card--ego .sl-location-city{
  font-size:.68rem;
}
.sl-home-page .sl-location-card--ego .sl-location-name{
  font-size:clamp(1.55rem,2.2vw,2rem);
}
.sl-home-page .sl-location-card--ego .sl-location-address{
  font-size:.9rem;
  line-height:1.45;
}
.sl-home-page .sl-location-card--ego .sl-location-order{
  margin-top:1rem;
}

@media (min-width: 64.0625rem){
  .sl-home-page .sl-locations-grid > .sl-location-card--ego{
    grid-column:3 / span 2;
    grid-row:3;
  }
}
@media (max-width:64rem) and (min-width:48rem){
  .sl-home-page .sl-locations-grid > .sl-location-card--ego{
    width:82%;
  }
}
@media (max-width:47.9375rem){
  .sl-home-page .sl-locations-grid > .sl-location-card--ego{
    width:92%;
    max-width:none;
  }
}

/* Contacto · Ego mantiene el mismo lenguaje que las demás cards. */
.sl-contact-card--ego{
  max-width:none;
}

/* Benicasim · mención mínima a Ego, usando escalas tipográficas del propio local. */
.sl-gallery-ego-label{display:none !important;}
.sl-benicassim-ego-linkrow{
  background:transparent;
  padding:0 0 clamp(2.75rem,5vw,4rem);
}
.sl-benicassim-ego-linkrow-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding-top:1.25rem;
  border-top:1px solid rgba(61,48,36,.16);
}
.sl-benicassim-ego-linkrow-copy .sl-local-section-eyebrow{
  margin-bottom:.35rem;
}
.sl-benicassim-ego-linkrow-copy p{
  margin:0;
  font-size:1rem;
  line-height:1.55;
  color:inherit;
}
.sl-benicassim-ego-linkrow .sl-local-btn{
  flex:0 0 auto;
  min-width:auto;
  white-space:nowrap;
}
@media (max-width:47.9375rem){
  .sl-benicassim-ego-linkrow-inner{
    align-items:flex-start;
    flex-direction:column;
    gap:1rem;
  }
}


/* ==========================================================
   EGO · CARD EXTRA REFINADA + MENCIÓN BENICASIM COHERENTE
========================================================== */
/* La card de Ego es un extra deliberadamente secundario, pero pertenece al mismo sistema visual. */
.sl-home-page .sl-locations-grid > .sl-location-card--ego{
  grid-column:2 / span 2 !important;
  grid-row:auto !important;
  width:100% !important;
  max-width:36rem !important;
  min-height:0;
  justify-self:center;
  align-self:start;
  display:grid;
  grid-template-columns:minmax(9.5rem, .88fr) minmax(0, 1.12fr);
  border-radius:15px;
  overflow:hidden;
}
.sl-home-page .sl-location-card--ego .sl-location-image{
  width:100%;
  height:100%;
  min-height:10.5rem;
  aspect-ratio:auto;
  border-radius:0;
}
.sl-home-page .sl-location-card--ego .sl-location-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.sl-home-page .sl-location-card--ego .sl-location-content{
  min-height:10.5rem;
  padding:1.25rem 1.35rem 1.2rem;
  justify-content:center;
}
.sl-home-page .sl-location-card--ego .sl-location-city{
  margin-bottom:.7rem;
  font-family:var(--font-body);
  font-size:var(--text-label);
  font-weight:500;
  line-height:1;
  letter-spacing:.13em;
  color:var(--verde);
}
.sl-home-page .sl-location-card--ego .sl-location-name{
  margin:0 !important;
  font-family:var(--font-display) !important;
  font-size:clamp(22px,1.65vw,28px) !important;
  font-weight:400 !important;
  line-height:1 !important;
  color:var(--oscuro);
}
.sl-home-page .sl-location-card--ego .sl-location-address{
  min-height:0;
  margin:.45rem 0 .75rem !important;
  font-family:var(--font-body);
  font-size:var(--text-small) !important;
  line-height:1.5;
  color:rgba(60,50,38,.76);
}
.sl-home-page .sl-location-card--ego .sl-location-order{
  margin-top:0;
  font-family:var(--font-body);
  font-size:var(--text-small);
}

@media (max-width:64rem){
  .sl-home-page .sl-locations-grid > .sl-location-card--ego{
    grid-column:1 / -1 !important;
    width:min(100%, 34rem) !important;
  }
}
@media (max-width:47.9375rem){
  .sl-home-page .sl-locations-grid > .sl-location-card--ego{
    grid-template-columns:8.25rem minmax(0,1fr);
    width:100% !important;
    max-width:none !important;
  }
  .sl-home-page .sl-location-card--ego .sl-location-image,
  .sl-home-page .sl-location-card--ego .sl-location-content{
    min-height:9.25rem;
  }
  .sl-home-page .sl-location-card--ego .sl-location-content{
    padding:1rem 1.05rem;
  }
}

/* Benicasim · misma jerarquía tipográfica del resto de páginas de local. */
.sl-benicassim-ego-linkrow{
  background:transparent;
  padding:0 0 clamp(2.75rem,5vw,4rem);
}
.sl-benicassim-ego-linkrow-inner{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  padding-top:1.5rem;
  border-top:1px solid rgba(60,50,38,.16);
}
.sl-benicassim-ego-linkrow-copy{
  max-width:44rem;
}
.sl-benicassim-ego-linkrow-copy .sl-local-section-eyebrow{
  margin:0 0 .55rem;
  color:var(--rojo);
  font-family:var(--font-body);
  font-size:var(--text-label);
  font-weight:700;
  line-height:1.2;
  letter-spacing:.18em;
}
.sl-benicassim-ego-linkrow-copy h3{
  margin:0;
  color:var(--oscuro);
  font-family:var(--font-display);
  font-size:clamp(28px,2.45vw,40px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.012em;
}
.sl-benicassim-ego-linkrow .sl-local-btn{
  flex:0 0 auto;
  min-width:auto;
  white-space:nowrap;
}
@media (max-width:47.9375rem){
  .sl-benicassim-ego-linkrow-inner{
    align-items:flex-start;
    flex-direction:column;
    gap:1rem;
  }
  .sl-benicassim-ego-linkrow-copy h3{
    font-size:clamp(26px,8vw,34px);
  }
}


/* ==========================================================
   2026-10-16 · NUESTROS LOCALES · 5 CARDS EN UNA FILA
   Ego pasa a formar parte de la misma retícula visual que los
   cuatro locales estándar, manteniendo El Jardinet como banner.
========================================================== */
@media (min-width:64.0625rem){
  .sl-home-page .sl-locations-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:1rem !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--jardinet{
    grid-column:1 / -1 !important;
  }

  .sl-home-page .sl-locations-grid > .sl-location-card--ego{
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    justify-self:stretch !important;
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    border-radius:var(--card-radius) !important;
    overflow:hidden !important;
  }

  .sl-home-page .sl-location-card--ego .sl-location-image{
    width:100% !important;
    height:11.25rem !important;
    min-height:11.25rem !important;
    flex:0 0 11.25rem !important;
    aspect-ratio:auto !important;
    border-radius:0 !important;
  }

  .sl-home-page .sl-location-card--ego .sl-location-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .sl-home-page .sl-location-card--ego .sl-location-content{
    flex:1 1 auto !important;
    min-height:16rem !important;
    padding:1.25rem !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }

  .sl-home-page .sl-location-card--ego .sl-location-city{
    margin-bottom:.45rem !important;
    font-family:var(--font-body) !important;
    font-size:var(--text-label) !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:.13em !important;
    color:var(--verde) !important;
  }

  .sl-home-page .sl-location-card--ego .sl-location-name{
    margin:0 !important;
    font-family:var(--font-display) !important;
    font-size:var(--title-md) !important;
    font-weight:400 !important;
    line-height:1 !important;
    color:var(--oscuro) !important;
  }

  .sl-home-page .sl-location-card--ego .sl-location-address{
    min-height:2.9rem !important;
    margin:.45rem 0 .65rem !important;
    font-family:var(--font-body) !important;
    font-size:var(--text-small) !important;
    line-height:1.45 !important;
    color:rgba(60,50,38,.76) !important;
  }

  .sl-home-page .sl-location-card--ego .sl-location-order{
    margin-top:auto !important;
    font-family:var(--font-body) !important;
    font-size:var(--text-small) !important;
  }
}


/* 2026-10-16 · EGO CARD · MISMO SISTEMA VISUAL QUE EL RESTO */
@media (min-width:64.0625rem){
  .sl-home-page .sl-location-card--ego .sl-location-content{
    padding:8% 8% 9% !important;
    min-height:0 !important;
    justify-content:flex-start !important;
  }
  .sl-home-page .sl-location-card--ego .sl-location-city{
    margin-bottom:var(--header-gap) !important;
    font-family:var(--font-body) !important;
    font-size:clamp(8px,.5vw,10px) !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:.13em !important;
    color:var(--verde) !important;
  }
  .sl-home-page .sl-location-card--ego .sl-location-name{
    margin:0 !important;
    font-family:var(--font-display) !important;
    font-size:clamp(20px,1.45vw,26px) !important;
    font-weight:400 !important;
    line-height:1 !important;
    letter-spacing:normal !important;
    color:var(--oscuro) !important;
  }
  .sl-home-page .sl-location-card--ego .sl-location-address{
    min-height:32px !important;
    margin:4% 0 7% !important;
    font-family:var(--font-body) !important;
    font-size:clamp(9px,.58vw,11px) !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    color:rgba(60,50,38,.76) !important;
  }
  .sl-home-page .sl-location-card--ego .sl-location-actions{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:5% !important;
  }
  .sl-home-page .sl-location-card--ego .sl-location-button{
    width:100% !important;
    flex:1 1 auto !important;
  }
  .sl-home-page .sl-location-card--ego .sl-location-order{
    margin-top:8% !important;
    font-family:var(--font-body) !important;
    font-size:clamp(9px,.55vw,11px) !important;
    font-weight:400 !important;
    line-height:1 !important;
    color:rgba(60,50,38,.68) !important;
  }
}


/* 2026-10-16 · EGO CARD · ALINEACIÓN EXACTA CON RESTO DE CARDS */
.sl-home-page .sl-location-card--ego .sl-location-city{
  display:block !important;
  margin-bottom:var(--header-gap) !important;
  font-family:var(--font-body) !important;
  font-size:clamp(8px,.5vw,10px) !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  color:var(--verde) !important;
}
.sl-home-page .sl-location-card--ego .sl-location-name{
  margin:0 !important;
  font-family:var(--font-display) !important;
  font-size:clamp(20px,1.45vw,26px) !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  color:var(--oscuro) !important;
}
.sl-home-page .sl-location-card--ego .sl-location-address{
  min-height:32px !important;
  margin:4% 0 7% !important;
  font-family:var(--font-body) !important;
  font-size:clamp(9px,.58vw,11px) !important;
  font-weight:400 !important;
  line-height:1.4 !important;
  color:rgba(60,50,38,.76) !important;
}
.sl-home-page .sl-location-card--ego .sl-location-actions--empty{
  width:100% !important;
  min-height:var(--button-height) !important;
  margin-top:auto !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.sl-home-page .sl-location-card--ego .sl-location-order{
  position:relative !important;
  display:inline-block !important;
  margin-top:16px !important;
  padding-top:0 !important;
  font-family:var(--font-body) !important;
  font-size:clamp(9px,.55vw,11px) !important;
  font-weight:400 !important;
  line-height:1 !important;
  color:rgba(60,50,38,.68) !important;
  text-decoration:none !important;
}
@media (max-width:767px){
  .sl-home-page .sl-location-card--ego .sl-location-city{font-size:9px !important;}
  .sl-home-page .sl-location-card--ego .sl-location-name{font-size:27px !important;}
  .sl-home-page .sl-location-card--ego .sl-location-address{font-size:11px !important; min-height:auto !important; margin-bottom:6% !important;}
  .sl-home-page .sl-location-card--ego .sl-location-order{font-size:11px !important;}
}


/* 2026-10-16 · EGO CARD · IGUAL EXACTAMENTE AL RESTO */
.sl-home-page .sl-locations-grid > .sl-location-card--ego{
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-self:stretch !important;
}
.sl-home-page .sl-location-card--ego .sl-location-image{
  width:100% !important;
  height:11.25rem !important;
  min-height:11.25rem !important;
  flex:0 0 11.25rem !important;
}
.sl-home-page .sl-location-card--ego .sl-location-content{
  flex:1 1 auto !important;
  min-height:18.75rem !important;
  padding:1.35rem 1.25rem 1.2rem !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}
.sl-home-page .sl-location-card--ego .sl-location-city{
  display:block !important;
  margin-bottom:var(--header-gap) !important;
  font-family:var(--font-body) !important;
  font-size:var(--text-label) !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  color:var(--verde) !important;
}
.sl-home-page .sl-location-card--ego .sl-location-name{
  margin:0 !important;
  font-family:var(--font-display) !important;
  font-size:clamp(20px,1.45vw,26px) !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  color:var(--oscuro) !important;
}
.sl-home-page .sl-location-card--ego .sl-location-address{
  min-height:32px !important;
  margin:4% 0 7% !important;
  font-family:var(--font-body) !important;
  font-size:var(--text-small) !important;
  font-weight:400 !important;
  line-height:1.6 !important;
  color:rgba(60,50,38,.76) !important;
}
.sl-home-page .sl-location-card--ego .sl-location-actions--empty{
  width:100% !important;
  height:5.65rem !important;
  min-height:5.65rem !important;
  margin-top:auto !important;
  display:block !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.sl-home-page .sl-location-card--ego .sl-location-order{
  position:relative !important;
  display:inline-block !important;
  margin-top:.95rem !important;
  padding-top:0 !important;
  font-family:var(--font-body) !important;
  font-size:var(--text-button) !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  color:rgba(60,50,38,.68) !important;
  text-decoration:none !important;
}
@media (max-width:47.9375rem){
  .sl-home-page .sl-location-card--ego .sl-location-city{font-size:.75rem !important;}
  .sl-home-page .sl-location-card--ego .sl-location-name{font-size:27px !important;}
  .sl-home-page .sl-location-card--ego .sl-location-address{font-size:.9375rem !important;line-height:1.65 !important;}
  .sl-home-page .sl-location-card--ego .sl-location-order{font-size:.8125rem !important;}
}


/* 2026-10-16 · Benicasim / Ego · CTA igual al sistema San Luis */
.sl-local-page .sl-benicassim-ego-linkrow .sl-local-btn.sl-local-btn--primary{
  min-height:48px;
  padding:0 26px;
  border:1px solid var(--rojo);
  border-radius:999px;
  background:var(--rojo);
  color:var(--crema) !important;
  font-family:var(--font-body);
  font-size:clamp(16px, 1.05vw, 18px);
  font-weight:700;
  line-height:1;
  letter-spacing:.035em;
  text-decoration:none;
  white-space:nowrap;
}
@media (hover:hover){
  .sl-local-page .sl-benicassim-ego-linkrow .sl-local-btn.sl-local-btn--primary:hover{
    border-color:var(--oscuro);
    background:var(--oscuro);
    color:var(--crema) !important;
  }
}

/* EGO BENICASSIM CTA FONT OVERRIDE */
.sl-local-page .sl-benicassim-ego-linkrow .sl-local-btn.sl-local-btn--primary{
  font-size:16px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
}
@media (max-width:767px){
  .sl-local-page .sl-benicassim-ego-linkrow .sl-local-btn.sl-local-btn--primary{
    font-size:15px !important;
  }
}


/* Ajuste fino de aireado en la ficha informativa de Ego */
.sl-ego-page .sl-ego-info .sl-local-info-grid{
  min-height:132px;
  grid-template-columns:minmax(0,1.3fr) minmax(220px,.92fr) minmax(220px,.92fr) auto;
  column-gap:0;
  align-items:center;
}
.sl-ego-page .sl-ego-info .sl-local-info-item{
  min-height:92px;
  padding:10px 28px;
  gap:9px;
}
.sl-ego-page .sl-ego-info .sl-local-info-item:first-child{
  padding-left:0;
}
.sl-ego-page .sl-ego-info .sl-local-info-map{
  padding-left:34px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.sl-ego-page .sl-ego-info .sl-local-map-btn{
  min-width:164px;
  justify-content:center;
}
@media (max-width: 980px){
  .sl-ego-page .sl-ego-info .sl-local-info-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(180px,.9fr) minmax(180px,.9fr) auto;
  }
  .sl-ego-page .sl-ego-info .sl-local-info-item{
    padding-inline:24px;
  }
  .sl-ego-page .sl-ego-info .sl-local-info-map{
    padding-left:24px;
  }
}
@media (max-width: 767px){
  .sl-ego-page .sl-ego-info .sl-local-info-grid{
    min-height:auto;
  }
  .sl-ego-page .sl-ego-info .sl-local-info-item,
  .sl-ego-page .sl-ego-info .sl-local-info-item:first-child{
    min-height:0;
    padding:0;
    gap:7px;
  }
  .sl-ego-page .sl-ego-info .sl-local-info-map{
    padding-left:0;
    justify-content:flex-start;
  }
  .sl-ego-page .sl-ego-info .sl-local-map-btn{
    min-width:0;
  }
}


/* ==========================================================
   2026-10-16 · CONTACTO · 6 CARDS IGUALES EN REJILLA 3x2
   Mantiene el orden visual actual arriba y completa una segunda
   fila con otras tres cards del mismo ancho.
========================================================== */
@media (min-width:64.0625rem){
  .sl-contact-page .sl-contact-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:1.15rem !important;
    align-items:stretch !important;
  }
  .sl-contact-page .sl-contact-grid > *{
    grid-column:auto !important;
    grid-row:auto !important;
    order:initial;
    width:100% !important;
    max-width:none !important;
    justify-self:stretch !important;
    align-self:stretch !important;
  }
  .sl-contact-page .sl-contact-grid > :nth-child(1){order:1 !important;} /* Jardinet */
  .sl-contact-page .sl-contact-grid > :nth-child(4){order:2 !important;} /* Caballeros */
  .sl-contact-page .sl-contact-grid > :nth-child(2){order:3 !important;} /* Almazora */
  .sl-contact-page .sl-contact-grid > :nth-child(6){order:4 !important;} /* Ego */
  .sl-contact-page .sl-contact-grid > :nth-child(3){order:5 !important;} /* La Salera */
  .sl-contact-page .sl-contact-grid > :nth-child(5){order:6 !important;} /* Benicasim */

  .sl-contact-page .sl-contact-card,
  .sl-contact-page .sl-contact-card--ego,
  .sl-contact-page .sl-contact-card--jardinet{
    min-height:410px;
    height:100%;
  }
}
@media (min-width:48rem) and (max-width:64rem){
  .sl-contact-page .sl-contact-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:1.125rem !important;
  }
  .sl-contact-page .sl-contact-grid > *{
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    max-width:none !important;
  }
  .sl-contact-page .sl-contact-grid > :nth-child(1){order:1 !important;}
  .sl-contact-page .sl-contact-grid > :nth-child(4){order:2 !important;}
  .sl-contact-page .sl-contact-grid > :nth-child(2){order:3 !important;}
  .sl-contact-page .sl-contact-grid > :nth-child(6){order:4 !important;}
  .sl-contact-page .sl-contact-grid > :nth-child(3){order:5 !important;}
  .sl-contact-page .sl-contact-grid > :nth-child(5){order:6 !important;}
}
@media (max-width:47.9375rem){
  .sl-contact-page .sl-contact-grid > :nth-child(1){order:1 !important;}
  .sl-contact-page .sl-contact-grid > :nth-child(4){order:2 !important;}
  .sl-contact-page .sl-contact-grid > :nth-child(2){order:3 !important;}
  .sl-contact-page .sl-contact-grid > :nth-child(6){order:4 !important;}
  .sl-contact-page .sl-contact-grid > :nth-child(3){order:5 !important;}
  .sl-contact-page .sl-contact-grid > :nth-child(5){order:6 !important;}
}

/* 2026-10-16 · HOME · ELIGE TU SAN LUIS · EGO + RETÍCULA 3/2 */
@media (min-width:64.0625rem){.sl-home-page .sanluis-right{display:grid!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;gap:2.5%!important;height:100%!important}.sl-home-page .sanluis-featured-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4%!important;min-height:0!important;height:100%!important;flex:none!important}.sl-home-page .sanluis-small-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4%!important;min-height:0!important;height:100%!important;margin-top:0!important;flex:none!important}.sl-home-page .sanluis-small-grid>.sanluis-card:nth-child(1){grid-column:2/span 2!important}.sl-home-page .sanluis-small-grid>.sanluis-card:nth-child(2){grid-column:4/span 2!important}.sl-home-page .sanluis-featured-grid>.sanluis-card,.sl-home-page .sanluis-small-grid>.sanluis-card{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;align-self:stretch!important}.sl-home-page .sanluis-featured-grid .sanluis-card--small .sanluis-image-wrap,.sl-home-page .sanluis-small-grid .sanluis-card--small .sanluis-image-wrap{height:clamp(8.25rem,9vw,9.5rem)!important;min-height:0!important}.sl-home-page .sanluis-featured-grid .sanluis-card--small .sanluis-card-content,.sl-home-page .sanluis-small-grid .sanluis-card--small .sanluis-card-content{min-height:10.25rem!important}}

/* ==========================================================
   2026-10-16 · HOME · ELIGE TU SAN LUIS · ANCHOS REEQUILIBRADOS
   El Jardinet sigue siendo la card protagonista, pero cede algo
   de ancho al bloque derecho para que las cinco cards respiren más.
========================================================== */
@media (min-width:64.0625rem){
  .sl-home-page .sanluis-grid{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
    gap:1.6% !important;
  }
}

/* ==========================================================
   2026-10-19 · HOME · COHERENCIA DE COLOR SIN MOVER BOTONES
   Conserva las clases/posiciones originales y cambia solo
   la apariencia de los botones Reservar de Benicasim/Jardinet.
========================================================== */
/* ELIGE TU SAN LUIS · Benicasim: mantiene su hueco original de botón principal,
   pero visualmente pasa a secundario/outline. */
.sl-home-page .sanluis-buttons a[href*="reservas-benicasim"].sanluis-btn--red,
.sl-home-page .sanluis-buttons a[href*="reservas-benicassim"].sanluis-btn--red{
  border:1px solid rgba(60,50,38,.25) !important;
  background:transparent !important;
  color:var(--oscuro) !important;
}
.sl-home-page .sanluis-buttons a[href*="reservas-benicasim"].sanluis-btn--red:hover,
.sl-home-page .sanluis-buttons a[href*="reservas-benicassim"].sanluis-btn--red:hover{
  border-color:var(--verde) !important;
  background:var(--verde) !important;
  color:var(--crema) !important;
}

/* ELIGE TU SAN LUIS · Jardinet: conserva exactamente su posición y medidas. */
.sl-home-page .sanluis-buttons a[href*="reservas-jardinet"].sanluis-btn--green{
  border:1px solid rgba(var(--crema-rgb),.35) !important;
  background:transparent !important;
  color:var(--crema) !important;
}
.sl-home-page .sanluis-buttons a[href*="reservas-jardinet"].sanluis-btn--green:hover{
  border-color:var(--rojo) !important;
  background:var(--rojo) !important;
  color:var(--crema) !important;
}

/* NUESTROS LOCALES · Benicasim: mantiene grid-row/posición original del primary. */
.sl-home-page .sl-location-actions a[href*="reservas-benicasim"].sl-location-button--primary,
.sl-home-page .sl-location-actions a[href*="reservas-benicassim"].sl-location-button--primary{
  border:1px solid rgba(60,50,38,.24) !important;
  background:transparent !important;
  color:var(--oscuro) !important;
}
.sl-home-page .sl-location-actions a[href*="reservas-benicasim"].sl-location-button--primary:hover,
.sl-home-page .sl-location-actions a[href*="reservas-benicassim"].sl-location-button--primary:hover{
  border-color:var(--oscuro) !important;
  background:var(--oscuro) !important;
  color:var(--crema) !important;
}

/* NUESTROS LOCALES · Jardinet: mantiene la clase que define su posición. */
.sl-home-page .sl-location-actions a[href*="reservas-jardinet"].sl-location-button--jardinet{
  border:1px solid rgba(231,235,230,.30) !important;
  background:transparent !important;
  color:var(--jardinet-claro) !important;
}
.sl-home-page .sl-location-actions a[href*="reservas-jardinet"].sl-location-button--jardinet:hover{
  border-color:var(--jardinet-claro) !important;
  background:var(--jardinet-claro) !important;
  color:var(--jardinet-oscuro) !important;
}

/* Horarios: saltos de línea controlados para evitar horas partidas */
.sl-hours-line{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.4em;row-gap:.12em}
.sl-hours-line + .sl-hours-line{margin-top:.14em}
.sl-hours-day{white-space:nowrap}
.sl-hours-ranges{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.2em .35em}
.sl-hours-range,.sl-hours-sep{white-space:nowrap}
@media (max-width:767px){
  .sl-hours-line{column-gap:.32em}
  .sl-hours-ranges{gap:.15em .3em}
}


/* ==========================================================
   PULIDO · NUESTRA HISTORIA · EJE EDITORIAL EN ESCRITORIO
   Hero, filosofía y proceso comparten el mismo borde izquierdo.
========================================================== */
@media (min-width: 64.0625rem) {
  .sl-history-page .sl-history-craft-inner {
    width: var(--content-width);
    max-width: var(--content-max);
    margin-left: auto;
    margin-right: auto;
  }

  .sl-history-page .sl-history-craft-title,
  .sl-history-page .sl-history-craft-text,
  .sl-history-page .sl-history-craft-list {
    max-width: 47.5rem;
  }

  .sl-history-page .sl-process-header {
    max-width: 46rem;
    margin-left: 0;
    margin-right: 0;
  }

  .sl-history-page .sl-process-track {
    width: 100%;
    max-width: 66rem;
    margin-left: 0;
    margin-right: 0;
  }
}

/* El selector Día/Noche es un control, no un enlace: evita estilos nativos. */
.jd-page button.jd-atmosferas-toggle-btn {
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
}

.jd-page button.jd-atmosferas-toggle-btn:focus-visible {
  outline: 2px solid var(--jd-claro);
  outline-offset: 3px;
}

/* ==========================================================
   AJUSTE NUESTRA HISTORIA · ETIQUETAS + COCINA ARTESANAL
========================================================== */
@media (min-width: 64.0625rem) {
  /* Mantiene las cinco etiquetas de "Nuestra forma de cocinar" en una sola fila. */
  .sl-history-page .sl-history-craft-list {
    max-width: none;
    flex-wrap: nowrap;
  }

  .sl-history-page .sl-history-craft-list li {
    flex: 0 0 auto;
  }

  /* Cocina artesanal vuelve a su composición centrada original. */
  .sl-history-page .sl-process-header {
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .sl-history-page .sl-process-track {
    width: auto;
    max-width: 61.25rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* 2026-10-23 responsive polish */
.sl-home-page .sanluis-right .sanluis-card--small{display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-image-wrap{width:100%!important;height:11rem!important;min-height:11rem!important;flex:0 0 11rem!important;aspect-ratio:auto!important;overflow:hidden!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-image{width:100%!important;height:100%!important;object-fit:cover!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-card-content{position:static!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;padding:1.25rem 1.2rem 1.2rem!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-location{margin-bottom:.45rem!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-description{min-height:2.9em!important;margin:.55rem 0 .8rem!important;line-height:1.45!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-buttons{width:100%!important;height:5.55rem!important;min-height:5.55rem!important;margin-top:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:2.5rem 2.5rem!important;gap:.55rem!important;align-items:stretch!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-buttons .sanluis-btn{width:100%!important;min-height:2.5rem!important;height:2.5rem!important;margin:0!important;padding-inline:.85rem!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-buttons .sanluis-btn--outline{grid-row:1!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-buttons .sanluis-btn--red{grid-row:2!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-buttons>:only-child{grid-row:2!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-link,.sl-home-page .sanluis-card--caballeros .sanluis-link{position:relative!important;left:auto!important;bottom:auto!important;display:inline-flex!important;align-self:flex-start!important;margin-top:.9rem!important;padding-top:0!important;transform:none!important;flex:0 0 auto!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet){display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;overflow:hidden!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-image{width:100%!important;height:11.25rem!important;min-height:11.25rem!important;flex:0 0 11.25rem!important;aspect-ratio:auto!important;overflow:hidden!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-image img{width:100%!important;height:100%!important;object-fit:cover!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-content{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:18.5rem!important;padding:1.3rem 1.2rem 1.2rem!important;align-items:flex-start!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-city{margin-bottom:.5rem!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-address{min-height:3em!important;margin:.55rem 0 .75rem!important;line-height:1.5!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions,.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions--empty{width:100%!important;height:5.55rem!important;min-height:5.55rem!important;margin-top:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:2.5rem 2.5rem!important;gap:.55rem!important;align-items:stretch!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions .sl-location-button{width:100%!important;height:2.5rem!important;min-height:2.5rem!important;margin:0!important;padding-inline:.8rem!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-actions>:only-child{grid-row:2!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-order{position:relative!important;display:inline-flex!important;align-self:flex-start!important;margin-top:.9rem!important;padding-top:0!important;line-height:1.2!important;flex:0 0 auto!important}.sl-contact-page .sl-contact-card:not(.sl-contact-card--jardinet){display:flex!important;flex-direction:column!important;height:100%!important}.sl-contact-page .sl-contact-card:not(.sl-contact-card--jardinet) .sl-contact-card-image{width:calc(100% + 50px)!important;height:auto!important;aspect-ratio:16/8!important;flex:0 0 auto!important;overflow:hidden!important}.sl-contact-page .sl-contact-card:not(.sl-contact-card--jardinet) .sl-contact-card-image img{width:100%!important;height:100%!important;object-fit:cover!important}.sl-contact-page .sl-contact-data-item{gap:.5rem!important}.sl-contact-page .sl-contact-label,.sl-contact-page .sl-contact-value{margin:0!important}.sl-contact-page .sl-contact-actions{margin-top:auto!important}.sl-local-page .sl-local-info-grid,.jd-page .jd-info-inner{align-items:stretch!important}.sl-local-page .sl-local-info-item,.jd-page .jd-info-item{gap:.55rem!important;justify-content:center!important}.sl-local-page .sl-local-info-label,.jd-page .jd-info-label,.sl-local-page .sl-local-info-item strong,.sl-local-page .sl-local-info-item a,.jd-page .jd-info-item strong,.jd-page .jd-info-item a{margin-top:0!important;margin-bottom:0!important}.sl-local-page .sl-local-hours,.jd-page .jd-info-item--hours strong{display:block!important;line-height:1.45!important}.sl-hours-line:first-child{margin-top:0!important}@media (min-width:48rem) and (max-width:64rem){.sl-home-page .sanluis-right .sanluis-card--small .sanluis-image-wrap,.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-image{height:13.5rem!important;min-height:13.5rem!important;flex-basis:13.5rem!important}.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-content{min-height:17.5rem!important}.sl-contact-page .sl-contact-card:not(.sl-contact-card--jardinet) .sl-contact-card-image{width:calc(100% + 50px)!important;aspect-ratio:16/8!important}.sl-local-page .sl-local-info-item,.jd-page .jd-info-item{justify-content:flex-start!important}}@media (max-width:47.9375rem){.sl-home-page .sanluis-right .sanluis-card--small .sanluis-image-wrap,.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-image{height:13rem!important;min-height:13rem!important;flex-basis:13rem!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-card-content,.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-content{min-height:0!important;padding:1.2rem 1.15rem 1.2rem!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-description,.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-address{min-height:2.9em!important}.sl-home-page .sanluis-right .sanluis-card--small .sanluis-link,.sl-home-page .sl-locations-grid>.sl-location-card:not(.sl-location-card--jardinet) .sl-location-order{margin-top:.85rem!important}.sl-contact-page .sl-contact-card:not(.sl-contact-card--jardinet) .sl-contact-card-image{width:calc(100% + 44px)!important;aspect-ratio:16/9!important}.sl-contact-page .sl-contact-data-item{gap:.45rem!important}.sl-local-page .sl-local-info-item,.jd-page .jd-info-item{gap:.5rem!important;justify-content:flex-start!important}.sl-local-page .sl-local-map-btn,.jd-page .jd-info-map-btn{max-width:100%!important}}@media (max-width:30rem){.sl-home-page .sanluis-btn,.sl-home-page .sl-location-button,.sl-contact-page .sl-contact-button,.sl-local-page .sl-local-btn,.sl-local-page .sl-local-map-btn,.jd-page .jd-hero-btn,.jd-page .jd-info-map-btn{max-width:100%!important;white-space:normal!important;text-align:center!important}}
@media (max-width:47.9375rem){.sl-local-page .sl-local-info-item,.jd-page .jd-info-item{gap:.5rem!important}.sl-local-page .sl-local-info-item--hours>.sl-local-info-label,.sl-local-page .sl-local-info-item--hours>.sl-local-hours,.jd-page .jd-info-item--hours>.jd-info-label,.jd-page .jd-info-item--hours>strong,.jd-page .jd-info-item--hours>.jd-info-hours-heading{margin:0!important}.sl-local-page .sl-local-info-item--hours .sl-local-hours,.jd-page .jd-info-item--hours>strong,.sl-local-page .sl-hours-line,.jd-page .sl-hours-line{line-height:1.45!important}.sl-local-page .sl-hours-line,.jd-page .sl-hours-line{row-gap:.08rem!important}.jd-page .jd-info-hours-heading{gap:.35rem .65rem!important;line-height:1!important}}.jd-page .jd-espacio-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:start!important}.jd-page .jd-espacio-column{display:contents!important;min-height:0!important}.jd-page .jd-espacio-card,.jd-page .jd-espacio-card--small,.jd-page .jd-espacio-card--medium,.jd-page .jd-espacio-card--tall{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;flex:none!important}.jd-page .jd-espacio-card img{width:100%!important;height:100%!important;object-fit:cover!important}@media (max-width:64rem){.jd-page .jd-espacio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:47.9375rem){.jd-page .jd-espacio-gallery{grid-template-columns:1fr!important;gap:.65rem!important}.jd-page .jd-espacio-card,.jd-page .jd-espacio-card--small,.jd-page .jd-espacio-card--medium,.jd-page .jd-espacio-card--tall{aspect-ratio:4/3!important}.sl-history-page .sl-history-craft-list{display:grid!important;grid-template-columns:max-content max-content!important;justify-content:start!important;align-items:center!important;gap:.5rem!important}.sl-history-page .sl-history-craft-list li{width:max-content!important;min-width:0!important;min-height:2.125rem!important;padding-inline:.7rem!important;white-space:nowrap!important;font-size:.68rem!important}.sl-history-page .sl-history-craft-list li:nth-child(3){grid-column:1/-1!important}.sl-history-page .sl-history-craft-list li:nth-child(4){grid-column:1!important}.sl-history-page .sl-history-craft-list li:nth-child(5){grid-column:2!important}}@media (max-width:22.5rem){.sl-history-page .sl-history-craft-list{gap:.4rem!important}.sl-history-page .sl-history-craft-list li{padding-inline:.55rem!important;font-size:.63rem!important;letter-spacing:.045em!important}}


/* ==========================================================
   AJUSTE FINAL EL JARDINET · GALERÍA SOLO UNIFORME EN MÓVIL
   + SIN ESPACIO SUPERIOR EN PLANES / EL ESPACIO
========================================================== */

/* PLANES Y OCASIONES / EL ESPACIO: sin aire extra arriba. */
.jd-page .jd-planes,
.jd-page .jd-espacio {
  padding-top: 0 !important;
}

/* Escritorio: recupera exactamente la composición original de El Espacio. */
@media (min-width: 48rem) {
  .jd-page .jd-espacio-gallery {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-auto-flow: initial !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  .jd-page .jd-espacio-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    min-height: 620px !important;
  }

  .jd-page .jd-espacio-column--left,
  .jd-page .jd-espacio-column--right,
  .jd-page .jd-espacio-column--center {
    min-height: 620px !important;
  }

  .jd-page .jd-espacio-card,
  .jd-page .jd-espacio-card--small,
  .jd-page .jd-espacio-card--medium,
  .jd-page .jd-espacio-card--tall {
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }

  .jd-page .jd-espacio-card--small {
    flex: 0 0 38% !important;
    height: auto !important;
  }

  .jd-page .jd-espacio-card--medium {
    flex: 1 1 auto !important;
    height: auto !important;
  }

  .jd-page .jd-espacio-card--tall {
    flex: 1 1 auto !important;
    height: 100% !important;
  }
}

/* Tablet: conserva la composición original, solo con sus alturas reducidas. */
@media (min-width: 48rem) and (max-width: 64rem) {
  .jd-page .jd-espacio-gallery,
  .jd-page .jd-espacio-column {
    gap: 12px !important;
  }

  .jd-page .jd-espacio-column,
  .jd-page .jd-espacio-column--left,
  .jd-page .jd-espacio-column--right,
  .jd-page .jd-espacio-column--center {
    min-height: 520px !important;
  }
}

/* Móvil: aquí sí, las cinco fotos tienen exactamente el mismo formato. */
@media (max-width: 47.9375rem) {
  .jd-page .jd-espacio-gallery {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    gap: 10px !important;
  }

  .jd-page .jd-espacio-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-height: 0 !important;
  }

  .jd-page .jd-espacio-card,
  .jd-page .jd-espacio-card--small,
  .jd-page .jd-espacio-card--medium,
  .jd-page .jd-espacio-card--tall {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    flex: none !important;
  }

  .jd-page .jd-espacio-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
.jd-page .jd-info-hours-heading{align-items:center!important}.jd-page .jd-info-hours-heading>.jd-info-label{display:inline-flex!important;align-items:center!important;min-height:28px!important;line-height:1!important}.jd-page .jd-info-hours-heading>.jd-kitchen-status{display:inline-flex!important;align-items:center!important;margin-top:0!important}@media(max-width:47.9375rem){.jd-page .jd-info-hours-heading{align-items:center!important}}

@media (max-width: 47.9375rem) {
  .sl-history-page .sl-history-craft-list {
    display: grid !important;
    grid-template-columns: max-content max-content max-content !important;
    justify-content: start !important;
    align-items: center !important;
    gap: .5rem !important;
  }

  .sl-history-page .sl-history-craft-list li {
    width: max-content !important;
    min-width: 0 !important;
    min-height: 2.125rem !important;
    padding-inline: .7rem !important;
    white-space: nowrap !important;
    font-size: .68rem !important;
  }

  .sl-history-page .sl-history-craft-list li:nth-child(1) { grid-column: 1 !important; }
  .sl-history-page .sl-history-craft-list li:nth-child(2) { grid-column: 2 !important; }
  .sl-history-page .sl-history-craft-list li:nth-child(3) { grid-column: 3 !important; }
  .sl-history-page .sl-history-craft-list li:nth-child(4) { grid-column: 1 !important; }
  .sl-history-page .sl-history-craft-list li:nth-child(5) { grid-column: 2 / 4 !important; }
}

/* NUESTRA HISTORIA · etiquetas móviles equilibradas en dos filas. */
@media (max-width: 47.9375rem) {
  .sl-history-page .sl-history-craft-list {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    width: 100% !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    column-gap: .5rem !important;
    row-gap: .5rem !important;
  }

  .sl-history-page .sl-history-craft-list li {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.125rem !important;
    padding-inline: .55rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-size: .68rem !important;
  }

  .sl-history-page .sl-history-craft-list li:nth-child(1) { grid-column: 1 / span 3 !important; }
  .sl-history-page .sl-history-craft-list li:nth-child(2) { grid-column: 4 / span 5 !important; }
  .sl-history-page .sl-history-craft-list li:nth-child(3) { grid-column: 9 / span 4 !important; }
  .sl-history-page .sl-history-craft-list li:nth-child(4) { grid-column: 1 / span 5 !important; }
  .sl-history-page .sl-history-craft-list li:nth-child(5) { grid-column: 6 / span 7 !important; }
}


/* ==========================================================
   NUESTRA HISTORIA · HERO MÁS COMPACTO + COPY MÓVIL
   ========================================================== */
@media (min-width: 768px) {
  .sl-history-page .sl-history-hero {
    min-height: 90svh;
    max-height: 54rem;
  }
}

@media (max-width: 767px) {
  .sl-history-page .sl-history-hero {
    min-height: 94svh;
    max-height: 46rem;
  }

  .sl-history-page .sl-history-intro-text {
    display: none !important;
  }
}

/* 2026-10 · HERO VIDEO PERFORMANCE */
.sl-home-page .sl-home-hero-video {
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: opacity;
    transition: opacity .18s ease-out;
}
.sl-whatsapp-float{position:fixed;right:24px;bottom:90px;z-index:99981;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 10px 28px rgba(38,50,41,.22);text-decoration:none;transition:transform .22s var(--ease),box-shadow .22s ease,bottom .25s var(--ease)}.sl-whatsapp-float svg{width:30px;height:30px;fill:currentColor}body.sl-cookie-visible .sl-whatsapp-float{bottom:calc(var(--sl-cookie-offset,180px) + 66px)}@media (hover:hover){.sl-whatsapp-float:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 14px 32px rgba(38,50,41,.28)}}@media (max-width:767px){.sl-whatsapp-float{right:16px;bottom:78px;width:50px;height:50px}.sl-whatsapp-float svg{width:28px;height:28px}body.sl-cookie-visible .sl-whatsapp-float{bottom:calc(var(--sl-cookie-offset,180px) + 62px)}}
.sl-home-page .sanluis-locations{padding-top:var(--section-space-small);padding-bottom:clamp(60px,6vw,96px)}.sl-home-page .proceso-sanluis{padding-top:var(--section-space);padding-bottom:var(--section-space)}@media(max-width:1024px){.sl-home-page .proceso-sanluis{padding-top:clamp(78px,8vw,96px);padding-bottom:clamp(78px,8vw,96px)}}@media(max-width:767px){.sl-home-page .sanluis-locations{padding-bottom:56px}.sl-home-page .proceso-sanluis{padding-top:var(--section-space);padding-bottom:var(--section-space)}}

.sl-home-page .sanluis-locations{padding-top:clamp(64px,6.4vw,100px);padding-bottom:clamp(64px,6.4vw,100px)}.sl-home-page .proceso-sanluis{padding-top:clamp(82px,7.8vw,120px);padding-bottom:var(--section-space)}@media (max-width:1024px){.sl-home-page .sanluis-locations{padding-top:clamp(66px,7vw,86px);padding-bottom:clamp(66px,7vw,86px)}.sl-home-page .proceso-sanluis{padding-top:clamp(84px,8.5vw,104px);padding-bottom:clamp(78px,8vw,96px)}}@media (max-width:767px){.sl-home-page .sanluis-locations{padding-top:68px;padding-bottom:68px}.sl-home-page .proceso-sanluis{padding-top:74px;padding-bottom:var(--section-space)}}

/* 2026-10-29 · HOME · ESPACIADO FINAL POR BREAKPOINT */
@media (min-width:1025px){.sl-home-page .sanluis-locations{padding-top:clamp(88px,7.4vw,124px);padding-bottom:clamp(88px,7.4vw,124px)}.sl-home-page .proceso-sanluis{padding-top:clamp(106px,8.6vw,144px)}}@media (max-width:767px){.sl-home-page .sanluis-locations{padding-top:76px;padding-bottom:96px}}


/* ==========================================================
   2026-10-30 · AJUSTE VISUAL INFO LOCALES
   - Escritorio: centra verticalmente "CÓMO LLEGAR" en locales estándar.
   - EGO móvil: replica la disposición de información de los otros locales.
========================================================== */
@media (min-width: 768px) {
  .sl-local-page:not(.sl-ego-page) .sl-local-info-map {
    align-self: stretch;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .sl-ego-page .sl-ego-info .sl-local-info-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
    padding: 26px 0 !important;
  }

  .sl-ego-page .sl-ego-info .sl-local-info-item,
  .sl-ego-page .sl-ego-info .sl-local-info-item:first-child {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 0 0 14px !important;
    border-left: 1px solid rgba(187,73,63,.28) !important;
    gap: .5rem !important;
  }

  .sl-ego-page .sl-ego-info .sl-local-info-map {
    grid-column: 1 !important;
    padding: 0 !important;
    justify-content: flex-start !important;
  }
}


/* ==========================================================
   2026-10-30 · EGO · INFORMACIÓN MÓVIL CORREGIDA
   EGO tiene Ubicación / Apertura / Ambiente, por lo que no puede
   heredar las áreas Dirección / Teléfono / Horario de otros locales.
========================================================== */
@media (max-width: 767px) {
  .sl-ego-page .sl-ego-info .sl-local-info-grid {
    min-height: 0 !important;
    padding: 26px 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(112px, .65fr) !important;
    grid-template-areas:
      "ego-location ego-opening"
      "ego-ambience ego-ambience"
      "ego-map ego-map" !important;
    column-gap: 18px !important;
    row-gap: 24px !important;
    align-items: start !important;
  }

  .sl-ego-page .sl-ego-info .sl-local-info-item:nth-child(1) {
    grid-area: ego-location !important;
  }
  .sl-ego-page .sl-ego-info .sl-local-info-item:nth-child(2) {
    grid-area: ego-opening !important;
  }
  .sl-ego-page .sl-ego-info .sl-local-info-item:nth-child(3) {
    grid-area: ego-ambience !important;
  }
  .sl-ego-page .sl-ego-info .sl-local-info-map {
    grid-area: ego-map !important;
    grid-column: auto !important;
  }

  .sl-ego-page .sl-ego-info .sl-local-info-item,
  .sl-ego-page .sl-ego-info .sl-local-info-item:first-child {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 0 0 12px !important;
    border-left: 1px solid rgba(187,73,63,.28) !important;
    gap: 7px !important;
  }

  .sl-ego-page .sl-ego-info .sl-local-info-item strong,
  .sl-ego-page .sl-ego-info .sl-local-info-item a {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .sl-ego-page .sl-ego-info .sl-local-info-map {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .sl-ego-page .sl-ego-info .sl-local-map-btn {
    min-width: 0 !important;
  }
}


/* 2026-10-30 · El Jardinet · centrar verticalmente "CÓMO LLEGAR" en escritorio */
@media (min-width: 768px) {
  .jd-page .jd-info-map,
  .jd-page .sl-local-info-map {
    align-self: stretch;
    display: flex;
    align-items: center;
  }
}