/* Caluso Home — base */
html{scroll-behavior:smooth}
body{margin:0;font-family:Montserrat,Helvetica,sans-serif;color:#141414;background:#FAF8F4;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#141414;text-decoration:none}
@media (hover:hover){.ch-d a:hover{color:#8A6414}}
button{font-family:inherit}
[hidden]{display:none!important}

/* Escritorio / celular: dos acomodos del mismo contenido */
.ch-m{display:none}
@media (max-width:1023px){.ch-d{display:none}.ch-m{display:block}}
.ch-root{max-width:100%}
.ch-d .ch-root{min-width:1024px}

/* Protección de imágenes y videos */
img,video{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}
iframe{display:block}

/* Menú pantalla completa */
.ch-overlay{position:fixed;inset:0;z-index:100;background:#0B0B0B;overflow-y:auto;-webkit-overflow-scrolling:touch}
.ch-overlay a{color:#FAF8F4}
@media (hover:hover){.ch-overlay a:hover{color:#D9A53A}}
.ch-overlay .ch-d>div{min-height:100vh;box-sizing:border-box}
body.ch-lock{overflow:hidden}

/* Ventana para elegir sucursal de WhatsApp */
.ch-modal{position:fixed;inset:0;z-index:120;background:rgba(14,14,14,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.ch-modal-card{position:relative;background:#FAF8F4;border-radius:4px;max-width:440px;width:100%;padding:32px 28px 28px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.ch-modal-card h2{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:34px;line-height:1.08}
.ch-modal-card p{margin:0;font-size:16px;line-height:1.6;color:#4A4A4A}
.ch-modal-x{position:absolute;top:10px;right:12px;width:40px;height:40px;border:none;background:transparent;font-size:28px;line-height:1;color:#141414;cursor:pointer}
.ch-lbl{font-size:13px;font-weight:600;letter-spacing:.24em;color:#8A6414}
.ch-wa-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.ch-wa-opts a{display:flex;flex-direction:column;gap:4px;align-items:center;background:#0E0E0E;color:#FFFFFF;border-radius:4px;padding:18px 10px;text-align:center}
.ch-wa-opts a strong{font-size:18px}
.ch-wa-opts a span{font-size:14px;color:#D9A53A}
@media (hover:hover){.ch-wa-opts a:hover{background:#1F8F4E;color:#FFFFFF}}

/* Aviso de cookies */
.ch-cookies{position:fixed;left:72px;right:72px;bottom:32px;z-index:110;background:#0E0E0E;color:#FAF8F4;border-radius:4px;padding:24px 32px;display:flex;align-items:center;gap:24px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.ch-cookies svg{flex-shrink:0}
.ch-cookies p{margin:0;flex-grow:1;font-size:17px;line-height:1.55;color:#E6E6E6}
.ch-cookies p a{color:#D9A53A;font-weight:600;border-bottom:1px solid #D9A53A}
.ch-cookies-b{display:flex;gap:12px;flex-shrink:0}
.ch-cookies-b button{border:1px solid #5A5A5A;background:transparent;color:#FAF8F4;font-weight:600;font-size:15px;padding:14px 22px;border-radius:4px;cursor:pointer}
.ch-cookies-b button.ok{background:#D9A53A;border-color:#D9A53A;color:#141414;font-weight:700;padding:14px 26px}
@media (max-width:1023px){
	.ch-cookies{left:12px;right:12px;bottom:12px;padding:22px 20px;flex-wrap:wrap;gap:14px}
	.ch-cookies p{font-size:16px;flex-basis:calc(100% - 50px)}
	.ch-cookies-b{width:100%}
	.ch-cookies-b button{flex:1;padding:14px 8px}
}

/* Páginas genéricas y 404 */
.ch-plain{max-width:820px;margin:0 auto;padding:64px 20px}
.ch-plain h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:56px;line-height:1.05;margin:12px 0 16px}
.ch-btn{display:inline-block;background:#0E0E0E;color:#FFFFFF;font-weight:600;padding:16px 26px;border-radius:4px}

/* Ventanita de "¿Qué necesitas?" */
.ch-need .ch-modal-card{max-width:540px}
.ch-need-opts{display:flex;flex-direction:column;border-top:1px solid #E7E1D6;margin-top:4px}
.ch-need-opts a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #E7E1D6;color:#141414}
.ch-need-opts a span{display:flex;flex-direction:column;gap:3px}
.ch-need-opts strong{font-size:18px;font-weight:600}
.ch-need-opts small{font-size:15px;line-height:1.45;color:#5A5A5A}
.ch-need-opts em{font-style:normal;font-size:15px;font-weight:600;color:#8A6414;white-space:nowrap}
@media (hover:hover){.ch-need-opts a:hover strong{color:#8A6414}}
.ch-need-wa{display:block;text-align:center;margin-top:8px}
.ch-modal-card .ch-btn{color:#FFFFFF}
[data-need]{cursor:pointer}

/* Menú de computadora: el tamaño de letra se ajusta al ancho para que cada opción quepa en una línea */
#ch-menu .ch-d a[style*="font-size: 26px"]{font-size:clamp(17px,1.7vw,26px)!important}

/* Banner principal */
.ch-slide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
.ch-slide.ch-on{opacity:1;visibility:visible;z-index:1}
.ch-bar{position:relative;width:36px;height:20px;border:0;padding:0;background:none;cursor:pointer}
.ch-bar i{position:absolute;left:0;right:0;top:8px;height:4px;border-radius:999px;background:rgba(250,248,244,.35);overflow:hidden}
.ch-bar i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);background:#D9A53A;border-radius:999px}
@media (prefers-reduced-motion:reduce){.ch-slide{transition:none}}
.ch-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Franja "Promociones de temporada" */
.ch-band{position:absolute;top:0;left:0;right:0;z-index:2;background:#0E0E0E;border-bottom:2px solid #D9A53A;box-sizing:border-box;overflow:hidden;display:flex;align-items:center}
.ch-tk{display:flex;white-space:nowrap;animation:ch-tk 28s linear infinite;will-change:transform}
.ch-tk-run{display:flex;align-items:center;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.18em}
.ch-tk-run em{font-style:normal;color:#5E5E5E;margin:0 14px}
.ch-tk-dot,.ch-tk-g{color:#D9A53A}.ch-tk-w{color:#FAF8F4}
.ch-tk-dot b{display:inline-block;width:8px;height:8px;border-radius:999px;background:#D9A53A;margin-right:10px;vertical-align:middle;animation:ch-pulse 1.6s ease-out infinite}
@media (min-width:1024px){.ch-tk-run{font-size:13px}}
@keyframes ch-tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ch-pulse{0%{box-shadow:0 0 0 0 rgba(217,165,58,.7)}100%{box-shadow:0 0 0 9px rgba(217,165,58,0)}}
@media (prefers-reduced-motion:reduce){.ch-tk{animation:none;justify-content:center}.ch-tk-dot b{animation:none}}