/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@font-face {
	font-family: 'FontAwesome';
	src: url(../mod_css/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0);
	src: url('../mod_css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url(../mod_css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(../mod_css/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(../mod_css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url('../mod_css/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	}

@font-face {
	font-family: Material-Design-Iconic-Font;
	src: url(../mod_css/font-material/fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format('woff2'), url(../mod_css/font-material/fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format('woff'), url(../mod_css/font-material/fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format('truetype');
	font-display: swap;
	}

@font-face {
	font-family: Material Icons;
	font-style: normal;
	font-weight: 400;
	src: url(../css/MaterialIcons-Regular.eot);
	src: local("Material Icons"), local("MaterialIcons-Regular"), url(../css/MaterialIcons-Regular.woff2) format("woff2"), url(../css/MaterialIcons-Regular.woff) format("woff"), url(../css/MaterialIcons-Regular.ttf) format("truetype");
	font-display: swap;
	}

.placeholder_rating {
	height: 20px; /* Ajusta este valor según el tamaño del bloque de rating */
	width: 100%; /* O el ancho adecuado del contenedor */
	background-color: transparent; /* O color de fondo, si lo deseas */
	}

/* ============================================================
   BFP PDP — Semana 1 Quick Wins
   ============================================================ */

/* ---- Stock urgency ---- */
.bfp-stock-urgency {
	display: flex;
	align-items: center;
	gap: 7px;
	background: #fff8f0;
	border: 1px solid #f0a000;
	border-radius: 6px;
	padding: 7px 12px;
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 600;
	color: #c07000;
	}

.bfp-stock-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f0a000;
	flex-shrink: 0;
	animation: bfp-pulse 1.4s ease-in-out infinite;
	}

@keyframes bfp-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%       { opacity: .5; transform: scale(1.3); }
	}

/* ---- Qty stepper ---- */
.bfp-qty-stepper {
	display: inline-flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
	height: 38px;
	margin-top: 4px;
	}

.bfp-qty-btn {
	background: #f5f5f5;
	border: none;
	width: 34px;
	height: 100%;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	color: #333;
	transition: background .15s;
	flex-shrink: 0;
	padding: 0;
	}

.bfp-qty-btn:hover:not(:disabled) { background: #e0e0e0; }
.bfp-qty-btn:disabled { color: #bbb; cursor: default; }

.bfp-qty-val {
	width: 46px;
	border: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	height: 100%;
	padding: 0;
	-moz-appearance: textfield;
	color: #212121;
	}

.bfp-qty-val::-webkit-inner-spin-button,
.bfp-qty-val::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* ---- ATC row (dos botones juntos) ---- */
.bfp-add-row {
	display: flex !important;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center;
	}

/* ---- Comprar ahora ---- */
.bfp-btn-buy-now {
	background: #b33a3a;
	color: #fff !important;
	border: none;
	border-radius: 4px;
	padding: 0 18px;
	height: 46px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .3px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: background .2s;
	white-space: nowrap;
	}

.bfp-btn-buy-now:hover { background: #922e2e; }
.bfp-btn-buy-now .zmdi { font-size: 16px; }

/* ---- Trust badges ---- */
.bfp-trust-row {
	display: flex;
	gap: 0;
	margin: 14px 0 10px;
	padding: 10px 0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	}

.bfp-trust-item {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 0 8px;
	border-right: 1px solid #ebebeb;
	}

.bfp-trust-item:first-child { padding-left: 0; }
.bfp-trust-item:last-child  { border-right: none; }

.bfp-trust-item .material-icons {
	font-size: 22px;
	color: #b33a3a;
	flex-shrink: 0;
	}

.bfp-trust-text {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
	}

.bfp-trust-text strong {
	font-size: 12px;
	font-weight: 700;
	color: #212121;
	}

.bfp-trust-text span {
	font-size: 11px;
	color: #777;
	}

/* ---- Medios de pago ---- */
.bfp-payment-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 8px;
	}

.bfp-pay-label {
	font-size: 12px;
	color: #777;
	margin-right: 2px;
	}

.bfp-pay-badge {
	display: inline-block;
	padding: 3px 9px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 600;
	color: #444;
	background: #fafafa;
	}

/* ---- Mini-cart: layout flex estable (imagen izquierda, texto derecha) ---- */
#cart_block_top .cart_top_ajax .cart-item-product {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
#cart_block_top .cart_top_ajax .cart-item-product-left {
	flex: 0 0 80px;
	width: 80px;
	overflow: hidden;
	margin-right: 0;
}
#cart_block_top .cart_top_ajax .cart-item-product-left img {
	width: 100%;
	height: auto;
	display: block;
}
#cart_block_top .cart_top_ajax .cart-item-product-right {
	flex: 1;
	min-width: 0;
	float: none;
}
#cart_block_top .cart_top_ajax .product-name-ajax a {
	max-width: 100%;
	white-space: normal;
}
#cart_block_top .cart_top_ajax .remove-from-cart {
	position: absolute;
	top: 8px;
	right: 8px;
}

/* ---- Mobile ---- */
@media (max-width: 767px) {
	.bfp-trust-item { gap: 5px; padding: 0 5px; }
	.bfp-trust-text strong { font-size: 11px; }
	.bfp-trust-text span { display: none; }
	.bfp-btn-buy-now { flex: 1; justify-content: center; }
	.product-add-to-cart .btn.add-to-cart { flex: 1; }
	.bfp-add-row { flex-wrap: nowrap; }
	}

/* BFP — mini-cart layout (movido desde modules/ps_shoppingcart/ps_shoppingcart.tpl para sacar el CSS de Smarty; el {literal} se perdía al re-compilar por pagecache → error de compilación) */
#cart_block_top .cart_top_ajax .cart-item-product{display:flex!important;align-items:flex-start;gap:10px}
#cart_block_top .cart_top_ajax .cart-item-product-left{flex:0 0 80px!important;width:80px!important;overflow:hidden;margin-right:0;line-height:0;border:1px solid #ebebeb;padding:0;position:relative}
#cart_block_top .cart_top_ajax .cart-item-product-left img{width:100%!important;height:auto!important;display:block!important}
#cart_block_top .cart_top_ajax .cart-item-product-right{flex:1!important;min-width:0;float:none!important}
#cart_block_top .product-name-ajax a{max-width:100%!important;float:none!important;display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}