@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";

/*inicio*/

 .bg-gris { background-color:#eaeaea }
    
    .swiper {
      width: 100%
    }

    .pagination {
      width: unset
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 2rem
    }

    .flecha {
      height: 36px
    }

    .credential-image, .portrait-image {
      max-width: 300px; height: 100%;
    }
    @media (max-width: 760px) {
      .portrait-image {
        max-width: 200px; height: 100%;
      }
    }

    .table-element {
      color: #004786;
      font-weight: 900;
      text-transform: uppercase;
      border-bottom: 4px solid #bddcf6;
      font-size: 1rem;
      padding-bottom: .5rem;
      width: 100%
    }

    @media (min-width: 760px) {
      .table-element {
        font-size: 1.5rem
      }
    }

    .logo-image {
      height: 80px
    }

    .btn-primary, .btn-secondary:hover {background-color: #173277; border-radius: 0px}
    .btn-secondary {background-color: #fff; border-radius: 0px; border: 2px solid #173277; color:#173277 }
    a.rsbtn_play {margin: 4px}
    a.noticia .card {border-radius: 0px; margin-bottom: 2em} 
    a.noticia .card:hover {background-color: #bddcf633} 
    a.noticia .image-noticia {overflow: hidden; width: 300px; height: 120px}
    a.noticia .image-noticia img {height: 120px}
    @media (max-width: 991px) {
      a.noticia .image-noticia {display: grid; width: 100%}
      a.noticia .image-noticia img {width: 100%; height: auto;}
    }




.navigation{background-color:#173277}
.color-nav{color:#fff}
.logo{height:40px;margin-top:-28px}
.font-controls{display:flex;font-size:15px;margin-bottom:6px;color:#fff}
.font-control{margin-left:.5em;padding:.25em .45em;border:1px solid #f2f2f2;cursor:pointer;display:inline-block}
.custom-icon-class{background-color:red!important}
.rs_addtools .rsbtn_play,.rsbtn .rsbtn_play{background-color:inherit!important;border:1px solid #ffffff!important;height:100%!important;padding:2px}
.rsbtn_text span{color:#fff!important}
.rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text:before,.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text:before{color:#fff!important}
.rs_addtools.mega_toggle .rsbtn_tooltoggle,.rsbtn.mega_toggle .rsbtn_tooltoggle{font-size:1.3em!important;top:4px!important;left:4px!important;bottom:3px!important}
body .uwy.utb .uai{padding:4px;width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px}
body .uwy.userway_p1 .uai{bottom:8px}
@media (max-width: 800px){body .uwy.utb .uai{padding:-2px;width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px}
}
@media (max-width: 768px){body .uwy.userway_p1 .uai{top:auto;right:auto;bottom:-2px;left:calc(100vw - 136px);transform:translate(-100%)}
}
@media (max-width: 540px){nav#menu{padding-left:0;padding-right:0}
}
footer{bottom:0;width:100%;line-height:1.5rem;background-color:#173277;color:#ffffff8c;position:relative}
.border-bottom{border-bottom:1px solid #314f9c!important}
.separa-logo{display:inline-block}
.gob-txt{line-height:1.2rem;text-align:right;color:#fff}
.redes-sociales{display:flex;justify-content:stretch;justify-content:center;border-left:2px solid white}
.socialmedia{display:flex;text-align:left;flex-direction:row;align-items:center}
footer a,footer a:visited,footer a:active{color:#ffffff8c;font-weight:400}
footer a:hover{color:#f6f4f4;text-decoration:none}
.enlaces .nav-link{display:inline-block}
.enlaces .nav-link:hover,.socialmedia a:hover{color:#fff}
.vertical-align-bottom{position:absolute;bottom:0}
.fa-instagram,.fa-facebook-f,.fa-linkedin,.fa-spotify,.fa-youtube,.fa-tiktok{padding:5px 8px;font-size:1.2rem;justify-content:space-around;transition:all .3s ease-in-out}
.fa-whatsapp{font-size:1.2rem}
ol li::marker{font-weight:700}
.separador{color:#314f9c}
@media (max-width: 768px){.separa-logo{display:grid;grid-template-rows:45px 46px;row-gap:20px}
	.gob-txt{text-align:left}
}
html{scroll-behavior:smooth}
body{font-family:museo-sans,sans-serif;color:#1b265b}
.text-title{font-weight:900;color:#022267}
.text-subtitle{font-weight:900;color:#004987}
.text-paragraph{color:#034676;font-size:1rem}
.bg-sky{background-color:#bddcf633}
h1{font-family:Roboto Slab,serif}
h2,h3,h4,h5{font-family:Roboto,sans-serif}
a .button{background-color:#004786;color:#fff;font-weight:900;padding:1rem 1.5rem;border-radius:3rem;border:none;text-decoration:none}
a .button--secondary{background-color:unset;border:3px solid #004786;color:#004786;text-decoration:none}
a .button--secondary:hover{background-color:#004786;color:#fff}
a .button--important{padding:1.25rem 1.5rem;background:#25a5fc;background:linear-gradient(90deg,#25a5fc,#002b87);text-transform:uppercase;border-radius:.5rem}
@media (min-width: 760px){.text-paragraph{font-size:1.5rem}
}

.logo-image{height:80px}
#titulo{background-image:url(../img/dec-2.png);background-repeat:no-repeat;background-position:top left;background-size:10%}
.btn-primary, .btn-secondary:hover {background-color: #173277; border-radius: 0px}
    .btn-secondary {background-color: #fff; border-radius: 0px; border: 2px solid #173277; color:#173277 }

summary{background-color:#034676;display:flex;cursor:pointer;color:#fff;font-weight:900;font-size:1rem;padding:.5rem;align-items:center;justify-content:space-between}
.secondary summary{background-color:unset;background:linear-gradient(90deg,#25a5fc,#002b87);border-radius:.5rem}

.flecha{height:30px}
.abrir{height:30px;display:none}
.secondary .abrir{display:block}
.secondary .flecha{display:none}
@media (min-width: 760px){summary{padding:1.5rem 1.25rem;font-size:1.25rem}
}

.retrato{height:400px}
.download-button{color:#034676;background-color:#e4f1f9;font-weight:900;border:none;border-left:10px solid #0072fa;font-size:1.25rem}
.descarga-imagen{height:20px}

/*red empresas*/
.star{height:85px;width:85px;background-image: url(../img/estrella.png) ;background-repeat:no-repeat;padding:2.25rem 2rem 2rem 2.25rem;background-size:100%;display:flex;justify-content:center;align-items:center}
.star p{margin:0;color:#0061b1;font-size:2.25rem}
.pasos{background-color:#eee}
.btn-primary, .btn-secondary:hover {background-color: #173277; border-radius: 0px}
.btn-secondary {background-color: #fff; border-radius: 0px; border: 2px solid #173277; color:#173277 }
@media (max-width: 760px) {
	tbody, td, tfoot, th, thead, tr {display: block; border: 0px;}
	thead th {display: none;}
	tbody td {padding: 1em !important}
}

.filterDiv {display: none;}
.show {display: block;}
#menubeneficio a {padding: 10px 15px; color: #012C50; display: block; cursor: pointer;}
#menumobile a {padding: 5px; color: #012C50; display: block; cursor: pointer;}
#menubeneficio a:hover, #menumobile a:hover {background-color: #ebebeb;}
#menubeneficio a.active {background-color: #012C50 !important;color: #fff;font-weight: normal;}
#menumobile a.active {background-color: #012C50 !important;color: #fff;font-weight: normal;}

.filterDiv a:hover img{opacity: 0.6}
#menubeneficio a.boton {margin-bottom: 4px}
.visuales .card, #menubeneficio a.boton.vis {border-left: 4px solid #E94662}
.auditivas .card, #menubeneficio a.boton.aud {border-left: 4px solid #009692}
.comunicacion .card, #menubeneficio a.boton.com {border-left: 4px solid #95529B}
.tejidos .card, #menubeneficio a.boton.tej {border-left: 4px solid #547C2E}
.posicionamiento .card, #menubeneficio a.boton.pos {border-left: 4px solid #367DAB}
.movilidad .card, #menubeneficio a.boton.mov {border-left: 4px solid #007F6E}
.protesis .card, #menubeneficio a.boton.pro {border-left: 4px solid #253687}
.cuidado .card, #menubeneficio a.boton.cui {border-left: 4px solid #5D529C}
.mobiliario  .card, #menubeneficio a.boton.mob {border-left: 4px solid #EE7715}