/* ==========================================================================
   Ricardo Ruiz - Spanisch Privatunterricht Köln Neumarkt
   Estilos desacoplados y paleta corporativa oficial
   ========================================================================== */

/* Color Variables & Corporate Palette */
:root {
  --color-terracotta: #D35400;
  --color-terracotta-dark: #B84500;
  --color-terracotta-light: #FBEFEA;
  --color-olive-green: #2D5A27;
  --color-gold: #C5A059;
  --color-warm-sand: #F5EFEB;
  --color-dark-charcoal: #1A1A1C;
  --color-sheet-bg: #FAF8F5;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-serif: 'Playfair Display', Georgia, serif;
}

/* Base resets & typography */
body {
  font-family: var(--font-sans);
  background-color: var(--color-sheet-bg);
  color: var(--color-dark-charcoal);
  overflow-x: hidden;
}

/* Custom Hero Overlay */
.hero-overlay {
  background: linear-gradient(135deg, rgba(26, 26, 28, 0.94) 0%, rgba(26, 26, 28, 0.82) 50%, rgba(211, 84, 0, 0.35) 100%);
}

/* Google Maps Container */
.map-container {
  position: relative;
  padding-bottom: 60%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Calendar Container Styling */
.calendar-wrapper {
  position: relative;
  width: 100%;
  min-height: 720px;
  border-radius: 1rem;
  overflow: hidden;
  background: #ffffff;
}

.calendar-wrapper iframe {
  width: 100%;
  height: 720px;
  border: 0;
}

/* Floating WhatsApp Button */
.whatsapp-button, #floating-whatsapp {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.whatsapp-button:hover, #floating-whatsapp:hover {
  transform: translateY(-2px) scale(1.08);
  box-shadow: 0 10px 25px -5px rgba(37, 211, 102, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* Accordion Smooth Styling */
.faq-item {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.faq-item:hover {
  border-color: rgba(211, 84, 0, 0.3);
}

.faq-icon i {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Glassmorphic elements & transitions */
.backdrop-blur-md {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Scroll smooth for html anchor links */
html {
  scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #FAF8F5;
}
::-webkit-scrollbar-thumb {
  background: #D35400;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #B84500;
}