/* Theme Name: Gestim Theme Child Theme URI: https://gestim.es Description: Child theme de Hello Elementor para Gestim landing pages Author: Gestim by idealista Author URI: https://gestim.es Template: hello-elementor Version: 2.0.0 Text Domain: gestim-theme-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* SaaS Landing Pages - Global Variables Only */ :root { --saas-brand-primary: #0066cc; --saas-brand-secondary: #00cc66; --saas-brand-accent: #ff6b35; --saas-brand-dark: #1a1a1a; --saas-brand-light: #f8f9fa; --saas-text-primary: #1a202c; --saas-text-secondary: #718096; --saas-bg-primary: #ffffff; --saas-bg-secondary: #f7fafc; --saas-border: #e2e8f0; --saas-shadow: rgba(0, 0, 0, 0.1); } /* Minimal global styles - Everything else uses Tailwind */ .saas-landing-page { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; } /* Hide default WordPress elements on landing pages */ .page-template-template-landing .site-header, .page-template-template-pricing .site-header, .page-template-template-onboarding .site-header, .page-template-template-docs .site-header { display: none; } .page-template-template-landing .site-footer, .page-template-template-pricing .site-footer, .page-template-template-onboarding .site-footer, .page-template-template-docs .site-footer { display: none; } /* Typography responsive (mobile-first) para la landing de Promozione di Settembre */ .promozione-di-settembre h1 { font-size: 1.875rem; /* ~30px */ line-height: 1.2; margin-top: 1.25rem; /* 20px */ margin-bottom: 1rem; /* 16px */ } .promozione-di-settembre h2 { font-size: 1.5rem; /* ~24px */ line-height: 1.25; margin-top: 1rem; /* 16px */ margin-bottom: 0.875rem; /* 14px */ } .promozione-di-settembre h3 { font-size: 1.25rem; /* ~20px */ line-height: 1.3; margin-top: 0.875rem; /* 14px */ margin-bottom: 0.75rem; /* 12px */ } @media (min-width: 768px) { .promozione-di-settembre h1 { font-size: 2.5rem; /* 40px */ margin-top: 1.75rem; /* 28px */ margin-bottom: 1.25rem; /* 20px */ } .promozione-di-settembre h2 { font-size: 2rem; /* 32px */ margin-top: 1.25rem; /* 20px */ margin-bottom: 1rem; /* 16px */ } .promozione-di-settembre h3 { font-size: 1.5rem; /* 24px */ margin-top: 1rem; /* 16px */ margin-bottom: 0.875rem; /* 14px */ } } /* Header (barra de menú) con fondo oscuro para mejorar contraste con texto blanco Aplica solo en nuestras plantillas de landing del child theme */ /* Landings con clase 'promozione-di-settembre' en */ body.promozione-di-settembre .site-header, body.promozione-di-settembre .elementor-location-header { background: #0f172a; /* slate-900 */ color: #ffffff; } /* Color de enlaces/menú dentro del header en esas plantillas */ body.promozione-di-settembre .site-header a, body.promozione-di-settembre .site-header .site-navigation a, body.promozione-di-settembre .elementor-location-header a { color: #ffffff; } /* Hover/focus accesible */ body.promozione-di-settembre .site-header a:hover, body.promozione-di-settembre .site-header a:focus, body.promozione-di-settembre .elementor-location-header a:hover, body.promozione-di-settembre .elementor-location-header a:focus { color: #e2e8f0; /* slate-200 */ } /* Opcional: sutil borde inferior para separar del contenido */ body.promozione-di-settembre .site-header, body.promozione-di-settembre .elementor-location-header { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } /* ======================================== RESET DE ESTILOS DE HELLO ELEMENTOR Prevenir que los estilos del tema padre interfieran ======================================== */ /* Reset de contenedores globales - aplicar a todas las landing pages */ body.black-month, body.black-month-balanced, body.black-month-gestim, body.promozione-speciale, body.promozione-di-settembre { /* Eliminar cualquier max-width restrictivo del tema padre */ max-width: none !important; width: 100% !important; } /* Asegurar que los contenedores principales tengan ancho completo */ body.black-month .site-main, body.black-month-balanced .site-main, body.black-month-gestim .site-main, body.promozione-speciale .site-main, body.promozione-di-settembre .site-main, body.black-month .content, body.black-month-balanced .content, body.black-month-gestim .content, body.promozione-speciale .content, body.promozione-di-settembre .content { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } /* Reset de contenedores de página */ body.black-month .page, body.black-month-balanced .page, body.black-month-gestim .page, body.promozione-speciale .page, body.promozione-di-settembre .page { max-width: none !important; width: 100% !important; overflow: visible !important; } /* Asegurar que hero-container y hero-grid tengan espacio completo */ .hero-container, .hero-grid { max-width: 100% !important; overflow: visible !important; box-sizing: border-box !important; } /* Asegurar que las tarjetas de características se vean completas */ .gestim-bm-features, .gestim-feature-card { overflow: visible !important; max-width: 100% !important; } /* Reset de contenedores Elementor si existen */ body.black-month .elementor, body.black-month-balanced .elementor, body.black-month-gestim .elementor, body.promozione-speciale .elementor, body.promozione-di-settembre .elementor, body.black-month .elementor-section, body.black-month-balanced .elementor-section, body.black-month-gestim .elementor-section, body.promozione-speciale .elementor-section, body.promozione-di-settembre .elementor-section { max-width: none !important; width: 100% !important; overflow: visible !important; } /* Prevenir que estilos del tema padre afecten forms y contenido */ body.black-month *, body.black-month-balanced *, body.black-month-gestim *, body.promozione-speciale *, body.promozione-di-settembre * { box-sizing: border-box; } /* ======================================== PROTECCIÓN PARA TESTIMONIALS SECTION ======================================== */ /* Asegurar que la sección de testimonials no sea cortada */ .testimonials-gestim-section { overflow: visible !important; max-width: 100% !important; } .testimonials-container { max-width: 1280px !important; overflow: visible !important; } /* Asegurar que los carruseles Swiper tengan espacio */ .testimonials-carousel-wrapper, .testimonials-swiper, .swiper, .agencies-swiper { overflow: visible !important; } /* Los botones de navegación de Swiper están fuera del contenedor */ .testimonials-nav-prev, .testimonials-nav-next { z-index: 100 !important; }