.elementor-1823 .elementor-element.elementor-element-7a1b8388{--display:flex;}.elementor-1823 .elementor-element.elementor-element-af1658c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-af1658c *//* Dentro del carrito */
.football-cart-gallery .football-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 3 por fila */
    gap: 15px;
    max-width: 100%;
}

@media (max-width: 768px) {
    .football-cart-gallery .football-gallery-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 por fila en móviles */
    }
}

.football-cart-gallery .gallery-item > img.main-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

.football-cart-gallery .gallery-item {
    max-width: 500px; /* tamaño ideal */
    margin: 0 auto;
}

/* Ajuste del logo superpuesto dentro del carrito */
.football-cart-gallery .gallery-item .inner-image img {
    max-width: 130px;   /* cámbialo al tamaño que quieras, por ejemplo 180px o 200px */
    width: auto;
    height: auto;
}









/* modal Ajuste exclusivo para el carrito */
body.woocommerce-cart #modal-image {
    width: auto !important;       /* escala proporcional */
    height: auto !important;      /* escala proporcional */
    max-width: 90vw !important;   /* ocupa casi todo el ancho de la ventana */
    max-height: 80vh !important;  /* ocupa casi todo el alto */
    object-fit: contain !important; /* mantiene proporción sin recortes */
}


/* ajuste para el modal  Ajuste exclusivo para el carrito: logo más grande */
body.woocommerce-cart #logo_modal {
    max-width: 400px !important;  /* aumenta el tamaño máximo del logo */
    width: 87% !important;       /* ocupa todo el ancho disponible hasta el límite */
    height: auto !important;      /* mantiene proporción */
}
/* Logo superpuesto más pequeño */
#logo_modal {
    max-width: 250px;   /* 50px más pequeño que 300px */
    height: auto;
}/* End custom CSS */