/*-------- QUERIES --------*/

/*Extra small devices portrait phones, less than 576px*/

@media (max-width: 575.98px) {

.bg-serv {

 background: url("../img/serv-back.png") center top no-repeat;

 height:1641px;}    

.serv-title{ margin-left:0px ; padding-top: 140px;}

.text-serv{margin-left:30px; padding-top: 20px;}

.rowuni{ margin-top: 140px; }

.publ-title{margin-left:0px ; padding-top: 120px;}

.publ-pleca{margin-left: 30px; width: 300px; display: none;}

.btn-publ-gral{

padding-top: 100px;

margin-left: 0px;}

 .flash{

 background: url(../img/flash.png) no-repeat;

 width: 140px;

 height: 130px;}

 .news{

 background: url(../img/newsletter.png) no-repeat;

 width: 140px;

 height: 130px;}

 .btn-publ{

margin-left: 100px;

width: 200px;

height: 130px;

 }

 .btn-publ-text{

 font-size: 1.125em; 

 padding-top: 50px;

 }

 .bg-cont {

 background: url("../img/cont-back.png") center top no-repeat;

 background-size: auto; 

 height:2100px;}

 .cont-title{ margin-left:0px ; padding-top: 140px;}

 .addr-icon{text-align: center;}

 .mail-icon{text-align: center;}

 .tele-icon{text-align: center;}

 .addr{text-align: center;}

 .text-cont{margin-left:30px; padding-top: 20px;}

 .cont-subtitle{text-align: center;}

 .addr-text{text-align: center;}

 .cont-text{text-align: center;}

 .maps{ margin-top: 50px; }

 .bg-footer {

 background: url("../img/footer-back.jpg") center top no-repeat;

 background-size: auto; 

 height:212px;}

 .cont-footer{padding-top: 50px;}

 .social-footer{

 font-size: 1.7em; 

 margin-right: 20px;}

 .rrss{margin-top: 20px;}

 .logo_rrss_sub{margin-right: 10px;}

 .copy-footer{padding-top: 25px; font-size: .6em;} 

/*-------- HOME INT --------*/

.home-int{padding-top: 100px;}

.header-logo-int{padding-left: 0px; text-align: center;}

.header-logo-img{}

.text-logo{text-transform: uppercase; text-align: center; padding-top: 50px; }

/*-------- HOME INT END--------*/

.pad-separador{padding-top: 70px;}

.separador{

background: url("../img/separador.jpg") center top no-repeat;

background-size: auto;}

.texto-lafirma{margin-top: 100px; padding-bottom: 400px;}

.texto{margin-top: 150px; padding-bottom: 200px;} 

/*-------- NUESTRA GENTE -------*/

.ng-top{

height: 709px;

margin-top: 0px;

background: #fff;

background-size: cover; 

}

.ng-top-back{

height: 709px;

background: url("../img/ng-top.jpg") center top no-repeat;

background-size: auto; 

}

.ng-img{height: 709px;}

.ng-texto{padding-right: 50px; padding-left: 50px;}

.ng-texto p{color: #fff; font-size: 1em;}

.ng-first-row{margin-top: 100px;}

.ng-int-row{margin-top: 0px;}

.ng-last-row{margin-top: 0px; margin-bottom: 100px;}

.ng-box{

height:170px;

padding: 20px 20px 20px 20px;

margin-bottom: 30px;

}

.ng-nombre{

font-size: 1em;}

.ng-school{

font-size: .7em;}

.ng-carrera{

font-size: .7em;}

.ng-post{

font-size: .5em;}

.ng-mail{

font-size: .7em;}

/*-------- NUESTRA GENTE END -------*/

/*-------- SERVICIOS --------*/

.serv-back{

height: auto;

background: url("../img/servicios-back.png") center top no-repeat;

background-size: cover; 

}

.servi-subtitle{font-size: 1.05em; font-weight: bold; padding-top: 30px; text-align: center;}

.servi-row{padding-top: 80px;}

.pad-servi-row{padding-bottom: 200px;}

.servi-texto{padding-left: 50px; padding-right: 50px; text-align: center;}

.servi-title{font-weight: bold; text-align: center;}

.icon-servi{text-align: center;}

/*-------- SERVICIOS END--------*/

/*-------- PUBLICACIONES --------*/

.publicaciones-back{

height: auto;

margin-top: 0;

margin-bottom: 200px;

background: url("../img/trabaja-back.png") center top no-repeat;

background-size: auto; 

}

.publicaciones-img{

height: 724px;

background: url("../img/img-gral.jpg") center top no-repeat;

background-size: cover; 

}

.btn-flash-gral{

padding-top: 100px;

margin-left: 0px;

padding-bottom: 50px;}

.flash-publi{

background: url(../img/flash21.png) no-repeat;

width: 240px;

height: 325px;}

.flash-publi2{

background: url(../img/flash20.png) no-repeat;

width: 240px;

height: 325px;}
.flash-publi3{

background: url("../img/Video-img.png") no-repeat;

width: 240px;

height: 325px;}

.btn-flash{

margin-left: 115px;

width: 200px;

height: 325px;

}

.btn-flash-text{

text-align: left;   

font-size: .9em; 

padding-top: 100px;

padding-left: 10px;

}

.btn-flash-subtext{

font-size: .6em; 

padding-top: 0px;

padding-left: 0px;

}

.btn-leer-cont{}

.btn-leer{

 font-size: 1em;

 width:155px ;

 height: 45px; 

 text-align: center;

 padding-top: 10px;

 margin-left: 20px;

 margin-top: 100px;

}

/*-------- PUBLICACIONES END --------*/

}

/*Small devices landscape phones, less than 768px*/

@media (min-width: 576px) and (max-width: 767.98px) {

.bg-serv {

 background: url("../img/serv-back.png") center top no-repeat;

 background-size: auto; 

 height:1641px;}    

.serv-title{ margin-left:100px ; padding-top: 140px;}

.text-serv{margin-left:130px; padding-top: 20px;}

.rowuni{  margin-top: 140px; }

.publ-title{margin-left:100px ; padding-top: 120px;}

.publ-pleca{margin-left: 30px; width: 300px;}

.btn-publ-gral{

padding-top: 100px;

margin-left: 0px;}

 .flash{

 background: url(../img/flash.png) no-repeat;

 width: 340px;

 height: 130px;}

 .news{

 background: url(../img/newsletter.png) no-repeat;

 width: 340px;

 height: 130px;}

 .btn-publ{

    margin-left: 100px;

    width: 400px;

    height: 130px;

 }

 .btn-publ-text{

 font-size: 2.125em; 

 padding-top: 40px;

 }

 .bg-cont {

 background: url("../img/cont-back.png") center top no-repeat;

 background-size: auto; 

 height:2100px;}

 .cont-title{ margin-left:100px ; padding-top: 140px;}

 .addr-icon{text-align: center;}

 .mail-icon{text-align: center;}

 .tele-icon{text-align: center;}

 .addr{text-align: center;}

 .text-cont{margin-left:130px; padding-top: 20px;}

 .cont-subtitle{text-align: center;}

 .addr-text{text-align: center;}

 .cont-text{text-align: center;}

 .maps{ margin-top: 50px; }

 .bg-footer {

 margin-top: 0;

 margin-bottom: 0px;

 background: url("../img/footer-back.jpg") center top no-repeat;

 background-size: auto; 

 height:212px;}

 .cont-footer{padding-top: 50px;}

 .social-footer{

 font-size: 1.7em;

 margin-right: 20px;}

 .rrss{margin-top: 20px;}

 .logo_rrss_sub{margin-right: 10px;}

 .copy-footer{padding-top: 20px; font-size: .8em;}

 /*-------- HOME INT --------*/

.home-int{padding-top: 100px;}

.header-logo-int{padding-left: 0px; text-align: center;}

.header-logo-img{}

.text-logo{text-transform: uppercase; text-align: center; padding-top: 50px; }

/*-------- HOME INT END--------*/

.texto-lafirma{margin-top: 100px; padding-bottom: 400px;}

.texto{margin-top: 200px; padding-bottom: 300px;} 

/*-------- NUESTRA GENTE -------*/

.ng-top{

height: 709px;

margin-top: 0;

background: #fff;

background-size: cover; 

}

.ng-top-back{

height: 709px;

background: url("../img/ng-top.jpg") center top no-repeat;

background-size: auto; 

}

.ng-img{height: 709px;}

.ng-texto{padding-right: 50px; padding-left: 50px; color: #fff; font-size: 1em;}

.ng-texto p{color: #fff; font-size: 1em;}

.ng-first-row{margin-top: 100px;}

.ng-int-row{margin-top: 0px;}

.ng-last-row{margin-top: 0px; margin-bottom: 100px;}

.ng-box{

height:170px;

padding: 20px 20px 20px 20px;

margin-bottom: 30px;

}

.ng-nombre{

font-size: 1em;}

.ng-school{

font-size: .7em;}

.ng-carrera{

font-size: .7em;}

.ng-post{

font-size: .5em; }

.ng-mail{

font-size: .7em;}

/*-------- NUESTRA GENTE END -------*/

/*-------- SERVICIOS --------*/

.serv-back{

height: auto;

margin-top: 0;

margin-bottom: 0px;

background: url("../img/servicios-back.png") center top no-repeat;

background-size: cover; 

}

.servi-subtitle{font-size: 1.05em; font-weight: bold; padding-top: 30px;}

.servi-row{padding-top: 80px;}

.pad-servi-row{padding-bottom: 200px;}

.servi-texto{padding-left: 50px; padding-right: 50px; text-align: center;}

.servi-title{font-weight: bold; text-align: center;}

.icon-servi{text-align: center;}

/*-------- SERVICIOS END--------*/ 

/*-------- PUBLICACIONES --------*/

.publicaciones-back{

height: auto;

margin-top: 0;

margin-bottom: 200px;

background: url("../img/trabaja-back.png") center top no-repeat;

background-size: auto; 

}

.publicaciones-img{

height: 724px;

margin-top: 0;

margin-bottom: 0px;

background: url("../img/img-gral.jpg") center top no-repeat;

background-size: cover; 

}

.btn-flash-gral{

padding-top: 100px;

margin-left: 0px;

padding-bottom: 50px;}

.flash-publi{

background: url(../img/flash21.png) no-repeat;

width: 240px;

height: 325px;}

.flash-publi2{

background: url(../img/flash20.png) no-repeat;

width: 240px;

height: 325px;}

.btn-flash{

margin-left: 115px;

width: 200px;

height: 325px;

}

.btn-flash-text{

text-align: left;   

font-size: 1em;

padding-top: 100px;

padding-left: 10px;

}

.btn-flash-subtext{

font-size: .6em; 

padding-top: 0px;

padding-left: 0px;

}

.btn-leer-cont{



}

.btn-leer{

 font-size: 1em;

 width:155px ;

 height: 45px; 

 text-align: center;

 padding-top: 10px;

 margin-left: 20px;

 margin-top: 100px;

}

/*-------- PUBLICACIONES END --------*/

  }

/*Medium devices tablets, less than 992px*/

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

.bg-serv {

 margin-top: 0;

 margin-bottom: 0;

 background: url("../img/serv-back.png") center top no-repeat;

 background-size: auto; 

 height:1641px;}    

.serv-title{ margin-left:100px ; padding-top: 140px;}

.text-serv{margin-left:130px; padding-top: 20px;}

.rowuni{  margin-top: 140px; }

.publ-title{margin-left:100px ; padding-top: 120px;}

.publ-pleca{margin-left: 30px; width: 300px;}

.btn-publ-gral{

padding-top: 100px;

margin-left: 0px;}

 .flash{

 background: url(../img/flash.png) no-repeat;

 width: 540px;

 height: 130px;}

 .news{

 background: url(../img/newsletter.png) no-repeat;

 width: 540px;

 height: 130px;}

 .btn-publ{

    margin-left: 270px;

    width: 400px;

    height: 130px;

 }

 .btn-publ-text{

 font-size: 2.125em; 

 padding-top: 40px;

 }

 .bg-cont {

 margin-top: 0;

 margin-bottom: 0;

 background: url("../img/cont-back.png") center top no-repeat;

 background-size: auto; 

 height:2000px;}

 .cont-title{ margin-left:100px ; padding-top: 140px;}

 .addr-icon{text-align: center;}

 .mail-icon{text-align: center;}

 .tele-icon{text-align: center;}

 .addr{text-align: center;}

 .text-cont{margin-left:130px; padding-top: 20px;}

 .cont-subtitle{text-align: center;}

 .addr-text{text-align: center;}

 .cont-text{text-align: center;}

 .maps{ margin-top: 50px; }

 .bg-footer {

 margin-top: 0;

 margin-bottom: 0px;

 background: url("../img/footer-back.jpg") center top no-repeat;

 background-size: auto; 

 height:212px;}

 .copy-footer{padding-top: 70px; font-size: .8em;}

 /*-------- HOME INT --------*/

.home-int{padding-top: 100px;}

.header-logo-int{padding-left: 0px; text-align: center;}

.header-logo-img{}

.text-logo{text-transform: uppercase; text-align: center; padding-top: 50px; }

/*-------- HOME INT END--------*/

.texto-lafirma{margin-top: 100px; padding-bottom: 400px;}

.texto{margin-top: 200px; padding-bottom: 300px}

/*-------- NUESTRA GENTE -------*/

.ng-top{

height: 600px;

margin-top: 0;

}

.ng-top-back{

height: 600px;

background: url("../img/ng-top.jpg") center top no-repeat;

background-size: auto; 

}

.ng-img{height: 600px;}

.ng-texto{padding-right:20px; padding-left: 20px; color: #fff;}

.ng-texto p{color: #fff; font-size: 1em;}

.ng-first-row{margin-top: 100px;}

.ng-int-row{margin-top: 0px;}

.ng-last-row{margin-top: 0px; margin-bottom: 100px;}

.ng-box{

height:170px;

padding: 20px 20px 20px 20px;

margin-bottom: 30px;

}

.ng-nombre{

font-size: 1em;}

.ng-school{

font-size: .8em;}

.ng-carrera{

font-size: .8em;}

.ng-post{

font-size: .6em; }

.ng-mail{

font-size: .7em;}

/*-------- NUESTRA GENTE END -------*/

/*-------- SERVICIOS --------*/

.serv-back{

height: auto;

margin-top: 0;

margin-bottom: 0px;

background: url("../img/servicios-back.png") center top no-repeat;

background-size: cover; 

}

.servi-subtitle{font-size: 1.05em; font-weight: bold; padding-top: 30px;}

.servi-row{padding-top: 80px;}

.pad-servi-row{padding-bottom: 200px;}

.servi-texto{padding-left: 50px; padding-right: 50px; text-align: center;}

.servi-title{font-weight: bold; text-align: center;}

.icon-servi{text-align: center;}

/*-------- SERVICIOS END--------*/

/*-------- PUBLICACIONES --------*/

.publicaciones-back{

height: auto;

margin-top: 0;

margin-bottom: 200px;

background: url("../img/trabaja-back.png") center top no-repeat;

background-size: auto; 

}

.publicaciones-img{

height: 724px;

margin-top: 0;

margin-bottom: 0px;

background: url("../img/img-gral.jpg") center top no-repeat;

background-size: cover; 

}

.btn-flash-gral{

padding-top: 100px;

margin-left: 30px;

padding-bottom: 50px;}

.flash-publi{

background: url(../img/flash21.png) no-repeat;

width: 840px;

height: 325px;}

.flash-publi2{

background: url(../img/flash20.png) no-repeat;

width: 840px;

height: 325px;}

.btn-flash{

margin-left: 250px;

width: 400px;

height: 325px;

text-decoration: none;

}

.btn-flash-text{

text-align: left;   

font-size: 1.2em; 

padding-top: 100px;

padding-left: 30px;

}

.btn-flash-subtext{

font-size: .5em; 

padding-top: 0px;

padding-left: 0px;

}

.btn-leer-cont{}

.btn-leer{

 font-size: 1em;

 width:185px ;

 height: 45px; 

 text-align: center;

 padding-top: 10px;

 margin-left: 190px;

 margin-top:90px ;

}

/*-------- PUBLICACIONES END --------*/

}

/*Large devices desktops, less than 1200px*/

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

.nav-item{padding-right: 0px; font-size: .9em;}

.publ-pleca{margin-left: 30px; width: 400px;}

.btn-publ-gral{

padding-top: 100px;

margin-left: 0px;}

.btn-publ{margin-left: 400px; }

.cont-text{

font-size: .85em;

margin-left: 7px;

}

.addr-text{

font-size: .85em;

}

.cont-subtitle{

 font-size: 1.875em; 

 margin-left: 7px;}

 /*-------- HOME INT --------*/

.home-int{padding-top: 200px;}

.header-logo-int{padding-left: 130px;}

.header-logo-img{}

.text-logo{text-transform: uppercase; text-align: center;  }

/*-------- HOME INT END--------*/

/*-------- NUESTRA GENTE -------*/

.ng-top{

height: 709px;

}

.ng-top-back{

height: 709px;

}

.ng-img{height: 709px;}

.ng-texto{padding-right: 50px; padding-left: 50px; color: #fff;}

.ng-texto p{color: #fff; font-size: 1em;}

.ng-nombre{

font-size: 1.2em;}

.ng-school{

font-size: .7em;}

.ng-carrera{

font-size: .7em;}

.ng-mail{

font-size: .7em;}

/*-------- NUESTRA GENTE END -------*/

/*-------- SERVICIOS --------*/

.serv-back{

height: auto;

background: url("../img/servicios-back.png") center top no-repeat;

background-size: cover; 

}

.servi-subtitle{font-size: 1.2em; font-weight: bold; padding-top: 30px;}

.servi-row{padding-top: 100px;}

.pad-servi-row{padding-bottom: 200px;}

.servi-texto{padding-left: 80px; padding-right: 50px;}

.servi-title{font-weight: bold;}

/*-------- SERVICIOS END--------*/

/*-------- PUBLICACIONES --------*/

.publicaciones-back{

height: auto;

margin-top: 0;

margin-bottom: 200px;

background: url("../img/trabaja-back.png") center top no-repeat;

background-size: auto; 

}

.publicaciones-img{

height: 724px;

margin-top: 0;

margin-bottom: 0px;

background: url("../img/img-gral.jpg") center top no-repeat;

background-size: cover; 

}

.btn-flash-gral{

padding-top: 100px;

margin-left: 10px;

padding-bottom: 50px;}

.flash-publi{

background: url(../img/flash21.png) no-repeat;

width: 900px;

height: 325px;}

.flash-publi2{

background: url(../img/flash20.png) no-repeat;

width: 900px;

height: 325px;}

.btn-flash{

margin-left: 400px;

width: 500px;

height: 325px;

text-decoration: none;

}

.btn-flash-text{  

font-size: 1.7em; 

letter-spacing: 1px;

padding-top: 100px;

padding-left: 30px;

}

.btn-flash-subtext{

font-size: .5em;  

color:#083c64;

padding-top: 0px;

padding-left: 0px;

}

.btn-leer-cont{



}

.btn-leer{

 font-size: 1em;

 width:185px ;

 height: 45px; 

 text-align: center;

 padding-top: 10px;

 margin-left: 280px;

}

/*-------- PUBLICACIONES END --------*/

}

/* Modal Content/Box */

.modal-content {

  background-color: #fefefe;

  margin: 15% auto; /* 15% from the top and centered */

  padding: 20px;

  border: 1px solid #888;

  width: 80%; /* Could be more or less, depending on screen size */

}



/* The Close Button */

.close {

  color: #aaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: black;

  text-decoration: none;

  cursor: pointer;

}



::-webkit-scrollbar {

    display: none;

}

/*-------- fin boton --------*/

.btn-flotante {

font-size: 16px; /* Cambiar el tamaño de la tipografia */

text-transform: uppercase; /* Texto en mayusculas */

font-weight: bold; /* Fuente en negrita o bold */

color: #ffffff; /* Color del texto */

border-radius: 5px; /* Borde del boton */

letter-spacing: 2px; /* Espacio entre letras */

background-color: #E91E63; /* Color de fondo */

padding: 18px 30px; /* Relleno del boton */

position: fixed;

bottom: 40px;

right: 40px;

transition: all 300ms ease 0ms;

box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);

z-index: 99;

}

.btn-flotante:hover {

background-color: #2c2fa5; /* Color de fondo al pasar el cursor */

box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);

transform: translateY(-7px);

}

@media only screen and (max-width: 600px) {

.btn-flotante {

font-size: 14px;

padding: 12px 20px;

bottom: 20px;

right: 20px;

}

}





/*-------- QUERIES --------*/