/* Custom Styles for Mente Livre */

@theme {
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-600: #2563eb;
  --color-blue-700: #1d4ed8;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;

  --color-sand-50: #fdfaf6;
  --color-sand-100: #f7f1e9;
  --color-sand-200: #e7d5c0;
  --color-sand-300: #d4bc9f;
  --color-sand-400: #c2a88e;
  --color-sand-800: #4a3f35;
  --color-sand-900: #2d241e;
  --color-gold-400: #d4af37;
  --color-gold-500: #c5a028;
  --color-gold-600: #a68a20;
}

:root {
  --blue-50: var(--color-blue-50);
  --blue-100: var(--color-blue-100);
  --blue-600: var(--color-blue-600);
  --blue-700: var(--color-blue-700);
  --blue-800: var(--color-blue-800);
  --blue-900: var(--color-blue-900);

  --sand-50: var(--color-sand-50);
  --sand-100: var(--color-sand-100);
  --sand-200: var(--color-sand-200);
  --sand-800: var(--color-sand-800);
  --sand-900: var(--color-sand-900);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
.font-serif {
  font-family: 'Playfair Display', serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--sand-50);
}

::-webkit-scrollbar-thumb {
  background: var(--sand-200);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--blue-100);
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeIn 1s ease-out forwards;
}

/* Glassmorphism */
.glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Image Hover Effects */
.img-hover-zoom {
  overflow: hidden;
}

.img-hover-zoom img {
  transition: transform 0.5s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.05);
}

/* Section Transitions */
section {
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out;
}

/* Custom Button Glow */
.btn-glow:hover {
  box-shadow: 0 0 20px rgba(37, 99, 235, 0.4);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  h1 {
    font-size: 2.5rem !important;
  }
}

/* WhatsApp Floating Button */
.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  text-decoration: none;
}

.whatsapp-float:hover {
  background-color: #128c7e;
  transform: scale(1.1);
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
  color: #fff;
}

@media (max-width: 768px) {
  .whatsapp-float {
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 20px;
    font-size: 25px;
  }
}

/* Testimonials Specific Styles */
.testimonial-card {
  @apply bg-white p-8 rounded-[2rem] border border-sand-100 flex flex-col h-full transition-all duration-500;
}

.testimonial-card:hover {
  @apply shadow-2xl shadow-blue-900/5 -translate-y-2 border-blue-100;
}

#depoimentos .group:hover .fa-star {
  @apply scale-110;
}

/* Pricing Cards */
.pricing-card {
  @apply bg-white p-8 rounded-[2.5rem] border border-sand-100 flex flex-col h-full transition-all duration-500 relative overflow-hidden;
}

.pricing-card:hover {
  @apply shadow-2xl shadow-blue-900/10 -translate-y-2 border-blue-200;
}

.pricing-card.featured {
  @apply border-gold-400 bg-blue-50/20;
}

.pricing-card.featured::before {
  content: 'MAIS PROCURADO';
  @apply absolute top-4 right-[-35px] bg-gold-500 text-white text-[10px] font-bold py-1 px-10 rotate-45 shadow-sm;
}

.price-tag {
  @apply text-3xl font-serif font-bold text-blue-900 mb-4;
}

.price-tag span {
  @apply text-sm font-sans font-normal text-sand-500;
}

#depoimentos .fa-star {
  @apply transition-transform duration-300;
}

/* Corporate Cards */
.corporate-card {
  @apply bg-blue-950/30 p-8 rounded-[2.5rem] border border-blue-700/30 flex flex-col h-full transition-all duration-500 backdrop-blur-sm;
}

.corporate-card:hover {
  @apply shadow-2xl shadow-gold-500/5 -translate-y-2 border-gold-500/30 bg-blue-900/40;
}