/* Carnes La Favorita: base global (tokens, botones, cabecera, pie). Solo se anima transform y opacity. */
:root{
	--clf-azul:#21395C;--clf-azul-profundo:#13235B;--clf-amarillo:#FED01B;--clf-rojo:#E20919;--clf-whatsapp:#188842;
	--clf-crema:#FBF7EE;--clf-blanco:#fff;--clf-tinta:#13235B;--clf-suave:#4A5878;--clf-linea:#D5DBE7;
	--clf-radio:18px;--clf-foco:#FED01B;--clf-alto-header:68px;
	--clf-sombra:0 1px 2px rgba(5,10,32,.3),0 4px 10px rgba(5,10,32,.22),0 12px 24px rgba(5,10,32,.2);
	--clf-sombra-alta:0 2px 4px rgba(5,10,32,.28),0 10px 20px rgba(5,10,32,.28),0 28px 52px rgba(5,10,32,.38);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:radial-gradient(1100px 520px at 88% -8%,rgba(254,208,27,.07),transparent 70%),radial-gradient(900px 600px at -10% 30%,rgba(19,35,91,.7),transparent 70%),var(--clf-azul);background-attachment:scroll;overflow-x:clip}
img,video{max-width:100%;height:auto}
.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px;word-wrap:normal}
:focus-visible{outline:3px solid var(--clf-foco);outline-offset:3px;border-radius:4px}
.clf-header,.clf-compra,.clf-superficie,.wc-block-product{--clf-foco:#13235B}
.clf-main,.wp-site-blocks>main{padding-inline:16px;padding-top:clamp(20px,4vw,40px)}
.wp-site-blocks>*+*{margin-block-start:0}
.wp-site-blocks main{min-height:50vh}

/* Botones (WooCommerce y bloques): amarillo con relieve. El borde inferior da el "3D" y no se anima. */
.wp-element-button,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.single_add_to_cart_button,#place_order,.checkout-button,.wc-block-components-button:not(.is-link){
	box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.8em 1.6em;border:0;border-radius:999px;
	background:var(--clf-amarillo);color:var(--clf-azul-profundo);font:700 1rem/1.2 var(--wp--preset--font-family--titulos);text-decoration:none;text-align:center;cursor:pointer;
	box-shadow:0 4px 0 #C49F00,0 10px 18px rgba(5,10,32,.3);transition:transform .15s ease-out;
}
.wp-element-button:hover,.wp-block-button__link:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.single_add_to_cart_button:hover,#place_order:hover,.checkout-button:hover{background:var(--clf-amarillo);color:var(--clf-azul-profundo);transform:translateY(-2px)}
.wp-element-button:active,.wp-block-button__link:active,.woocommerce a.button:active,.woocommerce button.button:active,.single_add_to_cart_button:active,#place_order:active,.checkout-button:active{transform:translateY(3px);box-shadow:0 1px 0 #C49F00,0 4px 8px rgba(5,10,32,.3)}
.woocommerce button.button:disabled,.woocommerce button.button.disabled,.single_add_to_cart_button.disabled{opacity:.6;cursor:not-allowed}

