/* ---------------------------------------------------
   ESTILOS PARA EL LAYOUT "STICKY FOOTER"
   Solo se aplican cuando se usa la clase .sticky-footer-wrapper
----------------------------------------------------- */
.sticky-footer-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ocupa al menos el 100% de la altura de la ventana */
}

.sticky-footer-wrapper main {
    flex-grow: 1; /* Hace que el contenido principal ocupe el espacio sobrante */
}

/* ---------------------------------------------------
   ESTILOS PARA EL SLIDER
----------------------------------------------------- */

.carousel-indicators button {
    width: 40px;
    height: 4px;
    border-radius: 10px;
    background-color: #ccc;
    border: 0;
    margin: 4px;
}

.carousel-indicators .active {
    background-color: #4CAF50; /* verde corporativo (puede cambiar) */
}

.carousel-indicators button {
    width: 40px;
    height: 4px;
    border-radius: 10px;
    background-color: #ccc;
    border: 0;
    margin: 4px;
}

.carousel-indicators .active {
    background-color: #4CAF50; /* verde corporativo (puede cambiar) */
}

 #sliderCapitalCenter .carousel-item img {
        height: 400px;
        width: 100%;
        object-fit: cover;   /* llena el área sin deformar */
        object-position: center;
    }
 */
    /* Si quieres que NO recorte nada y se vea completa, usa contain:
    #sliderCapitalCenter .carousel-item img {
        height: 400px;
        width: 100%;
        object-fit: contain;
        background: #000; // opcional para fondo
    }
    */


/* ---------------------------------------------------
   ESTILOS PARA EL FOOTER (si los necesitas)
   Estos estilos son globales y no deberían causar problemas.
----------------------------------------------------- */
footer {
    background-color: #f8f9fa;
    padding: 1rem 0;
    border-top: 1px solid #dee2e6; /* Añade una línea sutil para separar el contenido */
}

/* ===== SLIDER CAPITAL CENTER ===== */
#sliderCapitalCenter {
    border-radius: 25px;
    overflow: hidden;          /* mantiene los bordes redondeados */
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

#sliderCapitalCenter .carousel-item img {
    height: 400px;             /* altura uniforme */
    width: 100%;
    object-fit: cover;         /* mantiene proporción sin deformar */
    object-position: center;   /* centra el contenido */
    display: block;
}

/* Indicadores */
#sliderCapitalCenter .carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #0F6834 !important; /* verde corporativo */
    opacity: 0.4;
    margin: 3px;
    border: none;
}

#sliderCapitalCenter .carousel-indicators .active {
    opacity: 1;
}

/* Flechas */
#sliderCapitalCenter .carousel-control-prev-icon,
#sliderCapitalCenter .carousel-control-next-icon {
    filter: invert(1); /* flechas blancas */
    width: 45px;
    height: 45px;
}

#sliderCapitalCenter .carousel-control-prev,
#sliderCapitalCenter .carousel-control-next {
    width: 5%;
}

/* ===== ICONOS DE INFORMACIÓN (CONTACTO) ===== */
.icono-contacto {
    font-size: 22px;         /* tamaño del ícono */
    margin-right: 8px;       /* separación respecto al texto */
    color: #d9534f;          /* rojo estilo Bootstrap (puedes cambiarlo) */
    vertical-align: middle;  /* alineación perfecta */
}

/* Para títulos como “Dirección”, “Correo”, etc. */
.titulo-contacto {
    font-weight: 700;
    font-size: 20px;
    display: flex;
    align-items: center;
}

/* Íconos dentro de listas o bloques */
.bloque-contacto i {
    font-size: 18px;
    margin-right: 6px;
}

/* Ajuste en móviles para que no se vean gigantes */
@media (max-width: 576px) {
    .icono-contacto {
        font-size: 18px;
        margin-right: 6px;
    }
    .titulo-contacto {
        font-size: 18px;
    }
}

adecualo para que no afecte los demás estilos

/* ---------------------------------------------------
   ESTILOS GENERALES PARA EL BODY
----------------------------------------------------- */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* ---------------------------------------------------
   ESTILOS PARA EL CONTENIDO PRINCIPAL
----------------------------------------------------- */
main {
    flex-grow: 1;
}

/* ---------------------------------------------------
   ESTILOS PARA EL FOOTER (si lo necesitas)
----------------------------------------------------- */
footer {
    /* Puedes añadir estilos aquí si quieres, como color de fondo */
    background-color: #104228 !important;
    padding: 1rem 0;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: #ffffff !important;
}

.navbar-dark .nav-link {
  color: #1f824f !important;
}

.navbar-dark .nav-link:hover {
  color: #104228 !important;
  }

  .navbar-dark .nav.link:active {
    color: #421015 !important;
  }

  .encabezado {
  color: #104228 !important;
  }

    /* Hamburguesa */
 .navbar-toggler {
    background-color: #104228 !important;
  }