@media (max-width: 768px) {
  #product-images-thumbs .swiper-slide {
    width: 200px !important;
    flex: 0 0 180px !important;
  }
	
}
@media (min-width: 769px) {
  #product-images-thumbs .swiper-slide {
    width: 330px !important;
    flex: 0 0 300px !important;
  }
}

.col-sm-8:has(.contact-form) {
    width: 100%;
    max-width: unset;
    flex: unset;
}

.elementor-element.elementor-element-1e7s8xw {
  border-style:solid;
  border-width:0px 0px 1px 0px;
  border-color:rgba(122,122,122,0.49);
  margin-top:0px;
  margin-bottom:30px;
  padding:0px 0px 30px 0px;
}
.elementor-element.elementor-element-1e7s8xw,
.elementor-element.elementor-element-1e7s8xw > .elementor-background-overlay {
  border-radius:0px 0px 0px 0px;
}
.elementor-element.elementor-element-p5p0d5q {
  text-align:left;
}
.elementor-element.elementor-element-p5p0d5q .elementor-heading-title {
  font-size:2.5em;
  font-family:Playfair Display, Sans-serif;
}
.elementor-element.elementor-element-y384rac .elementor-text-editor {
  text-align:left;
}
.elementor-element.elementor-element-y384rac {
  font-size:1.4em;
  line-height:1.5em;
}
.elementor-element.elementor-element-y384rac .elementor-widget-container {
  padding:30px 0px 0px 0px;
}
.elementor-element.elementor-element-u7sffi5 .form-control-label {
  display:none;
}
.elementor-element.elementor-element-u7sffi5 .elementor-attachment-field {
  display:none;
}
.elementor-element.elementor-element-u7sffi5 .form-control {
  min-height:45px;
}
.elementor-element.elementor-element-u7sffi5 .elementor-attachment-field .btn {
  padding-top:0px;
  padding-bottom:0px;
  line-height:45px;
}
.elementor-element.elementor-element-u7sffi5 textarea.form-control {
  min-height:300px;
}
.elementor-element.elementor-element-u7sffi5 .elementor-widget-container {
  padding:30px 0px 0px 0px;
}
.elementor-element.elementor-element-9lx08yr > .elementor-element-populated {
  text-align:left;
}
.elementor-element.elementor-element-iypyj2n {
  text-align:center;
}
.elementor-element.elementor-element-iypyj2n .elementor-heading-title {
  font-size:1.5em;
  font-family:Playfair Display, Sans-serif;
}
.elementor-element.elementor-element-iypyj2n .elementor-widget-container {
  padding:0px 0px 20px 0px;
}
.elementor-element.elementor-element-bhsv6zs .elementor-text-editor {
  text-align:center;
}
.elementor-element.elementor-element-bhsv6zs {
  font-size:1.4em;
  line-height:1.5em;
}
.elementor-element.elementor-element-bhsv6zs .elementor-widget-container {
  padding:30px 0px 0px 0px;
}
.elementor-element.elementor-element-uqolmh2 .elementor-icon-list-icon {
  font-size:17px;
}
.elementor-element.elementor-element-uqolmh2 .elementor-icon-list-items {
  text-align:center;
}
.elementor-element.elementor-element-uqolmh2 .elementor-icon-list-text {
  padding-left:3px;
  font-size:1.3em;
  line-height:1.7em;
}
.elementor-element.elementor-element-uqolmh2 .elementor-widget-container {
  margin:20px 0px 0px 0px;
}
.elementor-element.elementor-element-65g687g iframe {
  height:300px;
}
.elementor-element.elementor-element-65g687g .elementor-widget-container {
  margin:20px 0px 0px 0px;
}
.elementor-element.elementor-element-aa4pn8e {
  text-align:center;
}
.elementor-element.elementor-element-aa4pn8e .elementor-heading-title {
  font-size:1.5em;
  font-family:Playfair Display, Sans-serif;
}
.elementor-element.elementor-element-aa4pn8e .elementor-widget-container {
  padding:0px 0px 20px 0px;
}
.elementor-element.elementor-element-e6lxn8l .elementor-text-editor {
  text-align:center;
}
.elementor-element.elementor-element-e6lxn8l {
  font-size:1.4em;
  line-height:1.5em;
}
.elementor-element.elementor-element-e6lxn8l .elementor-widget-container {
  padding:30px 0px 0px 0px;
}
.elementor-element.elementor-element-dxg6ij4 .elementor-icon-list-icon {
  font-size:17px;
}
.elementor-element.elementor-element-dxg6ij4 .elementor-icon-list-items {
  text-align:center;
}
.elementor-element.elementor-element-dxg6ij4 .elementor-icon-list-text {
  padding-left:3px;
  font-size:1.3em;
  line-height:1.7em;
}
.elementor-element.elementor-element-dxg6ij4 .elementor-widget-container {
  margin:20px 0px 0px 0px;
}
.elementor-element.elementor-element-trjt4cg iframe {
  height:300px;
}
.elementor-element.elementor-element-trjt4cg .elementor-widget-container {
  margin:20px 0px 0px 0px;
}

