/* CSS Não Crítico Otimizado para Performance */

/* Seção Cupom Promocional */
.promo-coupon{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));padding:40px 0;text-align:center;position:relative;overflow:hidden}

.promo-coupon::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite}

@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}

.coupon-container{background:var(--warm-white);border-radius:var(--border-radius-lg);padding:30px;box-shadow:var(--shadow-soft);max-width:500px;margin:0 auto;position:relative;z-index:2;border:3px dashed var(--secondary-color)}

.coupon-content{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}

.coupon-icon{font-size:2.5rem;color:var(--secondary-color);margin-bottom:15px;animation:bounce 2s infinite}

@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}

.coupon-text h2{color:var(--primary-color);font-size:1.4rem;margin-bottom:10px;font-weight:700}

.coupon-text p{color:var(--text-color);margin-bottom:15px}

.highlight{font-weight:700;color:var(--primary-color);font-size:1.1em}

.coupon-code{background:linear-gradient(135deg,var(--warm-bg),var(--secondary-light));padding:12px 20px;border-radius:var(--border-radius);font-size:1.2rem;font-weight:700;letter-spacing:2px;color:var(--dark-color);margin:15px 0;border:2px solid var(--secondary-color);display:inline-block;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}

.btn-coupon{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));color:white;font-weight:700;padding:15px 30px;font-size:1rem;border-radius:var(--border-radius);text-decoration:none;box-shadow:var(--shadow-soft);transition:all .3s ease;border:none;cursor:pointer}

.btn-coupon:hover{background:linear-gradient(135deg,var(--secondary-light),var(--secondary-color));transform:translateY(-2px);box-shadow:var(--shadow-warm)}

/* Seção Destaques/Promoções */
.highlights{background:var(--warm-white);padding:60px 0}

.highlights h2{color:var(--dark-color);margin-bottom:10px}

.section-subtitle{color:var(--text-light);text-align:center;margin-bottom:40px;font-style:italic}

.menu-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px}

.menu-item{background:var(--warm-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:all .3s ease;border:1px solid rgba(0,0,0,.12)}

.menu-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-warm);border-color:var(--secondary-color)}

.menu-item img{width:100%;height:220px;object-fit:cover;transition:transform .3s ease}

.menu-item:hover img{transform:scale(1.05)}

.menu-item h3{margin:20px 20px 10px;color:var(--primary-color);font-size:1.3rem;font-weight:700}

.menu-item p{margin:0 20px 15px;color:var(--text-light);font-size:.95rem;line-height:1.5}

.menu-item .btn{margin:0 20px 20px;display:inline-block}

.btn{display:inline-block;padding:12px 20px;border-radius:var(--border-radius);text-decoration:none;font-weight:600;text-align:center;transition:all .3s ease;cursor:pointer;border:none;font-size:.9rem}

.btn-small{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:white;padding:10px 18px;font-size:.85rem;box-shadow:var(--shadow-soft)}

.btn-small:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));transform:translateY(-2px);box-shadow:var(--shadow-warm)}

.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);font-weight:600}

.btn-secondary:hover{background:var(--primary-color);color:white;transform:translateY(-2px)}

.full-width{display:block;width:100%;max-width:300px;margin:0 auto;padding:15px;font-size:1rem}

/* Seção "Por que Allex?" */
.why-us{background:var(--warm-bg);padding:60px 0}

.why-us h2{color:var(--dark-color);margin-bottom:40px;text-align:center;font-size:2rem}

.features{display:grid;grid-template-columns:1fr;gap:25px}

.feature{text-align:center;padding:30px 20px;background:var(--warm-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);transition:all .3s ease;border:1px solid rgba(0,0,0,.12)}

.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-warm);border-color:var(--secondary-color)}

.feature i{font-size:2.5rem;color:var(--primary-color);margin-bottom:20px;transition:all .3s ease}

.feature:hover i{transform:scale(1.1);color:var(--secondary-color)}

.feature h3{margin-bottom:15px;color:var(--dark-color);font-size:1.2rem}

.feature p{color:var(--text-light);font-size:.95rem;line-height:1.6}

/* Seção FAQ */
.faq{background:var(--warm-white);padding:60px 0}

.faq h2{color:var(--dark-color);margin-bottom:40px;text-align:center;font-size:2rem}

.faq-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:800px;margin:0 auto}

.faq-item{background:var(--warm-white);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);overflow:hidden;border:1px solid rgba(0,0,0,.12);transition:all .3s ease}

