/*
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.27.5.1768066315
Updated: 2026-01-10 18:31:55

*/


/* ==================================================
   COMERCIAL VALLE 1989
   CSS GLOBAL OPTIMIZADO PARA DIVI + WOOCOMMERCE
   ================================================== */


/* ==================================================
   1. FUENTES LOCALES
   ================================================== */

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter_Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter_SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/* ==================================================
   2. TIPOGRAFÍA GLOBAL
   ================================================== */

body {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.7;
    color: #222;
}

p,
li,
span,
.et_pb_text,
.et_pb_blurb_description {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
}

strong,
b {
    font-weight: 600;
}

h1,h2,h3,h4,h5,h6,
.et_pb_module_header {
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 600;
    line-height: 1.25;
}


/* ==================================================
   3. BOTONES
   ================================================== */

.boton-personalizado {
  background-color:#056141;
  color:#fff;
  padding:12px 24px;
  font-size:15px;
  text-decoration:none;
  display:inline-block;
  border-radius:0;
  transition:background-color .3s ease;
}

.boton-personalizado:hover {
  background-color:#715b46;
  color:#fff;
}


/* ==================================================
   4. UTILIDADES
   ================================================== */

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}


/* ==================================================
   5. MENU PRINCIPAL DIVI
   ================================================== */

/* Padding correcto menú */
.et-db #et-boc .et-l .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{
    padding:28px 14px;
}

/* Separación entre items */
.et-db #et-boc .et-l .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{
    padding-left:12px;
    padding-right:12px;
}


/* Hover menú */

#top-menu li:hover > a,
#top-menu li a:hover,
.nav > li:hover > a{
    background-color:#715b46;
}

/* Página activa */

#top-menu li.current-menu-item > a,
#top-menu li.current_page_item > a{
    background-color:#715b46;
}

/* Sticky header */

.et-fixed-header #top-menu li:hover > a,
.et-fixed-header #top-menu li a:hover{
    background-color:#715b46;
}


/* ==================================================
   6. MENU MOVIL
   ================================================== */

/* Icono hamburguesa */

.mobile_menu_bar:before{
    content:"";
    display:inline-block;
    width:30px;
    height:20px;
    background-image:url('https://comercialvalle1989.com/wp-content/uploads/2026/02/menu-abrir2.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

/* Icono cerrar */

.mobile_nav.opened .mobile_menu_bar:before{
    content:"";
    width:30px;
    height:20px;
    background-image:url('https://comercialvalle1989.com/wp-content/uploads/2026/02/menu-cerrar2.svg');
}


/* ==================================================
   7. WOOCOMMERCE
   ================================================== */

.et-l--body ul{
    padding:0;
}

.orderby{
    background-color:#ececec;
    color:#000 !important;
    font-size:13px;
    padding:6px 8px;
    font-family:'Inter', Arial, sans-serif;
}

p.woocommerce-result-count{
    font-size:15px;
    color:#000;
    padding-bottom:40px;
}


/* ==================================================
   8. GALERÍA PRODUCTO WOOCOMMERCE
   ================================================== */

/* Contenedor */

.woocommerce div.product div.images{
    position:relative;
    padding-left:120px;
}

/* Miniaturas */

.woocommerce div.product div.images .flex-control-thumbs{
    position:absolute;
    left:0;
    top:0;
    width:100px;
    display:flex;
    flex-direction:column;
    gap:10px;
    list-style:none;
    padding:0;
    margin:0;
    max-height:420px;
    overflow-y:auto;
}

.woocommerce div.product div.images .flex-control-thumbs li{
    width:100%;
}

.woocommerce div.product div.images .flex-control-thumbs img{
    cursor:pointer;
    transition:all .2s ease;
}

.woocommerce div.product div.images .flex-control-thumbs img:hover{
    transform:scale(1.05);
}

/* Galería principal */

.woocommerce div.product div.images .woocommerce-product-gallery{
    position:relative;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img{
    width:100%;
    height:auto;
}


/* Botón zoom personalizado */

.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
    position:absolute;
    top:5px;
    right:10px;
    z-index:999;
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:url("https://comercialvalle1989.com/wp-content/uploads/2026/03/expand.svg") no-repeat center !important;
    background-size:52px 52px !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* Eliminar lupa original */

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before,
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after{
    content:none !important;
    display:none !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger svg,
.woocommerce div.product div.images .woocommerce-product-gallery__trigger i,
.woocommerce div.product div.images .woocommerce-product-gallery__trigger span{
    display:none !important;
}


/* ==================================================
   9. RESPONSIVE
   ================================================== */

/* 2 columnas móvil */

@media (max-width:767px){

.two-col-mob .et_pb_column{
    width:47.25% !important;
}

.two-col-mob .et_pb_column:not(:nth-child(2n)){
    margin-right:5.5% !important;
}

.two-col-mob .et_pb_column:nth-last-child(-n+2){
    margin-bottom:0;
}

}


/* Galería producto móvil */

@media (max-width:768px){

.woocommerce div.product div.images{
    padding-left:0;
}

.woocommerce div.product div.images .flex-control-thumbs{
    position:relative;
    flex-direction:row;
    width:100%;
    margin-top:10px;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
}

}


.et-db #et-boc .et-l .et_pb_menu .et-menu>li {
    padding-left: 2px;
    padding-right: 2px;
}

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    padding-top: 15px;
    padding-bottom: 15px;
}