@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap');

body{
  background: #fff;
  color: #000;
  font-family: 'Nunito Sans', sans-serif;
}
a{
  text-decoration: none;
}

/******************SCROLLBAR TERGUM******************/
::-webkit-scrollbar {width: 15px;}
/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 10px; }
/* Handle */
::-webkit-scrollbar-thumb {background: #498AC9; border-radius: 10px; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:  #2b4460;}



/*BARRA DE NAVEGACIÓN*/
/*NAVBAR TOP*/

.fixed-top {
  top: -40px;
  transform: translateY(40px);
  transition: transform .3s ease-in-out;
}

.navbar-top{
  height: 25px;
  background: #abc3e4;  
}
/*NAVBAR MAIN*/

nav{
  z-index: 1030;	
  text-align: center;
  background: rgb(0,49,83);
background: -moz-linear-gradient(0deg, rgba(0,49,83,1) 0%, rgba(28,43,57,1) 69%);
background: -webkit-linear-gradient(0deg, rgba(0,49,83,1) 0%, rgba(28,43,57,1) 69%);
background: linear-gradient(0deg, rgba(0,49,83,1) 0%, rgba(28,43,57,1) 69%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003153",endColorstr="#1c2b39",GradientType=1);
}

.navbar{
  text-align: center;
  padding: 10px;
}

.navbar-brand{
  text-align: center;
  padding: 5px;
}

.navbar-brand.mobile{
  display: none;
}
.navbar-brand img{
  filter: drop-shadow(0px 3px 4px rgba(0,0,0,0.25));
}

.navbar-toggler {
  color:  #fff;
  background: #498AC9;
  font-size: 2em;
  padding: 10px;
  border:  solid thin #fff;
  transition: 0.5s;    
}

.navbar-toggler:hover, .navbar-toggler:focus{
  color:  #1C2B39;
  background: #fff;
  border:  solid thin  #498AC9;
  transition: all 0.5s;  
}

.navbar-nav{
  text-align: center;
  padding: 10px;
}

.nav-item{
  text-align: center;
  padding: 5px 25px;
}

.nav-item a{
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 1.1em;
  margin-top: 25px;
  transition: all 0.5s ease-in-out;

}

.nav-item a:hover{
  color: #45B9D3;
  filter: drop-shadow(0px 3px 4px rgba(0,0,0,0.5));
  transition: all 0.5s ease-in-out;
}

.nav-link{
  padding: 0px;
}


.dropdown-menu{
  background: #35515e;
  border-radius: 0px;
  padding:  5px;  
}

@media (min-width: 1100px) and (max-width:1199px){
  .navbar-brand img{
    transform: scale(0.85); 
  }
}

@media (min-width: 992px) and (max-width:1099px){
  .navbar-brand img{
    transform: scale(0.8); 
  }

  .nav-item a{
    font-size: 1em;  
  }
}

@media (min-width: 768px) and (max-width:991px){
  .navbar-brand.mobile{
    display: contents;
  }

  .navbar-brand.mobile img{
    width: 20%;
    height: auto;
    padding: 10px;
  }

.navbar-brand.desktop{
    display: none;
  }

  .nav-item{
    text-align: left;
    padding: 10px 25px;
  }

  .nav-item.contacto{
    margin-top: -25px;
  }  
}
@media (max-width:767px){

  .navbar-brand.mobile{
    display: contents;
  }

  .navbar-brand.mobile img{
    width: 50%;
    height: auto;
    padding: 15px;
  }

.navbar-brand.desktop{
    display: none;
  }

  .nav-item{
    text-align: left;
    padding: 10px 25px;
  }

  .nav-item.contacto{
    margin-top: -25px;
  }  

}

/*PORTADA RECLUTA ARTE*/

.portada-recluta{
  background: url(../img/bg-head.webp);
  background-position: top;
  background-size: cover;
  text-align: center;

  vertical-align: top;
  padding-bottom: 50px;
}

.portada-left{
  text-align: center;

}

.portada-left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-top: -5%;
  filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.5));
}

.portada-right{
  text-align: center;

  padding: 50px 30px;
}

.portada-right img{
  width: 60%;
  height: 60%;
  object-fit: cover;
  margin-top: 10%;
}
@media (min-width: 992px) and (max-width:1099px){
  
  .portada-right img{
    width: 70%;
    height: 70%;
    object-fit: cover;
  }
}
@media (min-width: 768px) and (max-width:991px){

  
  .portada-left img{
    width: 95%;
    height: 95%;
    object-fit: cover;
  }
  
  .portada-right{
    padding: 30px;
  }
  
  .portada-right img{
    width: 90%;
    height: 90%;
    object-fit: cover;
    margin-top: 50px;
  }
}

