Compra e Venda de Lotéricas com Consultoria Especializada

/* Estilização Isolada e Premium para o WordPress */ .porto-loterico-about-section { --porto-blue: #1f338d; --porto-orange: #ff8201; --porto-orange-dark: #e06d00; --text-slate-dark: #1e293b; --text-slate-light: #475569; --bg-light-grey: #f5f7f8; font-family: 'Montserrat', 'Segoe UI', Helvetica, Arial, sans-serif; background-color: var(--bg-light-grey); padding: 90px 24px; display: block; width: 100%; box-sizing: border-box; } .porto-loterico-about-section * { box-sizing: border-box; margin: 0; padding: 0; } /* Layout Container */ .porto-loterico-about-section .about-container { max-width: 1140px; margin: 0 auto; display: table; width: 100%; } /* Colunas (Layout por Tabela para Estabilidade Máxima no WP) */ .porto-loterico-about-section .about-image-column { display: table-cell; width: 42%; vertical-align: middle; padding-right: 50px; } .porto-loterico-about-section .about-text-column { display: table-cell; width: 58%; vertical-align: middle; } /* Container da Imagem Vertical */ .porto-loterico-about-section .vertical-image-wrapper { position: relative; width: 100%; } .porto-loterico-about-section .vertical-image-placeholder { width: 100%; height: 580px; background-color: #e2e8f0; background-image: url('https://portoloterico.com.br/wp-content/uploads/2026/06/Gemini_Generated_Image_qaqwehqaqwehqaqw.png'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.12); position: relative; overflow: hidden; border: 1px solid rgba(0,0,0,0.05); } /* Película suave superior para dar legibilidade às tags e contraste */ .porto-loterico-about-section .image-overlay-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, transparent 40%, rgba(0, 0, 0, 0.15) 100%); } .porto-loterico-about-section .placeholder-content-tags { position: absolute; top: 30px; left: 25px; display: flex; flex-direction: column; gap: 8px; z-index: 2; } .porto-loterico-about-section .tag-loto { font-size: 11px; font-weight: 800; color: #ffffff; padding: 5px 14px; border-radius: 4px; letter-spacing: 1px; width: fit-content; box-shadow: 0 4px 10px rgba(0,0,0,0.25); text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } /* Cores das etiquetas ajustadas para combinar com a nova proposta dos serviços */ .porto-loterico-about-section .tag-loto.mega { background-color: var(--porto-blue); } .porto-loterico-about-section .tag-loto.quina { background-color: var(--porto-orange); } .porto-loterico-about-section .tag-loto.lotofacil { background-color: #334155; } /* Badge de Anos Flutuante */ .porto-loterico-about-section .badge-experience-floating { position: absolute; bottom: 35px; right: -20px; background-color: #ffffff; padding: 16px 24px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); border-left: 5px solid var(--porto-orange); text-align: center; z-index: 2; } .porto-loterico-about-section .badge-number { display: block; font-size: 32px; font-weight: 900; color: var(--porto-blue); line-height: 1; } .porto-loterico-about-section .badge-txt { display: block; font-size: 11px; font-weight: 700; color: var(--text-slate-light); text-transform: uppercase; margin-top: 4px; letter-spacing: 0.5px; } /* Tipografia e Textos do Lado Direito */ .porto-loterico-about-section .section-subtitle-badge { display: inline-block; color: var(--porto-blue); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px; } .porto-loterico-about-section .section-main-title { font-size: 38px; font-weight: 800; color: var(--porto-blue); line-height: 1.2; margin-bottom: 28px; } .porto-loterico-about-section .text-orange-accent { color: var(--porto-orange); } .porto-loterico-about-section .section-paragraph { font-size: 15px; line-height: 1.65; color: var(--text-slate-dark); margin-bottom: 18px; } .porto-loterico-about-section .section-paragraph.highlight { font-size: 17px; font-weight: 600; color: var(--porto-blue); line-height: 1.6; } /* Grid de Diferenciais */ .porto-loterico-about-section .about-features-grid { display: flex; gap: 20px; margin: 30px 0; } .porto-loterico-about-section .feature-card-item { flex: 1; background-color: #ffffff; padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.01); display: flex; gap: 14px; align-items: flex-start; } .porto-loterico-about-section .feature-icon-box { font-size: 24px; line-height: 1; } .porto-loterico-about-section .feature-text-box h4 { font-size: 15px; font-weight: 700; color: var(--porto-blue); margin-bottom: 4px; } .porto-loterico-about-section .feature-text-box p { font-size: 13px; color: var(--text-slate-light); line-height: 1.4; } .porto-loterico-about-section .section-paragraph.footer-statement { margin-bottom: 35px; } /* Botões e Ações */ .porto-loterico-about-section .about-action-wrapper { display: flex; gap: 16px; align-items: center; } .porto-loterico-about-section .btn-about-primary { display: inline-block; background: linear-gradient(135deg, var(--porto-orange) 0%, var(--porto-orange-dark) 100%); color: #ffffff; font-size: 15px; font-weight: 700; text-decoration: none; padding: 16px 28px; border-radius: 8px; box-shadow: 0 5px 15px rgba(255, 130, 1, 0.3); transition: all 0.3s ease; } .porto-loterico-about-section .btn-about-primary:hover { transform: translateY(-2px); box-shadow: 0 7px 20px rgba(255, 130, 1, 0.4); } .porto-loterico-about-section .btn-about-secondary { display: inline-block; color: var(--porto-blue); font-size: 15px; font-weight: 700; text-decoration: none; padding: 15px 24px; border-radius: 8px; border: 2px solid rgba(31, 51, 141, 0.15); transition: all 0.3s ease; } .porto-loterico-about-section .btn-about-secondary:hover { background-color: rgba(31, 51, 141, 0.04); border-color: var(--porto-blue); } /* Responsividade Adaptativa (Mobile-Friendly) */ @media (max-width: 991px) { .porto-loterico-about-section { padding: 60px 16px; } .porto-loterico-about-section .about-image-column, .porto-loterico-about-section .about-text-column { display: block; width: 100%; } .porto-loterico-about-section .about-image-column { padding-right: 0; margin-bottom: 50px; } .porto-loterico-about-section .vertical-image-placeholder { height: 480px; } .porto-loterico-about-section .badge-experience-floating { right: 15px; } } @media (max-width: 600px) { .porto-loterico-about-section .section-main-title { font-size: 28px; } .porto-loterico-about-section .about-features-grid { flex-direction: column; } .porto-loterico-about-section .about-action-wrapper { flex-direction: column; align-items: stretch; } .porto-loterico-about-section .btn-about-primary, .porto-loterico-about-section .btn-about-secondary { text-align: center; } }