.elementor-element.elementor-element-65g687g iframe {
    height: 300px;
    width: 100%;
}

.elementor-element.elementor-element-trjt4cg iframe {
    height: 300px;
    width: 100%;
}

@media(max-width: 767px) {
  .elementor-element.elementor-element-jntwg05 > .elementor-element-populated {
padding:0px 10px 0px 10px;
  }
  .elementor-element.elementor-element-6qg1l6l > .elementor-element-populated {
    padding:0px 10px 0px 10px;
  }
  .elementor-element.elementor-element-p5p0d5q {
    text-align:center;
  }
  .elementor-element.elementor-element-p5p0d5q .elementor-widget-container {
    padding:20px 0px 0px 0px;
  }
  .elementor-element.elementor-element-iypyj2n .elementor-widget-container {
    padding:0px 5px 0px 5px;
  }
  .elementor-element.elementor-element-bhsv6zs .elementor-widget-container {
    padding:0px 5px 0px 5px;
  }
  .elementor-element.elementor-element-uqolmh2 .elementor-widget-container {
    padding:0px 5px 0px 5px;
  }
  .elementor-element.elementor-element-aa4pn8e .elementor-widget-container {
    padding:20px 5px 10px 5px;
  }
  .elementor-element.elementor-element-e6lxn8l .elementor-widget-container {
    padding:0px 5px 0px 5px;
  }
  .elementor-element.elementor-element-dxg6ij4 .elementor-widget-container {
    padding:0px 5px 0px 5px;
  }
}

/* CSS PARA LAS SUBCATEGORIAS EN LA PAGINA DE CATEGORIAS */

@media (max-width: 768px) {
  /* Scroll horizontal de subcategorías */
  .product-list-subcategories .row {
    display: flex;
    flex-wrap: nowrap;             
    overflow-x: auto;               
    padding-bottom: 0.5rem;
    justify-content: flex-start;     
    margin-left: 0;                 
    margin-right: 0;
  }

.product-list-subcategories .row::-webkit-scrollbar {
  height: 6px; /* altura de la barra */
}

.product-list-subcategories .row::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2);
  border-radius: 3px;
}

.product-list-subcategories .row::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.05);
}

  /* Botón de subcategoría */
  .product-list-subcategories .subcategory-name {
    display: inline-block;
    padding: 0.5rem 1rem;
    border: 1px solid #ccc;
    border-radius: 25px;
    background: #fff;
    color: #333;
    font-size: 0.9rem;
    white-space: nowrap;
    text-align: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }

  .product-list-subcategories .subcategory-name:hover,
  .product-list-subcategories .subcategory-name:focus {
    background: #333;
    color: #fff;
    border-color: #333;
    text-decoration: none;
  }
}

.products-selection .showing {
    font-weight: 600;
}
div.form-control-comment {
  font-size: 1rem;
  opacity: .8;
  padding-top: .4rem;
  padding-bottom: .4rem;
  text-transform: uppercase;
}
/* DESCRIPCION LARGA PRODUCTOS */
/* --- ESTILOS EL JARDÍN DEL DESEO (Fichas Técnicas) --- */

/* Contenedor Principal */
.pproduct-rich-content {
    border-top: 2px solid #D63384;
    margin-top: 30px;
    padding: 20px 10px;
    font-family: sans-serif;
    line-height: 1.5;
    color: #333;
    background-color: #ffffff;
    text-align: left;
}