@media (max-width:767px){
  
  .portada-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: 0%;
  }
    
  .portada-right img{
    width: 95%;
    height: 95%;
    object-fit: cover;
    margin-top: 0px;
  }

}



/*TOP RECLUTA*/
.top-recluta{
  text-align: center;

  background: rgb(227,234,246);
background: -moz-linear-gradient(0deg, rgba(227,234,246,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(227,234,246,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(227,234,246,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3eaf6",endColorstr="#ffffff",GradientType=1);
padding-top: 50px;
}

.top-txt-recluta{
  margin-top: 50px;
  padding: 50px 30px;
  text-align: center;
  background: rgba(255,255,255,0.75);
  filter: drop-shadow(3px 3px 30px rgba(0,0,0,0.15));
  border-radius: 50px;
}

.top-txt-recluta h1{
  color: #394857;
  font-weight: 400;
  text-align: left;
  font-size: 2em;
  line-height: 1.5;
}

.top-txt-recluta h1 strong{
  font-weight: 1000;
  color: #498AC9;
}

.top-img-recluta{
  text-align: center;

}

.top-img-recluta img{
  width: 100%;
  height: auto;
}

.mobIMG{
  display: none;
}

@media (min-width: 1200px) and (max-width:1399px){
  .top-txt-recluta h1{
    font-size: 1.8em;
  } 
}
@media (min-width: 1100px) and (max-width:1199px){

  .top-txt-recluta{
    margin-top: 30px;
  }

  .top-txt-recluta h1{
    font-size: 1.8em;
  }
}
@media (min-width: 992px) and (max-width:1099px){

  .top-txt-recluta{
    margin-top: 30px;
  }

  .top-txt-recluta h1{
    font-size: 1.5em;
  }
}
@media (min-width: 768px) and (max-width:991px){

  .top-txt-recluta{
    margin-top: 10px;
  }

  .top-txt-recluta h1{
    font-size: 1.3em;
  }
}
@media (max-width:767px){

  .top-txt-recluta{
    margin-top: 0px;
    padding: 30px;
  }

  .top-txt-recluta h1{
    font-size: 1.3em;
    text-align: center;
  }
  .deskIMG{
    display: none;
  }
 .mobIMG{
    display: contents;

  }

  .mobIMG img{
    width: 75%;
    height: 75%;
    object-fit: cover;

  }
}

/*SOMOS RECLUTA*/
.somos-recluta{
  text-align: center;

  background: url(../img/bg-oscuro.webp);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.somos-img{
  text-align: center;

  padding: 30px;
}

.somos-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: drop-shadow(10px 10px 4px rgba(0,0,0,0.5));
}

.somos-txt{
  text-align: center;

  padding: 30px;
  margin-top: 50px;
}

.somos-txt h2{
  color: #fff;
  font-weight: 300;
  font-size: 1.8em;
  line-height: 1.3;
  filter: drop-shadow(10px 10px 4px rgba(0,0,0,0.5));
}

.somos-txt h2 strong{
  font-weight: 900;
  color: #D3E4F5;
}
@media (min-width: 1200px) and (max-width:1399px){

  .somos-txt h2{
    font-size: 1.5em;
  }
}
@media (min-width: 1100px) and (max-width:1199px){
  .somos-txt h2{
    font-size: 1.3em;
  }

  .somos-txt{
    padding: 30px 10px;
    margin-top: 30px;
  }

}
@media (min-width: 992px) and (max-width:1099px){
  .somos-txt h2{
    font-size: 1.3em;
  }

  .somos-txt{
    padding: 30px 10px;
    margin-top: 30px;
  }

}
@media (min-width: 768px) and (max-width:991px){

  .somos-img{
    padding: 50px;
  }

  .somos-img img{
    width: 80%;
    height: 80%;
    object-fit: cover;
  }
  
  .somos-txt{
    padding: 0px 30px;
    margin-top: 30px;
  }

  .somos-txt h2{
    font-size: 1.6em;
  }
  

}
@media (max-width:767px){

  .somos-recluta{
    padding-top: 70px;
    padding-bottom: 100px;
  }

  .somos-img{
    padding: 10px;
  }

  .somos-txt{
    padding: 30px 10px;
    margin-top: 0px;
  }

  .somos-txt h2{
    font-size: 1.3em;
  }

}

/*MISIÓN VISIÓN*/

.mivi-recluta{
  text-align: center;

  background: url(../img/bg-head.webp);
  background-size: cover;
  background-position: top;
  background-attachment: scroll;
  background-repeat: no-repeat;
  padding-top: 100px;
  padding-bottom: 100px;
}

.mivi-tit, .mivi-txt{
  text-align: center;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  vertical-align: middle;
  padding: 30px;
}

.mivi-tit img{
  width: 75%;
  height: 75%;
  object-fit: cover;
}

.mivi-txt p{
  color: #616a75;
  font-size: 1.3em;
  text-align: left;
}

.mivi-txt p strong{
  color: #498AC9;
  font-weight: 900;
}

.vision-recluta{
  margin-top: 100px;
}

.img-valores{
  text-align: center;

  padding: 30px;
  margin-top: 100px;
}

.img-valores img{
  width: 50%;
  height: 50%;
  object-fit: cover;
  filter: drop-shadow(1px 1px 10px rgba(0,0,0,0.25));
  transition: 3s;
}

.img-valores img:hover{
  cursor: grab;
  transform: rotate(360deg) scale(0.95);
  transition: 3s;
}
@media (min-width: 1200px) and (max-width:1399px){
  .mivi-txt{
    padding: 30px 20px;
  }
}
@media (min-width: 1100px) and (max-width:1199px){
  .mivi-tit, .mivi-txt{
    padding: 30px 20px;
  }

  .mivi-tit img{
    width: 85%;
    height: 85%;
    object-fit: cover;
  }

  .img-valores img{
    width: 60%;
    height: 60%;
    object-fit: cover;
  }
}
@media (min-width: 992px) and (max-width:1099px){

  .mivi-tit, .mivi-txt{
    padding: 30px 15px;
  }

  .mivi-tit img{
    width: 85%;
    height: 85%;
    object-fit: cover;
  }

  .mivi-txt p{
    font-size: 1.2em;
  }

  .img-valores{
    margin-top: 50px;
  }

  .img-valores img{
    width: 70%;
    height: 70%;
    object-fit: cover;
  }
}
@media (min-width: 768px) and (max-width:991px){
  .mivi-tit img{
    width: 40%;
    height: 40%;
    object-fit: cover;
  }

  .mivi-txt p{
    font-size: 1.3em;
    text-align: center;
  }

  .vision-recluta{
    margin-top: 50px;
  }
  .img-valores{
    margin-top: 50px;
  }
  .img-valores img{
    width: 75%;
    height: 75%;
    object-fit: cover;
  }
  
}
@media (max-width:767px){

  .mivi-recluta{
    padding-top: 80px;
  }

  .mivi-tit, .mivi-txt{
    padding: 30px 10px;
  }

  .mivi-txt p{
    font-size: 1.1em;
    text-align: center;
  }

  .vision-recluta{
    margin-top: 30px;
  }

  .img-valores{
    padding: 5px;
    margin-top: 50px;
  }

  .img-valores img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/*SERVICIOS*/
.servicios-recluta{
  text-align: center;

  background: url(../img/bg-oscuro.webp);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.servicios-tit{
  padding: 50px 30px;
  text-align: center;
}
.servicios-tit img{
  width: 35%;
  height: 35%;
  object-fit: cover;
  filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.5));
}

.servicios-tit-txt{
  padding: 50px 30px;
  text-align: center;
}

.servicios-tit-txt h2{
  color: #fff;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.5;
}



@media (min-width: 768px) and (max-width:991px){

  .servicios-tit{
    padding: 30px;
  }

  .servicios-tit img{
    width: 45%;
    height: 45%;
    object-fit: cover;
  }
}


@media (max-width:767px){

  .servicios-recluta{
    padding-top: 50px;
  }

  .servicios-tit img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .servicios-tit-txt{
  padding: 30px 10px;
  text-align: center;
}

.servicios-tit-txt h2{
  font-size: 1.2em;
}
}

/*ESTILOS CARDS*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Nunito Sans";
}

.servicio-mod{
    margin-bottom: 100px;
    transition: all 600ms;
    perspective: 1000px;

}

.servicio-mod:hover .cardo{
    transform: rotateY(180deg);
    cursor: grab;
}

.cardo{
    width: 320px;
    height: 468px;
    background: transparent;
    position: relative;
    transform-style: preserve-3d;   
    transition: all 600ms;
}


.card_front.serv01{
    background: url(../img/servicios/s-consultoria-laboral.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .card_front.serv02{
    background: url(../img/servicios/s-consultoria-impuestos.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .card_front.serv03{
    background: url(../img/servicios/s-auditorias.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .card_front.serv04{
    background: url(../img/servicios/s-contabilidad.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .card_front.serv05{
    background: url(../img/servicios/s-servicios-legales.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .card_front.serv06{
    background: url(../img/servicios/s-gobierno-corporativo.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }


.card_front, .card_back{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transform-style: preserve-3d;    
}

.card_back{
    transform: rotateY(180deg);
    background: #498AC9;
    border-radius: 100% 0% 100% 0% / 100% 0% 100% 0%  ;
    border-right: #67a4e5 solid 5px;
    width: 100%;
    transition: all 600ms;
}

.body_card_front{
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 50px 30px;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
    transform: translateZ(60px);
    border-radius: 20px;
}

.body_card_front h3{
    font-size: 1.7em;
    font-weight: 900;
    text-shadow: 2px 2px 2px #2771ae;
    filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5)); 
    margin-top: 50%;   
}

.front-btn{
  padding: 30px 10px;
  display: none;
}
.front-btn button{
  background: #ba9f58;
  font-size: 1em;
  border: none;
  padding: 15px 30px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  font-weight: 600;
  color: #fff;
}


.bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;    
    border-radius: 0% 0% 85% 0% / 15% 40% 60% 45% ;
    background: rgb(28,43,57);
    background: -moz-linear-gradient(160deg, rgba(28,43,57,0) 0%, rgba(28,43,57,0.5) 45%, rgba(28,43,57,0) 100%);
    background: -webkit-linear-gradient(160deg, rgba(28,43,57,0) 0%, rgba(28,43,57,0.5) 45%, rgba(28,43,57,0) 100%);
    background: linear-gradient(160deg, rgba(28,43,57,0) 0%, rgba(28,43,57,0.5) 45%, rgba(28,43,57,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c2b39",endColorstr="#1c2b39",GradientType=1);
}

.body_card_back{
    padding: 10px;
    text-align: center;
    transform: translateZ(60px);
}



ul.list-servicios{
    color: #45B9D3;
    text-align: left;
    padding: 30px;
}

ul.list-servicios li span{
    color: #fff;
    font-size: 1em;
    text-shadow: 2px 2px 2px rgba(0,0,0,1);
}

ul.list-servicios.short li span{
    font-size: 1.2em;
}

ul.list-servicios.short{
    margin-top: 100px;
    padding: 30px 20px;
}

ul.list-servicios.one li span{
    font-size: 1.5em;
   
}

ul.list-servicios.one{
    margin-top: 150px;
    padding: 30px 20px;
    list-style: none;
    list-style-type: none;
    text-align: center;
}


@media (min-width: 1100px) and (max-width:1199px){

  .cardo{
    transform: scale(0.9);
}
}
@media (min-width: 992px) and (max-width:1099px){


  .cardo{
    transform: scale(0.8);
}

.card_back{
  scale: 0.9;

}
}
@media (min-width: 768px) and (max-width:991px){

  .cardo{
    transform: scale(0.8);
}

.card_back{
  scale: 0.9;

}
}
@media (max-width:767px){
  
  .cardo{
    width: 100%;
    transform: scale(0.9);
}

.card_back{
  scale: 0.95;
}

}
/*ESTILOS MAPA*/
.mapa-recluta{
  text-align: center;

  background: url(../img/bg-head.webp);
  background-size: 100% auto;
  background-position: top;
  background-attachment: scroll;
  background-repeat: no-repeat;
  padding-top: 100px;
  padding-bottom: 100px;
}

.mapa-txt{
  padding: 30px 50px;
  text-align: center;
  margin-bottom: 50px;
}

.mapa-txt h3{
  font-weight: 700;
  color: #1C2B39;
}

.mapa-iframe{
  padding: 10px 30px;
}

.mapa-iframe iframe{
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  -webkit-box-shadow: 10px 10px 0px 3px #498AC9; 
box-shadow: 10px 10px 0px 3px #498AC9;

}


/*FOOTER*/
footer{
  text-align: center;

  background: #fff;
}

.logo-footer{
  text-align: center;
  padding: 30px;
  margin-bottom: 50px;
}

.logo-footer img{
  width: 20%;
  height: 20%;
  object-fit: cover;
}

.contacto-footer{
  padding: 0px 30px;
  text-align: center;
  margin-top: 30px;
}

.contacto-mod{
  padding: 10px;
  margin-bottom: 30px;
}

.contacto-mod .icn-ctc{
  text-align: center;
  background: #498AC9;
  border: #1C2B39 5px solid;
  width: 60px;
  height: 60px;
  color: #fff;
  padding: 8px;
  font-size: 1.5em;
  border-radius: 100%;
}

.contacto-mod h3{
  text-align: left;
  font-weight: 900;
  font-size: 1.3em;
  padding: 10px 20px;
  color: #2771ae;
}

.contacto-mod p{
  text-align: left;
  font-weight: 400;
  font-size: 1em;
  padding: 0px 20px;
  color: #2f353b;
}

.contacto-mod p a{
  text-align: left;
  font-weight: 400;
  font-size: 1em;
  color: #2f353b;
  border-bottom: thin dotted #4682b4;
  transition: 0.5s;
}

.contacto-mod p a:hover{
  color: #955f20;
  border-bottom: thin dotted #0096d2;
  transition: 0.5s;
}

.mid-footer{
  background: #D5D8DB;
  padding: 20px 10px;
  text-align: center;
}

.mid-footer h3{
  text-align: center;
  font-size: 1em;
  color: #25303B;
  font-weight: 800;
}

.mid-footer h4{
  text-align: center;
  font-size: 1em;
  color: #25303B;
  font-weight: 700;
}

.low-footer{
  background: #498AC8;
  padding: 20px;
  text-align: center;
  color: #fff;
  font-size: 1em;
}

.low-footer a{
  color: #fff;
  transition: 0.5s;
}

.low-footer a:hover{
  color: #e3d4c6;
  transition: 0.5s;
}


@media (min-width: 1100px) and (max-width:1199px){
  .logo-footer{
    padding: 10px;
  }
  .contacto-mod h3{
    padding: 10px;
  }
  
  .contacto-mod p{
    padding: 0px;
  }
}

@media (min-width: 992px) and (max-width:1099px){

  .logo-footer{
    padding: 10px;
  }
  .contacto-mod h3{
    padding: 10px;
  }
  
  .contacto-mod p{
    padding: 0px;
  }
}
@media (min-width: 768px) and (max-width:991px){
  .logo-footer{
    padding: 10px;
  }

  .logo-footer img{
    width: 35%;
    height: 35%;
    object-fit: cover;
  }

  .contacto-mod .icn-ctc{
    width: 50px;
    height: 50px;
    font-size: 1.3em;
  }

  .contacto-mod h3{
    font-size: 1.2em;
    padding: 10px 15px;
  }
  
  .contacto-mod p{
    padding: 0px 15px;
  }
}

@media (max-width:767px){

  .logo-footer img{
    width: 90%;
    height: 90%;
    object-fit: cover;
  }

  .contacto-footer{
    padding: 0px 10px;
  }
  .contacto-mod .icn-ctc{
    width: 50px;
    height: 50px;
    font-size: 1.3em;
  }

  .contacto-mod h3{
    font-size: 1.2em;
  }

}

/*AVISO DE PRIVACIDAD*/

.aviso-recluta{
  background: url(../img/bg-oscuro.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-bottom: 200px;
  text-align: center;

  padding-top: 100px;
}

.tit-aviso, .body-aviso{
  padding:30px;
  text-align: left;
}

.tit-aviso h1{
  font-weight: 900;
  font-size: 2em;
  color: #fff;
}

.body-aviso h2{
  font-weight: 700;
  font-size: 1.8em;
  color: #C7E5F8;
  margin-bottom: 30px;

}

.body-aviso p{
  color: #fff;
  font-size: 1.2em;
  line-height: 1.5;
  font-weight: 300;
}

.body-aviso p a{
  color: #55B2E4;
  text-decoration: none;
  font-weight: 500;
  transition: 0.5s;
}

.body-aviso p a:hover{
  color: #e3d4c6;
  transition: 0.5s;
}


.body-aviso p strong{
  color: #55B2E4;
  font-weight: 600;
}

.body-aviso p span{
  font-weight: 700;
  padding: 0px 10px;
}

.body-aviso ul.list-aviso{
  color: #fff;
  font-size: 1.2em;
  line-height: 1.5;
  padding-left: 50px;
  list-style-type: circle;
  font-weight: 400;
}

@media (min-width: 992px) and (max-width:1099px){
 
.tit-aviso h1{
  font-size: 2.2em;
}
}

@media (min-width: 768px) and (max-width:991px){

  .tit-aviso h1{
      font-size: 2.2em;
  }
}

@media (max-width:767px){

  .tit-aviso, .body-aviso{
      padding:10px;
  }

  .tit-aviso h1{
      font-size: 2em;
  }

  .body-aviso h2{
      font-size: 1.5em;    
  }
  .body-aviso p{
      font-size: 1em;
  }

  .body-aviso ul.list-aviso{
      font-size: 1em;
      padding-left: 30px;
  }
}