/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.2.4
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/
/* Petit: encabezado compacto 2026-11-07 */
.top-bar{display:none}
.header-v1 .masthead{padding:1.2em 0 1em}
/* Petit: ajustes home 2026-11-07 - logo nuevo, grillas y espaciados */
.site-header .custom-logo{max-width:260px;height:auto}
.home .wpb_content_element{margin-bottom:12px}
.home .fila-titulo h1{margin-top:6px;margin-bottom:8px}
.home .fila-titulo p{margin-bottom:12px}
.home .fila-titulo .vc_btn3-container{margin-bottom:4px}
@media (min-width:1400px){.home .woocommerce ul.products.row-cols-xxl-5>li{width:25%}}
.banner-doble p{margin-bottom:0}

/* Petit: pie 2026-11-07 - logo del pie chico. Causa: el tope de 380px solo cubria .site-header; el logo del pie (mismo archivo 800x195) no tenia tope y en el celular ocupaba todo el ancho. */
.footer-contact .custom-logo{max-width:200px;height:auto}
.handheld-footer-bar .custom-logo{max-width:200px;height:auto}
.handheld-footer-bar-inner{text-align:center}
/* Petit: pie 2026-11-07 - menu inferior en la barra de copyright */
.copyright-bar .payment .petit-bottom-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:flex-end}
.copyright-bar .payment .petit-bottom-menu a{color:inherit;text-decoration:none}
.copyright-bar .payment .petit-bottom-menu a:hover{text-decoration:underline}
@media (max-width:991px){
.copyright-bar .container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.copyright-bar .copyright,.copyright-bar .payment{float:none!important}
.copyright-bar .payment .petit-bottom-menu{justify-content:center}
}
/* Petit: pie-texto 2026-11-07 - el style.css del hijo NO se cargaba (nadie
   lo encolaba); al encolarlo las reglas del pie ya existian y ahora aplican.
   Selectores de respaldo por si cambia el DOM del pie. */
.site-footer .custom-logo{max-width:200px;height:auto}
.copyright-bar ul.petit-bottom-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:center}
.copyright-bar ul.petit-bottom-menu li{list-style:none}
/* Petit: heroe 2026-11-07 - las capas del slider existen y estan bien en
   la base (opacidad 1, centradas) pero el motor RevSlider no las muestra
   (quedan en opacity:0 + visibility:hidden del CSS de rs6.css). Forzarlas
   visibles; el motor ya posiciona las capas (la foto carga), asi que solo
   se corrige la visibilidad. Verificar en pantalla. */
#rev_slider_4_1 rs-layer{opacity:1 !important;visibility:visible !important}

/* Petit: sacar el logo de la barra oscura de abajo (pedido de Mauricio 2026-11-07) */
.handheld-footer-bar .custom-logo{display:none !important}

/* Petit: la barra oscura de abajo quedó vacía (solo tenía el logo, ya sacado) — esconderla entera (pedido de Mauricio 2026-11-07, doble menú) */
.handheld-footer-bar{display:none !important}

/* Petit: pie-columnas 2026-11-07 - los 3 widgets del pie volvieron para las 4 columnas de escritorio, pero en el celu se veian como acordeones que repetian el menu inferior. Esconder solo el area de widgets del pie movil (el tema ya usa d-lg-none, breakpoint lg = 992px); en el celu queda solo la barra de copyright + menu Pie inferior. */
@media (max-width:991px){
.handheld-widget-menu{display:none !important}
}

/* Petit: scroll-to-top tapa "Mi cuenta" en movil 2026-11-08 grupo D - el boton es fixed a 5rem del fondo (36px, banda 44-80px) y al llegar al final tapa los ultimos enlaces del pie. Solucion conservadora: solo en movil, padding inferior en el pie para que el ultimo contenido (barra de copyright) quede por encima de la banda del boton. Sin tocar el boton ni el escritorio. */
@media (max-width:991px){
.site-footer{padding-bottom:5.5rem}
}