/** * OMERO Normalize v2 — Uniformatore stili landing pages * Caricato ULTIMO nel , DOPO _global_css e shell-critical. * Selettori ad alta specificità con #omero-content + !important. * NON tocca: hero backgrounds, layout strutturale, animazioni. */ /* ═══════════════════════════════════════════ ANTI-FOUT — nasconde contenuto fino a font pronti JS aggiunge .fonts-ready su quando i font sono caricati. Fallback: dopo 500ms si mostra comunque (class aggiunta da timer). ═══════════════════════════════════════════ */ #omero-content { opacity: 0; transition: opacity 0.15s ease-in; } html.fonts-ready #omero-content { opacity: 1; } /* ═══════════════════════════════════════════ PROTEZIONE SHELL — i CSS delle landing usano selettori globali (body, header, a, *) che rompono menu/footer shell. Queste regole blindano gli elementi shell. ═══════════════════════════════════════════ */ /* Header shell — sempre visibile, font corretto */ .omero-header, .omero-header * { visibility: visible !important; opacity: 1 !important; font-family: 'Montserrat', system-ui, sans-serif !important; } .omero-header .omero-header-navlink { font-family: 'Montserrat', system-ui, sans-serif !important; font-weight: 600 !important; font-size: 11px !important; color: var(--livein-navy, #1A2E44) !important; text-decoration: none !important; } .omero-header .omero-header-navlink:hover, .omero-header .omero-header-navlink.is-active { color: var(--livein-sunset, #FF6B35) !important; } .omero-header .omero-header-phone { font-family: 'Poppins', system-ui, sans-serif !important; font-weight: 600 !important; font-size: 12px !important; color: var(--livein-navy, #1A2E44) !important; text-decoration: none !important; } .omero-header .omero-btn-prenota { font-family: 'Montserrat', system-ui, sans-serif !important; background: var(--livein-sunset, #FF6B35) !important; color: #fff !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 12px !important; } .omero-header .omero-logo-text { font-family: 'Montserrat', system-ui, sans-serif !important; font-weight: 900 !important; color: var(--livein-navy, #1A2E44) !important; text-decoration: none !important; } /* Sidemenu — sempre visibile quando aperto */ .omero-sidemenu, .omero-sidemenu * { visibility: visible !important; opacity: 1 !important; font-family: 'Poppins', system-ui, sans-serif !important; } .omero-sidemenu .omero-sidemenu-link { color: var(--livein-text, #24323a) !important; text-decoration: none !important; font-weight: 500 !important; } .omero-sidemenu .omero-sidemenu-link:hover, .omero-sidemenu .omero-sidemenu-link.is-active { color: var(--livein-sunset, #FF6B35) !important; } /* Footer shell — protetto dai CSS delle landing */ .omero-footer, .omero-footer * { visibility: visible !important; opacity: 1 !important; display: revert !important; } .omero-footer { display: block !important; background: var(--livein-navy, #1A2E44) !important; font-family: 'Poppins', system-ui, sans-serif !important; } .omero-footer h4 { font-family: 'Montserrat', system-ui, sans-serif !important; } .omero-footer a { text-decoration: none !important; } .omero-footer .omero-footer-inner { display: grid !important; } /* Overlay — protetto */ .omero-overlay { visibility: visible !important; } /* ═══════════════════════════════════════════ CONTENUTO — margine top per header fisso ═══════════════════════════════════════════ */ #omero-content { margin-top: var(--header-h, 70px) !important; } /* Camerette classiche — hero title respira dal bordo superiore */ body.omero-camerette-classiche #omero-content > *:first-child, body.omero-camerette-classiche #omero-content > header.header, body[class*="classiche"] #omero-content > *:first-child { padding-top: 60px !important; } /* ═══════════════════════════════════════════ FONT BASE ═══════════════════════════════════════════ */ #omero-content { font-family: 'Poppins', system-ui, sans-serif !important; color: #24323a; line-height: 1.7 !important; } #omero-content h1, #omero-content h2, #omero-content h3, #omero-content h4, #omero-content h5, #omero-content h6 { font-family: 'Montserrat', system-ui, sans-serif !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; color: #1A2E44; } #omero-content p, #omero-content li, #omero-content span, #omero-content td, #omero-content label { font-family: 'Poppins', system-ui, sans-serif !important; } /* ═══════════════════════════════════════════ HEADING SIZES — responsive clamp() ═══════════════════════════════════════════ */ #omero-content h1 { font-size: clamp(1.8rem, 4vw, 2.8rem) !important; font-weight: 800 !important; } #omero-content h2 { font-size: clamp(1.5rem, 3vw, 2.2rem) !important; font-weight: 700 !important; } #omero-content h3 { font-size: clamp(1.2rem, 2.5vw, 1.6rem) !important; font-weight: 700 !important; } #omero-content h4 { font-size: clamp(1.05rem, 2vw, 1.3rem) !important; font-weight: 600 !important; } /* ═══════════════════════════════════════════ HERO — titoli bianchi su bg scuri Non forzare navy sui titoli dentro hero/header ═══════════════════════════════════════════ */ #omero-content [class*="hero"] h1, #omero-content [class*="hero"] h2, #omero-content [class*="hero"] h3, #omero-content [class*="hero"] p, #omero-content [class*="hero"] span, #omero-content [class*="Hero"] h1, #omero-content [class*="Hero"] h2, #omero-content [class*="Hero"] h3, #omero-content [class*="Hero"] p, #omero-content .header h1, #omero-content .header h2, #omero-content .header p, #omero-content .combined-hero h1, #omero-content .combined-hero h2, #omero-content .combined-hero p, #omero-content [class*="pyro"] h1, #omero-content [class*="pyro"] h2, #omero-content [class*="pyro"] p, #omero-content .pricing-section h1, #omero-content .pricing-section h2, #omero-content .pricing-section p, #omero-content .pricing-section span, #omero-content .pricing-section .section-subtitle, #omero-content .guarantee-section h2, #omero-content .guarantee-section p, #omero-content .cta-section h2, #omero-content .cta-section p, #omero-content .cta-title, #omero-content [class*="final-cta"] h2, #omero-content [class*="final-cta"] p { color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,0.25) !important; } /* Rispetta bianco su qualsiasi contenitore scuro */ #omero-content .text-white, #omero-content .text-white h1, #omero-content .text-white h2, #omero-content .text-white h3, #omero-content .text-white p, #omero-content .text-white span, #omero-content [style*="color:#fff"], #omero-content [style*="color: #fff"], #omero-content [style*="color:white"], #omero-content [style*="color: white"], #omero-content h1[style*="color:#fff"], #omero-content h1[style*="color: #fff"], #omero-content h1[style*="color:white"], #omero-content h1[style*="color: white"], #omero-content h2[style*="color:#fff"], #omero-content h2[style*="color: #fff"], #omero-content h3[style*="color:#fff"], #omero-content h3[style*="color: #fff"], #omero-content h1 span[style*="color:#fff"], #omero-content h1 span[style*="color: #fff"], #omero-content [style*="color:#ffffff"], #omero-content [style*="color: #ffffff"], #omero-content [style*="color:#FFFFFF"], #omero-content span[style*="-webkit-text-fill-color:#fff"], #omero-content span[style*="-webkit-text-fill-color: #fff"] { color: #fff !important; } /* Sezioni con bg scuro — tutto il testo bianco */ #omero-content .bg-gray-800 h1, #omero-content .bg-gray-800 h2, #omero-content .bg-gray-800 h3, #omero-content .bg-gray-800 p, #omero-content .bg-gray-800 span, #omero-content .bg-gray-900 h1, #omero-content .bg-gray-900 h2, #omero-content .bg-gray-900 h3, #omero-content .bg-gray-900 p, #omero-content .bg-gray-900 span, #omero-content [style*="background:#1a252f"] h1, #omero-content [style*="background:#1a252f"] h2, #omero-content [style*="background:#1a252f"] p, #omero-content [style*="background:#2c3e50"] h1, #omero-content [style*="background:#2c3e50"] h2, #omero-content [style*="background:#2c3e50"] p, #omero-content [style*="background-color:#1a252f"] h1, #omero-content [style*="background-color:#1a252f"] p, #omero-content [style*="background-color:#2c3e50"] h1, #omero-content [style*="background-color:#2c3e50"] p { color: #fff !important; } /* ═══════════════════════════════════════════ COLORE BRAND #FF6B35 Override AGGRESSIVO di TUTTI i colori non-brand ═══════════════════════════════════════════ */ /* --- Testo: override inline --- */ #omero-content [style*="color:#ff8c00"], #omero-content [style*="color: #ff8c00"], #omero-content [style*="color:#FF8C00"], #omero-content [style*="color: #FF8C00"], #omero-content [style*="color:#FF6B00"], #omero-content [style*="color: #FF6B00"], #omero-content [style*="color:#ff6b00"], #omero-content [style*="color: #ff6b00"], #omero-content [style*="color:#FF6F00"], #omero-content [style*="color: #FF6F00"], #omero-content [style*="color:#ff6f00"], #omero-content [style*="color: #ff6f00"], #omero-content [style*="color:#ea580c"], #omero-content [style*="color: #ea580c"], #omero-content [style*="color:#EA580C"], #omero-content [style*="color: #EA580C"], #omero-content [style*="color:#f97316"], #omero-content [style*="color: #f97316"], #omero-content [style*="color:#F97316"], #omero-content [style*="color: #F97316"], #omero-content [style*="color:#e65100"], #omero-content [style*="color: #e65100"], #omero-content [style*="color:#ff5722"], #omero-content [style*="color: #ff5722"], #omero-content [style*="color:#FF5722"], #omero-content [style*="color: #FF5722"], #omero-content [style*="color:#FF4500"], #omero-content [style*="color: #FF4500"], #omero-content [style*="color:#ff4500"], #omero-content [style*="color: #ff4500"], #omero-content [style*="color:#f59e0b"], #omero-content [style*="color: #f59e0b"], #omero-content [style*="color:#F59E0B"], #omero-content [style*="color: #F59E0B"], #omero-content [style*="color:#8b4b6b"], #omero-content [style*="color: #8b4b6b"], #omero-content [style*="color:#d4a574"], #omero-content [style*="color: #d4a574"], #omero-content [style*="color:#a67c7c"], #omero-content [style*="color: #a67c7c"], #omero-content [style*="color:#1e40af"], #omero-content [style*="color: #1e40af"], #omero-content [style*="color:#1E40AF"], #omero-content [style*="color: #1E40AF"], #omero-content [style*="color:#2563eb"], #omero-content [style*="color: #2563eb"], #omero-content [style*="color:#3b82f6"], #omero-content [style*="color: #3b82f6"] { color: #FF6B35 !important; } /* --- Testo: override Tailwind --- */ #omero-content .text-orange-500, #omero-content .text-orange-600, #omero-content .text-orange-700, #omero-content .text-amber-500, #omero-content .text-amber-600, #omero-content .text-blue-600, #omero-content .text-blue-700, #omero-content .text-blue-800, #omero-content .text-purple-600, #omero-content .text-purple-700, #omero-content [class*="text-\\[#FF6B00\\]"], #omero-content [class*="text-\\[#ff6b00\\]"], #omero-content [class*="text-\\[#FF6F00\\]"], #omero-content [class*="text-\\[#FF4500\\]"], #omero-content [class*="text-\\[#ff8c00\\]"], #omero-content [class*="text-\\[#8b4b6b\\]"], #omero-content [class*="text-\\[#1e40af\\]"] { color: #FF6B35 !important; } /* --- Background: override inline --- */ #omero-content [style*="background-color:#ff8c00"], #omero-content [style*="background-color: #ff8c00"], #omero-content [style*="background-color:#FF8C00"], #omero-content [style*="background-color: #FF8C00"], #omero-content [style*="background-color:#FF6B00"], #omero-content [style*="background-color: #FF6B00"], #omero-content [style*="background-color:#ff6b00"], #omero-content [style*="background-color: #ff6b00"], #omero-content [style*="background-color:#FF6F00"], #omero-content [style*="background-color: #FF6F00"], #omero-content [style*="background-color:#ea580c"], #omero-content [style*="background-color: #ea580c"], #omero-content [style*="background-color:#f97316"], #omero-content [style*="background-color: #f97316"], #omero-content [style*="background-color:#FF4500"], #omero-content [style*="background-color: #FF4500"], #omero-content [style*="background-color:#e65100"], #omero-content [style*="background-color: #e65100"], #omero-content [style*="background-color:#ff5722"], #omero-content [style*="background-color: #ff5722"], #omero-content [style*="background-color:#f59e0b"], #omero-content [style*="background-color: #f59e0b"], #omero-content [style*="background-color:#8b4b6b"], #omero-content [style*="background-color: #8b4b6b"], #omero-content [style*="background-color:#d4a574"], #omero-content [style*="background-color: #d4a574"], #omero-content [style*="background-color:#1e40af"], #omero-content [style*="background-color: #1e40af"], #omero-content [style*="background-color:#1E40AF"], #omero-content [style*="background-color: #1E40AF"], #omero-content [style*="background-color:#2563eb"], #omero-content [style*="background-color: #2563eb"], #omero-content [style*="background-color:#3b82f6"], #omero-content [style*="background-color: #3b82f6"], #omero-content [style*="background:#ff8c00"], #omero-content [style*="background: #ff8c00"], #omero-content [style*="background:#FF8C00"], #omero-content [style*="background: #FF8C00"], #omero-content [style*="background:#FF6B00"], #omero-content [style*="background: #FF6B00"], #omero-content [style*="background:#FF6F00"], #omero-content [style*="background: #FF6F00"], #omero-content [style*="background:#ea580c"], #omero-content [style*="background: #ea580c"], #omero-content [style*="background:#f97316"], #omero-content [style*="background: #f97316"], #omero-content [style*="background:#FF4500"], #omero-content [style*="background: #FF4500"], #omero-content [style*="background:#e65100"], #omero-content [style*="background: #e65100"], #omero-content [style*="background:#ff5722"], #omero-content [style*="background: #ff5722"], #omero-content [style*="background:#f59e0b"], #omero-content [style*="background: #f59e0b"], #omero-content [style*="background:#8b4b6b"], #omero-content [style*="background: #8b4b6b"], #omero-content [style*="background:#d4a574"], #omero-content [style*="background: #d4a574"], #omero-content [style*="background:#1e40af"], #omero-content [style*="background: #1e40af"], #omero-content [style*="background:#2563eb"], #omero-content [style*="background: #2563eb"], #omero-content [style*="background:#3b82f6"], #omero-content [style*="background: #3b82f6"] { background-color: #FF6B35 !important; background-image: none !important; } /* --- Background: override Tailwind --- */ #omero-content .bg-orange-500, #omero-content .bg-orange-600, #omero-content .bg-orange-700, #omero-content .bg-amber-500, #omero-content .bg-amber-600, #omero-content .bg-blue-600, #omero-content .bg-blue-700, #omero-content .bg-blue-800, #omero-content .bg-purple-600, #omero-content .bg-purple-700, #omero-content [class*="bg-\\[#FF6B00\\]"], #omero-content [class*="bg-\\[#ff6b00\\]"], #omero-content [class*="bg-\\[#FF6F00\\]"], #omero-content [class*="bg-\\[#FF4500\\]"], #omero-content [class*="bg-\\[#8b4b6b\\]"], #omero-content [class*="bg-\\[#1e40af\\]"] { background-color: #FF6B35 !important; } /* Section alternate bg — uniforma off-white */ #omero-content .bg-orange-50, #omero-content .bg-amber-50, #omero-content .bg-blue-50, #omero-content .bg-purple-50, #omero-content [style*="background:#faf8f5"], #omero-content [style*="background: #faf8f5"], #omero-content [style*="background-color:#faf8f5"], #omero-content [style*="background:#f5f1ec"], #omero-content [style*="background-color:#f5f1ec"] { background-color: #f9fafb !important; } /* --- Border: override tutti i colori non-brand --- */ #omero-content [style*="border-color:#ff8c00"], #omero-content [style*="border-color:#FF8C00"], #omero-content [style*="border-color:#FF6B00"], #omero-content [style*="border-color:#FF6F00"], #omero-content [style*="border-color:#ea580c"], #omero-content [style*="border-color:#f97316"], #omero-content [style*="border-color:#FF4500"], #omero-content [style*="border-color:#e65100"], #omero-content [style*="border-color:#8b4b6b"], #omero-content [style*="border-color:#d4a574"], #omero-content [style*="border-color:#1e40af"], #omero-content [style*="border-color:#1E40AF"], #omero-content [style*="border-color:#2563eb"], #omero-content [style*="border-color:#3b82f6"], #omero-content .border-orange-500, #omero-content .border-orange-600, #omero-content .border-blue-600, #omero-content .border-blue-700, #omero-content .border-amber-500, #omero-content .border-purple-600 { border-color: #FF6B35 !important; } /* Gradient buttons → solid brand */ #omero-content [style*="linear-gradient"][style*="#FF4500"], #omero-content [style*="linear-gradient"][style*="#ff4500"], #omero-content [style*="linear-gradient"][style*="#FF6B35"], #omero-content [style*="linear-gradient"][style*="#f97316"], #omero-content [style*="linear-gradient"][style*="#8b4b6b"], #omero-content [style*="linear-gradient"][style*="#1e40af"] { background: #FF6B35 !important; } /* ═══════════════════════════════════════════ BOTTONI CTA — pillola compatta uniforme Target: TUTTE le varianti di classi bottone trovate ═══════════════════════════════════════════ */ #omero-content a[class*="btn"], #omero-content a[class*="Btn"], #omero-content a[class*="button"], #omero-content a[class*="Button"], #omero-content a[class*="cta"], #omero-content a[class*="CTA"], #omero-content button[class*="btn"], #omero-content button[class*="button"], #omero-content button[class*="cta"], #omero-content .wp-block-button__link, #omero-content .wp-element-button, #omero-content .kb-button, #omero-content .kt-button, #omero-content [class*="wp-block-button"] a, #omero-content .cta-button, #omero-content .cta-btn, #omero-content .btn-primary, #omero-content .btn-solutions, #omero-content .hero-button, #omero-content .quiz-btn-premium, #omero-content .livein-button, #omero-content .p-cal-btn, #omero-content a[style*="background-color"][style*="padding"], #omero-content a[style*="background:"][style*="padding"], #omero-content a[style*="background-color"][style*="border-radius"], #omero-content a[style*="background:"][style*="border-radius"] { border-radius: 50px !important; padding: 15px 35px !important; font-size: 14px !important; font-weight: 700 !important; font-family: 'Montserrat', system-ui, sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; cursor: pointer !important; border: none !important; line-height: 1.4 !important; background-color: #FF6B35 !important; background-image: none !important; color: #fff !important; text-shadow: none !important; } /* Esclusioni: navigation, slider controls */ #omero-content a[class*="nav"], #omero-content a[class*="close"], #omero-content a[class*="prev"], #omero-content a[class*="next"], #omero-content a[class*="swiper"], #omero-content a[class*="slider"], #omero-content a[href*="maps.google"], #omero-content a[href*="goo.gl/maps"] { background-color: initial !important; background-image: none !important; color: inherit !important; border-radius: initial !important; padding: initial !important; font-size: inherit !important; font-weight: inherit !important; text-transform: none !important; display: initial !important; border: none !important; } /* WhatsApp buttons — verde standard, pillola */ #omero-content a[href*="wa.me"], #omero-content a[href*="whatsapp"], #omero-content a[class*="whatsapp"], #omero-content a[class*="WhatsApp"] { background-color: #25D366 !important; background-image: none !important; color: #fff !important; border-radius: 50px !important; padding: 15px 35px !important; font-size: 14px !important; font-weight: 700 !important; font-family: 'Montserrat', system-ui, sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; text-decoration: none !important; border: none !important; text-shadow: none !important; line-height: 1.4 !important; transition: all 0.3s ease !important; cursor: pointer !important; } #omero-content a[href*="wa.me"]:hover, #omero-content a[class*="whatsapp"]:hover { background-color: #1DA851 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(37, 211, 102, 0.35) !important; } /* Numero verde — ghost button trasparente, adattivo chiaro/scuro */ #omero-content a[href*="tel:"] { background: transparent !important; background-image: none !important; color: #1A2E44 !important; border: 2px solid #1A2E44 !important; border-radius: 50px !important; padding: 14px 32px !important; font-size: 0px !important; font-weight: 700 !important; font-family: 'Montserrat', system-ui, sans-serif !important; letter-spacing: 0.5px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; text-decoration: none !important; text-shadow: none !important; line-height: 1.4 !important; transition: all 0.2s ease !important; cursor: pointer !important; box-shadow: none !important; } #omero-content a[href*="tel:"] > * { display: none !important; } #omero-content a[href*="tel:"]::after { content: "Chiama 800 270 044" !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; display: inline !important; } #omero-content a[href*="tel:"]:hover { background: #1A2E44 !important; color: #fff !important; } /* Numero verde su sfondo scuro — bordo e testo chiari */ #omero-content [class*="hero"] a[href*="tel:"], #omero-content [class*="Hero"] a[href*="tel:"], #omero-content .header a[href*="tel:"], #omero-content .combined-hero a[href*="tel:"], #omero-content [class*="pyro"] a[href*="tel:"], #omero-content .pricing-section a[href*="tel:"], #omero-content .guarantee-section a[href*="tel:"], #omero-content .cta-section a[href*="tel:"], #omero-content [class*="final-cta"] a[href*="tel:"], #omero-content .bg-gray-800 a[href*="tel:"], #omero-content .bg-gray-900 a[href*="tel:"], #omero-content [style*="background:#1a252f"] a[href*="tel:"], #omero-content [style*="background:#2c3e50"] a[href*="tel:"] { color: #fff !important; border-color: #fff !important; } #omero-content [class*="hero"] a[href*="tel:"]:hover, #omero-content .header a[href*="tel:"]:hover, #omero-content .combined-hero a[href*="tel:"]:hover, #omero-content [class*="pyro"] a[href*="tel:"]:hover, #omero-content .pricing-section a[href*="tel:"]:hover, #omero-content .guarantee-section a[href*="tel:"]:hover, #omero-content .cta-section a[href*="tel:"]:hover, #omero-content [class*="final-cta"] a[href*="tel:"]:hover, #omero-content .bg-gray-800 a[href*="tel:"]:hover, #omero-content .bg-gray-900 a[href*="tel:"]:hover { background: #fff !important; color: #1A2E44 !important; } /* Telefono inline (dentro paragrafi, footer) — no stile pillola */ #omero-content p a[href*="tel:"], #omero-content span a[href*="tel:"], #omero-content li a[href*="tel:"], #omero-content td a[href*="tel:"] { background: none !important; background-image: none !important; border: none !important; border-radius: 0 !important; padding: 0 !important; font-size: inherit !important; font-weight: 600 !important; font-family: inherit !important; text-transform: none !important; display: inline !important; color: #FF6B35 !important; box-shadow: none !important; text-shadow: none !important; letter-spacing: normal !important; } #omero-content p a[href*="tel:"] > *, #omero-content span a[href*="tel:"] > *, #omero-content li a[href*="tel:"] > *, #omero-content td a[href*="tel:"] > * { display: inline !important; } #omero-content p a[href*="tel:"]::before, #omero-content span a[href*="tel:"]::before, #omero-content li a[href*="tel:"]::before, #omero-content td a[href*="tel:"]::before, #omero-content p a[href*="tel:"]::after, #omero-content span a[href*="tel:"]::after, #omero-content li a[href*="tel:"]::after, #omero-content td a[href*="tel:"]::after { content: none !important; display: none !important; } #omero-content p a[href*="tel:"]:hover, #omero-content span a[href*="tel:"]:hover { background: none !important; transform: none !important; box-shadow: none !important; text-decoration: underline !important; } /* Hover glow */ #omero-content a[class*="btn"]:hover, #omero-content a[class*="button"]:hover, #omero-content a[class*="cta"]:hover, #omero-content button[class*="btn"]:hover, #omero-content button[class*="cta"]:hover, #omero-content .cta-button:hover, #omero-content .cta-btn:hover, #omero-content .btn-primary:hover, #omero-content a[style*="background-color"][style*="padding"]:hover, #omero-content a[style*="background:"][style*="padding"]:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4) !important; background-color: #F2602B !important; } /* Form submit buttons */ #omero-content form [type="submit"], #omero-content form button:not([class*="close"]):not([class*="prev"]):not([class*="back"]):not([class*="sidemenu"]) { border-radius: 50px !important; padding: 15px 35px !important; font-size: 14px !important; font-weight: 700 !important; font-family: 'Montserrat', system-ui, sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; background-color: #FF6B35 !important; background-image: none !important; color: #fff !important; border: none !important; cursor: pointer !important; transition: all 0.3s ease !important; line-height: 1.4 !important; } #omero-content form [type="submit"]:hover, #omero-content form button:not([class*="close"]):not([class*="prev"]):not([class*="back"]):hover { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4) !important; background-color: #F2602B !important; } /* ═══════════════════════════════════════════ SECTION PADDING — solo dal secondo elemento in poi La prima sezione (hero) mantiene il suo padding originale ═══════════════════════════════════════════ */ #omero-content > section:not(:first-child), #omero-content > div:not(:first-child) > section, #omero-content > .wp-block-group:not(:first-child), #omero-content > div:not(:first-child) > .wp-block-group, #omero-content > [class*="section"]:not(:first-child), #omero-content > div:not(:first-child) > [class*="section"] { padding-top: 80px !important; padding-bottom: 80px !important; } /* ═══════════════════════════════════════════ CARD / BOX — radius e ombre uniformi Solo card di contenuto (recensioni, testimonial, pricing) NON feature-card, glass-card, o griglie con immagini grandi ═══════════════════════════════════════════ */ #omero-content [class*="review-card"], #omero-content [class*="testimonial"], #omero-content [class*="Testimonial"], #omero-content .price-card, #omero-content [class*="pricing-card"] { border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important; } /* ═══════════════════════════════════════════ LINK — colore brand ═══════════════════════════════════════════ */ #omero-content a:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not([class*="nav"]):not([class*="logo"]):not([style*="background"]):not([href*="wa.me"]):not([href*="tel:"]):not([href*="maps"]) { color: #FF6B35 !important; text-decoration: none !important; transition: color 0.2s ease !important; } #omero-content a:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not([class*="nav"]):not([class*="logo"]):not([style*="background"]):not([href*="wa.me"]):not([href*="tel:"]):not([href*="maps"]):hover { color: #F2602B !important; text-decoration: underline !important; } /* ═══════════════════════════════════════════ FORM INPUTS — stile uniforme ═══════════════════════════════════════════ */ #omero-content input[type="text"], #omero-content input[type="email"], #omero-content input[type="tel"], #omero-content input[type="number"], #omero-content input[type="url"], #omero-content textarea, #omero-content select, #omero-content .pf-input, #omero-content .livein-input { border: 2px solid #e5e7eb !important; border-radius: 12px !important; padding: 14px 18px !important; font-family: 'Poppins', system-ui, sans-serif !important; font-size: 15px !important; transition: border-color 0.2s ease !important; outline: none !important; background: #fff !important; } #omero-content input[type="text"]:focus, #omero-content input[type="email"]:focus, #omero-content input[type="tel"]:focus, #omero-content input[type="number"]:focus, #omero-content input[type="url"]:focus, #omero-content textarea:focus, #omero-content select:focus { border-color: #FF6B35 !important; box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.12) !important; } /* ═══════════════════════════════════════════ PARAGRAPH / BODY TEXT ═══════════════════════════════════════════ */ #omero-content p { font-size: clamp(0.9rem, 1.5vw, 1.05rem) !important; line-height: 1.7 !important; color: #24323a; } /* Testo muted */ #omero-content [class*="subtitle"], #omero-content [class*="Subtitle"], #omero-content [class*="lead"], #omero-content [class*="tagline"], #omero-content [class*="description"] > p:first-child { color: #5b6672 !important; } /* ═══════════════════════════════════════════ SVG — previeni overflow e scrollbar spurie ═══════════════════════════════════════════ */ #omero-content svg { max-width: 100% !important; height: auto !important; overflow: visible !important; } #omero-content svg:not([width]) { width: 24px !important; height: 24px !important; } #omero-content .consult-icon-flat, #omero-content [class*="consult-icon"], #omero-content [class*="icon-flat"] { width: 32px !important; height: 32px !important; flex-shrink: 0 !important; overflow: visible !important; } /* ═══════════════════════════════════════════ IMMAGINI — default rettangolari, bordi tondi solo se cliccabili ═══════════════════════════════════════════ */ #omero-content img { border-radius: 0 !important; max-width: 100% !important; height: auto !important; } /* Solo immagini cliccabili/apribili (dentro link) → angoli tondi */ #omero-content a > img, #omero-content a[data-lightbox] img, #omero-content a[data-fancybox] img, #omero-content a[target="_blank"] > img { border-radius: 12px !important; } /* ═══════════════════════════════════════════ RESPONSIVE — mobile ═══════════════════════════════════════════ */ @media (max-width: 768px) { #omero-content > section:not(:first-child), #omero-content > div:not(:first-child) > section, #omero-content > .wp-block-group:not(:first-child), #omero-content > div:not(:first-child) > .wp-block-group, #omero-content > [class*="section"]:not(:first-child), #omero-content > div:not(:first-child) > [class*="section"] { padding-top: 50px !important; padding-bottom: 50px !important; } #omero-content a[class*="btn"], #omero-content a[class*="button"], #omero-content a[class*="cta"], #omero-content .cta-button, #omero-content .cta-btn, #omero-content .btn-primary, #omero-content button[class*="btn"], #omero-content button[class*="cta"], #omero-content .wp-block-button__link, #omero-content form [type="submit"] { padding: 13px 28px !important; font-size: 13px !important; width: auto !important; } } /* ═══════════════════════════════════════════ FOOTER RESIDUI — nasconde footer dentro il contenuto (il footer vero è nello shell, fuori da #omero-content) ═══════════════════════════════════════════ */ #omero-content footer, #omero-content [class*="footer"], #omero-content [class*="Footer"], #omero-content [id*="footer"], #omero-content [id*="Footer"], #omero-content .main-footer { display: none !important; } /* ═══════════════════════════════════════════ OVERLAY / POPUP residui — nasconde ═══════════════════════════════════════════ */ #omero-content [id*="overlay-master"], #omero-content [id*="lu-overlay"] { display: none !important; } /* ═══════════════════════════════════════════ FAB WHATSAPP RESIDUI dentro il contenuto landing (quello vero è nello shell, fuori da #omero-content) ═══════════════════════════════════════════ */ #omero-content #whatsapp-fixed, #omero-content [id*="whatsapp-fixed"], #omero-content > div[style*="position: fixed"][style*="bottom"], #omero-content > div[style*="position:fixed"][style*="bottom"] { display: none !important; } /* Anche P.IVA / info legali residue in fondo al contenuto */ #omero-content > br:last-of-type, #omero-content > a[href*="privacy"]:last-of-type { display: none !important; }