@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

:root {
    --dfl-blue: #28377f;
    --dfl-blue-dark: #203879;
    --dfl-cyan: #00b2ef;
    --dfl-pink: #eb008b;
    --dfl-gray: #737780;
    --dfl-white-2: #e5e5e5;
    --dfl-cyan-2: #24a2e1;
    --cr-1: #d43987;
    --cr-2: #754f9a;
    --cr-3: #4690c5;
    --cr-4: #3d579f;
    --cr-5: #f6fbff;
    --cr-6: #253f87;
    --cr-7: #ddf5ff;
    --cr-8: #fef6d9;
    --cr-9: #2391de;
    --cr-10: #3C4858;
    --cr-11: #a2a7b3;
    --cr-12: #3ebcf9;
    --cr-13: #feeef6;
    --cr-14: #e6ebff;
    --cr-15: #c81f71;
    --cr-16: #1d3066;
    --cr-17: #f2f4f8;
    --cr-18: #747c93;
    --cr-visit-0: #230771;
    --cr-visit-7: #a296be;
    --cr-social-modal: #cccccb;
    --celeste--: #00b2ef;
}
body.bg-dfl-blue {
    background-image: linear-gradient(90deg, var(--cr-6), var(--cr-16)) !important;
    font-family: 'Montserrat', sans-serif;
    padding-top: 5rem;
    /*FOOTER*/
    footer{
    margin-top: 2rem;
}
.text-white-2{
    color: var(--dfl-white-2);
}
@media screen and (min-width: 992px){
    .sl-lg-footer{
        border-left: 1px solid #aaabaf
    }
}
.ico-social img{
    transition: .5s;
}
.ico-social img:hover {
    transform: scale(1.1) translate(0, -4px);
    transition: .5s;
}
/*INDEX*/
a.nav__link__gob_title[aria-expanded=false] svg.fa-minus {
    display: none;
}
a.nav__link__gob_title[aria-expanded=true] svg.fa-plus {
    display: none;
}
.text-y-title{
    z-index: 1;
}
.line-y-title{
    border-top: 2px solid rgb(220, 225, 229);
    top: calc(100%/2);
    left: 0;
    right: 0;
    width: 100%;
}
@media screen and (max-width: 499px) {
    .text-y-title{
        font-size: 1.75rem;
    }
}
.dfl-blue-dark{
    background-color: var(--dfl-blue-dark) !important;
}
.bg-color-1{
    background-color: var(--cr-1) !important;
}
.color-1{
    color: var(--cr-1);
}
.bg-color-2{
    background-color: var(--cr-2) !important;
}
.bg-color-3{
    background-color: var(--cr-3) !important;
}
.bg-color-4{
    background-color: var(--cr-4) !important;
}
.bg-color-5{
    background-color: var(--cr-5) !important;
}
.color-6{
    color: var(--cr-9) !important;
}
.bg-color-7{
    background-color: var(--cr-11) !important;
}
.bg-color-8{
    background-color: var(--cr-12) !important;
}
.color-8{
    color: var(--cr-12) ;
}
.bg-color-9{
    background-color: var(--dfl-cyan-2) !important;
}
.bg-color-10{
    background-color: var(--cr-17) !important;
}
.color-11{
    color: var(--cr-18);
}
.bg-alert-1{
    background-color: var(--cr-7) !important;
}
.bg-alert-2{
    background-color: var(--cr-8) !important;
}
@media screen and (min-width: 768px){
    .mt-acc-ent{
        margin-top: -2rem !important;
    }
}
.bg-descubre{
    background-image: url('../img/elements/descubre_cultura.jpg');
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: var(--dfl-blue);
}
.cont-descubre{
    background-color: rgba(255, 255, 255, 0.85);
}
.color-0-visit{
    color: var(--cr-visit-0);
}
.bg-color-7-visit{
    background-color: var(--cr-visit-7) !important;
}
@media screen and (max-width: 575px){
    .d-spcl-block{
        display: block !important;
    }
}
@media screen and (max-width: 320px){
    .fs-adjust{
        font-size: 16px;
    }
}
@media screen and (max-width: 499px) {
    .title-descubre{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}
@media screen and (min-width: 500px) and (max-width: 576px) {
    .title-descubre{
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
    .title-descubre{
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
    .title-descubre{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}
.__text-underline-hov:hover{
    text-decoration: underline;
}
.card-ivm .bg-color-7{
    transition: 200ms;
}
.card-ivm:hover .bg-color-7{
    background-color: var(--dfl-cyan) !important;
    transition: 350ms;
}
.filter-invert{
    filter: brightness(0) invert(1);
}
/*LOADER*/
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 30px;
}
.lds-ellipsis div {
    position: absolute;
    top: 15px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #264089;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
/*LOADER*/

/*FOOTER*/
.rotate-ico-up{
    transform: rotate(180deg);
}
.gradient-nav-footer{
    background-image: linear-gradient(90deg, var(--cr-6), var(--cr-16));
}
@media screen  and (max-width: 991px){
    #footerMenuElem{
        display: none;
    }
    .gradient-nav-footer{
        background-image: linear-gradient(180deg, var(--cr-6), var(--cr-16));
    }
}
@media screen  and (min-width: 992px){
    #footerMenuElem{
        display: block !important;
    }
}
/*OTHER*/
.v-align-0{
    vertical-align: 0;
}
.p-inline-start-0{
    padding-inline-start: 0;
}
.p-inline-start-1{
    padding-inline-start: 18px;
}
.text-dfl{
    color: var(--cr-10);
}
.pointer{
    cursor: pointer;
}/*ALERTS-BOOTSTRAP-DFL*/
.alert-primary__bootstrap{
    color: #084298;
    background-color: #cfe2ff;
    border: 1px solid #b6d4fe;
}
.alert-secondary__bootstrap{
    color: #41464b;
    background-color: #e2e3e5;
    border: 1px solid #d3d6d8;
}
.alert-success__bootstrap{
    color: #0f5132;
    background-color: #d1e7dd;
    border: 1px solid #badbcc;
}
.alert-danger__bootstrap{
    color: #842029;
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
}
.alert-warning__bootstrap{
    color: #664d03;
    background-color: #fff3cd;
    border: 1px solid #ffecb5;
}
.alert-info__bootstrap{
    color: #055160;
    background-color: #cff4fc;
    border: 1px solid #b6effb;
}
.alert-light__bootstrap{
    color: #636464;
    background-color: #fefefe;
    border: 1px solid #fdfdfe;
}
.alert-dark__bootstrap{
    color: #141619;
    background-color: #d3d3d4;
    border: 1px solid #bcbebf;
}
/*DIRECTORIO*/
.bl-pic-1 {
    border-left: 4px solid var(--celeste--);
}
.bl-pic-2{
    border-left: 4px solid var(--cr-9);
}
a.mail-link:hover,
a.mail-link:focus {
    color: var(--cr-1);
    text-decoration: none;
}
a.mail-link-2:hover,
a.mail-link-2:focus {
    color: var(--cr-9);
    text-decoration: none;
}
a.mail-link-3:hover,
a.mail-link-3:focus {
    color: var(--dfl-blue);
    text-decoration: none;
}
a.mail-link-4:hover,
a.mail-link-4:focus {
    color: #FFFFFF;
    text-decoration: none;
}
@media screen and (min-width: 576px) and (max-width: 991px){
    .adj-col-dir{
        margin-left: -2rem;
    }
}
@media screen and (min-width: 1200px){
    .adj-col-dir{
        margin-left: -2.5rem;
    }
}
/*buscador-directorio*/
#searchDirect{
    background-color: #FFFFFF;
    border-radius: 10px;
    background-image: linear-gradient(to top, #264089 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #eff8f8 1px, rgba(210, 210, 210, 0) 1px);
}
.fz-13{
    font-size: 0.813rem;
}
/*ANIM*/
.anim-0{
    transition: .5s;
}
.anim-0:hover {
    transform: scale(1.1) translate(0, -4px);
    transition: .5s;
}
/*MODALS*/
/*.modal{
    background-color: rgba(255, 255, 255, 1);
}*/
.shadow-none{
    box-shadow: none !important;
}
@media screen and (max-width: 768px){
    .modal .modal-dialog{
        margin-top: 1rem;
    }
}
@media screen and (min-width: 1200px){
    .modal-xl{
        max-width: 1000px;
    }
}
/*modal-proteccion*/
.bg-act-modal .col{
    border: 1px solid #ffffff;
    border-radius: 6px;
}
.bg-act-modal .col:nth-child(1){
    background-color: #009ddb;
    color: #dcf3fc;
}
.bg-act-modal .col:nth-child(2){
    background-color: #36af3d;
    color: #dbfddd;
}
.bg-act-modal .col:nth-child(3){
    background-color: #ffca12;
    color: #654f05;
}
.bg-act-modal .col:nth-child(4){
    background-color: #ff7917;
    color: #fceadc;
}
.bg-act-modal .col:nth-child(5){
    background-color: #dd0b1b;
}
@media screen and (max-width: 576px){
    .cont-facebook{
        height: 350px !important;
    }
}
.bg-iframe{
    background-color: #ebedf0;
}
/*DEPENDENCIAS*/
.br-l-y{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
@media screen and (max-width: 575px){
   .ico-dep-adjust{
        max-width: 97px;
    }
}
@media screen and (min-width: 415px) and (max-width: 575px){
    .cover-dds-py{
        padding-left: 1rem !important;
    }
}
@media screen and (min-width: 576px){
    .link-dds-position{
        position: absolute;
        right: 32px;
        bottom: 16px;
    }
}
.white-space-normal{
    white-space: normal;
    text-align: left;
    display: block;
}
.bg-alert-3{
    background-color: var(--cr-13) !important;
}
.bg-alert-4{
    background-color: var(--cr-14) !important;
}
.bl-link-dds{
    border-left: 6px solid var(--cr-11);
}
.card-swm .bg-color-10{
    transition: 200ms;
}
.card-dds:hover .bg-color-10 img{
    filter: brightness(0) invert(1);
}
.card-dds:hover .bg-color-10{
    background-color: var(--dfl-cyan) !important;
    transition: 350ms;
}
@media screen and (min-width:992px) and (max-width: 1199px){
    .card-dds .row{
        min-height: 140px;
    }
}
/*IFRAME-RESPONSIVE*/
.iframe-responsive{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;border-radius: .2rem;}
.iframe-responsive iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%;}

/*CABILDO*/
@media screen and (max-width: 474px){
    .nav-link.hsc-v{
        min-width: 85px !important;
    }
}
.nav-link.hsc-v.active{
    background-color: var(--dfl-blue) !important;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(38, 64, 137, 0.6) !important;
}
.nav-link.hsc-v{
    background-color: var(--cr-12);
}
.nav-link.hsc-v:hover{
    background-color: var(--dfl-blue) !important;
}
/*TRAMITES Y SERVICIOS*/
.min-w-btn-ts{
    min-width: 150px;
}
.dfl-gray-0{
    color: var(--dfl-gray);
}
.text-align-last-center{
    text-align-last: center;
}
.ts-select{
    border: 1px solid #d2d2d2;
}
.form-control.ts-select:focus{
    color: var(--dfl-blue);
    border-color: var(--dfl-blue);
}
.ts-select:read-only{
    background-image: linear-gradient(to top, var(--dfl-blue) 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #ffffff 1px, rgba(210, 210, 210, 0) 1px);
}
@media screen and (max-width: 374px){
    .ts-select{
        white-space: pre-wrap;
        height: 55px !important;
        text-align-last: left;
    }
}
@media screen and (min-width: 576px){
    #tsTema .modal-dialog, #tsDependencia .modal-dialog{
        max-width: 575px;
    }
}
/*GACETA*/
.li-style-0{
    list-style: none;
}
@media screen and (min-width: 460px){
    .d-tg-hide{
        display: none;
    }
}
.nav-link.gma-v.active{
    background-color: var(--cr-15) !important;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(200, 31, 113, 0.6) !important;
}
.nav-link.gma-v{
    background-color: var(--cr-1);
}
.nav-link.gma-v:hover{
    background-color: var(--cr-15) !important;
}
/*TABULADOR*/
@media screen and (max-width: 768px){
    .table-md-none-wrap th{
        white-space: nowrap;
    }
}
.gob-ts .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.gob-ts table{
    font-size: 1rem;
    margin-bottom: 2rem;
}
.__select-ico{
    position: relative;
    z-index: 1;
}
.select__arrow {
    height: 100%;
    position: absolute;
    top: 0;
    right: 1%;
    width: 20px;
    z-index: 0;
}
.select__arrow b {
    border-color: var(--dfl-blue) transparent transparent transparent;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    height: 0;
    left: 50%;
    margin-left: -7px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select__arrow-open{
    border-color: transparent transparent var(--dfl-blue) transparent !important;
    border-width: 0 7px 6px 6px !important;
}
@media screen and (min-width: 768px) and (max-width: 1200px){
    .mh-collapse-ts{
        min-height: 52px;
        display: flex !important;
        align-items: center;
    }
}
.text-break-word {
    white-space: normal;
}
/*PRENSA*/
@media screen and (max-width: 1200px){
    .bl-item-prensa {
        border-left: 2px solid var(--cr-1);
    }
}
/*ACTAS Y SESIONES*/
.btn-actas-w{
    width: 63px;
}
@media screen and (min-width: 576px) and (max-width: 1199px){
    #Modal_cabildo .modal-dialog{
        max-width: 80%;
    }
}
.btn-collapse[aria-expanded=true] svg.fa-caret-down.ico-collapse-rotate {
    transform: rotate(180deg);
}
/*SITIOS WEB MUNICIPALES*/
.br-tx-ly{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
@media screen and (max-width: 575px){
    .br-tx-ly{
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .text-card-swm{
        min-height: 185px;
    }
    .link-swm-position{
        position: absolute;
        bottom: 16px;
        max-width: 230px;
    }
}
.card-swm, .card-dds, .card-eym, .card-ivm{
    box-shadow: 0 2px 2px 0 rgba(233, 239, 247, 0.1), 0 3px 1px -2px rgba(233, 239, 247, 0.1), 0 1px 5px 0 rgb(233, 239, 247);
    border: 2px solid var(--cr-17);
}
.card-swm .bg-color-7{
    transition: 200ms;
}
.card-swm:hover .bg-color-7{
    background-color: var(--cr-9) !important;
    transition: 350ms;
}
.card-swm:hover .link-site-swm, .card-swm:hover .link-site-swm svg{
    color: var(--cr-9);
}
/*EVENTOS Y MAS*/
#lstEventos li {
    left: 0;
    top: 0;
    opacity: 0;
    transform: translateY(100px);
}
#lstEventos li.show {
    opacity: 1;
    transform: translateY(0);
    transition: all 300ms, top 1s;
}
#lstEventos li > div {
    background:rgb(255, 255, 255);
    border:0 solid rgba(38, 64, 137, 1);
    width: 100%;
    transition: all 500ms;
}
#lstEventos li > div:hover {
    border:0 solid rgba(218 ,57, 135, 1);
    transform: translateY(-10px);
    transition: all 300ms;
}
#select-evento .select__arrow b{
    border-color: var(--cr-1) transparent transparent transparent;
}
#select-evento .select__arrow b.select__arrow-open{
    border-color: transparent transparent var(--cr-1) transparent !important;
}
#detalleEvento .modDescripcion a, #detalleEvento .modCosto a{
    color: var(--cr-1);
    word-break: break-all;
}
/*OTHER*/
.__btn-collapse[aria-expanded=true] svg.__ico-collapse-rotate {
    transform: rotate(180deg);
}
@media (min-width: 576px){
    .container-modal {
        max-width: 540px;
    }
}
@media (min-width: 768px){
    .container-modal {
        max-width: 720px;
    }
}
@media (min-width: 992px){
    .container-modal {
        max-width: 960px;
    }
}
@media (min-width: 1200px){
    .container-modal {
        max-width: 1140px;
    }
}
.anim-updown{
    animation-name: updown;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes updown {
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(10px);
    }
    100%{
        transform: translateY(0);
    }
}
.ico-color-social-modal{
    color: var(--cr-social-modal);
}
/*FORM ORIENTACION CIUDADANA*/
.required-info{
    color: #f44336;
}
label.error, .error-capt{
    color: #f44336;
    font-style: italic;
}
.border-txt-area{
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 7px;
}
.is-focused [class^='bmd-label'],
.is-focused [class*=' bmd-label'] {
    color: var(--dfl-blue);
}
.form-control,
.is-focused .form-control {
    background-image: linear-gradient(to top, var(--dfl-blue) 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}
@media screen and (max-width: 587px) {
    .m-line-select{
        white-space: pre-wrap;
        height: 85px !important;
    }
}
select.__listbox{
    -webkit-appearance: listbox;
    -moz-appearance: listbox;
}
.form-control__bootstrap::placeholder{
    font-size: 16px;
    font-weight: 500;
}
.form-control__bootstrap{
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    background-image: none !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control__bootstrap:focus {
    border: 1px solid var(--dfl-blue);
}
.has-danger .form-control__bootstrap{
    border-color: #f44336;
}
.has-danger .form-check-label__bootstrap .check, .has-danger .form-check-label__bootstrap .circle{
    border-color: #f44336 !important;
}
.form-group__bootstrap .form-control-feedback{
    top: 21px;
}
.__invalid-response{
    color: #f44336;
    font-style: italic;
    font-size: 14px;
    margin-bottom: 0 !important;
}
.form-check-label__bootstrap{
    font-size: 16px !important;
    font-weight: 500 !important;
}
.form-group__bootstrap.bmd-form-group{
    padding-top: 20px;
}
.ico-modal-size{
    font-size:5rem;
}
.form-check .form-check-sign .check__bootstrap{
    border: 1px solid rgb(192, 192, 192);
}
.form-check .form-check-input:checked+.form-check-sign .check__bootstrap{
    background-color: var(--cr-1);
}
.form-check .form-check-label .circle__bootstrap{
    border: 1px solid rgb(192, 192, 192);
}
.form-check .form-check-input:checked~.circle{
    border-color: var(--cr-1);
}
.form-check .form-check-label .circle .check__bootstrap{
    background-color: var(--cr-1);
}


.__ico-noty{
    animation: tin 2s infinite;
    top: -8px;
    right: 0;
    z-index: 1;
}
@media screen and (max-width: 576px){
    .__ico-noty{
        right: 8px;
    }
}
@media screen and (min-width: 500px){
    .__ico-noty{
        width: 45px;
    }
}
.__ico-noty.__aj-1{
    right: -8px !important;
}
@keyframes tin {
    0%{
        transform: rotate(35deg);
    }
    50%{
        transform: rotate(-35deg);
    }
    100%{
        transform: rotate(35deg);
    }
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}