/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* IME García: tamaño consistente de imagenes de producto en tarjetas */
.elementor-image-box-img{width:170px!important;margin-left:auto;margin-right:auto;}
.elementor-image-box-img img{width:170px!important;height:170px!important;object-fit:contain;}

/* IME García: fondo negro de respaldo tras el hero (evita franja gris por cover) */
.elementor-element-cc9718d{background-color:#000000!important;}

/* IME García: ocultar capa decorativa vacia de Porto en el hero (causaba franja gris) */
.elementor-element-1d856a1 .porto-ibanner-layer{display:none!important;}

/* IME García: forzar grid de 4 columnas en widget de productos relacionados/linked */
.porto-posts-grid .posts-wrap.has-ccols{display:flex!important;flex-wrap:wrap!important;margin:0 -12px!important;padding:0!important;list-style:none!important;}
.porto-posts-grid .posts-wrap.has-ccols > li.product-col{width:calc(25% - 24px)!important;flex:0 0 calc(25% - 24px)!important;max-width:calc(25% - 24px)!important;margin:0 12px 24px!important;box-sizing:border-box!important;}
@media (max-width:991px){.porto-posts-grid .posts-wrap.has-ccols > li.product-col{width:calc(33.333% - 24px)!important;flex-basis:calc(33.333% - 24px)!important;max-width:calc(33.333% - 24px)!important;}}
@media (max-width:767px){.porto-posts-grid .posts-wrap.has-ccols > li.product-col{width:calc(50% - 24px)!important;flex-basis:calc(50% - 24px)!important;max-width:calc(50% - 24px)!important;}}

/* IME García: limitar ancho del visor 360 a la resolucion nativa de los frames (evita pixelacion) */
.cd-product-viewer-wrapper{max-width:600px;margin:0 auto;}