/* Título H2 Único (SEO: Pendientes...) */
.pproduct-rich-content h2 {
    font-size: 1.4em;
    color: #1a1a1a; /* Negro profesional */
    margin-bottom: 15px;
    padding-left: 10px;
    font-weight: bold;
    line-height: 1.3;
}

/* Párrafos de Introducción y Texto General */
.pproduct-rich-content p {
    margin-bottom: 15px;
    color: #333;
}

/* Botón Desplegable (Container) */
.pproduct-rich-content details {
    border: 1px solid #D63384;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 20px;
}

/* Cabecera del Desplegable (Botón) */
.pproduct-rich-content summary {
    background-color: #D63384; /* Magenta Corporativo */
    color: #ffffff;
    padding: 12px;
    font-weight: bold;
    cursor: pointer;
    list-style: none; /* Oculta la flecha por defecto de algunos navegadores */
    text-align: center;
    text-transform: uppercase;
    font-size: 0.95em;
    line-height: 1.2;
}

/* Eliminar flecha por defecto en Webkit (Chrome/Safari) */
.pproduct-rich-content summary::-webkit-details-marker {
    display: none;
}

/* Flecha Personalizada (▼) */
.pproduct-rich-content summary span.arrow {
    font-size: 1.5em;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
}

/* Contenedor interior del desplegable */
.pproduct-rich-content .details-content {
    padding: 10px 15px;
    background-color: #fcfcfc;
}

/* Títulos de Sección (H3) dentro del desplegable */
.pproduct-rich-content h3 {
    font-size: 1.1em;
    color: #1a1a1a; /* Título en negro */
    border-left: 4px solid #D63384; /* Acento rosa */
    padding-left: 10px;
    margin-top: 25px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
}

/* Tablas Técnicas */
.pproduct-rich-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
    border: 1px solid #ddd;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Cabeceras de Tabla */
.pproduct-rich-content th {
    background-color: #D63384; /* Fondo Rosa */
    color: #ffffff; /* Texto Blanco */
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

/* Celdas de Tabla */
.pproduct-rich-content td {
    padding: 10px;
    border: 1px solid #ddd;
    color: #333;
}

/* Primera columna en negrita (Elemento Maestro/Categoría) */
.pproduct-rich-content td:first-child {
    font-weight: bold;
    background-color: #f9f9f9;
}

/* Nota de Autoridad final */
.pproduct-rich-content .nota-autoridad {
    margin-top: 25px;
    font-size: 0.9em;
    color: #555;
    font-style: italic;
    padding: 10px;
    border-left: 2px solid #ccc;
    background-color: #fafafa;
    line-height: 1.4;
}

/* Wrapper para hacer las tablas responsive en móviles */
.pproduct-rich-content .table-responsive {
    width: 100%;
    overflow-x: auto;
}

/* Icono FontAwesome (Flecha) */
.pproduct-rich-content summary i {
    font-size: 1.5em;
    vertical-align: middle;
    margin-right: 8px; /* Un poco más de margen para elegancia */
    display: inline-block;
}

.pproductficha{
background-color: #D63384; /* Magenta Corporativo */
    color: #ffffff;
    padding: 12px;
    font-weight: bold;
    cursor: pointer;
    list-style: none; /* Oculta la flecha por defecto de algunos navegadores */
    text-align: center;
    text-transform: uppercase;
    font-size: 0.95em;
    line-height: 1.2;
	border: 1px solid #D63384;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 20px;
	font-family: sans-serif;
}

.ybc_block_latest .block_content.row {
    margin-left: 0;
    margin-right: 0;
}

/* track del slider */
.ybc_block_latest .slick-track {
    display: flex !important;
}

/* cada slide */
.ybc_block_latest .slick-slide {
    height: auto;
}

/* tarjeta del post */
.ybc_blog_content_block_item {
    max-width: 320px;
    margin: 0 auto;
}

/* contenedor de imagen */
.ybc_item_img {
    display: block;
    width: 100%;
    overflow: hidden;
}

/* imagen */
.ybc_item_img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
	
}
.post-wrapper .ybc_item_img img {
    width: 100%;
    height: 360px;
    object-fit: cover;
	
}
.ybc_blog_content_block{
    overflow:hidden;
}
.slick-track{
    will-change: transform;
}