main.servicios-tramites h1#title-section{
    text-align: center;
    color:#0d3253;
        font-size: 70px;
}

main.servicios-tramites{
    margin-top:80px
}

section.content-afiliarse{
    background: #0d3253;
    margin: 50px 0;
    padding:30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page-description {
    max-width: 1000px;
    color: #fff;
}

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

.page-description h2{
       font-family: "Montserrat", sans-serif;
       font-size: 40px!important;
}
section.content-afiliarse h2, section.content-afiliarse p#intro-section{
    text-align: center;
    color: #ffffff;
}

section.content-afiliarseo p{
    color: #ffffff;
}


section.content-afiliarse h2{
    font-size: 50px;
    text-transform: none;
}


button.accordion-button{
    background: #2d7191;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 25px;
        padding: 15px 38px;
}

button.accordion-button.collapsed {
    color: #f2c26a;

}

h2.accordion-header {
position: relative;
}

.content-afiliarse .number-accordion {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-70%, -50%);
    width: fit-content;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    z-index: 999;
    font-size: 80px;
}

.content-afiliarse .accordion-item {
    margin: 20px 0;
}

.content-afiliarse .accordion{
    --bs-accordion-border-color:none!important;
    
}

.content-afiliarse .accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    background: #0d3253;
    color: #ffffff;
    font-style: italic;
}


.content-afiliarse .accordion-button:not(.collapsed) {
    background-color:#ffffff!important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    color:#0d3253!important;
}

.content-afiliarse div#accordionExample {
    margin-top: 40px;
    margin-bottom: 20px;
}

button.download-form {
    width: fit-content;
    background: transparent;
    color: #ffff;
    padding: 5px 40px;
    font-size: 20px;
    border-radius: 50px;
    font-weight: 300;
    border: 4px solid #ffffff;
    margin-bottom: 30px;
}


section.container-fluid.content-preguntas h2 {
    text-align: center;
    font-size: 50px;
    color: #0d3253;
}

.nav-tab-preguntas{
    margin-top: 40px;
    margin-bottom: 30px;
}

.nav-tab-preguntas .nav-link{
    font-size: 20px;
        border-top-left-radius: 20px!important;
    border-top-right-radius: 20px!important;
      border: 2px solid #0d3253!important;
    border-radius: 20px;
        padding: 0 20px;
            color: #f4a36f;
            font-weight: 700;
}

.nav-tab-preguntas #myTab .nav-link.active{
    color:#ffff;
    background-color: #0d3253;
}

.nav-tab-preguntas .tab-content .tab-pane{
    border:1px solid #0d3253;
}

.nav-tab-preguntas ul.nav{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:10px
  
}

.nav-tab-preguntas li.nav-item{
width: 100%;
}

.nav-tab-preguntas button.nav-link{
    width: 100%;

}

.nav-tab-preguntas .tab-content .tab-pane {
    border: 1px solid #0d3253;
    margin-top: 20px;
    border-radius: 30px;
}

 section.container-fluid.content-preguntas button.accordion-button{
    border-radius: 30px;
 } 

 section.container-fluid.content-preguntas #myTabContent .accordion-item:first-of-type{
        border-top-left-radius:30px;
    border-top-right-radius: 30px;
}
 section.container-fluid.content-preguntas #myTabContent .accordion-item{
border:0;}

 section.container-fluid.content-preguntas #myTabContent .accordion-button:not(.collapsed){
    background-color: #fff;
 }

 section.container-fluid.content-preguntas #myTabContent .accordion-button{
      background-color: #fff;
 }

 section.container-fluid.content-preguntas #myTabContent button.accordion-button.collapsed{
    color:#0d3253
 }

section.container-fluid.content-preguntas #myTabContent .accordion-button:not(.collapsed){
    color: var(--fen-orange)
}

section.container-fluid.content-preguntas #myTabContent .accordion-item:last-of-type .accordion-collapse{
        border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

section.container-fluid.content-preguntas #myTabContent .accordion-item:last-of-type{
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px; 
}
section.container-fluid.content-preguntas #myTabContent .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

section.container-fluid.content-preguntas #myTabContent h2 {
  position: relative;
  display: inline-block; /* Para que el ancho del pseudo-elemento se base en el texto */
  padding: 0 10px ;
  padding-bottom: 0.5rem; /* Espacio visual */
  border-bottom: none; /* Quitamos el borde original */
  width: 100%;
}

section.container-fluid.content-preguntas #myTabContent h2::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 95%;
    height: 0.5px;
    background-color: #0d3253;
}

section.container-fluid.content-preguntas #myTabContent .accordion-button:focus {
  box-shadow: 0 0 0 0.10rem #f2c26a !important;
  border-color: #f2c26a !important; /* opcional, para mantener coherencia */
}

section.container-fluid.content-form h2 {
    text-align: center;
    font-size: 50px;
    color: #0d3253;
}

section.container-fluid.content-form {
    padding: 30px 0;
}

#wpforms-form-41 input,#wpforms-form-41 select, #wpforms-form-41 textarea{
    border: 3px solid #0d3253;
    border-radius: 27px;
}

#wpforms-form-41 .wpforms-field {
    padding: 5px 0;
}


#wpforms-form-41 label.wpforms-field-label, #wpforms-form-41 legend.wpforms-field-label {
    margin: 0 0 5px 0;
    font-family: "Montserrat", sans-serif;
    color: #be7275;
    font-weight: 600;
}

#wpforms-form-41 label.wpforms-field-sublabel.after{
    color: #0d3253;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

#wpforms-form-41 .button-form-fenalce{
    background-color: #0d3253;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

#wpforms-form-41 .button-form-fenalce:hover{
    background-color: #f2c26a;
    transition:0.5s ease-in;
}

div#wpforms-confirmation-41 {
    background:  #f2c26a;
       font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

section.container-fluid.content-map h2 {
    text-align: center;
    font-size: 50px;
    color: #f2c26a;;
}
section.container-fluid.content-map #mapa{height:100vh;background:#f7fafc;}
section.container-fluid.content-map  svg{width:100%;height:100%}
section.container-fluid.content-map  .dept { fill:#dbe7f3; stroke:#6c8aaa; stroke-width:1; cursor:pointer; }
section.container-fluid.content-map  .dept:hover { fill:#bcd4ec; }
section.container-fluid.content-map  .dept.active { fill:#89b6e6; }
section.container-fluid.content-map  .graticule { fill:none; stroke:#e1e7ef; stroke-width:.8 }
section.container-fluid.content-map  .tooltip{
    position:fixed; z-index:10; pointer-events:none;
    background:#0b3a5a; color:#fff; padding:.4rem .55rem;
    border-radius:.35rem; font-size:.85rem; box-shadow:0 4px 14px rgba(0,0,0,.15);
    transform: translate(-50%, -120%); white-space:nowrap;
  }
section.container-fluid.content-map  .legend{position:absolute; left:12px; bottom:12px; background:#fff; border:1px solid #e6eef6; border-radius:.5rem; padding:.5rem .75rem; font-size:.85rem}


section.container-fluid.content-afiliarse .accordion-body p {
    color: #fff;
}

/* Asegúrate de que el scope es correcto */
.content-afiliarse .accordion-item:nth-of-type(3n+1) .number-accordion {
  color: #F2C26A;
}

.content-afiliarse .accordion-item:nth-of-type(3n+2) .number-accordion {
 color: #EF8E9A;
}

.content-afiliarse .accordion-item:nth-of-type(3n+3) .number-accordion {
color: #F4A36F;
}