.card.bg-blue-fenalce.text-white.border-0.shadow.rounded-4.p-4.p-md-5 {
    background-color: var(--fen-azul);
}

h1.display-5.mb-4 {
    font-size: 70px;
    line-height: 59px;
    margin-bottom: 60px;
      font-family: "Montserrat", sans-serif;
}


h1, h2, h3,h4,h5{
     font-family: "Montserrat", sans-serif;
     font-weight: 700!important;
}

.container-fluid.full-width.section {
    width: 100%;
    height: 70vh;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    background-size: cover;
    background-position:top;
    position: relative;
}

.container-fluid.full-width.section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}


div#sub_collapse_3_4 li {
    color: var(--fen-azul)!important;
}



  main#primary .explicacion-cuotas h1, main#primary .explicacion-cuotas h2, main#primary .explicacion-cuotas h3, main#primary .explicacion-cuotas h4,  main#primary .explicacion-cuotas h5
    {
        color: var(--fen-green)!important;
    } 

    .recaudo-description li{
        color: #fff;
    }

    .recaudo-description p{
        color: #fff;
    }

    main.recaudo .card.bg-blue-fenalce.text-white.border-0.shadow.rounded-4.p-4.p-md-5 li{
  position: relative;
  margin-bottom: 0.75rem;
  color: #fff;
}

/* 1º, 4º, 7º... -> Fondo ROSA */
    .accordion-item:nth-child(3n+1) .accordion-button.collapsed {
        background-color: var(--fen-rose);
        color: var(--fen-blue);
        border-bottom: 1px solid #fff; /* Pequeña separación estética */
    }

    /* 2º, 5º, 8º... -> Fondo AMARILLO */
    .accordion-item:nth-child(3n+2) .accordion-button.collapsed {
        background-color: var(--fen-yellow);
        color: var(--fen-blue);
        border-bottom: 1px solid #fff;
    }

    /* 3º, 6º, 9º... -> Fondo NARANJA */
    .accordion-item:nth-child(3n+3) .accordion-button.collapsed {
        background-color: var(--fen-orange);
        color: var(--fen-blue);
        border-bottom: 1px solid #fff;
    }

    /* Ajustes generales del botón cerrado */
    .accordion-button.collapsed:focus {
        box-shadow: none; 
    }

    /* Flecha (icono) en AZUL cuando está cerrado (para que combine con el texto) */
    .accordion-button.collapsed::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d4168'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    /* -----------------------------------------------------------
       ESTADO ABIERTO (Activo)
       Fondo Azul Fenalce y Letra Blanca (Sobre-escribe los colores anteriores)
    ----------------------------------------------------------- */
    .accordion-button:not(.collapsed) {
        background-color: var(--fen-azul) !important;
        color: #ffffff !important;
        box-shadow: none;
        border-bottom: none;
    }

    /* Flecha (icono) en BLANCO cuando está abierto */
    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    div#administracion-fondos p {
    color: #fff;
}

/* --- ESTILOS PARA EL ACORDEÓN ANIDADO (INTERNO) --- */
    
    /* Resetear fondo y colores para los hijos anidados */
    .nested-acc-btn {
        background-color: #fff !important; /* Siempre blanco */
        color: #BE7275 !important; /* Color rojizo (Rose) para el texto */
        border: 1px solid rgba(0,0,0,0.125); /* Borde sutil */
        box-shadow: none !important;
    }
    
    /* Cuando el botón interno está colapsado (cerrado) */
    .nested-acc-btn.collapsed {
        color: #BE7275 !important; 
        background-color: #fff !important;
    }
    
    /* Cuando el botón interno está activo (abierto) */
    .nested-acc-btn:not(.collapsed) {
        color: #BE7275 !important;
        background-color: #fff !important; /* Mantiene blanco */
        border-bottom: 1px solid #ddd;
    }

    /* Ajustar la flecha de los anidados al color rojizo */
    .nested-acc-btn::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23BE7275'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    }

