/**
 * Estilos específicos para a página de Sobre
 * @version 1.0.6 - Remover espaço superior desnecessário no mobile
 */
.story-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-xxl);align-items:start;margin-bottom:var(--spacing-xl);}
.founder-image-container{text-align:center;animation:fadeInUp 1s ease-out;}
.founder-image{width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:0 15px 40px rgba(0,0,0,0.2);transition:all var(--transition-normal);display:block;object-fit:cover;aspect-ratio:1/1;}
.founder-image:hover{transform:scale(1.03) translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,0.25);}
.founder-caption{margin-top:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));border-radius:var(--border-radius-md);color:var(--white);box-shadow:var(--box-shadow-sm);}
.founder-caption strong{display:block;font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-xs);}
.founder-caption span{display:block;font-size:0.95rem;opacity:0.9;font-style:italic;}
.about-hero{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-blue) 100%);color:var(--white);padding:var(--spacing-xxl) 0;position:relative;overflow:hidden;}
.about-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:float 20s ease-in-out infinite;}
.about-hero-content{text-align:center;position:relative;z-index:2;animation:fadeInUp 1s ease-out;}
.about-hero-title{margin-bottom:var(--spacing-lg);}
.about-hero-title-main{display:block;font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(45deg,#ffffff,#f0f8ff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;}
.about-hero-subtitle{display:block;font-size:1.2rem;font-weight:300;opacity:0.9;font-style:italic;}
.about-hero-badges{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;}
.about-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:var(--spacing-sm) var(--spacing-md);border-radius:25px;font-size:0.9rem;font-weight:500;border:1px solid rgba(255,255,255,0.2);transition:all var(--transition-normal);}
.about-badge:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);}
.about-badge svg{width:16px;height:16px;fill:currentColor;}
.about-content-section{padding:var(--spacing-xxl) 0;}
.section-title-modern{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin-bottom:var(--spacing-xxl);position:relative;}
.section-title-modern::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-green),var(--primary-blue));border-radius:2px;}
.about-story{margin-bottom:var(--spacing-xxl);}
.story-timeline{position:relative;padding-left:60px;margin-bottom:var(--spacing-xl);}
.story-timeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-green),var(--primary-blue));border-radius:2px;}
.story-item{position:relative;margin-bottom:var(--spacing-xl);animation:slideInLeft 0.6s ease-out;}
.story-item::before{content:'';position:absolute;left:-50px;top:15px;width:12px;height:12px;background:var(--primary-green);border-radius:50%;border:3px solid var(--white);box-shadow:0 0 0 3px var(--primary-green);}
.story-year{display:inline-block;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:var(--white);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-weight:600;font-size:0.9rem;margin-bottom:var(--spacing-sm);}
.story-content p{line-height:1.7;color:var(--dark-gray);margin:0;padding:var(--spacing-md);background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-sm);border-left:4px solid var(--primary-green);}
.about-current{background:linear-gradient(135deg,var(--off-white),#f0f8ff);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:1px solid rgba(0,166,81,0.1);}
[data-theme="dark"] .about-current{background:linear-gradient(135deg,var(--light-gray) 0%,var(--off-white) 100%);border:1px solid var(--color-border);}
.about-current p{line-height:1.7;color:var(--dark-gray);margin-bottom:var(--spacing-md);}
.about-current p:last-child{margin-bottom:0;}
.about-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);}
.about-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:0 10px 30px rgba(0,0,0,0.1);position:relative;overflow:hidden;transition:all var(--transition-normal);}
.about-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-green),var(--primary-blue));}
.about-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.15);}
.card-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));border-radius:50%;margin:0 auto var(--spacing-lg);color:var(--white);transition:all var(--transition-normal);}
.about-card:hover .card-icon{transform:scale(1.1) rotate(5deg);}
.about-card h2{text-align:center;font-size:1.8rem;color:var(--dark-gray);margin-bottom:var(--spacing-lg);font-weight:600;}
.mission-card p{text-align:center;font-size:1.1rem;line-height:1.6;color:var(--medium-gray);}
.values-list{display:grid;gap:var(--spacing-lg);}
.value-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md);transition:all var(--transition-fast);}
.value-item:hover{background:rgba(0,166,81,0.05);transform:translateX(10px);}
.value-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));border-radius:50%;color:var(--white);flex-shrink:0;transition:all var(--transition-fast);}
.value-item:hover .value-icon{transform:rotate(10deg) scale(1.1);}
.value-content h3{font-size:1.1rem;color:var(--dark-gray);margin-bottom:var(--spacing-xs);font-weight:600;}
.value-content p{line-height:1.6;color:var(--medium-gray);margin:0;}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}
@media (max-width:992px){
.about-hero-title-main{font-size:2.5rem;}
.section-title-modern{font-size:2rem;}
.story-layout{grid-template-columns:1fr;gap:var(--spacing-md);}
.founder-image-container{max-width:350px;margin:0 auto var(--spacing-xl);}
.story-timeline{padding-left:40px;}
.story-timeline::before{left:15px;}
.story-item::before{left:-35px;}
}
@media (max-width:768px){
.about-hero{padding:var(--spacing-xl) 0;}
.about-hero-title-main{font-size:2rem;}
.about-hero-subtitle{font-size:1rem;}
.about-hero-badges{gap:var(--spacing-sm);}
.about-badge{font-size:0.8rem;padding:var(--spacing-xs) var(--spacing-sm);}
.founder-image-container{order:2;max-width:300px;margin:var(--spacing-sm) auto 0;}
.story-layout{gap:var(--spacing-sm);}
.story-timeline{order:1;padding-left:0;margin-bottom:0;}
.story-timeline::before{display:none;}
.story-item::before{display:none;}
.story-year{display:block;text-align:center;margin-bottom:var(--spacing-md);}
.card-icon{width:60px;height:60px;}
.about-card h2{font-size:1.5rem;}
.value-item{flex-direction:column;text-align:center;gap:var(--spacing-sm);}
.value-icon{align-self:center;}
}
@media (max-width:576px){
.about-content-section{padding:var(--spacing-xl) 0;}
.about-hero-title-main{font-size:1.8rem;}
.section-title-modern{font-size:1.8rem;}
.founder-image-container{max-width:250px;}
.founder-caption{padding:var(--spacing-sm);}
.founder-caption strong{font-size:1rem;}
.founder-caption span{font-size:0.85rem;}
.about-card{padding:var(--spacing-lg);}
}