/*
Theme Name:   mifoto-child-theme
Theme URI:    https://woocommerce.com/storefront/
Author:       antonio - Agencia Forsend
Author URI:   https://www.forsend.cl/
Description:  This is a child theme from storefront. Designed especially for Mi Foto by Digital Agency Forsend Ltda. Made in Chile.
Version:      2.5.1
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  storefront
Tags:         e-commerce, woocommerce, wordpress, photos, cards, responsive-layout, header-banner, print, pictures.
*/


/* Importar los CSS divididos */
@import url("css-web/general.css");
@import url("css-web/header.css");
@import url("css-web/home.css");
@import url("css-web/productos.css");
@import url("css-web/producto-horizontal.css");
@import url("css-web/pagina-producto.css");
@import url("css-web/tienda.css");
@import url("css-web/carrito.css");
@import url("css-web/checkout.css");
@import url("css-web/cuenta.css");
@import url("css-web/footer.css");
@import url("css-web/menu.css");
@import url("css-web/menu-principal.css");
@import url("css-web/mobile-menu.css");
@import url("css-web/extras.css");
@import url("css-web/carro-page.css");
@import url("css-web/page-info.css");
@import url("css-web/servicio-tecnico.css");
@import url("css-web/responsive.css");



html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
/* Solo se ejecuta en pantallas menores a 992px */
@media (max-width: 991.98px) {

    /* Centrar los iconos dentro del botón y asegurar que sea visible en mobile */
    #main-navbar-menu .container-fluid .navbar-toggler {
        display: flex !important;
        align-items: center;
        justify-content: center;

    }


    /* --- Lógica de visibilidad que ya tienes --- */

    /* 1. Cuando está CERRADO (collapsed) */
    #main-navbar-menu .container-fluid .navbar-toggler.collapsed .navbar-toggler-close {
        display: none !important;
    }
    
    #main-navbar-menu .container-fluid .navbar-toggler.collapsed .navbar-toggler-open {
        display: block !important; /* Aseguramos que se vea la hamburguesa */
    }

    /* 2. Cuando está ABIERTO (not collapsed) */
    #main-navbar-menu .container-fluid .navbar-toggler:not(.collapsed) .navbar-toggler-open {
        display: none !important;
    }

    #main-navbar-menu .container-fluid .navbar-toggler:not(.collapsed) .navbar-toggler-close {
        display: block !important;
    }
}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.mfp-consulte-aqui, .button.product_type_external.mfp-consulte-aqui {
  margin-top: auto;
  width: 100%;
  border: none;
  border-radius: 8px;
  background-color: var(--color-primario-2);
  color: #fff !important;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  transition: background-color 0.2s ease;
  z-index: 2;
  position: relative;
  content: none;
}

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.mfp-consulte-aqui::before {
  font-family: none !important;
  content: none;
  margin-right: 8px;
  font-weight: normal !important;
  vertical-align: middle;
}


/**NUEVO DISEÑO GALERIA **/
/**
 * Galería producto — Comportamiento uniforme en todas las pantallas
 * - El viewport y los slides los calcula Flexslider por JS; no fijar anchos en px.
 * - Cada slide centra su imagen con flex para que siempre se vea igual.
 * - Sin anchos fijos (644px/684px) que rompían en distintas resoluciones.
 */

/* 1. Contenedor galería — estable en zoom (80%, 90%, etc.): no se desborda ni se corre */
body.single-product .contenedor-especial-producto .woocommerce-product-gallery.images {
    max-width: 100% !important;
    min-width: 0 !important; /* permite que la columna flex se encoja con el zoom */
    padding: 1rem 1.25rem !important;
    box-sizing: border-box !important;
    overflow: hidden !important; /* evita scrollbars raros cuando el zoom cambia */
}

/* 2. Viewport: solo overflow hidden, ancho 100% del contenedor para cualquier zoom */
body.single-product .contenedor-especial-producto .woocommerce-product-gallery .flex-viewport {
    overflow: hidden !important;
    max-width: 100% !important;
}

/* 3. Cada slide: sin ancho fijo (Flexslider lo asigna por JS). Centrado y contenido recortado de forma uniforme */
body.single-product div.product .contenedor-especial-producto .woocommerce-product-gallery__image {
    float: left !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 280px !important;
    box-sizing: border-box !important;
}
/* 4. Enlace interior: ocupa todo el slide y centra la imagen */
body.single-product .contenedor-especial-producto .woocommerce-product-gallery__image > a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 100% !important;
    box-sizing: border-box !important;
}

/* 5. Imagen: centrada, proporcional, sin recortes raros */
body.single-product .contenedor-especial-producto .woocommerce-product-gallery__image img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    box-sizing: border-box !important;
}

/* 6. Thumbnails: fila uniforme, mismo tamaño, sin huecos en blanco */
body.single-product .contenedor-especial-producto .woocommerce-product-gallery .flex-control-thumbs {
    margin-top: 0.75rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    justify-content: center !important;
    list-style: none !important;
}
body.single-product .contenedor-especial-producto .woocommerce-product-gallery .flex-control-thumbs li {
    flex: 0 0 auto !important;
    width: 70px !important;
    height: 70px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}
body.single-product .contenedor-especial-producto .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* solucion css para todas las pantallas, chrome firefox, etc */
body.single-product div.product .contenedor-especial-producto .woocommerce-product-gallery__image {
    min-height: 0 !important;
}

/* Marco uniforme sin depender del tamaño original del archivo */
body.single-product .contenedor-especial-producto .woocommerce-product-gallery__image > a {
    height: clamp(230px, 42vw, 560px) !important;
    min-height: 230px !important;
    max-height: 560px !important;
    padding: 0.5rem !important;
}

/* Imagen controlada en todas las resoluciones */
body.single-product .contenedor-especial-producto .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 88% !important;
    max-height: 88% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 0 !important;
}

/* FIX add-to-cart sin perder navegación a producto:
 * - la tarjeta sigue siendo clickeable (overlay activo)
 * - el botón queda siempre por encima para evitar taps intermitentes
 */
.product-card-inner {
    position: relative;
}

.product-card-inner .product-link-overlay {
    z-index: 1 !important;
    pointer-events: auto !important;
}

.product-card-inner .product-image-wrapper,
.product-card-inner .product-details-wrapper {
    position: relative;
    z-index: 2;
}

.product-card-inner .product-details-wrapper .add_to_cart_button,
.product-card-inner .product-details-wrapper .added_to_cart.wc-forward,
.single-product form.cart .single_add_to_cart_button {
    position: relative;
    z-index: 5 !important;
    pointer-events: auto !important;
    touch-action: manipulation;
}
.single-product div.product .product_meta .sku {
  color: var(--color-cta);
}
.single-product div.product .product_meta .sku_wrapper {
  color: var(--color-cta);
}

    header#masthead.site-header {
        position: fixed !important; /* Cambiamos a fixed para mayor seguridad */
        top: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        left: 0;
        right: 0;
    }
.sp-slider {
  margin-top: 4.5rem;
}
div#content {
  margin-top: 6.5rem;
}

.tax-product_cat div#content, .single-product div#content, .woocommerce-cart div#content{
  margin-top: 8.5rem;
}

.product-type-external .contenedor-especial-producto .custom-price-block {
  display: none;
}
.product-type-external .price {
  display: none !important;
}
.home .info-bloques-wrapper .info-bloque:nth-child(3) .content::after {
    content: "SÓLO DE LUNES A VIERNES";
    display: block; 
    font-size: 12px;
    font-weight: bold;
    margin-top: 8px; 
    color: #fff; 
}