/* Component Styles */

/* WhatsApp Widget */
.whatsapp-widget{position:fixed;bottom:20px;right:20px;z-index:9999}
.whatsapp-button{background:#25D366;color:white;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,211,102,0.4);cursor:pointer;transition:all 0.3s;position:relative}
.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,0.6)}
.whatsapp-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #25D366;animation:pulse 1.5s infinite}
@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}
.whatsapp-popup{position:absolute;bottom:80px;right:0;width:300px;background:white;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.15);display:none}
.whatsapp-popup.active{display:block}
.whatsapp-header{background:#075E54;color:white;padding:15px;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:10px}
.whatsapp-avatar{width:40px;height:40px;border-radius:50%}
.whatsapp-status{font-size:12px;opacity:0.9}
.whatsapp-close{background:none;border:none;color:white;font-size:24px;cursor:pointer;margin-left:auto}
.whatsapp-body{padding:20px}
.whatsapp-message{background:#DCF8C6;padding:10px;border-radius:8px;margin-bottom:15px;position:relative}
.whatsapp-time{font-size:11px;color:#667;display:block;text-align:right;margin-top:5px}
.whatsapp-cta{display:block;background:#25D366;color:white;text-align:center;padding:12px;border-radius:8px;text-decoration:none;font-weight:600;transition:background 0.3s}
.whatsapp-cta:hover{background:#128C7E}

/* Cookie Consent */
.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:rgba(0,28,48,0.98);color:white;padding:20px;z-index:9998;display:none;backdrop-filter:blur(10px)}
.cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.cookie-content p{margin:0;flex:1}
.cookie-content a{color:#027ed6;text-decoration:underline}

/* Testimonial Carousel */
.testimonials-carousel{position:relative;overflow:hidden;padding:0 50px}
.carousel-wrapper{display:flex;transition:transform 0.5s ease}
.testimonial-slide{min-width:100%;padding:20px}
.testimonial-content{max-width:800px;margin:0 auto;text-align:center}
.testimonial-text{font-size:1.25rem;line-height:1.8;margin-bottom:2rem;font-style:italic}
.testimonial-author{display:flex;align-items:center;justify-content:center;gap:15px}
.author-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}
.author-info h4{margin:0;font-size:1.125rem}
.author-info p{margin:0;opacity:0.8;font-size:0.95rem}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.2);border:none;color:white;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all 0.3s}
.carousel-btn:hover{background:rgba(255,255,255,0.4)}
.carousel-prev{left:0}
.carousel-next{right:0}
.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:30px}
.carousel-dot{width:10px;height:10px;border-radius:50%;border:2px solid white;background:transparent;cursor:pointer;transition:all 0.3s}
.carousel-dot.active{background:white}

/* Brand Scroller */
.brand-scroller{overflow:hidden;padding:40px 0}
.scroller-content{display:flex;gap:60px;animation:scroll 30s linear infinite}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.partner-logo{flex-shrink:0}
.partner-logo img{height:60px;width:auto;opacity:0.7;transition:opacity 0.3s}
.partner-logo:hover img{opacity:1}

/* Form Messages */
.form-message{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10000;transform:translateX(400px);transition:transform 0.3s}
.form-message.show{transform:translateX(0)}
.form-message.success{background:#28a745;color:white}
.form-message.error{background:#dc3545;color:white}

/* Two Column Layout */
.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media(max-width:768px){
    .two-column-layout{grid-template-columns:1fr}
    .whatsapp-popup{width:90vw;right:-15px}
    .testimonials-carousel{padding:0 20px}
}