/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.24.2.1732319793
Updated: 2024-11-23 00:56:33

*/

.woocommerce-order-received .et_pb_column_empty
{
	display: none !important;
}
@media (min-width: 612px) {
	.woocommerce-order-received .et_pb_wc_checkout_payment_info
	{
		width: 70vw;
	}
}

.filter-title
{
	border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

/*
 * cdp - barra lateral darle más anchura en escritorio
 */
@media (min-width: 981px) {

 .woocommerce.et_left_sidebar #main-content .container::before {
    left: 27% !important;
  }
  .woocommerce #left-area {
    width: 73% !important;
  }

  .woocommerce #sidebar {
    width: 27% !important;
  }
}

/*
 * cdp- imágenes con enlace encima de imagen de producto en el grid de productos
 */
/* Hacemos que el li sea relativo para poder posicionar */
ul.products li.product {
    position: relative;
}

/* Estilos del overlay */
.custom-offer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* no bloquea clics en el producto */
    z-index: 10;
}

/* Las imágenes clicables dentro sí reciben eventos */
.custom-offer-overlay a {
    pointer-events: auto;
    display: inline-block;
}

/* Posicionamos las imágenes en las esquinas */
.custom-offer-overlay a:first-child img,
.archive .custom-offer-overlay > img.overlay-left{
    position: absolute;
    top: 8px;
    left: 0px;
    /*max-width: calc(50% - 2px);*/
	max-width:100px;
}

.custom-offer-overlay a:last-child img,
.archive .custom-offer-overlay > img.overlay-right{
    position: absolute;
    top: 8px;
    right: 0px;
    /*max-width: calc(50% - 2px);*/
	max-width:100px;
}
.custom-overlay-on-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    pointer-events: none; /* No bloquea clics de la imagen */
}
/*
 * cdp - colocar encima de imagen en page product
 * */
.cdp-custom-overlay-on-image
{
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none; /* no bloquea clics en el producto */
	width: 48%;
}
.cdp-custom-overlay-on-image a {
    pointer-events: auto; /* Solo los enlaces pueden recibir clics */
}

.cdp-custom-overlay-on-image img {
    position: absolute;
    width: 50%;
    height: auto;
	max-width: 100px;
}

.cdp-custom-overlay-on-image .overlay-left {
    top: 10px;
    left: 0px;
}

.cdp-custom-overlay-on-image .overlay-right {
    top: 10px;
    right: 0px;
}
@media (max-width: 769px) {
	.cdp-custom-overlay-on-image
	{
		width: 100%;
	}
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
.woocommerce span.onsale, .woocommerce-page span.onsale {

  top: 130px !important;

}
.archive .woocommerce div.product div.images .woocommerce-product-gallery__trigger,
.archive .woocommerce span.onsale, .archive .woocommerce-page span.onsale {

  top: 250px !important;

}
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale,
.woocommerce span.onsale, .woocommerce-page span.onsale {
	/*left: 0 !important;*/
    /*width: 100%;*/
	background: #FF0F00 !important;
	font-weight: 700 !important;
    text-transform: uppercase;
}

/* cdp- invertir el orden del sidebar en responsive */
@media (max-width: 980px) {
  .woocommerce #content-area {
    display: flex;
    flex-direction: column;
  }
  .woocommerce #sidebar {
    order: 1;
  }
  .woocommerce #left-area {
    order: 2;
  }
}


/* *
 * cdp - cambiar estilo de avísame fuera de stock
 * */
