:root { --ml-blue: #0D6EFD; } *:focus-visible { outline: auto; outline-offset: var(--focus-offset); } *:focus { outline: auto; outline-offset: var(--focus-offset); } /* ======================================================== 0) RESET BASE PER HEIGHT A 100% ======================================================== */ html, body { margin: 0; padding: 0; width: 100%; height: 100%; /* così i container flex possono occupare l’intero viewport */ } /* ======================================================== GLOBAL & FONT SETTINGS ======================================================== */ body { font-family: "Plus Jakarta Sans", sans-serif; background-color: #fff; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variant-ligatures: none; } /* ======================================================== TOP HEADER (Ministero) ======================================================== */ .top-header-ministero { background-color: var(--ml-blue); /* Blu ministero top bar */ padding: 0.25rem 1rem; height: 32px; } .top-header-ministero a { color: #fff; text-decoration: none; font-size: 0.875rem; /* 14px */ font-weight: 500; line-height: 100%; } .top-header-ministero a:hover { text-decoration: underline; } /* BARRA 2: AppLI (hamburger su mobile) */ .appli-topbar { background-color: var(--ml-blue-800); color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } /* ======================================================== NAVBAR (AppLI) – Comune a Landing, Login, Register ======================================================== */ .navbar-appli { background-color: #003366; /* Colore header: #052C65 */ padding: 0.5rem 1rem; } .navbar-appli .navbar-brand { color: #fff !important; font-weight: 600; letter-spacing: 0.5px; display: inline-flex; align-items: center; font-size: 1.2rem; line-height: 1; text-decoration: none; margin-right: 1rem; } .navbar-appli .navbar-brand:hover { color: #fff !important; text-decoration: none; } .navbar-appli .nav-link { color: #fff !important; font-size: 14px; font-weight: 500; line-height: 130%; text-decoration: none; } .navbar-appli .nav-link:hover { color: #f8d90f !important; text-decoration: none; } /* ======================================================== LAYOUT SPECIFICO PER LOGIN/REGISTER (usiamo flex a tutta altezza) ======================================================== */ /* Aggiungi class="login-page" nel della login e class="register-page" nel della register. */ body.login-page, body.register-page { display: flex; /* layout flex verticale */ flex-direction: column; min-height: 100vh; /* almeno l’altezza intera del viewport */ } /* Il blocco .login-content o .register-content si espande per occupare lo spazio tra header e footer */ .login-content, .register-content { flex: 1; /* riempie lo spazio verticale rimanente */ display: flex; justify-content: center; align-items: center; padding: 2rem 1rem; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 25, 217, 0.4) 0%, rgba(0, 25, 217, 0) 100%), #003366; } /* Il contenitore del form si adatta senza causare scroll orizzontale su mobile */ .login-container, .register-container { width: 100%; max-width: 400px; /* o 420px per la register se vuoi differenziarle */ border-radius: 8px; padding: 2rem; box-sizing: border-box; } /* ======================================================== FOOTER (Comune a Landing, Login, Register) Se vuoi che il footer stia in basso quando il contenuto è poco, NON impostare posizioni fisse: la regola flex di cui sopra basta. ======================================================== */ .footer-apli { background-color: #f1f1f1; padding: 1rem; text-align: center; color: #666; font-size: 0.9rem; } /* ======================================================== LANDING PAGE STYLES ======================================================== */ /* HERO SECTION */ .hero-section { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 400px; padding: 0 16px; color: #fff; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 25, 217, 0.4) 0%, rgba(0, 25, 217, 0) 100%), #003366; } .hero-title { font-size: 2.2rem; line-height: 1.2; max-width: 700px; margin-bottom: 1rem; font-weight: 600; } .hero-subtitle { font-size: 1.05rem; max-width: 700px; margin: 0 auto 2rem; color: #f2f2f2; line-height: 1.4; } .hero-btn { font-size: 1rem; padding: 0.6rem 1.5rem; color: #0D6EFD !important; background-color: #fff !important; border: none; border-radius: 0.3rem; font-weight: 700; } .hero-btn:focus-visible { outline: auto; outline-offset: var(--focus-offset); } .hero-btn:hover { background-color: #9EC5FE !important; color: #084298 !important; text-decoration: none; } /* FEATURES SECTION */ .features-section { background-color: #fff; padding: 3rem 1rem; } .features-title { font-size: 2rem; color: #002147; margin-bottom: 2rem; font-weight: 400; text-align: center; } .feature-card { background: #fff; border: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); border-radius: 0.4rem; padding: 1.5rem; height: 100%; text-align: left; } .feature-title { font-size: 1.1rem; font-weight: 600; color: #002147; margin-bottom: 0.8rem; } .feature-description { font-size: 0.95rem; color: #555; line-height: 1.4; } /* VIDEO SECTION */ .video-section { padding: 2rem 1rem; text-align: center; background-color: #fff; display: flex; justify-content: center; } .hero-video { display: block; width: 100%; max-width: 640px; height: auto; aspect-ratio: 16/9; } /* LONG DESCRIPTION SECTION */ .long-desc-section { padding: 2rem 1rem; background-color: #f8f9fa; font-size: 1rem; line-height: 1.6; color: #333; } .long-desc-section h3 { font-size: 1.3rem; margin-bottom: 1rem; color: #052C65; font-weight: 600; } .long-desc-text { max-width: 800px; margin: 0 auto; text-align: left; } /* ======================================================== LOGIN PAGE STYLES ======================================================== */ /* Titolo e label in bianco */ .login-title { font-size: 1.4rem; font-weight: 600; margin-bottom: 1.5rem; text-align: center; color: #fff; } .login-container .form-label { color: #fff; } .form-control { margin-bottom: 1rem; color: #212529; } .btn-login { font-size: 1rem; padding: 0.6rem 3rem; color: #0D6EFD !important; background-color: #fff !important; border: none; border-radius: 0.3rem; font-weight: 700; width: 100%; margin-top: 1.5rem; } .btn-login:hover { background-color: #9EC5FE !important; color: #084298 !important; text-decoration: none; } .register-link { text-align: center; margin-top: 1rem; font-size: 0.9rem; } .register-link a { color: #fff; text-decoration: underline; font-weight: 600; } .register-link a:hover { text-decoration: underline; } /* ======================================================== REGISTER PAGE STYLES ======================================================== */ .register-title { font-size: 1.4rem; font-weight: 600; margin-bottom: 1.5rem; text-align: center; color: #fff; } .register-container .form-label { color: #fff; } .btn-register { font-size: 1rem; padding: 0.6rem 3rem; color: #0D6EFD !important; background-color: #fff !important; border: none; border-radius: 0.3rem; font-weight: 700; width: 100%; margin-top: 1.5rem; } .btn-register:hover { background-color: #9EC5FE !important; color: #084298 !important; text-decoration: none; } .login-link { text-align: center; margin-top: 1rem; font-size: 0.9rem; } .login-link a { color: #fff; text-decoration: underline; font-weight: 600; } .login-link a:hover { text-decoration: underline; } /* ======================================================== HOMEPAGE STYLES (Include variabili, layout, sidebar, chat, modali, ecc.) ======================================================== */ :root { --accent-color: #002147; --bg-primary: #f5f8fa; --text-color: #333; --shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1); --transition-speed: 0.3s; --z-overlay: 900; --z-tour-box: 1000; --z-tour-box-chat: 1100; } .appli-topbar { background-color: #052C65; color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .appli-topbar-left { display: flex; align-items: center; gap: 1rem; } .appli-title { font-size: 1.2rem; font-weight: 600; margin: 0; } .topbar-actions { display: flex; align-items: center; gap: 1rem; } .main-layout { display: grid; grid-template-columns: 350px 1fr; height: calc(100vh - 88px); overflow: hidden; } @media (max-width: 768px) { .main-layout { grid-template-columns: 1fr; height: auto; } } .sidebar { background: #fff; padding: 1rem; overflow-y: auto; border-right: 1px solid #e0e0e0; height: 100%; } .section-box { background: #fff; border: 1px solid #DEE2E6; border-radius: 8px; padding: 1rem; margin-bottom: 1.5rem; } .section-box h5 { font-size: 1.1rem; color: #052C65; margin-bottom: 0.75rem; } .diary-line { position: relative; font-size: 0.95rem; margin-left: 1.2rem; margin-bottom: 0.4rem; } .diary-line::before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 0.55rem; color: var(--accent-color); position: absolute; left: -1.2rem; top: 4px; } .badge-list { display: flex; flex-wrap: wrap; gap: 0.5rem; } .user-badge { background: #e2e3e5; color: var(--text-color); border-radius: 20px; padding: 0.3rem 0.75rem; font-size: 0.85rem; display: inline-flex; align-items: center; gap: 0.3rem; } .user-badge.completed { background: #198754; color: #fff; } .job-item { background: #F1F7FF; border-radius: 4px; padding: 0.75rem; margin-bottom: 0.75rem; } .job-item h6 { margin: 0 0 0.25rem; font-size: 1rem; color: var(--accent-color); } .job-item p, .job-item ul { margin: 0; padding-left: 20px; font-size: 0.9rem; } .chat-area { background: #fff; display: flex; flex-direction: column; height: 100%; overflow: hidden; } @media (max-width: 768px) { .chat-area { height: calc(100vh - 88px); position: relative; } } .chat-body { flex: 1; overflow-y: auto; padding: 1rem; background: #fefefe; } .message { display: flex; align-items: flex-end; margin-bottom: 1rem; opacity: 0; animation: fadeIn 0.3s forwards; } @keyframes fadeIn { to { opacity: 1; } } .message.bot { justify-content: flex-start; } .message.user { justify-content: flex-end; } .message.user .bubble { text-align: right; } .avatar { width: 40px; height: 40px; border-radius: 50%; background: #ccc; display: flex; align-items: center; justify-content: center; margin: 0 0.5rem; color: #fff; font-size: 1.2rem; } .message.user .avatar { background: var(--accent-color); } .message.bot .avatar { background: #888; } .bubble { max-width: 70%; padding: 0.8rem 1rem; border-radius: 20px; background: #f4f4f4; color: var(--text-color); font-size: 0.95rem; line-height: 1.4; } .message.user .bubble { background: #d4ecff; color: #0c5460; border-radius: 20px 20px 0 20px; } .message.bot .bubble { background: #f1f1f1; border-radius: 20px 20px 20px 0; } .typing-indicator .bubble { min-width: 60px; display: flex; align-items: center; justify-content: center; } .dots-container { display: flex; align-items: center; justify-content: center; width: 100%; } .dot { height: 10px; width: 10px; margin-right: 6px; border-radius: 50%; background-color: #b3d4fc; animation: pulse 1.5s infinite ease-in-out; } .dot:last-child { margin-right: 0; } .dot:nth-child(1) { animation-delay: -0.3s; } .dot:nth-child(2) { animation-delay: -0.1s; } .dot:nth-child(3) { animation-delay: 0.1s; } @keyframes pulse { 0% { transform: scale(0.8); background-color: #b3d4fc; box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7); } 50% { transform: scale(1.2); background-color: #6793fb; box-shadow: 0 0 0 6px rgba(178, 212, 252, 0); } 100% { transform: scale(0.8); background-color: #b3d4fc; box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7); } } .chat-footer { background: #f1f3f5; border-top: 1px solid #ddd; padding: 0.75rem 1rem; } @media (max-width: 768px) { .chat-footer { position: sticky; bottom: 0; z-index: 100; } } .mobile-feature-toggle { display: none; background: var(--accent-color); border: none; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background var(--transition-speed); flex-shrink: 0; cursor: pointer; } .mobile-feature-toggle:hover { background: #001533; } @media (max-width: 768px) { .mobile-feature-toggle { display: inline-flex; } } .feature-buttons { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.75rem; } .feature-button { flex: 1; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: 0.3rem; font-size: 0.9rem; border-radius: 20px; border: 1px solid var(--accent-color); background: #fff; color: #212529; padding: 0.4rem 0.75rem; transition: background var(--transition-speed); } .feature-button i { font-size: 1rem; } .feature-button:hover { background: #e9f0ff; } .feature-button.locked { opacity: 0.5; pointer-events: none; } .feature-button.active-feature { background: var(--accent-color); color: #fff; } .feature-button.active-feature:hover { background: #001533; } /* 2) Selezioniamo i body con le classi .login-page e .register-page e applichiamo layout flex verticale */ body.login-page, body.register-page { display: flex; flex-direction: column; min-height: 100vh; /* Almeno tutta l'altezza del viewport */ } /* 3) Header e Footer non si comprimono */ body.login-page>.top-header-ministero, body.login-page>nav.navbar-appli, body.login-page>.footer-apli, body.register-page>.top-header-ministero, body.register-page>nav.navbar-appli, body.register-page>.footer-apli { flex-shrink: 0; } /* 4) L'area centrale (login-content o register-content) si espande per riempire tutto lo spazio rimanente tra header e footer */ .login-content, .register-content { flex: 1; display: flex; justify-content: center; align-items: center; padding: 2rem 1rem; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 25, 217, 0.4) 0%, rgba(0, 25, 217, 0) 100%), #003366; box-sizing: border-box; } /* 5) Il container del form ha una larghezza massima */ .login-container, .register-container { width: 100%; max-width: 400px; border-radius: 8px; padding: 2rem; box-sizing: border-box; } /* Sezione video */ .scrollable-content { max-height: 400px; overflow-y: auto; font-size: 14px; } /* ======================================================== STILI AGGIUNTIVI PER LA NUOVA LANDING PAGE (Prefissati) ======================================================== */ /* Variabili specifiche per le nuove sezioni */ .landing-page-body { --lp-primary-blue: #0A2B5E; --lp-light-blue-bg: #EAF2FF; --lp-card-border-color: #E0E0E0; --lp-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } /* Stile generale per le sezioni */ .landing-page-body section { padding: 80px 0; } .landing-page-body .landingpage-section-title { text-align: center; font-size: 2.25rem; font-weight: 800; color: var(--lp-primary-blue); margin-bottom: 50px; } /* ======================================================== Sezione: Perchè nasce AppLI (AGGIORNATO CON IMMAGINI PNG) ======================================================== */ .landing-page-body .landingpage-why-section { padding: 40px 0; background-color: #FFFFFF; } .landing-page-body .landingpage-why-section .landingpage-section-title { color: #003366; font-size: 40px; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 40px; } .landing-page-body .landingpage-why-card { background-color: #E7F1FF; border-radius: 24px; padding: 16px; display: flex; flex-direction: column; align-items: center; text-align: center; border: none; } .landing-page-body .landingpage-why-card .icon-wrapper { margin-bottom: 12px; } /* Nuova regola per le immagini PNG al posto di quella per gli SVG */ .landing-page-body .landingpage-why-card .icon-wrapper img { width: 48px; height: 48px; object-fit: contain; /* Assicura che l'immagine non si deformi */ } .landing-page-body .landingpage-why-card h3 { font-size: 1.25rem; color: #003366; font-weight: 700; margin-bottom: 0; min-height: 60px; display: flex; align-items: center; justify-content: center; } .landing-page-body .landingpage-why-card p { font-size: 1rem; color: #555; line-height: 1.6; margin-bottom: 0; } /* ======================================================== Sezione: Cosa puoi fare con AppLI (AGGIORNATO CON SPECIFICHE FIGMA) ======================================================== */ /* Stile della sezione contenitore */ .landing-page-body .landingpage-features-section { background-color: #E7F1FF; padding: 40px 0; } /* Stile del titolo H2 della sezione */ .landing-page-body .landingpage-features-section .landingpage-section-title { color: #003366; font-size: 40px; font-weight: 600; /* SemiBold */ line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 40px; /* Gap tra titolo e card list */ } /* Stile della card singola */ .landing-page-body .landingpage-feature-card { background-color: #FFFFFF; border-radius: 24px; border: 2px solid #FFFFFF; padding: 24px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.12); /* Drop shadow 12% blur 12px */ /* Layout Flex per gestire il gap interno */ display: flex; flex-direction: column; gap: 24px; /* Gap tra blocco immagine e blocco testo */ } /* Contenitore dell'immagine */ .landing-page-body .landingpage-feature-img-wrapper { background-color: rgba(231, 241, 255, 0.6); /* #E7F1FF con 60% opacità */ border-radius: 16px; padding: 9px 8px; /* Padding Top/Bottom 9px, Right/Left 8px */ display: flex; align-items: center; justify-content: center; height: 180px; /* Altezza fissa come da Figma */ } .landing-page-body .landingpage-feature-img { max-width: 100%; max-height: 100%; object-fit: contain; } /* Contenitore dei testi */ .landing-page-body .landingpage-feature-text-wrapper { display: flex; flex-direction: column; gap: 16px; /* Gap tra H3 e P */ text-align: left; } /* Titolo H3 della card */ .landing-page-body .landingpage-feature-card h3 { color: #0D6EFD; font-size: 24px; font-weight: 600; line-height: 1.2; margin: 0; min-height: 58px; align-items: center; } /* Paragrafo P della card */ .landing-page-body .landingpage-feature-card p { color: #495057; font-size: 18px; font-weight: 400; /* Regular */ line-height: 1.5; margin: 0; } /* ======================================================== Sezione: Supporto (AGGIORNATO CON SPECIFICHE FIGMA) ======================================================== */ /* Stile della sezione contenitore */ .landing-page-body .landingpage-support-section { padding: 40px 0; /* Da Figma: Padding Top/Bottom 40px */ background-color: #E7F1FF; /* Sfondo bianco di default */ } /* FAQ band come mockup */ .landingpage-faq-section{ background: #fff; /* azzurro chiaro della fascia */ padding: 40px 0; /* spazio verticale ampio */ } .landingpage-faq-section .landingpage-section-title{ margin-bottom: 12px; } .landingpage-faq-text{ font-size: 1rem; line-height: 1.6; color: #2E3A59; margin: 0; } .faq-illustration{ max-width: 520px; /* evita che l’immagine esploda su desktop */ width: 100%; height: auto; max-height: 300px; } .landingpage-faq-btn{ padding: 10px 18px; border-radius: 10px; font-weight: 600; } /* Mobile tuning: prima immagine, poi testo (già gestito con order) */ @media (max-width: 767.98px){ .landingpage-faq-section{ padding: 40px 0; } .landingpage-faq-btn{ width: auto; } /* bottone non full width */ } /* Stile del titolo H2 "Hai bisogno di supporto?" */ .landing-page-body .landingpage-support-section .landingpage-section-title .landingpage-faq-section { color: #003366; font-size: 40px; font-weight: 600; /* SemiBold */ line-height: 1.2; letter-spacing: -0.01em; text-align: left; /* Mantiene l'allineamento a sinistra */ margin-bottom: 24px; /* Da Figma: Gap 24px tra titolo e paragrafo */ } /* Stile del paragrafo di testo */ .landing-page-body .landingpage-support-section p .landingpage-faq-section p { color: #212529; /* Body Text Color */ font-size: 18px; font-weight: 400; /* Regular */ line-height: 1.5; /* 150% */ margin-bottom: 0; } /* Stile specifico per il link dell'email */ .landing-page-body .landingpage-support-section .support-email { color: inherit; /* Eredita il colore #212529 dal paragrafo */ font-weight: 700; /* Bold */ text-decoration: none; /* Rimuove la sottolineatura di default */ } .landing-page-body .landingpage-support-section .support-email:hover { text-decoration: underline; /* Aggiunge sottolineatura al passaggio del mouse */ } /* Stile per l'immagine a destra */ .landing-page-body .landingpage-support-section .support-img .landingpage-faq-section .faq-img{ max-width: 350px; } /* ======================================================== Nuovo Footer (AGGIORNATO CON SPECIFICHE FIGMA) ======================================================== */ /* Stile del contenitore principale del footer */ .landing-page-body .landingpage-footer { background-color: #052C65 !important; /* Da Figma: Blue/800 */ padding: 24px 30px; color: #FFFFFF; } .landing-page-body .landingpage-footer .footer-logos { margin-bottom: 24px; gap: 48px; /* Spazio tra i loghi come da Figma */ } .landing-page-body .landingpage-footer .footer-appli-logo { height: 30px; } .landing-page-body .landingpage-footer .footer-ministero-logo { height: 40px; } .landing-page-body .landingpage-footer .footer-inps-logo { height: 28px; filter: brightness(0) invert(1); } /* Divisore orizzontale */ .landing-page-body .landingpage-footer .footer-divider { border: none; /* Reset stile default */ border-top: 1px solid rgba(255, 255, 255, 0.5); /* Da Figma: Bordo bianco 50% opacità */ margin: 0; margin-bottom: 24px; /* Da Figma: Gap 24px */ } /* Contenitore per i link di testo */ .landing-page-body .landingpage-footer .footer-links { display: flex; flex-wrap: wrap; /* Permette ai link di andare a capo su schermi piccoli */ gap: 32px; /* Da Figma: Gap 32px tra i link */ } /* Stile dei link di testo */ .landing-page-body .landingpage-footer .footer-links a { color: #FFFFFF; font-size: 14px; font-weight: 500; /* Medium */ line-height: 1.5; /* 150% */ text-decoration: underline; /* Da Figma */ transition: opacity 0.2s ease; } .landing-page-body .landingpage-footer .footer-links a:hover { opacity: 0.8; /* Effetto al passaggio del mouse */ } /* Responsive per le nuove sezioni */ @media (max-width: 768px) { .landing-page-body .landingpage-section-title { font-size: 1.8rem; } .landing-page-body .landingpage-support-section .landingpage-section-title .landingpage-faq-section { text-align: center !important; } .landing-page-body .landingpage-support-section .support-img .landingpage-faq-section .faq-img { margin-top: 30px; } .landing-page-body .landingpage-footer .footer-logos, .landing-page-body .landingpage-footer .footer-links { justify-content: start !important; text-align: start; } } .footer-logos img { max-width: 100%; object-fit: contain; } .footer-appli-logo { height: 35px; } .footer-ministero-logo { height: 50px; } .footer-inps-logo { height: 30px; } /* ======================================================== NAVBAR (AppLI) – AGGIORNATO CON SPECIFICHE FIGMA ======================================================== */ /* Stile della barra principale dell'header */ .landing-page-body .navbar-appli { background-color: var(--old-header-blue, #003366); /* Mantiene il blu originale */ height: 56px; padding: 9px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); /* Bordo bianco 50% opacità */ } /* Stile del logo "AppLI" */ .landing-page-body .navbar-appli .navbar-brand span { color: #FFFFFF; font-size: 32px; font-weight: 600; /* SemiBold */ line-height: 1.2; } .landing-page-body .navbar-appli .navbar-brand { padding: 0; /* Rimuove padding extra */ } /* Stile del bottone per cambiare lingua */ .landing-page-body .navbar-appli .lang-switcher { display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 32px; padding: 2px 10px; /* Padding bilanciato */ border-radius: 32px; /* Rende il bottone a "pillola" */ border: 1px solid rgba(255, 255, 255, 0.5); background-color: transparent; transition: background-color 0.2s ease; } .landing-page-body .navbar-appli .lang-switcher:hover { background-color: rgba(255, 255, 255, 0.1); } /* Stile del testo "ITA" */ .landing-page-body .navbar-appli .lang-switcher #language-display { color: #FFFFFF; font-size: 16px; font-weight: 700; /* Bold */ line-height: 1.5; } /* Rimuove la freccia di default di Bootstrap */ .landing-page-body .navbar-appli .lang-switcher::after { display: none; } /* Stile della nuova freccia (da Font Awesome) */ .landing-page-body .navbar-appli .lang-switcher .lang-arrow { font-size: 12px; /* Controlla la dimensione della freccia */ color: #FFFFFF; } body.login-page .container { font-family: "Plus Jakarta Sans", sans-serif; } .landingpage-footer { background-color: #052C65 !important; /* Da Figma: Blue/800 */ padding: 24px 30px; color: #FFFFFF; } .footer-links a { color: #FFFFFF !important; font-size: 14px; font-weight: 500; /* Medium */ line-height: 1.5; /* 150% */ text-decoration: underline; /* Da Figma */ transition: opacity 0.2s ease; } .app-height-20 { height: 20px; } .app-height-24 { height: 24px; } .app-text-align-left { text-align: left; } .spinner-border.text-primary { color: #007bff !important; width: 3rem; height: 3rem; } .post-login-1 { z-index: 2000; display: flex; } .post-login-2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .app-none { display: none; } .app-min-height-70 { min-height: 70vh; } .app-height-40 { height: 40px !important; } .app-height-32 { height: 32px !important; } .app-height-24 { height: 24px !important; } @media (max-width: 767.98px){ .landingpage-faq-section .app-text-align-left { text-align: center !important; } }