@font-face {
    font-family: "Gotham_Mediun";
    src: url("../assets/fonts/Gotham-Medium.otf");
}

@font-face {
    font-family: "Gotham_Light";
    src: url("../assets/fonts/Gotham-Light.otf");
}



*{
    margin: 0;
    padding: 0;
    font-family: 'Gotham_Mediun', sans-serif;
}

.text_light{
    font-family: 'Gotham_Light', sans-serif;
}


a{
    text-decoration: none;
}

header{
    margin-top: 2px;
    border-bottom: 1px solid black;
    font-size: 1.3em;
}


header  a {
    color: rgb(34, 56, 66);
}

header a:hover * {
    color: white;
}


header .iconsDiv:hover{
    cursor: pointer;
    background-color: rgb(243,114,44);
    color:white;
}


nav{
    background-color: white;
}

.nav-item a{
    color: black;
    text-decoration: none
}

.nav-item a:hover {
    color: rgb(243, 114, 44);
    cursor: pointer;
}


.carousel-caption {
    bottom: 33% !important;
    left: 9% !important;
    text-align: center !important;
    width: 33% !important;
}

#carousel-caption-grooming {
    bottom: 35% !important;
    left: 9% !important;
    text-align: center !important;
    width: 33% !important;
}

#carousel-caption-grooming h5 {
    font-family: 'Gotham_Light', sans-serif;
    font-size: 2.75em;
}

#carousel-caption-grooming h3 {
    font-size: 3.5em;
}


.carousel-caption h5{
    font-family: 'Gotham_Light', sans-serif;
    font-size: 2.25em;
}

.carousel-caption h3 {
    font-size: 3em;
}


.carousel-indicators {
    bottom: 80px;
    justify-content: start;
}

.carousel-indicators [data-bs-target] {
    height: 15px;
    width: 15px;
    border-radius: 50%;
}


#programasCentrales .card i{
    font-size: 1.3em;
}

#programasCentrales .card p:hover {
    color: white;
}

#programasCentrales .card a {
    color: grey;
}

/* #programasCentrales .card a:hover {
    color: white;
} */

#programasCentrales .card i{
    color:black;
}

#programasCentrales .card h5{
    color: black;
}

#programasCentrales .card p{
    color: rgb(0, 120, 155);
}

#programasCentrales .card:hover * {
    background-color: rgb(243, 114, 44);
    color: white;
    cursor: pointer;
}


#proyectosLegislativos i{
    font-size: 1.5em;
}



.blueSpan {
    color: rgb(0, 120, 155);
}



#proyectosLegislativos{
    background-color: rgb(238,241,246);
    color: black;
}


#proyectosLegislativos .card{
    color: black;
}

#proyectosLegislativos .card:hover * {
    background-color: rgb(243, 114, 44);
    color: white;
    cursor: pointer;
}


#noticiasNovedades{
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 50%, #eef1f6 50%, #eef1f6 50%, #ffffff 50%, #eef1f6 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 50%, #eef1f6 50%, #eef1f6 50%, #ffffff 50%, #eef1f6 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 50%, #eef1f6 50%, #eef1f6 50%, #ffffff 50%, #eef1f6 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef1f6', GradientType=0);
        /* IE6-9 */
}

#noticiasNovedades:hover{
    cursor: pointer;
}


.accordion-button:not(.collapsed) {
    color: white !important;
    background-color: rgb(243, 114, 44);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}


#redesSociales{
    background-color: rgb(238, 241, 246);
}

#redesSociales #facebook{
    color:white;
    background-color: rgb(59, 89, 152);
}

#redesSociales #facebook:hover {
    cursor: pointer;
}

#redesSociales #instagram {
    color: white;
    background-color: rgb(225, 48, 108);
}

#redesSociales #instagram:hover {
    cursor: pointer;
}

#redesSociales #twitter {
    color: white;
    background-color: rgb(2, 140, 193);
}

#redesSociales #twitter:hover {
    cursor: pointer;
}


footer{
    background-color: rgb(34,56,66);
    color: white;
}

footer a{
    color:white;
}
footer a:hover {
    color: white;
}

footer i {
    padding: 8px;
}

footer i:hover{
    background-color: rgb(243, 114, 44);
    cursor: pointer;
}

@media (max-width: 991.98px) {
    footer .row .col{
        text-align: center !important;
    }

    footer .row .col .row {
        justify-content: center !important;
    }
}




/* PAGINA GROOMING */


#groomingViolencia{
    background-color: rgb(238, 241, 246);
}

#groomingVideo{
    background-color: rgb(238, 241, 246);
 
}

#groomingVideo iframe{
    width: 50%;
    height: 415px;
}

@media (max-width: 991.98px) {
    #groomingVideo iframe {
            width: 80%;
            height: 215px;
        }
}

.textColumns p{
    
    padding: 10px;
    width: 100%;
    column-count: 3;
    column-gap: 2em;
    column-rule: 2px solid rgb(243, 114, 44);
    -moz-column-count: 3;
    -moz-column-gap: 2em;
    -moz-column-rule: 2px solid rgb(243, 114, 44);
    -webkit-column-count: 3;
    -webkit-column-gap: 3em;
    -webkit-column-rule: 2px solid rgb(243, 114, 44);
}

@media (max-width: 991.98px) {
    .textColumns p {
    
            padding: 10px;
            width: 100%;
            column-count: 1;
            column-gap: 2em;
            column-rule: 2px solid rgb(243, 114, 44);
            -moz-column-count: 1;
            -moz-column-gap: 2em;
            -moz-column-rule: 2px solid rgb(243, 114, 44);
            -webkit-column-count: 1;
            -webkit-column-gap: 3em;
            -webkit-column-rule: 2px solid rgb(243, 114, 44);
        }
}


/* VIOLENCIA EN EL NOVIAZGO */
@media (max-width: 991.98px) {

    #groomingViolencia img{
        width: 90%;
    }

    #groomingViolencia .displayedImg{
        display: none;
    }
}
/* PAGINA CONTACTO */

#encabezado{
    background-color: rgb(67, 170, 139);
    height: 32vh;
    color: white;
}

#map{
    height: 50vh;
    background-color: rgb(238, 241, 246);
}

#map .rowMap{
    height: 50vh;
}


#map #infoContacto{
    background-color: rgb(67, 170, 139);
    color: white;
}

#contactoSection .btn{
    background-color: rgb(243, 114, 44);
    color: white;
}

#contactoSection input {
    background-color: rgb(238, 241, 246);
}

#contactoSection textarea {
    background-color: rgb(238, 241, 246);
}


#mapvisitas{
    height: 60vh;
}


#spinner:not([hidden]) {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#spinner::after {
    content: "";
    width: 80px;
    height: 80px;
    border: 2px solid #f3f3f3;
    border-top: 3px solid #f25a41;
    border-radius: 100%;
    will-change: transform;
    animation: spin 1s infinite linear
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#map {
    height: 50vh;
    background-color: rgb(238, 241, 246);
}




#containerContact{
    height: 50vh;
    background-image: url('../img/portada/8.png');
    background-repeat: no-repeat;
    background-attachment: cover;
    background-size: cover;
}

#containerContact .rowMap {
    height: 50vh;
}

#containerContact #infoContacto {
    background-color: rgb(67, 170, 139);
    color: white;
}