EVOLUTION-MANAGER

Edit File: inicio_2023.css

/* solo para mobile */
@media (max-width:575px){
    .separe_mobile{
        border-bottom: 1px solid #d9d9d9;
    }
}

/* solo para mobil a partir de tabled*/
@media(max-width: 991px){
    .seccion_servicios{
        padding-top: 2.5rem;
    }
}

/* SOLO PARA ESCRITORIO */
@media (min-width: 992px) {
    .seccion_servicios{
        padding-top: 5rem;
    }
}

.seccion_servicios .flex-fill{
    line-height: 1;
}

/* ESTILOS TITULOS */

.mb-3{margin-bottom:1rem!important;}
.pb-3{padding-bottom:1rem!important;}
.text-center{text-align:center!important;}
.text-uppercase{text-transform:uppercase!important;}

h2,h6{margin-top:0;margin-bottom:.5rem;}
small{font-size:80%;}
a{color:#0071c1;text-decoration:none;background-color:transparent;}
a:hover{color:#0071c1;text-decoration:underline;}
img{vertical-align:middle;border-style:none;}
h2,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2;color:#3d464d;}
h2{font-size:2rem;}
@media (max-width:1200px){
    h2{font-size:calc(1.325rem + .9vw);}
}
h6{font-size:1rem;}
small{font-size:80%;font-weight:400;}
.img-fluid{max-width:100%;height:auto;}
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-lg-3,.col-md-4,.col-sm-6{position:relative;width:100%;padding-right:15px;padding-left:15px;}
@media (min-width:576px){
    .col-sm-6{flex:0 0 50%;max-width:50%;}
}
@media (min-width:768px){
    .col-md-4{flex:0 0 33.33333%;max-width:33.33333%;}
}
@media (min-width:992px){
    .col-lg-3{flex:0 0 25%;max-width:25%;}
}
.bg-secondary{background-color:#f5f5f5!important;}
.d-flex{display:flex!important;}
.flex-fill{flex:1 1 auto!important; /*padding-right: 10px;*/}
.flex-fill small{font-size: 90%;}
.align-items-center{align-items:center!important;}
.overflow-hidden{overflow:hidden!important;}
.position-relative{position:relative!important;}
.mb-4{margin-bottom:1.5rem!important;}
.pb-1{padding-bottom:.25rem!important;}
.pr-3{padding-right:1rem!important;}
.pb-3{padding-bottom:1rem!important;}
.pl-3{padding-left:1rem!important;}
.pt-5{padding-top:3rem!important;}
.pl-5{padding-left:3rem!important;}
.pt-7{padding-top:5rem!important;}
.pl-7{padding-left:5rem!important;}
@media (min-width:1200px){
    .mx-xl-5{margin-right:3rem!important;}
    .mx-xl-5{margin-left:3rem!important;}
    .px-xl-5{padding-right:10rem!important;}
    .px-xl-5{padding-left:10rem!important;}
}
.text-uppercase{text-transform:uppercase!important;}
.text-body{color:#6c757d}
.text-decoration-none{text-decoration:none!important;}
@media print{
    *,::after,::before{text-shadow:none!important;box-shadow:none!important;}
    a:not(.btn){text-decoration:underline;}
    img{page-break-inside:avoid;}
    h2{orphans:3;widows:3;}
    h2{page-break-after:avoid;}
}
h2{font-weight:700!important;}
h6{font-weight:500!important;}
.section-title::after{position:absolute;content:"";width:100%;height:0;top:50%;left:0;border-top:1px dashed #bec5cb;z-index:-1;}

.cat-item{
    background:#f5f5f5; 
    transition:.5s;
    font-family: 'Bree Serif', serif;
    border-radius: 5px;
    box-shadow: 10px 12px 20px -14px rgba(77,69,69,0.37);
-webkit-box-shadow: 10px 12px 20px -14px rgba(77,69,69,0.37);
-moz-box-shadow: 10px 12px 20px -14px rgba(77,69,69,0.37);
}
.cat-item h6{
    font-family: 'Bree Serif', serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.1rem;
    line-height: 1;
    color: #0071c1;
    font-weight: 700 !important;
}

.cat-item:hover{background:#0071c1; color: #fff;}
.cat-item:hover *{color: #fff !important;font-weight: 700 !important;}
.cat-item img{transition:.5s; width: 100%;}
.cat-item:hover img{transform:scale(1.2) rotate(5deg);}

/* ESTILOS PARA EL NUEVO SLIDER */

a.bx-next{
        background: none !important;
        width: 52px !important;
        height: 52px !important;
        right: 20px !important;
        padding: 15px 0px 0px 10px !important;
    }
    a.bx-prev{
        background: none !important;
        width: 52px !important;
        height: 52px !important;
        left: 20px !important;
        padding: 15px 0px 0px 20px !important;
    }

.bx-next-icon{
        width: 1.2vw !important;
        height: 1.2vw !important;
        background: transparent !important;
        text-indent: -9999px !important;
        border-top: 0.17vw solid #fff !important;
        border-left: 0.17vw solid #fff !important;
        transition: all .1s ease-in-out !important;
        text-decoration: none !important;
        color: transparent !important;
        transform: rotate(135deg) !important;
    }

a.bx-next:hover .bx-next-icon{ 
        border-top: 0.27vw solid #fff !important;
        border-left: 0.27vw solid #fff !important;
    }
    a.bx-next:hover{
        padding-left: 15px !important;
        background: rgba(37, 37, 37, 0.205) !important;
        background: radial-gradient(ellipse farthest-corner at center center, rgba(37, 37, 37, 0.205) 0%, rgba(58,58,58,0) 80%) !important;
        background: -webkit-radial-gradient(ellipse farthest-corner at center center, rgba(37, 37, 37, 0.205) 0%, rgba(58,58,58,0) 80%) !important;
        background: -moz-radial-gradient(ellipse farthest-corner at center center, rgba(37, 37, 37, 0.205) 0%, rgba(58,58,58,0) 80%) !important;
    }

.bx-prev-icon{
        width: 1.2vw !important;
        height: 1.2vw !important;
        background: transparent !important;
        text-indent: -9999px !important;
        border-bottom: 0.17vw solid #fff !important;
        border-right: 0.17vw solid #fff !important;
        transition: all .1s ease-in-out !important;
        text-decoration: none !important;
        color: transparent !important;
        transform: rotate(135deg) !important;
    }

a.bx-prev:hover .bx-prev-icon{ 
        border-bottom: 0.27vw solid #fff !important;
        border-right: 0.27vw solid #fff !important;
    }
    a.bx-prev:hover{
        padding-left: 15px !important;
        background: rgba(37, 37, 37, 0.205) !important;
        background: radial-gradient(ellipse farthest-corner at center center, rgba(37, 37, 37, 0.205) 0%, rgba(58,58,58,0) 80%) !important;
        background: -webkit-radial-gradient(ellipse farthest-corner at center center, rgba(37, 37, 37, 0.205) 0%, rgba(58,58,58,0) 80%) !important;
        background: -moz-radial-gradient(ellipse farthest-corner at center center, rgba(37, 37, 37, 0.205) 0%, rgba(58,58,58,0) 80%) !important;
    }

@media (min-width: 992px){
        .bx-viewport{
            height: 510px !important;
        }
    }

/* Seccion de turimo */

.btn{display:inline-block;font-weight:400;color:#656565;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
    @media (prefers-reduced-motion:reduce){
    .btn{transition:none;}
    }
    .turismo_seccion .btn:hover{color:#656565;text-decoration:none;}
    .turismo_seccion .btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(122,183,48,.25);}
    .turismo_seccion .btn:disabled{opacity:.65;}
    .turismo_seccion .btn:not(:disabled):not(.disabled){cursor:pointer;}
    .turismo_seccion .btn-primary{color:#fff!important;background-color:#0071c1;border-color:#0071c1;font-family:'Bree Serif';border-radius: 5px;}
    .turismo_seccion .btn-primary:hover{color:#fff;background-color:#015fa3;border-color:#00528b;}
    .turismo_seccion .btn-primary:focus{color:#fff;background-color:#669928;border-color:#5f8f25;box-shadow:0 0 0 .2rem rgba(142,194,79,.5);}
    .turismo_seccion .btn-primary:disabled{color:#fff;background-color:#7ab730;border-color:#7ab730;}
    .turismo_seccion .btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#003362;border-color:#01274b;}
    .turismo_seccion .btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(142,194,79,.5);}
    .turismo_seccion .bg-white{background-color:#fff!important;}
    .turismo_seccion .position-relative{position:relative!important;}
    .turismo_seccion .position-absolute{position:absolute!important;}
    .turismo_seccion .w-100{width:100%!important;}
    .turismo_seccion .h-100{height:100%!important;}
    .turismo_seccion .mt-1{margin-top:.25rem!important;}
    .turismo_seccion .mb-3{margin-bottom:1rem!important;}
    .turismo_seccion .mb-4{margin-bottom:1.5rem!important;}
    .turismo_seccion .p-4{padding:1.5rem!important;}
    .turismo_seccion .pt-5,.py-5{padding-top:3rem!important;}
    .turismo_seccion .py-5{padding-bottom:3rem!important;}
    @media (min-width:992px){
    .turismo_seccion .my-lg-5{margin-top:3rem!important;}
    .turismo_seccion .my-lg-5{margin-bottom:3rem!important;}
    .turismo_seccion .p-lg-5{padding:3rem!important;}
    .turismo_seccion .pb-lg-5{padding-bottom:3rem!important;}
    }
    .turismo_seccion .text-uppercase{text-transform:uppercase!important;}
    .turismo_seccion .text-primary{color:#015fa3!important;}
    @media print{
    *,::after,::before{text-shadow:none!important;box-shadow:none!important;}
    .turismo_seccion img{page-break-inside:avoid;}
    p{orphans:3;widows:3;}
    .turismo_seccion .container{min-width:992px!important;}
    }
    .turismo_seccion h1{font-weight:700!important;}
    @media (min-width:992px){
    .turismo_seccion .about-text{margin-left:-120px;}
    }
    .turismo_seccion h1,p{font-family: 'Bree Serif', serif !important;}

/* ESTILOS PARA LA SECCION DE VIDEOS */
   
    .videos_seccion .fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
    .videos_seccion .fa-2x{font-size:2em;}
    .videos_seccion .fa-hotel:before{content:"\f594";}
    .videos_seccion .fa-route:before{content:"\f4d7";}
    .videos_seccion .fa-ticket-alt:before{content:"\f3ff";}
    .videos_seccion .fa{font-family:"Font Awesome 5 Free";}
    .videos_seccion .fa{font-weight:900;}
 
    .videos_seccion *,::after,::before{box-sizing:border-box;}
    .videos_seccion h1,h5,h6{margin-top:0;margin-bottom:.5rem;}
    .videos_seccion p{margin-top:0;margin-bottom:1rem;}
    .videos_seccion h1,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2;color:#212121;}
    .videos_seccion h1{font-size:2.5rem;}
    @media (max-width:1200px){
        .videos_seccion h1{font-size:calc(1.375rem + 1.5vw);}
    }
    .videos_seccion h5{font-size:1.25rem;}
    .videos_seccion h6{font-size:1rem;}
    .videos_seccion .container,.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
    @media (min-width:576px){
        .videos_seccion .container{max-width:540px;}
    }
    @media (min-width:768px){
        .videos_seccion .container{max-width:720px;}
    }
    @media (min-width:992px){
        .videos_seccion .container{max-width:960px;}
    }
    @media (min-width:1200px){
        .videos_seccion .container{max-width:1140px;}
    }
    .videos_seccion .row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
    .videos_seccion .col-lg-4,.col-md-6{position:relative;width:100%;padding-right:15px;padding-left:15px;}
    @media (min-width:768px){
        .videos_seccion .col-md-6{flex:0 0 50%;max-width:50%;}
    }
    @media (min-width:992px){
        .videos_seccion .col-lg-4{flex:0 0 33.33333%;max-width:33.33333%;}
    }
    .videos_seccion .bg-white{background-color:#52c7ff1f!important;border-radius: 10px;height: 100%;}
    .videos_seccion .m-0{margin:0!important;}
    .videos_seccion .mb-2{margin-bottom:.5rem!important;}
    .videos_seccion .mb-3{margin-bottom:1rem!important;}
    .videos_seccion .mb-4{margin-bottom:1.5rem!important;}
    .videos_seccion .pb-3{padding-bottom:1rem!important;}
    .videos_seccion .px-4{padding-right:1.5rem!important;}
    .videos_seccion .px-4{padding-left:1.5rem!important;}
    .videos_seccion .pt-5,.py-5{padding-top:2rem!important;}
    .videos_seccion .py-5{padding-bottom:2rem!important;}
    .videos_seccion .mx-auto{margin-right:auto!important;}
    .videos_seccion .mx-auto{margin-left:auto!important;}
    .videos_seccion .text-center{text-align:center!important;}
    .videos_seccion .text-uppercase{text-transform:uppercase!important;}
    .videos_seccion .text-primary{color:#7ab730!important;}
    @media print{
        .videos_seccion *,::after,::before{text-shadow:none!important;box-shadow:none!important;}
        .videos_seccion p{orphans:3;widows:3;}
        .videos_seccion .container{min-width:992px!important;}
    }
    .videos_seccion h1{font-weight:700!important;}
    .videos_seccion h5,h6{font-weight:700!important;}
    .videos_seccion .service-item{transition:.5s;}
    .videos_seccion .service-item:hover{box-shadow:0 0 30px #ccc;}
    .videos_seccion .service-item i{width:75px;height:75px;display:flex;align-items:center;justify-content:center;border:2px solid #7ab730;background:#fff;color:#7ab730;transition:.5s;}
    .videos_seccion .service-item:hover i{background:#7ab730;color:#fff;}

@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-regular-400.eot);src:url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-regular-400.woff2) format("woff2"),url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-regular-400.woff) format("woff"),url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-regular-400.ttf) format("truetype"),url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-regular-400.svg#fontawesome) format("svg");}
    @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-solid-900.eot);src:url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-solid-900.woff2) format("woff2"),url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-solid-900.woff) format("woff"),url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-solid-900.ttf) format("truetype"),url(https://www.free-css.com/assets/files/free-css-templates/preview/page281/traveler/assets/css/fonts/fa-solid-900.svg#fontawesome) format("svg");}

/* SECCION DE GACETAS Y DOCUMENTOS */
   
    .titlepage h2{padding:0 0px 20px 0px;font-size:50px;font-weight:bold;color:#050303;line-height:50px;text-transform:uppercase;position:relative;display:inline-block;}
    .titlepage h2::before{right:100%;margin-right:15px;}
    .titlepage h2::after{left:100%;margin-left:15px;}
    .titlepage h2::before,.titlepage h2::after{content:"";position:absolute;height:5px;border-top:1px solid #13aba6;top:27px;width:149px;}
    .traveling{background-color:#fff;padding:0 0px 90px 0;}
    .titlepage{text-align:center;padding-bottom:54px;}
    .titlepage h2{padding:0 0px 20px 0px;font-size:45px;font-weight:bold;color:#000;line-height:50px;text-transform:uppercase;position:relative;display:inline-block;}
    .titlepage span{color:#141012;font-size:17px;line-height:32px;display:block;}
    .titlepage h2::before{right:100%;margin-right:15px;}
    .titlepage h2::after{left:100%;margin-left:15px;}
    .titlepage h2::before{content:"";position:absolute;height:5px;border-top:1px solid #13aba6;top:27px;width:149px;}
    .traveling-box{padding:0 5px 0px 5px;text-align:center;}
    .traveling-box h3{padding-top:10px;font-size:25px;line-height:31px;color:#100808;font-weight: 700;}
    .traveling-box p{color:#100808;font-size:17px;line-height:26px;}
    .traveling-box .read-more{justify-content:center;display:flex;}
    .traveling-box .read-more a{
        font-size:17px;padding:10px 30px;background-color:#0066b0;border: 2px solid #0066b0!important;font-weight:700;color:#ffff!important; box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.45);
        -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.45);
        -moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.45);
        display:inline-block;line-height:20px;border-radius:5px;text-align:center;margin-top:10px;}
    .traveling-box .read-more a:hover{background:#57dea6;color: #000!important;border: 2px solid #50b68c!important;}
    .titlepage h2{padding:0 0px 20px 0px;font-size:45px;font-weight:bold;color:#000;line-height:50px;text-transform:uppercase;display:inline-block;position:relative;}
    .titlepage span{color:#141012;font-size:17px;line-height:32px;display:block;}
    .titlepage h2::before{right:100%;margin-right:15px;}
    .titlepage h2::after{left:100%;margin-left:15px;}
    .titlepage h2::before,.titlepage h2::after{content:"";position:absolute;height:5px;border-top:1px solid #13aba6;top:27px;width:149px;}
    .titlepage h2{padding:0 0px 20px 0px;font-size:45px;font-weight:bold;color:#000;line-height:50px;text-transform:uppercase;display:inline-block;position:relative;}
    .titlepage span{color:#141012;font-size:17px;line-height:32px;display:block;}
    .titlepage h2::before{right:100%;margin-right:15px;}
    .titlepage h2::after{left:100%;margin-left:15px;}
    .titlepage h2::before,.titlepage h2::after{content:"";position:absolute;height:5px;border-top:1px solid #13aba6;top:27px;width:149px;}
    .titlepage{text-align:center;}
    .titlepage h2{padding:0 0px 20px 0px;font-size:45px;font-weight:bold;color:#0e0f10;line-height:50px;text-transform:uppercase;display:inline-block;position:relative;}
    .titlepage span{color:#0e0f10;font-size:17px;line-height:32px;display:inline-block;margin-bottom:0;display:block;}
    .titlepage h2::before{right:100%;margin-right:15px;}
    .titlepage h2::after{left:100%;margin-left:15px;}
    .titlepage h2::before,.titlepage h2::after{content:"";position:absolute;height:5px;border-top:1px solid #13aba6;top:27px;width:149px;}
    @media (min-width:992px) and (max-width:1199px){
    .titlepage h2{font-size:39px;line-height:40px;}
    .titlepage h2::before,.titlepage h2::after{top:20px;width:129px;}
    }
    @media (min-width:768px) and (max-width:991px){
    .titlepage h2{font-size:32px;line-height:40px;}
    .titlepage h2::before,.titlepage h2::after{top:20px;width:84px;}
    .traveling-box{margin-bottom:20px;}
    }
    @media (min-width:576px) and (max-width:767px){
    .titlepage h2{font-size:25px;line-height:40px;}
    .titlepage h2::before,.titlepage h2::after{top:20px;width:57px;}
    .traveling{padding:0 0px 70px 0;}
    .traveling-box{margin-bottom:20px;}
    .traveling-box{margin-bottom:20px;}
    }
    @media (max-width:575px){
    .titlepage h2{font-size:27px;line-height:34px;}
    .titlepage h2::before,.titlepage h2::after{top:20px;width:0;}
    .titlepage span{margin-bottom:0;}
    .traveling{padding:0 0px 70px 0;}
    .traveling-box{margin-bottom:20px;}
    }

/* estilos para seccion de noticias */
    .seccion_notificas .d-flex ,.seccion_notificas .d-flex *{
        font-family: 'PT Sans' !important;
        font-size: 0.8rem;
        line-height: initial;
        display: block !important;
        text-align: justify;

overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        max-height: 8.5em;
    }
    .seccion_notificas .d-flex .noti_titu{
        font-size: 1rem !important;
    }
    .seccion_notificas .noti_content{
        border-radius: 10px;
        height: 100%;
        /* padding: 2px; */
        box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.45);
        -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.45);
        -moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.45);
    }
    .seccion_notificas .cont_img{
        height: 200px;
        overflow: hidden;
    }
    .seccion_notificas .noti_content img{
        border-radius: 10px 10px 0px 0px;
    }
    .seccion_notificas .boton{
        font-size: 0.8rem;
        color: #fff;
        display: inline-block;
        margin-top: 0.8rem!important;
    }

.seccion_notificas .noti_fecha{
        top: 0;
        margin-top: -16px;
        left: 0;
        position: absolute;
        margin-left: 35px;
        background: #014d94;
        padding: 4px 20px;
        color: #fff;
    }
    .seccion_notificas .noti_fecha::after{
        content: "";
        height: 0;
        position: absolute;
        top: 0;
        width: 7px;
        right: 100%;
        border-right: 10px solid #003362;
        border-top: 16px solid transparent;
    }

.seccion_notificas .noti_vermas{
        font-size: 17px;
        background-color: #0071c1;
        border: #0071c1 solid 2px;
        font-weight: 700;
        color: #ffff !important;
        padding: 10px 0px;
        width: 100%;
        max-width: 222px;
        text-align: center;
        display: inline-block;
        transition: ease-in all 0.5s;
        border-radius: 5px;
    }

.seccion_notificas .noti_vermas:hover{
        background-color: #60e4a4;
        border: #4db683 solid 2px;
        color: #000000 !important;
    }
    
    /* ESTILOS SECCION DE AGUA POTABLE */

.card_lg{
            display: flex;
        }
        .card_lg .card_lg_img{
            /* width: 90%; */
        }
        .card_lg .card_lg_img img{
            max-width: none !important;
            width: 100px !important;
        }
        .card_lg:hover .card_lg_img{
            transform: scale(1.2) rotate(5deg);
        }
        /* solo para mobil a partir de tabled*/
        @media(max-width: 991px){
            .card_logo_agua{
                display: none;
            }
        }

/* ******************* */