.faq-item:hover{border-color:var(--secondary-color)}

.faq-question{padding:20px;margin:0;background:var(--warm-bg);color:var(--dark-color);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-size:1rem;font-weight:600}

.faq-question i{margin-right:12px;color:var(--primary-color);font-size:1.1rem}

.faq-question:hover{background:var(--secondary-light);color:var(--dark-color)}

.faq-item.active .faq-question{background:var(--primary-color);color:white}

.faq-item.active .faq-question i{color:white}

.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}

.faq-answer p{padding:20px;margin:0;color:var(--text-color);line-height:1.6;background:var(--warm-white)}

/* Seção Prova Social */
.testimonials{background:var(--warm-bg);padding:60px 0}

.testimonials h2{color:var(--dark-color);margin-bottom:10px;text-align:center;font-size:2rem}

.testimonial-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px}

.testimonial{background:var(--warm-white);padding:30px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);position:relative;border:1px solid rgba(0,0,0,.12);transition:all .3s ease}

.testimonial:hover{transform:translateY(-3px);box-shadow:var(--shadow-warm);border-color:var(--secondary-color)}

.testimonial p{font-style:italic;margin-bottom:20px;color:var(--text-color);line-height:1.7;font-size:1rem}

.testimonial::before{content:'"';font-size:4rem;color:rgba(0,0,0,.25);position:absolute;top:10px;left:15px;line-height:1;font-family:serif}

.customer{font-weight:600;color:var(--primary-color);font-size:.95rem}

/* Rodapé */
footer{background:linear-gradient(135deg,var(--dark-color),#34495e);color:white;padding:60px 0 30px}

.footer-content{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:30px}

.footer-info h2{color:var(--secondary-color);margin-bottom:10px;font-size:1.8rem}

.footer-info h3{color:#bdc3c7;margin-bottom:20px;font-size:1.1rem;font-weight:500}

.footer-info p{color:#bdc3c7;margin-bottom:20px;line-height:1.6}

.footer-link{display:block;color:#bdc3c7;text-decoration:none;margin-bottom:12px;transition:all .3s ease;padding:5px 0}

.footer-link:hover{color:var(--secondary-color);padding-left:10px}

.footer-link i{margin-right:10px;width:20px}

.footer-social h3{margin-bottom:20px;color:var(--secondary-color)}

.social-icons{display:flex;gap:15px}

.social-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#34495e;color:white;border-radius:50%;font-size:1.3rem;transition:all .3s ease;text-decoration:none}

.social-icon:hover{background:var(--primary-color);transform:scale(1.1) translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.35)}

.copyright{text-align:center;padding-top:30px;border-top:1px solid #34495e;font-size:.9rem;color:#bdc3c7;line-height:1.5}

/* Media Queries para Responsividade */
@media (min-width:768px){
    .menu-grid{grid-template-columns:repeat(2,1fr);gap:30px}
    .features{grid-template-columns:repeat(2,1fr);gap:30px}
    .faq-grid{grid-template-columns:repeat(2,1fr);gap:25px}
    .testimonial-grid{grid-template-columns:repeat(2,1fr)}
    .footer-content{grid-template-columns:2fr 1fr;gap:60px}
    .social-icons{justify-content:flex-start}
    .coupon-content{flex-direction:row;align-items:center;gap:20px;text-align:left}
    .coupon-text{flex:1}
}

@media (min-width:992px){
    .menu-grid{grid-template-columns:repeat(3,1fr)}
    .features{grid-template-columns:repeat(4,1fr)}
    .faq-grid{grid-template-columns:1fr;max-width:900px}
}

/* Animações otimizadas */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

.menu-item,.feature,.testimonial,.faq-item{animation:fadeInUp .6s ease forwards}

.menu-item:nth-child(2){animation-delay:.1s}
.menu-item:nth-child(3){animation-delay:.2s}
.feature:nth-child(2){animation-delay:.1s}
.feature:nth-child(3){animation-delay:.2s}
.feature:nth-child(4){animation-delay:.3s}

/* Configuração de font-display para todas as fontes */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXp-p7K4KLg.woff2) format('woff2')}

@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXp-p7K4KLg.woff2) format('woff2')}

@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXp-p7K4KLg.woff2) format('woff2')}

@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXp-p7K4KLg.woff2) format('woff2')}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-regular-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-brands-400.woff2') format('woff2');
}