/* scholart — estilos base (recreado desde el export de Lovable) */

:root {
  --background: #FFFFFF;
  --foreground: #0A1A4F;
  --card: #FFFFFF;
  --card-foreground: #0A1A4F;
  --primary: #0033CC;
  --primary-foreground: #FFFFFF;
  --secondary: #F2F4F8;
  --secondary-foreground: #0A1A4F;
  --muted: #F2F4F8;
  --muted-foreground: #6B7280;
  --accent: #FFD500;
  --accent-foreground: #0A1A4F;
  --destructive: #FF5A1F;
  --border: #E5E9F0;
  --input: #E5E9F0;
  --ring: #0033CC;

  --brand-navy: #0A1A4F;
  --brand-royal: #0033CC;
  --brand-yellow: #FFD500;
  --brand-cyan: #00E0FF;
  --brand-orange: #FF5A1F;
  --brand-gray-light: #F2F4F8;
  --brand-gray-mid: #6B7280;
}

* { border-color: var(--border); }

html { scroll-behavior: smooth; }

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.section-padding { padding-top: 4rem; padding-bottom: 4rem; }
@media (min-width: 768px) { .section-padding { padding-top: 6rem; padding-bottom: 6rem; } }

.container-padding { padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 640px) { .container-padding { padding-left: 1.5rem; padding-right: 1.5rem; } }
@media (min-width: 1024px) { .container-padding { padding-left: 2rem; padding-right: 2rem; } }

@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.animate-marquee { animation: marquee 30s linear infinite; }

@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@keyframes float-slow { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-10px) rotate(6deg); } }
@keyframes bounce-slow { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.animate-float { animation: float 6s ease-in-out infinite; }
.animate-float-slow { animation: float-slow 9s ease-in-out infinite; }
.animate-bounce-slow { animation: bounce-slow 3.5s ease-in-out infinite; }

/* Hero: sustituye el collage fotográfico (no incluido en el export) por un degradado de marca */
.hero-fallback-bg {
  background:
    radial-gradient(circle at 15% 20%, rgba(0,224,255,0.25), transparent 45%),
    radial-gradient(circle at 85% 75%, rgba(255,213,0,0.18), transparent 40%),
    linear-gradient(120deg, var(--brand-navy) 0%, #0d2266 45%, var(--brand-royal) 100%);
}

.logo-word {
  font-weight: 800;
  letter-spacing: -0.02em;
}

details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }