/* Tienda, categorías y tarjetas de producto (también las de "relacionados" en la ficha). */

/* Banner de título / categoría */
.clf-banner{position:relative;isolation:isolate;overflow:hidden;margin-bottom:24px!important;padding:clamp(24px,5vw,56px);border-radius:24px;background:linear-gradient(135deg,var(--clf-azul-profundo),#1B2F52);box-shadow:var(--clf-sombra)}
.clf-banner__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.35}
.clf-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(19,35,91,.9),rgba(19,35,91,.35) 70%,transparent)}
.clf-banner__titulo{margin:0 0 .35em;max-width:18ch;text-shadow:0 2px 12px rgba(5,10,32,.5)}
.clf-banner__texto{max-width:62ch;color:#fff;margin:0}
.clf-banner__texto p{margin:0}

/* Chips de categoría y barra de orden */
.clf-chips{display:flex;flex-wrap:nowrap;gap:10px;max-width:1280px;margin:0 auto 18px;padding:2px 2px 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.clf-chips::-webkit-scrollbar{display:none}
.clf-chip{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--clf-azul-profundo);color:#fff;font:600 .95rem/1 var(--wp--preset--font-family--titulos);text-decoration:none;box-shadow:0 3px 0 rgba(5,10,32,.55);transition:transform .15s}
.clf-chip:hover{color:#fff;transform:translateY(-2px)}
.clf-chip.is-activo{background:var(--clf-amarillo);color:var(--clf-azul-profundo);box-shadow:0 3px 0 #C49F00}
.clf-barra{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:16px!important;color:#fff}
.clf-barra>*{margin:0!important}
.clf-barra select{min-height:44px;padding:0 14px;border:2px solid rgba(255,255,255,.35);border-radius:12px;background:var(--clf-azul-profundo);color:#fff;font:inherit}

/* Rejilla: 2 columnas en móvil, 3 en tablet, 4 en escritorio */
.clf-grid .wc-block-product-template{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:0;margin:0;list-style:none;perspective:1200px}
@media (min-width:768px){.clf-grid .wc-block-product-template{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}}
@media (min-width:1100px){.clf-grid .wc-block-product-template{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}}

/* Tarjeta con profundidad: sombra base en capas; la sombra alta va en ::after y solo cambia su opacidad. */
.wc-block-product{position:relative;display:flex;flex-direction:column;margin:0!important;border-radius:var(--clf-radio);background:linear-gradient(180deg,#fff,var(--clf-crema));color:var(--clf-tinta);box-shadow:var(--clf-sombra);
	transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .55s ease-out;will-change:transform}
.wc-block-product::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:var(--clf-sombra-alta);opacity:0;transition:opacity .3s;pointer-events:none}
.wc-block-product.is-tilt{--ty:-6px;transition-duration:.12s,.55s}
.wc-block-product.is-tilt::after,.wc-block-product:focus-within::after{opacity:1}
.wc-block-product .wc-block-components-product-image{position:relative;margin:0;overflow:hidden;border-radius:var(--clf-radio) var(--clf-radio) 0 0;aspect-ratio:3/4;background:#E9ECF3}
.wc-block-product .wc-block-components-product-image a{display:block;height:100%}
.wc-block-product .wc-block-components-product-image img{display:block;width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s ease-out}
.wc-block-product:hover .wc-block-components-product-image img{transform:scale(1.05)}
.clf-card__titulo{margin:14px 14px 4px!important;font:600 1.05rem/1.3 var(--wp--preset--font-family--titulos)!important;color:var(--clf-tinta)}
.clf-card__titulo a{color:var(--clf-tinta);text-decoration:none}
.clf-card__titulo a:hover{text-decoration:underline;text-decoration-color:var(--clf-amarillo);text-decoration-thickness:3px;text-underline-offset:4px}
.wc-block-product .wp-block-woocommerce-product-price{margin:0 14px 12px!important;color:var(--clf-tinta);font-weight:700;font-size:1.05rem}
.wc-block-product .wc-block-components-product-price{color:var(--clf-tinta)}
.clf-price-unit{font-size:.8em;font-weight:400;color:var(--clf-suave)}
.clf-pedir{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(100% - 28px);min-height:46px;margin:auto 14px 14px!important;border-radius:999px;background:var(--clf-amarillo);color:var(--clf-azul-profundo)!important;font:700 .95rem/1 var(--wp--preset--font-family--titulos);text-decoration:none!important;box-shadow:0 3px 0 #C49F00;transition:transform .15s}
.clf-pedir:hover{transform:translateY(-2px)}
.clf-pedir:active{transform:translateY(2px)}
.clf-grid .wp-block-query-pagination{margin-top:32px;gap:8px;color:#fff}
.clf-grid .wp-block-query-pagination a,.clf-grid .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border-radius:999px;color:#fff}
.clf-grid .page-numbers.current{background:var(--clf-amarillo);color:var(--clf-azul-profundo);font-weight:700}
.clf-relacionados>h2{margin:48px 0 20px}
@media (hover:none),(pointer:coarse){.wc-block-product:hover .wc-block-components-product-image img{transform:none}}