:root {
	--wd-text-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Satisfy", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(21,87,162);
	--wd-alternative-color: rgb(242,201,76);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(51,144,89);
	--btn-accented-bgcolor-hover: rgb(30,106,61);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://becolchon.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}



/* Centrar listados */
.listado-centrado ol, .listado-centrado ul {
  list-style-position: inside;
  padding-left: 0;
}


/* Quitar botón Añadir al carrito de la entradilla del producto */
.wd-add-btn, .wd-add-btn-replace {
	display: none;
}

/* Toolbar fija inferior móviles */
.wd-toolbar {
	display: none;
}

/* Pestañas producto */
.wd-accordion-item {
	font-size: 118%;
}
@media (max-width: 768px) {

  /* Título del acordeón */
  .wd-accordion .wd-accordion-title {
    background-color: #1557a2;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s, color 0.3s;
  }

  /* Texto dentro del título */
  .wd-accordion .wd-accordion-title .wd-accordion-title-text,
  .wd-accordion .wd-accordion-title .wd-accordion-title-text span {
    color: #ffffff !important;
    font-weight: 600;
    transition: color 0.3s;
  }

  /* Hover y título activo */
  .wd-accordion .wd-accordion-title:hover,
  .wd-accordion .wd-accordion-title.wd-active {
    background-color: #0f3f80;
  }

  /* Flecha del acordeón */
  .wd-accordion .wd-accordion-title .wd-accordion-opener {
    border-color: #ffffff;
    transition: transform 0.3s, border-color 0.3s;
  }

  /* Rotación de flecha al abrir */
  .wd-accordion .wd-accordion-title.wd-active .wd-accordion-opener {
    transform: rotate(90deg);
    border-color: #ffffff;
  }

  /* Panel de contenido */
  .wd-accordion .wd-accordion-content {
    border: 1px solid #1557a2;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 0.5rem;
    background-color: #f8f9fb;
    overflow: visible; /* Permite que se abra todo el contenido */
    display: block;    /* Woodmart ya controla el show/hide */
    transition: none;  /* Quitamos la transición para evitar corte */
  }

}

/* Omitir botones carrito y tienda*/
.woocommerce-variation-add-to-cart,
.wd-compare-btn.product-compare-button,
.wd-wishlist-btn,
.product_meta,
.wd-social-icons {
	display: none !important;
}
.whb-main-header .wd-social-icons {
	display: flex !important;
}

/* Omitir nº de comentarios en entradillas del blog */
.recent-posts-comment {
		display: none;
}

/* Ficha del producto: invertir orden horizontal de la galería */
.woocommerce-product-gallery {
display: flex !important;
    flex-direction: row-reverse !important;
}

/* Ficha del producto: colocar etiqueta de descuento a la izquierda */
.woocommerce-product-gallery .product-labels {
    left: 15px !important; /* fallback */  
	  right: unset !important; /* fallback */
    inset-inline-start: 15px !important;     
    inset-inline-end: auto !important;
	  align-items: flex-start !important;
}
.woocommerce-product-gallery .product-labels .product-label.onsale, .label-en-oferta {
	  font-size: 18px;
	  line-height: 1.25;
	  font-weight: bold;
	  color: white;
		background-color: red;
	  min-height: unset !important;
	  min-width: unset !important;
	  padding: 11px 12px 6px;
	  border-radius: 0;
}
.label-en-oferta {
    position: relative;
    top: 0;
	  left: 15px;
	  margin: 0;
	  padding: 5px 12px;
    z-index: 2;
}

/* Ficha del producto: aumentar el tamaño del precio mostrado tras seleccionar atributos */
.single_variation_wrap .woocommerce-variation-price {
		font-size: 155%;
    line-height: 1.2;
}


/* Contact Form 7 -> Contact form en Popup: Achicar en altura el textarea del formulario. */
.h-10rem {
    height: 10rem !important;
    min-height: 10rem !important;
    max-height: 10rem !important;
}
/* Quiénes somos y Contacto -> Parallax -> Contadores: aprovechar todo el ancho del div padre. */
.elementor-element-112f98a,
.elementor-element-13afddd {
		width: 100% !important;
}
/* Contacto -> Datos de contacto: impedir que Elementor fuerce una 2ª fila vacía.*/
.elementor-element-90ee743 {
	grid-template-rows: auto !important;
}
/* Consejos / Preguntas frecuentes -> acordeones: aumentar el tamaño fuente */
.elementor-element-15a411d .wd-accordion-title-text,
.elementor-element-bdd8b62 .wd-accordion-title-text {
	font-size: 21px !important;
}
.elementor-element-15a411d .wd-accordion-content, 
.elementor-element-bdd8b62 .wd-accordion-content {
	font-size: 16px !important;
}
/* Header menú -> botón Outlet: cambiar el color al pasarle el ratón */
.hover-bg-white {
	border: 1px solid #eee !important;
}
.hover-bg-white:hover {
	background: white !important;
}
/* Destacar Outlet en el menú principal */
.menu-outlet .nav-link-text {
	display: inline-block;
	padding: 0 2px;
	color: #1557A2;
	background-color: #F2C94C55;
	transition: all 0.3s;
}
.menu-outlet:hover .nav-link-text {
	color: var(--nav-color);
	background-color: #F2C94C99;
}
/* Evitar que se rellenen los paths de un SVG*/
.elementor-element-fbcf12b svg path {
  fill: none !important;
}
.elementor-element-fbcf12b svg text.cls-2 {
    font-family: sans-serif;
    font-size: 35.37px;
    font-weight: 400;
}

/* ////////////////////
 * ///// CONSEJOS /////
 * ////////////////////
 */
/* =========================
   GRID LAYOUT
========================= */

/* DESTACADOS: una fila completa por entrada */
.posts-grid.destacados {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

/* ÚLTIMOS CONSEJOS: 3 columnas */
.posts-grid.ultimos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Responsive */
@media (max-width: 900px) {
    .posts-grid.ultimos {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .posts-grid.ultimos {
        grid-template-columns: 1fr;
    }
}

/* =========================
   CARD BASE
========================= */

.post-card {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
}

/* =========================
   DESTACADOS: LAYOUT HORIZONTAL ALTERNADO
========================= */

.posts-grid.destacados .post-card {
    flex-direction: row;
    align-items: stretch;
}

/* Imagen y texto mitad y mitad */
.posts-grid.destacados .post-thumb,
.posts-grid.destacados .post-content {
    width: 50%;
}

/* Alternar filas pares */
.posts-grid.destacados .post-card:nth-child(even) {
    flex-direction: row-reverse;
}

/* Imagen en destacados */
.posts-grid.destacados .post-thumb {
    aspect-ratio: auto;
    height: 100%;
    min-height: 240px;
}

/* Centrado vertical del texto */
.posts-grid.destacados .post-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* =========================
   IMAGE 3:2 FORCED (BASE)
========================= */

.post-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.posts-grid.destacados .post-thumb {
    aspect-ratio: 2 / 1;
}

.post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =========================
   CATEGORY TAG OVER IMAGE
========================= */

.post-category {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;

    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;

    color: #fff;
    background: #1557a2;
    padding: 5px 10px 1px;
    border-radius: 3px;
}

/* =========================
   CONTENT
========================= */

.post-content {
    padding: 16px;
}

.post-date {
    font-size: 0.85rem;
    color: #888;
    display: block;
    margin-bottom: 6px;
}

.post-title {
    font-size: 1.1rem;
    margin: 0 0 10px;
}

.posts-grid.destacados .post-title {
    font-size: 1.3rem;
}

.post-title a {
    text-decoration: none;
    color: inherit;
}

.post-excerpt {
    font-size: 0.95rem;
    color: #555;
}

/* =========================
   PAGINACIÓN
========================= */

.posts-pagination {
    margin: 40px 0;
    text-align: center;
}

.posts-pagination .page-numbers {
    display: inline-block;
    margin: 0 6px;
    padding: 8px 14px;
    border-radius: 4px;
    background: #f5f5f5;
    color: #333;
    text-decoration: none;
    font-size: 0.9rem;
}

.posts-pagination .page-numbers.current {
    background: #111;
    color: #fff;
}

.posts-pagination .page-numbers:hover {
    background: #ddd;
}

/* =========================
   RESPONSIVE DESTACADOS
========================= */

@media (max-width: 900px) {
    .posts-grid.destacados .post-card {
        flex-direction: column;
    }

    .posts-grid.destacados .post-thumb,
    .posts-grid.destacados .post-content {
        width: 100%;
    }

    .post-thumb, .posts-grid.destacados .post-thumb {
        aspect-ratio: 16 / 9;
        min-height: auto;
    }
}
/* =========================
   BOTÓN "VER MÁS"
========================= */

.post-button {
    display: inline-block;
    margin-top: 14px;
    padding: 8px 18px;

    background: #1557a2;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;

    border-radius: 4px;
    transition: background 0.25s ease, transform 0.2s ease;
}

.post-button:hover {
    background: #0f4582;
    transform: translateY(-1px);
}

/* =========================
   DESTACADOS: TEXTO + BOTÓN MÁS GRANDES
========================= */

.posts-grid.destacados .post-excerpt {
    font-size: 1.05rem;
    line-height: 1.6;
}

.posts-grid.destacados .post-button {
    font-size: 1rem;
    padding: 10px 24px 7px;
}

/* =========================
   ÚLTIMOS CONSEJOS: MÁS COMPACTOS
========================= */

.posts-grid.ultimos .post-excerpt {
    font-size: 0.95rem;
}

.posts-grid.ultimos .post-button {
    font-size: 0.85rem;
    padding: 6px 14px;
}
/* =========================
   BOTÓN "VER MÁS" — AUTO WIDTH
========================= */

.post-button {
    display: inline-flex;          /* no ocupa todo el ancho */
    align-self: flex-start;        /* evita stretch en flex */
    width: auto;                   /* clave */
    max-width: fit-content;

    margin-top: 14px;
    padding: 8px 18px;

    background: #F2C94C;
	  color: #1557a2;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;

    border-radius: 4px;
    transition: background 0.25s ease, transform 0.2s ease;
}

.posts-grid.ultimos .post-button {
	  background: #ddd;
}

.post-button:hover, .posts-grid.ultimos .post-button:hover {
    background: #1557a2;
	  color: #fff;
    transform: translateY(-1px);
}
/* =========================
   FIX REAL: botón abajo SIN hueco
========================= */

/* Quitamos el estirado artificial */
.posts-grid.ultimos .post-content {
    height: auto !important;
    display: flex;
    flex-direction: column;
}

/* El excerpt absorbe el espacio sobrante */
.posts-grid.ultimos .post-excerpt {
    flex-grow: 1;
}

/* Botón se queda abajo, sin empujar demasiado */
.posts-grid.ultimos .post-button {
    margin-top: 12px;
    align-self: flex-start;
}
/* =========================
   FIX RESPONSIVE DESTACADOS
   Evitar división en pares
========================= */

@media (max-width: 900px) {
    .posts-grid.destacados .post-thumb,
    .posts-grid.destacados .post-content {
        width: 100% !important;
    }
}
/* =========================
   FIX DEFINITIVO RESPONSIVE
   Destacados pares
========================= */

@media (max-width: 900px) {

    /* Fuerza columna en TODOS */
    .posts-grid.destacados .post-card {
        flex-direction: column !important;
    }

    /* Mata el row-reverse de los pares */
    .posts-grid.destacados .post-card:nth-child(even) {
        flex-direction: column !important;
    }

    /* Asegura ancho completo */
    .posts-grid.destacados .post-thumb,
    .posts-grid.destacados .post-content {
        width: 100% !important;
    }
}
/*
 * FIN CONSEJOS
 */
.listado-etiquetas {
	display: none !important; /*Selección que probablemente eleminemos*/	
}

.listado-etiquetas ul {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}
.listado-etiquetas ul li {
	display: inline-block !important;
	border: 1px solid #ccc;
	border-radius: 6px;
	margin: 2px;
	padding: 10px 20px;
	background: #1557a2;
	color: #fff !important;
}
@media (max-width: 575px) {
	.listado-etiquetas ul li {
			display: block !important;
	}
}

.elementor-element-fbcf12b > div {
		width: 100% !important;
}
#menu-menu-principal-1 {
	  padding-bottom: 70px;	
}
@media screen and (max-width: 767px) {
.copyrights-wrapper {
		padding-bottom: 50px !important;
}
	.elementor-element-705d739 {
		margin-bottom: 0 !important;
	}
}
.solo-movil {
	display: none;
}
.elementor-element-705d739 .solo-movil {
	 display: block;
}

/* Porcentaje de descuento de VisionClick en la ficha */
.woocommerce-product-gallery .wd-carousel-inner {
	position: relative;
}

.woocommerce-product-gallery .wd-carousel-inner > div.onsale {
	display: block !important;
	position: absolute !important;
	top: 15px !important;
	left: 15px !important;
	right: auto !important;
	z-index: 20 !important;

	width: auto !important;
	min-width: unset !important;
	min-height: unset !important;
	margin: 0 !important;
	padding: 11px 12px 6px !important;

	background-color: red !important;
	color: white !important;
	border-radius: 0 !important;

	font-size: 18px !important;
	font-weight: bold !important;
	line-height: 1.25 !important;
	text-align: center;
	direction: ltr;
}