body {
    font-family: "Segoe UI", Tahoma, sans-serif;
    background:#f4f6f9;
}

/* NAVBAR */
.navbar { background:#c9ccd4; }
.navbar-brand img { height:55px; }

/* MENU HAMBURGUESA */
.dropdown-menu {
    width:320px;
    max-width:95vw;
    white-space:normal;
}
.dropdown-item {
    padding:12px 16px;
    white-space:normal;
    line-height:1.3;
    transition:background-color .25s ease;
}
.dropdown-item small {
    display:block;
    font-size:.85rem;
    color:#6c757d;
}
.dropdown-item:hover {
    background:#2C4C94;
    color:#fff;
}
.dropdown-item:hover small {
    color:#e0e0e0;
}

/* HERO */
.hero {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            rgba(26, 50, 115, 0.65),
            rgba(26, 50, 115, 0.75)
        ),
        url('../image/fondo.jpg') center / 108% no-repeat;

    animation: heroZoom 35s ease-in-out infinite alternate;

    color: #fff;
    padding: 70px 0;
    display: flex;
    align-items: center;
}

/* Zoom lento */
@keyframes heroZoom {
    from {
        background-size: 108%;
    }
    to {
        background-size: 118%;
    }
}

/* Entrada de texto */
.hero h1,
.hero p {
    animation: heroFade 1.2s ease-out both;
}

.hero p {
    animation-delay: .2s;
}

@keyframes heroFade {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Móvil */
@media (max-width: 768px) {
    .hero {
        animation: none;
        background-size: cover;
        background-position: center;
    }
}


/* INFO BAR */
.info-bar { background:#fff; border-bottom:1px solid #ddd; }

/* NOTICIAS CARD */
.noticia-card {
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    transition:transform .3s ease, box-shadow .3s ease;
}
.noticia-card:hover {
    transform:translateY(-4px);
    box-shadow:0 8px 22px rgba(0,0,0,.15);
}
.noticia-card img {
    max-height:260px;
    object-fit:cover;
}
.noticia-card .card-title {
    font-weight:600;
    color:#1A3273;
}
.noticia-card .card-text {
    color:#444;
    font-size:.95rem;
}

/* FOOTER */
footer { background:#000; color:#fff; }
footer a { color:#A0A0A0; text-decoration:none; }
footer a:hover { color:#fff; }

.map-container iframe {
    width:100%; height:260px; border:0;
}
/* NAVBAR FIJA */
.navbar {
    position: sticky;
    top: 0;
    z-index: 1050; /* superior a cards y secciones */
}

/* PLANEACIÓN ESTRATÉGICA */
.estrategia-menu .nav-link {
    color: #1A3273;
    border-radius: 20px;
    margin: 0 4px;
    font-weight: 500;
}

.estrategia-menu .nav-link.active {
    background-color: #1A3273;
    color: #fff;
}

.estrategia-contenido {
    max-width: 900px;
    margin: auto;
}

.estrategia-item {
    display: none;
    animation: fadeIn .3s ease;
}

.estrategia-item.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
/* PROMESA BÍBLICA */
.promesa-biblica {
    background: linear-gradient(90deg, #C9A227, #E6C75A, #C9A227);
    color: #000;
    overflow: hidden;
    padding: 10px 0;
    font-size: 0.95rem;
    border-top: 1px solid #b89b1e;
    border-bottom: 1px solid #b89b1e;
}

.promesa-texto {
    white-space: nowrap;
    display: inline-block;
    padding-left: 100%;
    animation: moverPromesa 40s linear infinite;
}

@keyframes moverPromesa {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 55px;
  height: 55px;
  background-color: #25D366;
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(37, 211, 102, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;

  animation: pulse 2.5s infinite;
  transition: transform 0.3s ease;
}

/* Ícono */
.whatsapp-float img {
  width: 32px;
  height: 32px;
}

/* Hover elegante */
.whatsapp-float:hover {
  transform: scale(1.08);
}

/* Animación suave tipo “respirar” */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}
.logo-vivo {
  opacity: 0;
  animation: logoVivo 1.8s ease-out forwards;
}

@keyframes logoVivo {
  0% {
    opacity: 0;
    transform: rotate(0deg) scale(0.96);
    filter: brightness(0.7) drop-shadow(0 0 0 rgba(26,50,115,0));
  }

  60% {
    opacity: 1;
    transform: rotate(360deg) scale(1.02);
    filter: brightness(1.05) drop-shadow(0 0 14px rgba(26,50,115,0.6));
  }

  100% {
    opacity: 1;
    transform: rotate(360deg) scale(1);
    filter: brightness(1) drop-shadow(0 0 0 rgba(26,50,115,0));
  }
}