/* Theme Name: Divi Child — d5ai Theme URI: https://divi5ai.codeup.it Description: Child theme for Divi 5 — d5ai project Author: d5ai Template: Divi Version: 1.0.0 Text Domain: divi-child-d5ai */ /* ========================================================================== LANDING PAGE AD ALTA CONVERSIONE — Stile Registri Akashici Formato: Child Theme (style.css) Generato: 2026-05-29 Prefisso CSS: d5ai Divi: 5.2+ STRUTTURA PAGINA (10 sezioni): §1 Top Urgency Bar — data evento, sfondo blu profondo con stelle §2 Hero — 2 colonne: immagine corso + headline + CTA §3 Lead Capture — promessa valore + form email optin §4 Curriculum — griglia moduli "cosa imparerai" §5 Bio Istruttore — autorità, credenziali, fiducia §6 Testimonianze — riprova sociale, 3 card §7 Secondo Optin — ripetizione CTA su sfondo blu §8 FAQ Accordion — gestione obiezioni §9 CTA Finale — massima urgenza + button gold §10 Footer — privacy, copyright, link legali SETUP: 1. Attiva questo child theme da WP Admin > Aspetto > Temi 2. Aggiungi le classi CSS ai moduli Divi via Advanced > CSS Class 3. Per i bottoni usa Advanced > CSS Class (NON usare selettori numerati) 4. Vedi CLASS MAP in ogni sezione per dove applicare ogni classe ========================================================================== */ /* ========================================================================== DESIGN TOKENS — aggiungi al :root esistente se già presente ========================================================================== */ :root { /* Colori brand */ --lp-blue: #1a00e6; --lp-blue-dark: #1200b3; --lp-blue-mid: #2200cc; --lp-blue-bg: #050044; --lp-blue-star: #0a0077; --lp-red: #cc0000; --lp-gold: #c9a227; --lp-white: #ffffff; --lp-off-white: #f5f5ff; --lp-text: #1a1a2e; --lp-text-muted: #44446a; --lp-cta: #1a3fff; --lp-cta-hover: #0d29cc; --lp-border: rgba(26, 0, 230, 0.15); /* Tipografia */ --lp-font-sans: 'Arial', 'Helvetica Neue', sans-serif; --lp-font-serif: 'Georgia', 'Times New Roman', serif; /* Spaziature */ --lp-pad-section: clamp(3rem, 6vw, 5rem); --lp-pad-sm: clamp(1.5rem, 3vw, 2.5rem); --lp-max-w: 1200px; --lp-max-w-text: 720px; /* Ombre */ --lp-shadow-card: 0 4px 24px rgba(26, 0, 230, 0.12); --lp-shadow-cta: 0 8px 32px rgba(26, 63, 255, 0.45); --lp-shadow-hero: 0 12px 48px rgba(0, 0, 0, 0.25); /* Border radius */ --lp-radius-sm: 4px; --lp-radius-md: 8px; --lp-radius-lg: 16px; /* Z-index */ --lp-z-topbar: 200; --lp-z-modal: 1050; } /* ========================================================================== §1 — TOP URGENCY BAR CLASS MAP: ┌──────────────────────┬───────────────┬──────────────────────┐ │ Classe │ Applica a │ Dove │ ├──────────────────────┼───────────────┼──────────────────────┤ │ d5ai-topbar │ Section │ Advanced > CSS Class │ │ d5ai-topbar__logo │ Image Module │ Advanced > CSS Class │ │ d5ai-topbar__date │ Text Module │ Advanced > CSS Class │ └──────────────────────┴───────────────┴──────────────────────┘ BUILDER SETUP: 1. Sezione Full-Width in cima alla pagina 2. Advanced > HTML > Element Type:
3. Background: colore solido #050044 (usa anche Divi bg color) 4. Row: 2 colonne (40% logo / 60% data) 5. Col 1: Image Module con classe d5ai-topbar__logo 6. Col 2: Text Module con classe d5ai-topbar__date Copy: DATA EVENTO:
Sabato 27 e Domenica 28 Settembre 2025
Orario: 10-12 e 14,30-19 ========================================================================== */ .d5ai-topbar { background: linear-gradient(135deg, var(--lp-blue-bg) 0%, var(--lp-blue-star) 50%, var(--lp-blue-bg) 100% ) !important; position: relative !important; overflow: hidden !important; z-index: var(--lp-z-topbar) !important; } /* Effetto campo stellato */ .d5ai-topbar::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.85) 1px, transparent 1px), radial-gradient(circle, rgba(255,255,255,0.5) 1px, transparent 1px), radial-gradient(circle, rgba(255,255,255,0.3) 1px, transparent 1px); background-size: 90px 90px, 140px 140px, 200px 200px; background-position: 0 0, 50px 30px, 25px 65px; pointer-events: none; animation: lp-twinkle 8s ease-in-out infinite alternate; } @keyframes lp-twinkle { 0% { opacity: 0.6; } 100% { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .d5ai-topbar::before { animation: none; opacity: 0.8; } } .d5ai-topbar .et_pb_row { display: flex !important; align-items: center !important; justify-content: space-between !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; max-width: var(--lp-max-w) !important; position: relative !important; z-index: 1 !important; } .d5ai-topbar__logo .et_pb_image_wrap img { max-height: 64px !important; width: auto !important; } .d5ai-topbar__date { color: var(--lp-white) !important; font-family: var(--lp-font-sans) !important; } .d5ai-topbar__date .et_pb_text_inner strong { font-size: clamp(0.9rem, 1.2vw, 1.05rem) !important; text-decoration: underline !important; text-underline-offset: 3px !important; display: block !important; margin-bottom: 0.25rem !important; } .d5ai-topbar__date p { margin: 0.2rem 0 !important; font-size: clamp(0.85rem, 1.1vw, 1rem) !important; color: var(--lp-white) !important; line-height: 1.5 !important; } /* ========================================================================== §2 — HERO SECTION CLASS MAP: ┌─────────────────────────┬──────────────────┬──────────────────────┐ │ Classe │ Applica a │ Dove │ ├─────────────────────────┼──────────────────┼──────────────────────┤ │ d5ai-hero │ Section │ Advanced > CSS Class │ │ d5ai-hero__image │ Image Module │ Advanced > CSS Class │ │ d5ai-hero__preheadline │ Text Module │ Advanced > CSS Class │ │ d5ai-hero__headline │ Text Module │ Advanced > CSS Class │ │ d5ai-hero__benefit │ Text Module │ Advanced > CSS Class │ │ d5ai-hero__cta │ Button Module │ Advanced > CSS Class │ │ d5ai-hero__microcopy │ Text Module │ Advanced > CSS Class │ └─────────────────────────┴──────────────────┴──────────────────────┘ BUILDER SETUP: 1. Sezione Regular, sfondo bianco 2. Advanced > HTML > Element Type:
3. Row: 2 colonne (45% | 55%) 4. Colonna SX: Image Module con immagine corso/istruttore → classe d5ai-hero__image 5. Colonna DX (in ordine dall'alto): a. Text Module pre-headline → classe d5ai-hero__preheadline Copy: 'Scopri Come ho Imparato a "Leggere i Registri della Vita" anche senza dover fare Esercizi Complicati o "Fuori dal Comune"' b. Text Module headline → classe d5ai-hero__headline Copy: 'Come ho Imparato a Conoscere il Contenuto dei Miei e Altrui "Registri Akashici", ...per vivere Una Vita più Appagante, Libera dai Blocchi Karmici e Inconsci ...Incrementando il Mio "Stato di Benessere Spirituale e Materiale"' c. Text Module benefit → classe d5ai-hero__benefit Copy: 'IMPARA: Come ho potuto AMPLIARE la "Sensazione" di Pace e Benessere nella mia Vita facendo Mia la Consapevolezza della "Legge del Karma"' d. Button Module CTA → classe d5ai-hero__cta Testo: "Sì, Voglio Guardare Subito il PROGRAMMA del CORSO Gratuitamente!" e. Text Module micro-copy → classe d5ai-hero__microcopy Copy: 'Lascia la Tua Email e Accedi Subito al PROGRAMMA (100% GRATIS)' ========================================================================== */ .d5ai-hero { background: var(--lp-white) !important; padding: clamp(2rem, 4vw, 3.5rem) 0 !important; } .d5ai-hero .et_pb_row { display: grid !important; grid-template-columns: 45% 55% !important; gap: clamp(1.5rem, 3vw, 2.5rem) !important; align-items: center !important; max-width: var(--lp-max-w) !important; } .d5ai-hero__image .et_pb_image_wrap { display: block !important; border-radius: var(--lp-radius-md) !important; overflow: hidden !important; box-shadow: var(--lp-shadow-hero) !important; } .d5ai-hero__image .et_pb_image_wrap img { width: 100% !important; height: auto !important; display: block !important; } .d5ai-hero__preheadline { font-family: var(--lp-font-serif) !important; font-size: clamp(0.875rem, 1.1vw, 1rem) !important; color: var(--lp-text-muted) !important; font-style: italic !important; text-align: center !important; margin-bottom: 0.75rem !important; line-height: 1.55 !important; } .d5ai-hero__headline { font-family: var(--lp-font-sans) !important; font-size: clamp(1.4rem, 2.2vw + 0.5rem, 2.2rem) !important; font-weight: 700 !important; color: var(--lp-text) !important; line-height: 1.3 !important; text-align: center !important; margin-bottom: 1rem !important; } .d5ai-hero__headline em { font-style: italic; font-weight: 400; } .d5ai-hero__headline strong { font-weight: 800; color: var(--lp-blue); } .d5ai-hero__headline u { text-decoration-color: var(--lp-red); text-underline-offset: 3px; } .d5ai-hero__benefit { font-family: var(--lp-font-sans) !important; font-size: clamp(0.875rem, 1.1vw, 1rem) !important; color: var(--lp-text-muted) !important; text-align: center !important; margin-bottom: 1.75rem !important; line-height: 1.65 !important; } .d5ai-hero__benefit strong { color: var(--lp-text) !important; } /* CTA principale — blu pieno, testo bianco */ body .et_pb_button.d5ai-hero__cta { background-color: var(--lp-cta) !important; color: #ffffff !important; border: none !important; border-radius: var(--lp-radius-sm) !important; padding: 1.1em 2em !important; font-size: clamp(1rem, 1.3vw, 1.15rem) !important; font-weight: 700 !important; font-family: var(--lp-font-sans) !important; text-align: center !important; display: block !important; width: 100% !important; line-height: 1.35 !important; box-shadow: var(--lp-shadow-cta) !important; transition: background-color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease !important; letter-spacing: 0 !important; text-transform: none !important; min-height: 56px !important; } body .et_pb_button.d5ai-hero__cta:hover { background-color: var(--lp-cta-hover) !important; transform: translateY(-2px) !important; box-shadow: 0 12px 40px rgba(26, 63, 255, 0.55) !important; } body .et_pb_button.d5ai-hero__cta:focus-visible { outline: 3px solid var(--lp-gold) !important; outline-offset: 3px !important; } @media (prefers-reduced-motion: reduce) { body .et_pb_button.d5ai-hero__cta:hover { transform: none !important; } } .d5ai-hero__microcopy { font-size: 0.85rem !important; font-style: italic !important; color: var(--lp-text-muted) !important; text-align: center !important; margin-top: 0.5rem !important; line-height: 1.4 !important; } /* ========================================================================== §3 — LEAD CAPTURE / PROMESSA VALORE CLASS MAP: ┌──────────────────────┬───────────────────────┬──────────────────────┐ │ Classe │ Applica a │ Dove │ ├──────────────────────┼───────────────────────┼──────────────────────┤ │ d5ai-optin │ Section │ Advanced > CSS Class │ │ d5ai-optin__headline │ Text Module │ Advanced > CSS Class │ │ d5ai-optin__bullets │ Text Module │ Advanced > CSS Class │ │ d5ai-optin__form │ Email Optin Module │ Advanced > CSS Class │ │ d5ai-optin__privacy │ Text Module │ Advanced > CSS Class │ └──────────────────────┴───────────────────────┴──────────────────────┘ BUILDER SETUP: 1. Sezione Regular, sfondo var(--lp-off-white) / #f5f5ff 2. Advanced > HTML > Element Type:
3. Row singola colonna centrata (max 720px) 4. Text Module headline → d5ai-optin__headline Copy: "Ecco Cosa Imparerai in Questo Corso GRATUITO:" 5. Text Module bullets → d5ai-optin__bullets Usa lista HTML con
  • per i punti del programma 6. Email Optin Module → d5ai-optin__form Imposta il testo del bottone submit via Divi settings 7. Text Module privacy → d5ai-optin__privacy Copy: "🔒 Privacy garantita. I tuoi dati non saranno mai ceduti a terzi." ========================================================================== */ .d5ai-optin { background: var(--lp-off-white) !important; padding: var(--lp-pad-section) 0 !important; } .d5ai-optin .et_pb_row { max-width: var(--lp-max-w-text) !important; margin: 0 auto !important; text-align: center !important; } .d5ai-optin__headline { font-family: var(--lp-font-sans) !important; font-size: clamp(1.4rem, 2vw + 0.5rem, 2rem) !important; font-weight: 700 !important; color: var(--lp-text) !important; text-align: center !important; margin-bottom: 1.5rem !important; line-height: 1.3 !important; } .d5ai-optin__bullets { text-align: left !important; margin-bottom: 2rem !important; } .d5ai-optin__bullets ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } .d5ai-optin__bullets ul li { padding: 0.6rem 0 0.6rem 2.25rem !important; position: relative !important; font-size: clamp(0.925rem, 1.1vw, 1.025rem) !important; color: var(--lp-text) !important; border-bottom: 1px solid var(--lp-border) !important; line-height: 1.6 !important; } .d5ai-optin__bullets ul li::before { content: '✓' !important; position: absolute !important; left: 0 !important; top: 0.6rem !important; color: var(--lp-blue) !important; font-weight: 700 !important; font-size: 1.1rem !important; } /* Email Optin form */ .et_pb_subscribe.d5ai-optin__form .et_pb_newsletter_form { display: flex !important; flex-direction: column !important; gap: 0.875rem !important; max-width: 480px !important; margin: 0 auto !important; } .et_pb_subscribe.d5ai-optin__form input[type="email"], .et_pb_subscribe.d5ai-optin__form input[type="text"] { border: 2px solid var(--lp-border) !important; border-radius: var(--lp-radius-sm) !important; padding: 0.9rem 1.2rem !important; font-size: 1rem !important; font-family: var(--lp-font-sans) !important; width: 100% !important; background: #fff !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .et_pb_subscribe.d5ai-optin__form input:focus { border-color: var(--lp-cta) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(26, 63, 255, 0.15) !important; } body .et_pb_button.d5ai-optin__submit, .et_pb_subscribe.d5ai-optin__form button[type="submit"] { background-color: var(--lp-cta) !important; color: #fff !important; border: none !important; border-radius: var(--lp-radius-sm) !important; padding: 1em 2.5em !important; font-size: clamp(1rem, 1.2vw, 1.125rem) !important; font-weight: 700 !important; width: 100% !important; min-height: 52px !important; box-shadow: var(--lp-shadow-cta) !important; transition: background-color 0.25s ease, transform 0.2s ease !important; cursor: pointer !important; font-family: var(--lp-font-sans) !important; } body .et_pb_button.d5ai-optin__submit:hover, .et_pb_subscribe.d5ai-optin__form button[type="submit"]:hover { background-color: var(--lp-cta-hover) !important; transform: translateY(-2px) !important; } body .et_pb_button.d5ai-optin__submit:focus-visible, .et_pb_subscribe.d5ai-optin__form button[type="submit"]:focus-visible { outline: 3px solid var(--lp-gold) !important; outline-offset: 3px !important; } @media (prefers-reduced-motion: reduce) { body .et_pb_button.d5ai-optin__submit:hover, .et_pb_subscribe.d5ai-optin__form button[type="submit"]:hover { transform: none !important; } } .d5ai-optin__privacy { font-size: 0.8rem !important; color: var(--lp-text-muted) !important; text-align: center !important; margin-top: 0.5rem !important; line-height: 1.4 !important; } /* ========================================================================== §4 — CURRICULUM (COSA IMPARERAI) CLASS MAP: ┌──────────────────────────┬───────────────┬──────────────────────┐ │ Classe │ Applica a │ Dove │ ├──────────────────────────┼───────────────┼──────────────────────┤ │ d5ai-curriculum │ Section │ Advanced > CSS Class │ │ d5ai-curriculum__title │ Text Module │ Advanced > CSS Class │ │ d5ai-curriculum__sub │ Text Module │ Advanced > CSS Class │ │ d5ai-module-card │ Blurb Module │ Advanced > CSS Class │ └──────────────────────────┴───────────────┴──────────────────────┘ BUILDER SETUP: 1. Sezione Regular, sfondo bianco 2. Advanced > HTML > Element Type:
    3. Row 1: singola colonna → Text title + Text subtitle 4. Row 2: griglia 3 colonne (o usa auto-fit grid via CSS) Ogni colonna: Blurb Module con classe d5ai-module-card Blurb: icona (numero o icona Divi) + titolo modulo + descrizione breve Moduli esempio: - "Cosa Sono i Registri Akashici" — introduzione e storia - "Come Accedere ai Tuoi Registri" — tecnica di apertura guidata - "Lettura per Sé e per Altri" — pratica 1° e 2° livello - "La Legge del Karma" — comprensione e liberazione dai blocchi - "Chiusura e Protezione Energetica" — protocollo di sicurezza - "Sessione Live con Domande" — Q&A con l'istruttore ========================================================================== */ .d5ai-curriculum { background: var(--lp-white) !important; padding: var(--lp-pad-section) 0 !important; } .d5ai-curriculum__title { font-family: var(--lp-font-sans) !important; font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem) !important; font-weight: 700 !important; color: var(--lp-text) !important; text-align: center !important; margin-bottom: 0.5rem !important; line-height: 1.25 !important; } .d5ai-curriculum__sub { font-size: clamp(0.925rem, 1.2vw, 1.05rem) !important; color: var(--lp-text-muted) !important; text-align: center !important; margin-bottom: clamp(2rem, 4vw, 3rem) !important; } .d5ai-curriculum .et_pb_row--grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; gap: clamp(1rem, 2vw, 1.5rem) !important; max-width: var(--lp-max-w) !important; } .et_pb_blurb.d5ai-module-card { background: var(--lp-off-white) !important; border: 1px solid var(--lp-border) !important; border-left: 4px solid var(--lp-blue) !important; border-radius: var(--lp-radius-md) !important; padding: clamp(1.25rem, 2vw, 1.75rem) !important; transition: box-shadow 0.3s ease, border-left-color 0.3s ease !important; counter-increment: module-counter; } .et_pb_blurb.d5ai-module-card:hover { box-shadow: var(--lp-shadow-card) !important; border-left-color: var(--lp-cta) !important; } @media (prefers-reduced-motion: reduce) { .et_pb_blurb.d5ai-module-card { transition: none !important; } } .et_pb_blurb.d5ai-module-card .et_pb_module_header { font-size: clamp(1rem, 1.3vw, 1.125rem) !important; font-weight: 700 !important; color: var(--lp-text) !important; margin-bottom: 0.5rem !important; } .et_pb_blurb.d5ai-module-card p { font-size: clamp(0.85rem, 1vw, 0.95rem) !important; color: var(--lp-text-muted) !important; line-height: 1.65 !important; margin: 0 !important; } /* ========================================================================== §5 — BIO ISTRUTTORE (AUTORITÀ) CLASS MAP: ┌──────────────────────────┬────────────────┬──────────────────────┐ │ Classe │ Applica a │ Dove │ ├──────────────────────────┼────────────────┼──────────────────────┤ │ d5ai-instructor │ Section │ Advanced > CSS Class │ │ d5ai-instructor__photo │ Image Module │ Advanced > CSS Class │ │ d5ai-instructor__name │ Text Module │ Advanced > CSS Class │ │ d5ai-instructor__role │ Text Module │ Advanced > CSS Class │ │ d5ai-instructor__bio │ Text Module │ Advanced > CSS Class │ └──────────────────────────┴────────────────┴──────────────────────┘ BUILDER SETUP: 1. Sezione Regular, sfondo gradiente chiaro 2. Advanced > HTML > Element Type:
    3. Row: 2 colonne (320px | 1fr) 4. Col SX: Image Module → d5ai-instructor__photo (foto tondo del docente) 5. Col DX (in ordine): - Text Module nome → d5ai-instructor__name Copy: "Davide Celestino Bertaina" - Text Module ruolo → d5ai-instructor__role Copy: "Lettore Certificato dei Registri Akashici — Istruttore" - Text Module bio → d5ai-instructor__bio Bio testuale dell'istruttore con credenziali e storia personale ========================================================================== */ .d5ai-instructor { background: linear-gradient(180deg, var(--lp-off-white) 0%, var(--lp-white) 100%) !important; padding: var(--lp-pad-section) 0 !important; } .d5ai-instructor .et_pb_row { display: grid !important; grid-template-columns: 300px 1fr !important; gap: clamp(2rem, 5vw, 4rem) !important; align-items: center !important; max-width: var(--lp-max-w) !important; } .d5ai-instructor__photo .et_pb_image_wrap { border-radius: 50% !important; overflow: hidden !important; width: 220px !important; height: 220px !important; margin: 0 auto !important; box-shadow: var(--lp-shadow-hero) !important; border: 5px solid var(--lp-blue) !important; } .d5ai-instructor__photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; } .d5ai-instructor__name { font-family: var(--lp-font-sans) !important; font-size: clamp(1.4rem, 2vw, 1.875rem) !important; font-weight: 700 !important; color: var(--lp-blue) !important; margin-bottom: 0.25rem !important; line-height: 1.2 !important; } .d5ai-instructor__role { font-size: clamp(0.9rem, 1.1vw, 1rem) !important; color: var(--lp-text-muted) !important; font-style: italic !important; margin-bottom: 1.25rem !important; } .d5ai-instructor__bio p { font-size: clamp(0.9rem, 1.1vw, 1rem) !important; color: var(--lp-text) !important; line-height: 1.75 !important; margin-bottom: 0.75rem !important; } /* ========================================================================== §6 — TESTIMONIANZE (RIPROVA SOCIALE) CLASS MAP: ┌──────────────────────────┬───────────────────────┬──────────────────────┐ │ Classe │ Applica a │ Dove │ ├──────────────────────────┼───────────────────────┼──────────────────────┤ │ d5ai-testimonials │ Section │ Advanced > CSS Class │ │ d5ai-testimonials__title │ Text Module │ Advanced > CSS Class │ │ d5ai-testi-card │ Testimonial Module │ Advanced > CSS Class │ └──────────────────────────┴───────────────────────┴──────────────────────┘ BUILDER SETUP: 1. Sezione Regular, sfondo #f5f5ff 2. Advanced > HTML > Element Type:
    3. Row 1: titolo centrato → d5ai-testimonials__title Copy: "Cosa Dicono i Nostri Studenti" 4. Row 2: 3 colonne — Testimonial Module in ogni colonna Ogni modulo → classe d5ai-testi-card Imposta: quote, nome autore, ruolo/città ========================================================================== */ .d5ai-testimonials { background: var(--lp-off-white) !important; padding: var(--lp-pad-section) 0 !important; } .d5ai-testimonials__title { font-family: var(--lp-font-sans) !important; font-size: clamp(1.4rem, 2.2vw + 0.5rem, 2rem) !important; font-weight: 700 !important; color: var(--lp-text) !important; text-align: center !important; margin-bottom: clamp(1.5rem, 3vw, 2.5rem) !important; } .d5ai-testimonials .et_pb_row { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: clamp(1.25rem, 2vw, 2rem) !important; max-width: var(--lp-max-w) !important; } .et_pb_testimonial.d5ai-testi-card { background: var(--lp-white) !important; border-radius: var(--lp-radius-md) !important; padding: clamp(1.5rem, 2.5vw, 2rem) !important; box-shadow: var(--lp-shadow-card) !important; border-top: 3px solid var(--lp-blue) !important; position: relative !important; } .et_pb_testimonial.d5ai-testi-card::before { content: '\201C' !important; position: absolute !important; top: 0.75rem !important; left: 1.25rem !important; font-size: 4rem !important; color: var(--lp-blue) !important; opacity: 0.15 !important; font-family: Georgia, serif !important; line-height: 1 !important; pointer-events: none !important; } .et_pb_testimonial.d5ai-testi-card .et_pb_testimonial_description p { font-size: clamp(0.875rem, 1.05vw, 0.975rem) !important; color: var(--lp-text) !important; line-height: 1.75 !important; font-style: italic !important; } .et_pb_testimonial.d5ai-testi-card .et_pb_testimonial_author { font-weight: 700 !important; color: var(--lp-blue) !important; margin-top: 1rem !important; font-style: normal !important; font-size: 0.9rem !important; } /* Stelle rating (testo "★★★★★" in un Text Module sopra al testimonial) */ .d5ai-testi-stars { color: var(--lp-gold) !important; font-size: 1.1rem !important; letter-spacing: 3px !important; margin-bottom: 0.5rem !important; display: block !important; } /* ========================================================================== §7 — SECONDO OPTIN (SFONDO BLU PROFONDO) CLASS MAP: ┌──────────────────────────┬───────────────────────┬──────────────────────┐ │ Classe │ Applica a │ Dove │ ├──────────────────────────┼───────────────────────┼──────────────────────┤ │ d5ai-optin2 │ Section │ Advanced > CSS Class │ │ d5ai-optin2__headline │ Text Module │ Advanced > CSS Class │ │ d5ai-optin2__sub │ Text Module │ Advanced > CSS Class │ │ d5ai-optin2__form │ Email Optin Module │ Advanced > CSS Class │ └──────────────────────────┴───────────────────────┴──────────────────────┘ BUILDER SETUP: 1. Sezione Regular, sfondo #050044 (usa Divi background color) 2. Advanced > HTML > Element Type:
    3. Row centrata (max 720px) 4. Text Module headline → d5ai-optin2__headline Copy: "Non Perdere l'Accesso Gratuito al Programma del Corso" 5. Text Module sub → d5ai-optin2__sub Copy: "Inserisci la tua email e ricevi subito il programma completo" 6. Email Optin Module → d5ai-optin2__form (Il bottone usa il colore gold per contrasto sul blu) ========================================================================== */ .d5ai-optin2 { background: linear-gradient(135deg, var(--lp-blue-bg) 0%, var(--lp-blue-star) 50%, var(--lp-blue-bg) 100% ) !important; padding: var(--lp-pad-section) 0 !important; position: relative !important; overflow: hidden !important; } /* Stelle di sfondo (stesso pattern top bar) */ .d5ai-optin2::before { content: '' !important; position: absolute !important; inset: 0 !important; background-image: radial-gradient(circle, rgba(255,255,255,0.7) 1px, transparent 1px), radial-gradient(circle, rgba(255,255,255,0.4) 1px, transparent 1px); background-size: 120px 120px, 180px 180px; background-position: 0 0, 60px 40px; pointer-events: none !important; } .d5ai-optin2 .et_pb_row { max-width: var(--lp-max-w-text) !important; margin: 0 auto !important; text-align: center !important; position: relative !important; z-index: 1 !important; } .d5ai-optin2__headline { font-family: var(--lp-font-sans) !important; font-size: clamp(1.4rem, 2vw + 0.5rem, 2rem) !important; font-weight: 700 !important; color: var(--lp-white) !important; text-align: center !important; margin-bottom: 0.75rem !important; text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important; } .d5ai-optin2__sub { font-size: clamp(0.95rem, 1.2vw, 1.1rem) !important; color: rgba(255,255,255,0.85) !important; margin-bottom: 2rem !important; font-style: italic !important; } .et_pb_subscribe.d5ai-optin2__form input[type="email"], .et_pb_subscribe.d5ai-optin2__form input[type="text"] { border: 2px solid rgba(255,255,255,0.3) !important; background: rgba(255,255,255,0.95) !important; border-radius: var(--lp-radius-sm) !important; padding: 0.9rem 1.2rem !important; font-size: 1rem !important; width: 100% !important; max-width: 480px !important; margin: 0 auto 0.875rem !important; display: block !important; font-family: var(--lp-font-sans) !important; transition: box-shadow 0.2s ease !important; } .et_pb_subscribe.d5ai-optin2__form input:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.45) !important; } body .et_pb_button.d5ai-optin2__submit, .et_pb_subscribe.d5ai-optin2__form button[type="submit"] { background-color: var(--lp-gold) !important; color: var(--lp-text) !important; border: none !important; border-radius: var(--lp-radius-sm) !important; padding: 1em 3em !important; font-size: clamp(1rem, 1.3vw, 1.2rem) !important; font-weight: 700 !important; min-height: 52px !important; box-shadow: 0 6px 24px rgba(201, 162, 39, 0.5) !important; transition: background-color 0.25s ease, transform 0.2s ease !important; cursor: pointer !important; font-family: var(--lp-font-sans) !important; } body .et_pb_button.d5ai-optin2__submit:hover, .et_pb_subscribe.d5ai-optin2__form button[type="submit"]:hover { background-color: #b8911e !important; transform: translateY(-2px) !important; } body .et_pb_button.d5ai-optin2__submit:focus-visible, .et_pb_subscribe.d5ai-optin2__form button[type="submit"]:focus-visible { outline: 3px solid var(--lp-white) !important; outline-offset: 3px !important; } @media (prefers-reduced-motion: reduce) { body .et_pb_button.d5ai-optin2__submit:hover, .et_pb_subscribe.d5ai-optin2__form button[type="submit"]:hover { transform: none !important; } } /* ========================================================================== §8 — FAQ ACCORDION (GESTIONE OBIEZIONI) CLASS MAP: ┌──────────────────────┬────────────────┬──────────────────────┐ │ Classe │ Applica a │ Dove │ ├──────────────────────┼────────────────┼──────────────────────┤ │ d5ai-faq │ Section │ Advanced > CSS Class │ │ d5ai-faq__title │ Text Module │ Advanced > CSS Class │ │ d5ai-faq__item │ Toggle Module │ Advanced > CSS Class │ └──────────────────────┴────────────────┴──────────────────────┘ BUILDER SETUP: 1. Sezione Regular, sfondo bianco 2. Advanced > HTML > Element Type:
    3. Row centrata (max 720px) 4. Text Module titolo → d5ai-faq__title Copy: "Domande Frequenti" 5. Uno o più Toggle Module → ciascuno con classe d5ai-faq__item FAQ suggerite (basa sul target spirituale/wellness): - "Devo avere esperienza con i Registri Akashici?" → No, il corso parte dalle basi assolute. - "È davvero gratuito?" → Sì, basta iscriversi con la tua email. Nessun costo nascosto. - "Posso seguire in replay se non sono disponibile in diretta?" → Sì, il replay sarà disponibile per 48 ore dopo l'evento. - "Cosa serve per partecipare?" → Solo un computer o smartphone con Zoom installato. - "Devo credere nei Registri Akashici per partecipare?" → No, puoi partecipare con curiosità aperta e spirito di esplorazione. ========================================================================== */ .d5ai-faq { background: var(--lp-white) !important; padding: var(--lp-pad-section) 0 !important; } .d5ai-faq .et_pb_row { max-width: var(--lp-max-w-text) !important; margin: 0 auto !important; } .d5ai-faq__title { font-family: var(--lp-font-sans) !important; font-size: clamp(1.4rem, 2vw + 0.5rem, 2rem) !important; font-weight: 700 !important; color: var(--lp-text) !important; text-align: center !important; margin-bottom: clamp(1.5rem, 3vw, 2.5rem) !important; } .et_pb_toggle.d5ai-faq__item { border: 1px solid var(--lp-border) !important; border-radius: var(--lp-radius-md) !important; margin-bottom: 0.75rem !important; overflow: hidden !important; transition: box-shadow 0.2s ease !important; } .et_pb_toggle.d5ai-faq__item:hover { box-shadow: var(--lp-shadow-card) !important; } .et_pb_toggle.d5ai-faq__item .et_pb_toggle_title { font-weight: 600 !important; font-size: clamp(0.925rem, 1.15vw, 1.025rem) !important; color: var(--lp-text) !important; padding: 1.25rem 1.5rem !important; background: transparent !important; cursor: pointer !important; line-height: 1.4 !important; min-height: 44px !important; } .et_pb_toggle.d5ai-faq__item.et_pb_toggle_open .et_pb_toggle_title { color: var(--lp-blue) !important; border-bottom: 1px solid var(--lp-border) !important; } .et_pb_toggle.d5ai-faq__item .et_pb_toggle_content { padding: 1rem 1.5rem 1.25rem !important; font-size: clamp(0.875rem, 1vw, 0.975rem) !important; color: var(--lp-text-muted) !important; line-height: 1.75 !important; } /* ========================================================================== §9 — CTA FINALE (MASSIMA URGENZA) CLASS MAP: ┌──────────────────────────┬────────────────┬──────────────────────┐ │ Classe │ Applica a │ Dove │ ├──────────────────────────┼────────────────┼──────────────────────┤ │ d5ai-final-cta │ Section │ Advanced > CSS Class │ │ d5ai-final-cta__headline │ Text Module │ Advanced > CSS Class │ │ d5ai-final-cta__sub │ Text Module │ Advanced > CSS Class │ │ d5ai-final-cta__btn │ Button Module │ Advanced > CSS Class │ │ d5ai-final-cta__urgency │ Text Module │ Advanced > CSS Class │ └──────────────────────────┴────────────────┴──────────────────────┘ BUILDER SETUP: 1. Sezione Regular, sfondo #1200b3 (gradiente blu) 2. Advanced > HTML > Element Type:
    3. Row centrata (max 720px) 4. In ordine: headline → sub → button gold → urgency text Copy suggerito: - Headline: "Ultima Chiamata: Accedi GRATIS al Programma del Corso" - Sub: "Solo i posti sono limitati. Iscriviti ora prima che si riempiano." - CTA: "Sì, Voglio il Programma GRATUITO Adesso!" - Urgency: "⏱ L'evento inizia il 27 Settembre — Non rimandare!" ========================================================================== */ .d5ai-final-cta { background: linear-gradient(90deg, var(--lp-blue-dark) 0%, var(--lp-blue) 50%, var(--lp-blue-dark) 100% ) !important; padding: clamp(3rem, 7vw, 6rem) 0 !important; text-align: center !important; } .d5ai-final-cta .et_pb_row { max-width: var(--lp-max-w-text) !important; margin: 0 auto !important; } .d5ai-final-cta__headline { font-family: var(--lp-font-sans) !important; font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.5rem) !important; font-weight: 700 !important; color: var(--lp-white) !important; text-align: center !important; margin-bottom: 0.5rem !important; text-shadow: 0 2px 12px rgba(0,0,0,0.25) !important; line-height: 1.25 !important; } .d5ai-final-cta__sub { font-size: clamp(1rem, 1.3vw, 1.2rem) !important; color: rgba(255,255,255,0.88) !important; margin-bottom: 2rem !important; font-style: italic !important; } body .et_pb_button.d5ai-final-cta__btn { background-color: var(--lp-gold) !important; color: var(--lp-text) !important; border: none !important; border-radius: var(--lp-radius-sm) !important; padding: 1.15em 3em !important; font-size: clamp(1.1rem, 1.5vw, 1.35rem) !important; font-weight: 700 !important; font-family: var(--lp-font-sans) !important; min-height: 60px !important; box-shadow: 0 8px 32px rgba(201, 162, 39, 0.55) !important; transition: all 0.25s ease !important; text-transform: none !important; letter-spacing: 0 !important; } body .et_pb_button.d5ai-final-cta__btn:hover { background-color: #b8911e !important; transform: translateY(-3px) scale(1.02) !important; box-shadow: 0 12px 40px rgba(201, 162, 39, 0.65) !important; } body .et_pb_button.d5ai-final-cta__btn:focus-visible { outline: 3px solid var(--lp-white) !important; outline-offset: 3px !important; } @media (prefers-reduced-motion: reduce) { body .et_pb_button.d5ai-final-cta__btn:hover { transform: none !important; } } .d5ai-final-cta__urgency { font-size: 0.95rem !important; color: rgba(255,255,255,0.78) !important; margin-top: 1rem !important; font-style: italic !important; } /* ========================================================================== §10 — FOOTER CLASS MAP: ┌──────────────────────┬────────────────┬──────────────────────┐ │ Classe │ Applica a │ Dove │ ├──────────────────────┼────────────────┼──────────────────────┤ │ d5ai-footer │ Section │ Advanced > CSS Class │ │ d5ai-footer__copy │ Text Module │ Advanced > CSS Class │ │ d5ai-footer__links │ Text Module │ Advanced > CSS Class │ └──────────────────────┴────────────────┴──────────────────────┘ BUILDER SETUP: 1. Sezione Regular, sfondo #050044 2. Advanced > HTML > Element Type: