.elementor-359 .elementor-element.elementor-element-0bfaa70{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-0bfaa70 *//* ================================================= */
/* --- PÁGINA SOBRE NÓS --- */
/* ================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

.about-us-page {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff;
    color: #333;
}
.about-us-page .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* --- 1. Seção Hero --- */
.about-hero {
    position: relative;
    padding: 120px 0;
    text-align: center;
    color: #ffffff;
    background-size: cover;
    background-position: center;
}
.about-hero::before { /* Overlay para escurecer a imagem e facilitar a leitura */
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.about-hero .container { position: relative; z-index: 2; }
.about-hero h1 { font-size: 3.5rem; font-weight: 700; margin-bottom: 15px; }
.about-hero p { font-size: 1.2rem; max-width: 700px; margin: 0 auto; opacity: 0.9; }

/* --- 2. Seção Nossa Jornada --- */
.about-story { padding: 80px 0; }
.story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.story-image img { width: 100%; border-radius: 16px; box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.story-content .tag {
    display: inline-block;
    background-color: #FFF4E6; color: #FF7200;
    padding: 5px 12px; border-radius: 20px;
    font-size: 0.8rem; font-weight: 700;
    text-transform: uppercase; margin-bottom: 20px;
}
.story-content h2 { font-size: 2.2rem; color: #1e293b; margin-bottom: 20px; }
.story-content p { color: #64748b; line-height: 1.7; margin-bottom: 15px; }

/* --- 3. Seção Nossos Valores --- */
.about-values { padding: 80px 0; background-color: #f8f9fa; }
.values-header { text-align: center; margin-bottom: 60px; }
.values-header h2 { font-size: 2.5rem; color: #1e293b; margin-bottom: 15px; }
.values-header p { font-size: 1.1rem; color: #6c757d; }
.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.value-card {
    background-color: #ffffff; padding: 40px; text-align: center;
    border-radius: 16px; border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.value-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); }
.value-icon {
    width: 70px; height: 70px; margin: 0 auto 25px auto;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 2rem; color: #ffffff;
}
.value-card h3 { font-size: 1.25rem; color: #1e293b; margin-bottom: 10px; }
.value-card p { color: #64748b; line-height: 1.6; }
/* Cores dos ícones */
.value-icon.style-1 { background: linear-gradient(135deg, #3498db, #5dade2); }
.value-icon.style-2 { background: linear-gradient(135deg, #28a745, #20bf55); }
.value-icon.style-3 { background: linear-gradient(135deg, #FF7200, #F7971E); }

/* --- 4. Seção Nossos Números --- */
.about-stats { padding: 80px 0; background-color: #1e293b; color: #ffffff; }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; text-align: center; }
.stat-number { display: block; font-size: 3rem; font-weight: 700; color: #FF7200; }
.stat-label { display: block; font-size: 1rem; color: #cbd5e1; }

/* --- 5. Seção CTA Final --- */
.about-cta { padding: 80px 0; text-align: center; }
.about-cta h2 { font-size: 2.2rem; color: #1e293b; margin-bottom: 15px; }
.about-cta p { font-size: 1.1rem; color: #6c757d; max-width: 600px; margin: 0 auto 30px auto; }
.cta-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.cta-btn {
    padding: 15px 35px; border-radius: 8px; font-weight: 600;
    text-decoration: none; display: inline-block; font-size: 1rem;
    border: 2px solid transparent; transition: all 0.3s;
}
.cta-btn.primary { background-color: #FF7200; color: #ffffff; border-color: #FF7200; }
.cta-btn.primary:hover { background-color: #e66700; border-color: #e66700; transform: translateY(-3px); }
.cta-btn.secondary { color: #FF7200; border-color: #FF7200; }
.cta-btn.secondary:hover { background-color: #FF7200; color: #ffffff; transform: translateY(-3px); }

/* --- Responsividade --- */
@media (max-width: 768px) {
    .story-grid { grid-template-columns: 1fr; }
    .about-hero h1 { font-size: 2.5rem; }
    .stat-number { font-size: 2.5rem; }
}/* End custom CSS */