.custom-card {
        border: 2px solid #78b833 !important;
        border-radius: 25px !important;
        position: relative;
          padding: 25px 40px;
        background-color: #fff;
    }
    .icon-container {
        position: absolute;
        top: -6px;
        background-color: white;
        padding: 0 10px;
    }
    .icon-left { left: -35px; }
    .icon-right { right: -35px; }
    .card-title-custom {
        font-weight: 800;
        color: var(--fen-azul);
        text-transform: lowercase;
    }
    .text-recaudo { font-weight: 400; color:  var(--fen-azul); }
    .label-bold { font-weight: 700; color:  var(--fen-azul); }

    .row.g-4.container-tarjetas {
    padding: 0 40px;
}

.row.g-4.container-tarjetas a {
    color: var(--fen-azul);
}

.analistas-recaudo a{
       color: var(--fen-azul);
}

.small.d-flex.align-items-center {
    color: var(--fen-azul);
}

.analistas-recaudo {
    padding: 60px 50px;
}

span.analistas-ubi {
    color: var(--fen-green);
}

.analistas-recaudo .card-custom-pad {
    padding: 25px 40px;
}


h6.fw-bold.text-dark.mb-1, h6.fw-bold.text-dark.mb-2
 {
    color: var(--fen-azul) !important;
}

h5.fw-bold.mb-4.fst-italic.text-dark {
    color: var(--fen-azul) !important;
}

.fechas-recaudo-principal{
    margin: 40px 0;
}
.rounded-4.fechas-recaudo-principal .row.g-0.rounded-4.text-center{
    background: #efefef;
    padding: 18px 20px;

}

.rounded-4.fechas-recaudo-principal .border-bottom {
    border-bottom: 3px var(--bs-border-style) var(--fen-rose) !important;
}

.rounded-4.fechas-recaudo-principal .border-end {
    border-right: 3px var(--bs-border-style) var(--fen-rose) !important;
}

.fechas-recaudo-principal span.d-block.fw-bold.s{
    color: var(--fen-rose);
     font-family: "Montserrat", sans-serif;
}

.fechas-recaudo-principal span.fw-bold.text-dark{
    color: var(--fen-azul)!important;
}

section.container-fluid.nav-grid{

padding: 80px 0 0 0 ;}
/* Colores por posición (ajusta tu paleta) */
.nav-section-direct .fen-overlay-nav > .menu-item:nth-child(3n+1) > a { --btn-color:#F2C26A; }
.nav-section-direct  .fen-overlay-nav > .menu-item:nth-child(3n+2) > a { --btn-color:#EF8E9A; }
.nav-section-direct  .fen-overlay-nav > .menu-item:nth-child(3n+3) > a { --btn-color:#F4A36F; }

/* Píldora base (sin relleno), borde con box-shadow para no alterar tamaño */
.nav-section-direct  .fen-overlay-nav > .menu-item{
  width: 60%;
  margin: 20px 0;
      list-style: none;


}

.nav-section-direct .fen-overlay-nav{
            display: flex;
    flex-direction: column;
    align-items: center;
          margin-bottom: 40px;
}

.nav-section-direct  .fen-overlay-nav > .menu-item > a{
  --btn-color: #F2C26A;   
  width: 100%;             
  text-align: center; /* fallback */
  font-size: 30px;
  --arrow: 22px;                        /* largo de la punta */
  position: relative;
  display: inline-block;
  padding: .6rem calc(1rem + var(--arrow)) .6rem 1rem; /* reserva para la punta */
  color: var(--btn-color);
  text-decoration: none;
  line-height: 1;
  border-radius: 999px;                  /* píldora */
  white-space: nowrap;
  transition: color .25s ease, transform .2s ease;
  z-index: 0;                            /* para que el ::before quede detrás */
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
     text-transform: none;
}

.accordion-body.card.bg-blue-fenalce.text-white.border-0.shadow.rounded-4.p-4.p-md-5 h3, .accordion-body.card.bg-blue-fenalce.text-white.border-0.shadow.rounded-4.p-4.p-md-5 h4{
    color:#fff
}