.cwginstock-subscribe-form {
    border-radius: 0;
    border: none;
    box-shadow: 0 0 16px #0003 !important;
	margin: 40px 0;
}
.cwginstock-subscribe-form .panel {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.cwginstock-subscribe-form .panel-primary {
    border-color: transparent !important;
    border: 0px !important;
    border-radius: 0 !important;
    box-shadow: 0 0 32px 0 #0003;
}
.cwginstock-subscribe-form .panel-primary>.panel-heading
 {
    background: #E02B20 !important;
    border-color: #E02B20 !important;
    padding: 24px;
    border-radius: 0;
	border-bottom: 1px solid transparent;
}
.cwginstock-subscribe-form .panel-body {
    padding: 24px !important;
}
.cwginstock-subscribe-form .panel-body input {
    line-height: 16px !important;
    font-size: 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    outline: none;
    text-align: left !important;
	padding: .5rem 1rem;
}
.cwginstock-subscribe-form .panel-body input.cwgstock_button {
    font-size: 16px !important;
    padding: 10px 16px !important;
    background: #E02B20;
    transition: .25s;
    text-align: center !important;
	margin-top: 20px;
	cursor: pointer;
}
.cwginstock-subscribe-form .panel-body input.cwgstock_button:hover
{
    background: transparent !important;
    color: #000 !important;
    font-weight: 500 !important;
}
p.in-stock.stock
{
	display: none !important;
}

/* cdp - botones añadir carro */
li.product a.button,
.woocommerce div.product form.cart .button
{
	background: #E02B20;
  	color: #fff;
	border: 1px solid #E02B20 !important;
}
li.product a.button:hover,
.woocommerce div.product form.cart .button:hover
{
	background: transparent !important;
  	color: #E02B20 !important;
}
#eCalculadoraCetelemDiv
{
	margin-bottom: 40px;
}
/*
 *  cdp - mensajes checkout
 */
.woocommerce-NoticeGroup-checkout .woocommerce-error li a
{
    color: #ffffff !important;
}

/*
 *  cdp - ocultar texto ofertas en los productos
 */
li.product span.onsale,
.product .onsale
{
	display: none !important;
}

/*
 *  cdp - tunear resultados de búsqueda de la cabecera
 */
table.search-results .product-info > a,
table.search-results .product-info > a span
{
	color:#000 !important;
}
/*
 *  cdp - cambiar el número de columnas de ventas cruzadas en carrito
 */
/* Forzar 4 columnas en el módulo Woo Cross Sells */
/* Ventas cruzadas Flex - Escritorio */
.cross-sells ul.products.columns-2 {
    display: flex !important;
    flex-wrap: nowrap; /* permite que los items pasen a la siguiente fila */
    gap: 20px; /* espacio entre productos */
    justify-content: flex-start !important; /* alineación a la izquierda */
	margin: 0 !important;
}

.cross-sells ul.products.columns-2 li.product {
	flex: 1 1 calc(25%); /* 4 columnas */
    max-width: calc(25%); /* evita que se agranden demasiado */
}
/* Hacer imágenes de productos cuadradas */
.cross-sells ul.products li.product .et_shop_image img {
    width: 100%;           /* ocupa todo el contenedor */
    aspect-ratio: 1 / 1;   /* fuerza proporción 1:1 */
    object-fit: cover;     /* recorta la imagen para que encaje sin deformarse */
    display: block;
}
/* Tablet */
@media (max-width: 980px) {
	.cross-sells ul.products.columns-2 {
    	gap: 10px; /* espacio entre productos */
        flex-wrap: wrap;

	}
	.woocommerce-page .cross-sells ul.products li.product:nth-child(n),
    .cross-sells ul.products.columns-2 li.product,
    .cross-sells ul.products li.product {
        width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
		margin: 0 !important;
    }
}

/* cdp - buscar en header */
header .et_pb_widget.widget_block
{
	margin-bottom: 0 !important;
	width: 100% !important;
}

/* cdp - marca en ficha de producto */
.cdp-wc-brand-under-title
{
	padding-bottom:14px !important
}
.cdp-wc-brand-under-title a
{
	border-radius: 4px;
	padding: 7px;
	box-shadow: 0 0 0 1px #D7D7D7;
	color: #434343;
}
.cdp-wc-brand-under-title a:hover
{
	box-shadow: 0 0 0 1px #cc0000;
	background: #cc0000;
	color: #fff;
}

/* cdp - forzar tachado en precio modificado */
.price del > ins > .woocommerce-Price-amount.amount bdi{
	font-weight: 500;
	text-decoration: line-through;	
}
.single .price del > ins > .woocommerce-Price-amount.amount bdi{
	color: #999;
	font-weight: 500;
	text-decoration: line-through;	
}