/* Insignias: "Destacado" (amarillo) y "Oferta" (rojo, solo si hay precio de oferta). */
.clf-badge,.wc-block-components-product-sale-badge{position:absolute;top:10px;left:10px;z-index:2;padding:.3em .8em;border-radius:999px;font:700 .75rem/1.2 var(--wp--preset--font-family--titulos);letter-spacing:.02em;text-transform:uppercase;box-shadow:0 2px 6px rgba(5,10,32,.3)}
.clf-badge--destacado{background:var(--clf-amarillo);color:var(--clf-azul-profundo)}
.wc-block-components-product-sale-badge{left:auto;right:10px;background:var(--clf-rojo);color:#fff;border:0}

/* Cabecera: barra blanca fija. El blur (único backdrop-filter del sitio) solo está aquí. */
.wp-site-blocks>header{position:sticky;top:0;z-index:100}
.clf-header{position:relative;background:rgba(255,255,255,.96);color:var(--clf-tinta)}
@supports (backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px)){.clf-header{background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4)}}
.clf-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;box-shadow:0 6px 22px rgba(5,10,32,.4);opacity:0;transition:opacity .25s;pointer-events:none}
.clf-header.is-scrolled::after{opacity:1}
.clf-header__barra{display:flex!important;align-items:center;gap:12px;max-width:1280px;margin:0 auto;padding:8px 16px;min-height:var(--clf-alto-header)}
.clf-header__barra>*{margin-block:0!important}
.clf-logo{display:block;flex:none;line-height:0;border-radius:6px}
.clf-logo img{height:48px;width:auto;display:block}
.clf-nav{margin-inline:auto}
.clf-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.clf-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;color:var(--clf-tinta);font:600 .95rem/1 var(--wp--preset--font-family--titulos);text-decoration:none;transition:transform .15s}
.clf-nav a:hover{background:#EDF0F6}
.clf-nav a[aria-current=page]{background:var(--clf-azul-profundo);color:#fff}
.clf-header__acciones{display:flex!important;align-items:center;gap:10px;margin-left:auto!important}
.clf-carrito{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:999px;color:var(--clf-tinta);transition:transform .15s}
.clf-carrito:hover{background:#EDF0F6;color:var(--clf-tinta)}
.clf-carrito:active{transform:scale(.94)}
.clf-carrito:focus-visible{border-radius:999px}
.clf-carrito__n{position:absolute;top:0;right:-2px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:var(--clf-amarillo);color:var(--clf-azul-profundo);font:700 .75rem/20px var(--wp--preset--font-family--titulos);text-align:center;box-shadow:0 1px 3px rgba(5,10,32,.35)}
.clf-wa-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--clf-whatsapp);color:#fff;font:700 .9rem/1 var(--wp--preset--font-family--titulos);text-decoration:none;box-shadow:0 3px 0 #0E5A2A,0 8px 14px rgba(24,136,66,.3);transition:transform .15s}
.clf-wa-btn:hover{color:#fff;transform:translateY(-2px)}
.clf-wa-btn:active{transform:translateY(2px)}
.clf-burger{display:none;position:relative;width:44px;height:44px;border:0;border-radius:12px;background:#EDF0F6;cursor:pointer}
.clf-burger__barras,.clf-burger__barras::before,.clf-burger__barras::after{position:absolute;left:12px;width:20px;height:2px;border-radius:2px;background:var(--clf-tinta);content:""}
.clf-burger__barras{top:21px}.clf-burger__barras::before{left:0;top:-6px}.clf-burger__barras::after{left:0;top:6px}
.clf-burger[aria-expanded=true] .clf-burger__barras{background:transparent}
.clf-burger[aria-expanded=true] .clf-burger__barras::before{top:0;transform:rotate(45deg)}
.clf-burger[aria-expanded=true] .clf-burger__barras::after{top:0;transform:rotate(-45deg)}
.clf-centinela{position:absolute;top:0;left:0;width:1px;height:8px;pointer-events:none}
@media (max-width:899px){
	.clf-logo img{height:40px}
	.clf-burger{display:block}
	.clf-nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:8px 16px 18px;background:#fff;box-shadow:0 18px 30px rgba(5,10,32,.35)}
	.clf-nav.is-open{display:block;animation:clf-baja .2s ease-out}
	.clf-nav ul{flex-direction:column;gap:2px}
	.clf-nav a{width:100%;min-height:48px;font-size:1.05rem}
}
@media (max-width:479px){.clf-wa-btn__txt{display:none}.clf-wa-btn{width:44px;padding:0;justify-content:center}.clf-header__barra{gap:8px;padding-inline:12px}}
/* Con 7 opciones de menú, entre 900 y 1099 px se compacta el menú para que no desborde. */
@media (min-width:900px) and (max-width:1099px){.clf-nav a{padding:0 10px;font-size:.88rem}.clf-nav ul{gap:2px}}
@keyframes clf-baja{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* Pie de página */
.clf-footer{margin-top:clamp(56px,9vw,110px);background:var(--clf-azul-profundo);color:#fff;--clf-foco:#FED01B}
.clf-footer__grid{display:grid!important;gap:32px;max-width:1280px;margin:0 auto;padding:clamp(36px,6vw,64px) 16px 24px}
@media (min-width:768px){.clf-footer__grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr}}
.clf-footer__titulo{margin:0 0 12px;font:700 1rem/1.3 var(--wp--preset--font-family--titulos);letter-spacing:.04em;text-transform:uppercase;color:var(--clf-amarillo)}
.clf-chapa{display:inline-block;padding:10px 16px;border-radius:18px;background:#fff;box-shadow:0 2px 0 #C9D0DF,0 12px 24px rgba(0,0,0,.3);line-height:0}
.clf-chapa img{width:150px;height:auto}
.clf-footer__dir{margin-top:16px;font-style:normal;color:#E6EAF3}
.clf-footer a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.clf-footer a:hover{color:var(--clf-amarillo)}
.clf-footer__lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.clf-footer__enlace{display:inline-flex;align-items:center;gap:10px;min-height:32px}
.clf-footer__legal{margin-top:14px;font-size:.9rem}
.clf-footer .clf-horario,.clf-footer .clf-horario span{color:#E6EAF3}
.clf-footer__copy{margin:0;padding:18px 16px 26px;max-width:1280px;margin-inline:auto;border-top:1px solid rgba(255,255,255,.18);font-size:.875rem;color:#D5DCEA}

/* Revelado al hacer scroll: solo si hay JS y sin "reducir movimiento". Sin JS o pasados 3 s todo es visible. */
.clf-js:not(.clf-listo) :is(.wc-block-product,.clf-banner,.clf-compra,.clf-relacionados>h2,.clf-footer__grid,.clf-cat,.clf-paso,.clf-contacto,.clf-sec__titulo):not(.is-visible){opacity:0;transform:translateY(20px)}
.clf-banner,.clf-compra,.clf-relacionados>h2,.clf-footer__grid,.clf-paso,.clf-contacto,.clf-sec__titulo{transition:opacity .55s ease-out,transform .55s ease-out}

@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{animation:none!important;transition:none!important}
	.clf-js:not(.clf-listo) :is(.wc-block-product,.clf-banner,.clf-compra,.clf-relacionados>h2,.clf-footer__grid,.clf-cat,.clf-paso,.clf-contacto,.clf-sec__titulo):not(.is-visible){opacity:1!important;transform:none!important}
}

/* Botón flotante de WhatsApp: solo móvil (≤768 px); aparece tras ~400 px de scroll; se oculta sobre el botón "Agregar al pedido". */
.clf-wa-flotante{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:90;display:none;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--clf-whatsapp);color:#fff;box-shadow:0 4px 0 #0E5A2A,0 12px 22px rgba(5,10,32,.4);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility 0s .25s}
.clf-wa-flotante.is-visible:not(.is-oculto){opacity:1;visibility:visible;transform:none;transition-delay:0s}
.clf-wa-flotante:hover{color:#fff}
@media (max-width:768px){.clf-wa-flotante{display:flex}}

/* Transición suave entre páginas (mejora progresiva): solo opacidad; la cabecera no se mueve. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}
.wp-site-blocks>header{view-transition-name:clf-header}
::view-transition-group(clf-header){animation:none}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}