/* Reclamo plegable del pack, botones de talla y boton de comprar.
   Todo con el mismo lenguaje que "Finalizar compra": negro, pildora,
   Bricolage Grotesque en 700. */


/* --------- reclamo del pack: cromado, debajo de la disponibilidad -------- */
/* El filo que corre es el mismo recurso que ya usan el boton de comprar, la
   chapa del descuento y las tarjetas de las paginas de informacion. */
.icf-v2 .gcpk__cta{
	position:relative;isolation:isolate;
	display:flex;flex-direction:column;gap:9px;width:100%;text-align:left;
	background:linear-gradient(180deg,#ffffff 0%,#f2f3f5 100%);
	border:0;border-radius:16px;padding:13px 15px;margin:0;cursor:pointer;
	font-family:'Bricolage Grotesque',sans-serif;
	box-shadow:0 2px 10px rgba(28,37,49,.07);
	transition:box-shadow .2s ease,transform .2s ease}
.icf-v2 .gcpk__cta::before{
	content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
	background:var(--gcpk-crom);background-size:230% 100%;
	-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
	mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;mask-composite:exclude;
	animation:gcpkCorre 9s linear infinite}
.icf-v2 .gcpk__cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(28,37,49,.12)}
.icf-v2 .gcpk__cta:focus-visible{outline:2px solid #0a0a0b;outline-offset:3px}

.icf-v2 .gcpk__cta-fila{display:flex;align-items:center;gap:9px}
.icf-v2 .gcpk__cta-tag{
	position:relative;flex:0 0 auto;display:inline-flex;align-items:center;
	border-radius:999px;padding:5px 11px;background:#0a0a0b;color:#fff;
	font:800 9.5px/1 'Bricolage Grotesque',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.icf-v2 .gcpk__cta-tag::before{
	content:'';position:absolute;inset:0;border-radius:999px;padding:1.4px;pointer-events:none;
	background:var(--gcpk-crom);background-size:230% 100%;
	-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
	mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;mask-composite:exclude;
	animation:gcpkCorre 6s linear infinite}
.icf-v2 .gcpk__cta-tit{
	flex:1 1 auto;min-width:0;color:#0a0a0b;letter-spacing:-.01em;
	font:700 clamp(13.5px,3.2vw,15px)/1.25 'Bricolage Grotesque',sans-serif}
.icf-v2 .gcpk__cta-flecha{
	flex:0 0 auto;width:9px;height:9px;
	border-right:2.2px solid #5f6b7a;border-bottom:2.2px solid #5f6b7a;
	transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s ease}
.icf-v2 .gcpk.is-abierto .gcpk__cta-flecha{transform:rotate(225deg) translate(-2px,-2px)}

.icf-v2 .gcpk__cta-esc{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.icf-v2 .gcpk__cta-paso{
	display:inline-flex;align-items:baseline;gap:5px;border-radius:8px;
	background:#fff;border:1px solid #e0e3e7;padding:5px 8px;
	box-shadow:0 1px 2px rgba(28,37,49,.05)}
.icf-v2 .gcpk__cta-paso i{
	font:600 10px/1 'Bricolage Grotesque',sans-serif;color:#7c8695;font-style:normal}
.icf-v2 .gcpk__cta-paso b{
	font:800 11.5px/1 'Bricolage Grotesque',sans-serif;color:#0f7a43;
	font-variant-numeric:tabular-nums}
.icf-v2 .gcpk__cta-abrir{
	margin-left:auto;color:#3c4b60;text-decoration:underline;text-underline-offset:3px;
	font:700 11px/1 'Bricolage Grotesque',sans-serif}

/* Abierto, el cuerpo cuelga del reclamo: se despliega donde esta el titulo. */
.icf-v2 .gcpk.is-abierto .gcpk__cta{border-radius:16px 16px 0 0}
.icf-v2 .gcpk.is-abierto .gcpk__cta:hover{transform:none;box-shadow:0 2px 10px rgba(28,37,49,.07)}
.icf-v2 .gcpk__cuerpo{
	background:#f5f5f6;border:1.5px solid #dcdee2;border-top:0;
	border-radius:0 0 16px 16px;padding:14px 15px 16px}
@media (min-width:768px){.icf-v2 .gcpk__cuerpo{padding:16px 18px 18px}}

/* Un latido para que se fije quien lo tiene plegado. */
.icf-v2 .gcpk__cta.is-latido{animation:gcpkLatido 1.5s ease 3}
@keyframes gcpkLatido{
	0%,100%{transform:none;box-shadow:0 2px 10px rgba(28,37,49,.07)}
	50%{transform:scale(1.012);box-shadow:0 10px 24px rgba(28,37,49,.18)}
}
@media (prefers-reduced-motion:reduce){
	.icf-v2 .gcpk__cta.is-latido{animation:none}
	.icf-v2 .gcpk__cta::before,.icf-v2 .gcpk__cta-tag::before{animation:none}
	.icf-v2 .gcpk__cta,.icf-v2 .gcpk__cta-flecha{transition:none}
	.icf-v2 .gcpk__cta:hover{transform:none}
}



/* --------------------------------- botones de talla (Variation Swatches) */
.icf-v2 .tawcvs-swatches{display:flex;flex-wrap:wrap;gap:8px}
.icf-v2 .tawcvs-swatches .swatch{
	width:auto !important;height:auto !important;
	min-width:52px;padding:11px 14px;
	border:1.5px solid #e2e2e7 !important;border-radius:10px !important;
	background:#fff !important;color:#0a0a0b !important;
	font:700 13px/1 'Bricolage Grotesque',sans-serif !important;
	display:flex;align-items:center;justify-content:center;
	box-shadow:none !important;transition:border-color .16s ease,background .16s ease
}
.icf-v2 .tawcvs-swatches .swatch:hover{border-color:#c9ccd2 !important}
.icf-v2 .tawcvs-swatches .swatch.selected{
	border-color:#0a0a0b !important;background:#0a0a0b !important;color:#fff !important
}
.icf-v2 .tawcvs-swatches .swatch.disabled,
.icf-v2 .tawcvs-swatches .swatch.swatch-disabled{
	opacity:.35;text-decoration:line-through;cursor:not-allowed
}

/* -------------------------------------- boton de anadir al carrito */
.icf-v2 .single_add_to_cart_button,
.icf-v2 button.single_add_to_cart_button,
.icf-v2 .icf-product-cta{
	background:#0a0a0b !important;color:#fff !important;
	border:0 !important;border-radius:999px !important;
	min-height:54px;padding:0 28px !important;width:100%;
	font-family:'Bricolage Grotesque',sans-serif !important;
	font-weight:700 !important;font-size:15.5px !important;
	letter-spacing:.05em !important;text-transform:uppercase !important;
	line-height:1 !important;box-shadow:none !important;
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	transition:opacity .18s ease
}
.icf-v2 .single_add_to_cart_button:hover:not(.disabled){opacity:.88}
.icf-v2 .single_add_to_cart_button.disabled,
.icf-v2 .single_add_to_cart_button:disabled{opacity:.4;cursor:not-allowed}
.icf-v2 .single_add_to_cart_button:focus-visible{outline:2px solid #0a0a0b;outline-offset:3px}


/* --- Refuerzos de especificidad ---------------------------------------
   icf-single.css usa .icf-product-page button.single_add_to_cart_button
   .icf-product-cta (4 clases) con !important, y el plugin de swatches usa
   .woocommerce div.product .cart.variations_form .tawcvs-swatches .swatch.
   Hay que igualar o superar para no depender solo del orden. */
.icf-v2 .icf-product-page button.single_add_to_cart_button.icf-product-cta,
.icf-v2 button.single_add_to_cart_button.icf-product-cta{
	background:#0a0a0b !important;color:#fff !important;
	border:0 !important;border-radius:999px !important;
	font-family:'Bricolage Grotesque',sans-serif !important;
	font-weight:700 !important;font-size:15.5px !important;
	letter-spacing:.05em !important;text-transform:uppercase !important;
	min-height:54px;padding:0 28px !important
}

.woocommerce div.product .cart.variations_form .tawcvs-swatches .swatch,
.icf-v2 .tawcvs-swatches .swatch{
	width:auto !important;height:auto !important;min-width:52px !important;
	padding:11px 14px !important;border-radius:10px !important;
	border:1.5px solid #e2e2e7 !important;background:#fff !important;
	color:#0a0a0b !important;font:700 13px/1 'Bricolage Grotesque',sans-serif !important;
	display:flex !important;align-items:center;justify-content:center;
	box-shadow:none !important;text-indent:0 !important
}
.woocommerce div.product .cart.variations_form .tawcvs-swatches .swatch.selected,
.icf-v2 .tawcvs-swatches .swatch.selected{
	border-color:#0a0a0b !important;background:#0a0a0b !important;color:#fff !important
}


/* El [hidden] del navegador es display:none sin clase, asi que cualquier
   regla de clase con display lo pisa. Con .gcpkm__ops--img{display:grid} los
   grupos seguian viendose aunque el JavaScript los marcase como ocultos. */
.gcpkm__ops[hidden],
.gcpkm__ops--img[hidden]{display:none !important}