/* Resumen de precio de la ficha de producto: que lleva, cuanto suma y cuanto
   se ahorra.
   Ojo con los selectores: icf-single.css fuerza Bebas Neue con !important sobre
   [class*="wapf"] [class*="price"], asi que aqui hace falta el mismo peso o mas
   para que toda la caja use una sola tipografia. */

.icf-v2 .icf-product-page .gcto,
.gcto{margin:18px 0 6px;font-family:'Bricolage Grotesque',sans-serif}

.icf-v2 .icf-product-page .gcto .gcto__caja,
.gcto .gcto__caja{
	background:#f5f5f6;border-radius:18px;padding:16px 18px 18px;
	display:flex;flex-direction:column;gap:10px}

/* ------------------------------------------------------------- desglose */
.icf-v2 .icf-product-page .gcto .gcto__desglose{display:flex;flex-direction:column;gap:8px}
.icf-v2 .icf-product-page .gcto .gcto__linea{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.icf-v2 .icf-product-page .gcto .gcto__linea > span:first-child{
	font:500 12.5px/1.3 'Bricolage Grotesque',sans-serif !important;color:#6d6d74 !important;
	letter-spacing:0 !important;text-transform:none !important}
.icf-v2 .icf-product-page .gcto .gcto__linea .wapf-total{
	font:600 13px/1.3 'Bricolage Grotesque',sans-serif !important;color:#3f3f46 !important;
	letter-spacing:0 !important;white-space:nowrap;font-variant-numeric:tabular-nums}
.icf-v2 .icf-product-page .gcto .gcto__linea[hidden]{display:none}

/* ------------------------------------------- personalizacion, linea a linea */
.icf-v2 .icf-product-page .gcto .gcto__pers[hidden]{display:none}
.icf-v2 .icf-product-page .gcto .gcto__pers{display:flex;flex-direction:column;gap:6px}
.icf-v2 .icf-product-page .gcto .gcto__items{
	list-style:none;margin:0;padding:0 0 0 12px;display:flex;flex-direction:column;gap:5px;
	border-left:2px solid #e4e4e8}
.icf-v2 .icf-product-page .gcto .gcto__items li{
	display:flex;align-items:baseline;gap:8px;justify-content:space-between}
.icf-v2 .icf-product-page .gcto .gcto__it-n{
	font:500 11.5px/1.3 'Bricolage Grotesque',sans-serif !important;color:#8a8a90 !important;
	flex:0 0 auto;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icf-v2 .icf-product-page .gcto .gcto__it-v{
	font:700 11.5px/1.3 'Bricolage Grotesque',sans-serif !important;color:#0a0a0b !important;
	flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.icf-v2 .icf-product-page .gcto .gcto__it-p{
	font:600 11.5px/1.3 'Bricolage Grotesque',sans-serif !important;color:#6d6d74 !important;
	flex:0 0 auto;white-space:nowrap;font-variant-numeric:tabular-nums}

/* -------------------------------------------------------- total y ahorro */
.icf-v2 .icf-product-page .gcto .gcto__total{
	display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;
	border-top:1.5px solid #e4e4e8;padding-top:11px}
.icf-v2 .icf-product-page .gcto .gcto__izq{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.icf-v2 .icf-product-page .gcto .gcto__lab{
	font:700 10.5px/1 'Bricolage Grotesque',sans-serif !important;letter-spacing:.12em !important;
	text-transform:uppercase !important;color:#8a8a90 !important}
.icf-v2 .icf-product-page .gcto .gcto__nums{display:flex;align-items:baseline;gap:9px;margin-left:auto}
.icf-v2 .icf-product-page .gcto .gcto__nums .gcto__antes{
	font:500 13px/1 'Bricolage Grotesque',sans-serif !important;color:#a8a8b0 !important;
	text-decoration:line-through;white-space:nowrap;font-variant-numeric:tabular-nums}
.icf-v2 .icf-product-page .gcto .gcto__antes[hidden]{display:none}
.icf-v2 .icf-product-page .gcto .gcto__total .wapf-grand-total{
	font:800 clamp(22px,5.4vw,28px)/1 'Bricolage Grotesque',sans-serif !important;
	color:#0a0a0b !important;letter-spacing:-.02em !important;white-space:nowrap;
	font-variant-numeric:tabular-nums}

.icf-v2 .icf-product-page .gcto .gcto__ahorro{
	display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
	background:#e4f3ea;border-radius:999px;padding:7px 13px;
	font:700 12px/1 'Bricolage Grotesque',sans-serif !important;color:#0f7a43 !important;
	letter-spacing:0 !important;text-transform:none !important}
.icf-v2 .icf-product-page .gcto .gcto__ahorro[hidden]{display:none}
.icf-v2 .icf-product-page .gcto .gcto__ahorro b{
	font:800 12px/1 'Bricolage Grotesque',sans-serif !important;color:#0f7a43 !important;
	font-variant-numeric:tabular-nums}

/* Se apaga el maquetado propio del plugin por si algun estilo suyo se cuela. */
.icf-v2 .icf-product-page .gcto .wapf--inner{display:none !important}
.icf-v2 .icf-product-page .gcto .wapf-total{background:none !important;padding:0 !important;margin:0 !important}

/* Precio de tarifa y precio rebajado, uno al lado del otro. */
.icf-v2 .icf-product-page .gcto .gcto__par{display:inline-flex;align-items:baseline;gap:7px}
.icf-v2 .icf-product-page .gcto .gcto__tarifa{
	font:500 12px/1.3 'Bricolage Grotesque',sans-serif !important;color:#a8a8b0 !important;
	text-decoration:line-through;white-space:nowrap;font-variant-numeric:tabular-nums}
.icf-v2 .icf-product-page .gcto .gcto__tarifa[hidden]{display:none}