html {
      scroll-behavior: smooth;
    }
    :root {
      --primary: #0077b6;
      --secondary: #00a896;
      --light-bg: #e9f5ff;
    }
    body {
      font-family: 'Segoe UI', sans-serif;



    }
    .navbar-dark {
      background: var(--primary) !important;
    }
    .banner {
      background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url('banner-placeholder.jpg') center/cover no-repeat;
      color: #fff;
      text-align: center;
      padding: 120px 15px;
    }
    .banner h1 {
      font-weight: 700;
    }
    .banner p {
      font-size: 1.25rem;
    }
    h2 {
      color: var(--primary);
    }
    .btn-primary {
      background: var(--secondary);
      border: none;
    }
    .btn-primary:hover {
      background: #018f7d;
    }
    .carousel-inner img {
      object-fit: cover;
      height: 260px;
    }
    .testimonial-card {
      background: #ffffff;
      border: 1px solid #e9ecef;
      border-radius: 8px;
      padding: 25px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    }
    .social-icon {
      font-size: 1.5rem;
      color: var(--secondary);
      margin: 0 0.5rem;
    }
    .social-icon:hover {
      opacity: 0.75;
    }
    .bg-light-custom {
      background: var(--light-bg) !important;
    }
    footer {
      background: #012a4a;
      color: #ced4da;
      padding: 25px 0;
    }
    footer a {
      color: #adb5bd;
      text-decoration: none;
    }
    footer a:hover {
      text-decoration: underline;
    }

    #carouselFotos .carousel-inner {
  height: 600px; /* ajusta a lo que te funcione visualmente */
}
#carouselFotos .carousel-item img {
  height: 100%;
  object-fit: cover;
}

.full-card-img {
  height: 100%;
  object-fit: cover;
}

.card.h-100 {
  height: 350px; /* ajusta según el diseño que prefieras */
  overflow: hidden;
}

.card.h-100 {
  transition: transform 0.3s ease;
}
.card.h-100:hover {
  transform: scale(1.03);
}

.hero-header {
      position: relative;
      background-color: #ffffff;
      min-height: 100vh;
      background-image: url('../img/leilani_header_shifted_right.png');
      background-repeat: no-repeat;
      background-position: right center;
      background-size: contain;
      display: flex;
      align-items: center;
      padding-left: 5%;
    }

    .hero-overlay {
      max-width: 600px;
      padding: 40px 30px;
      background-color: rgba(255, 255, 255, 0.9);
      border-radius: 10px;
    }

    .hero-overlay h1 {
      font-size: 3.5rem;
      font-weight: bold;
      color: #222;
      font-style: italic;
      margin-bottom: 20px;
    }

    .hero-overlay p {
      font-size: 1.2rem;
      color: #555;
      margin-bottom: 30px;
    }

    .hero-overlay .btn {
      font-size: 1rem;
      padding: 12px 24px;
    }

.navbar-custom {
  background-color: #d7c1f4 !important;  /* un lila pastel */
}
.navbar-custom .navbar-nav .nav-link {
  color: #3a0ca3 !important;             /* azul profundo para contraste */
}
.navbar-custom .navbar-nav .nav-link:hover {
  color: #7209b7 !important;
}

    .retiro-section {
      background: #f2f0fc;
      padding: 60px 0;
    }
    .retiro-section h2 {
      color: #4a148c;
      margin-bottom: 30px;
    }