*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Estilos de textos generales*/

@font-face {
    font-family: 'Neuropol';
    src: url('../font/NEUROPOL.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

.neuropol{
    font-family: 'Neuropol';
}

.lead{
    font-weight:350;
}

.leadb{
    font-size: 20px;
    font-weight: 500;
}

.leadc2{
    font-size: 20px;
    font-weight: 400;
}

.leadc{
    font-weight:400;
    font-size: 19px;
}

.leadsm{
    font-weight: 350;
    font-size: 15px;
}

.leadboldest{
    font-size: 38px;
    font-weight: 500;
    text-shadow: black 0.1em 0em 0.2em
}

.bold{
    font-weight: bold;
}

.letranaranja{
    color:rgba(231,76,61,1);
    font-size: 29px;
}

.display-6{
    font-weight: 400;
}

.center{
    text-align: center;
}

.justify{
    text-align: justify;
}

.sombra{
    text-shadow: 0.1em 0.2em 0.3em rgba(0, 0, 0, 0.5);
}

/* Body's*/

.bodyhome{
    padding: 37em 0 0;
}

.bodyservicios{
    padding: 6em 0 0;
}

.bodycertificaciones{
    padding: 6em 0 0;
}

.bodynosotros{
    padding: 6em 0 0;
}

.bodycontacto{
    padding: 6em 0 0;
}

body#imagenfondo{
    background-image: url('../img/Slide00.svg');
    background-size: cover;
    background-position: 0em -1em;
    background-attachment:fixed;
}

div#contenedor{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: white;
}

div#cuerpo{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
    padding-top: 3em;
    padding-bottom: 3em;
}

.header{
    background-color: #fff;
    position: fixed;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    border-bottom: 0.13em rgb(231,76,61,1) solid;
    display: flex;
    justify-content: center;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.2);
}

#logo{
    padding-top: 0em;
    width: 7em;
    height: 3.5em;
    margin: 0.5em 0 0.4em 0;
}

a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}

nav div a:hover{
    background-size: 100% 2px;
}

body.bodyhome div.collapse li:nth-child(1) a,
body.bodyservicios div.collapse li:nth-child(2) a,
body.bodycertificaciones div.collapse li:nth-child(3) a,
body.bodynosotros div.collapse li:nth-child(4) a,
body.bodycontacto div.collapse li:nth-child(5) a
{
    background-size: 100% 2px;
    color: #000;
}

p{
    line-height: 1.5em;
}

.bolita{
    width: 7em;
    height: 7em;
    background-color: rgb(63, 61, 64);
    border-radius: 50%;
    text-align: center;
    margin: 0 auto 1em auto;
}

/* Apartado Home*/

.apartado1h{
    display: flex;
    gap: 4em;
}

.apartado1p1h{
    padding: 2em 1em 5em 9em;
}

.imagen1h{
    width: 28em;
    height: 19em;
}

.apartado1p2h{
    padding: 3em 8em 5em 0em;
    text-align: justify;
}

.buttonh{
    background-color: rgb(231,76,61,1);
    color: #fff;
    padding-top: 0.1em;
    padding-top: 0.1em;
    float: right;
    margin-top: 0.5em;
}

.apartado2h{
    padding: 5em 11em 5em 11em;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2em;
    line-height: 0.5em;
}

.imagenb{
    padding-top: 10%;
}

.scroll-container {
    height: 36em;
    padding: 2em 2em;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 3em;
}

.scroll-element{
  width: 100%;
  height: 100%;
  position: relative;
}

.scrolltitulo{
    padding-top: 1em;
}

@media screen and (max-width: 650px) {
    .scroll-container,
    .scroll-container:nth-of-type(even) {
      flex-direction: column;
      align-content: inherit;
    }
  
    .scroll-element {
      height: 100%;
      width: 100%;
    }

}

.js-scroll {
    opacity: 0;
    transition: opacity 500ms;
}
  
.js-scroll.scrolled {
    opacity: 1;
}

.scrolled.slide-left {
    animation: slide-in-left 1s ease-in-out both;
}

@keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
}

.apartado3h{
    display: grid;
    grid-template-columns: repeat(2, 1fr);c
}

.apartado3color{
    background-color: #f8f9fa;
    color: black;
}

.border1{
    border-right: #fff 2px solid;
    border-bottom: #fff 2px solid;
}

.border2{
    border-left: #fff 2px solid;
    border-bottom: #fff 2px solid;
}

.border3{
    border-right: #fff 2px solid;
    border-top: #fff 2px solid;
}

.border4{
    border-left: #fff 2px solid;
    border-top: #fff 2px solid;
}

.apartado3p1hfondob{
    background-color: #fff;
    color: black;
    width: 80%; 
    height: 17em;
    border-radius: 1.3em 1.3em 0 0; 
}

.textoa3p1h{
    padding: 1em 2em 0em 2em;
}

/* Apartado servicios, servicio1, servicio2, servicio3, servicio4, servicio5, servicio6*/ 
.apartadoservicios{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    padding: 2em 4em 1em 4em;
}

.buttons{
    background-color: rgb(231,76,61,1);
    color: #fff;
    padding-top: 0.1em;
    padding-top: 0.1em;
    float: right;
    margin-top: 0.5em;
}

.titulo-s{
    position: relative;
    display: inline-block;
    width: 100%;
}

.titulo-s img{
    display: block;
    width: 100%;
    height: 7em;
    object-fit: cover;
    object-position: 0em -42em;
    filter: brightness(70%);
}

.titulo-s::before{
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(75, 75, 75) 100%);
    z-index: 1;
}

.textotitulo-s{
    position: absolute;
    top: 50%;
    right: 0;
    left: 42%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 0.6em;
    color: #fff;
    text-align: left;
}

.textoprincipals{
    padding: 2em 4em 0em 4em;
}

.divimg-s{
    position: relative;
    box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.40);
}

.imgservicio{
    width: 100%;
    height: 10em;
    background-image: url('../img/servicio1.jpg');
    background-position: 0em -4em;
    background-size:cover;
}

.imgservicio2{
    width: 100%;
    height: 10em;
    background-image: url('../img/teachingcompas/teaching10.jpeg');
    background-position: 0em -11em;
    background-size:cover;
}

.imgservicio3{
    width: 100%;
    height: 10em;
    background-image: url('../img/jatco/jatco6.jpeg');
    background-position: 0em -11em;
    background-size:cover;
}

.imgservicio4{
    width: 100%;
    height: 10em;
    background-image: url('../img/estructuraf2.jpeg');
    background-position: 0em -5em;
    background-size: cover;
}

.imgservicio5{
    width: 100%;
    height: 10em;
    background-image: url('../img/coherix/coherix4.jpg');
    background-position: 0em -5em;
    background-size: cover;
}

.imgservicio6{
    width: 100%;
    height: 10em;
    background-image: url('../img/teachingcompas/teaching7.jpeg');
    background-position: 0em -9em;
    background-size: cover;
}

.textohover-s{
    padding: 1em;
    color: #fff;
    position: absolute;
    background: rgba(0, 0, 0, 0.40);
    top:0;
    width: 100%;
    height: 100%;
    transition: all 500ms ease-out;
    opacity: 0;
    visibility: hidden;
    text-align: center;
}

.divimg-s a:hover > .textohover-s{
    opacity: 1;
    visibility: visible;
}

.divimg-s .textohover-s p{
    margin-top: 9%;
}

.divimg-s:hover{
    -webkit-transform:scale(1.3);
    transform:scale(1.1);
}

.titulo-se{
    position: relative;
}

.fondo-s1{
    width: 100%;
    height: 19em;
    background-image: url('../img/servicio1.jpg');
    background-position: 0em -14em;
    background-size:cover;
    filter: brightness(60%);
}

.fondo-s2{
    width: 100%;
    height: 19em;
    background-image: url('../img/teachingcompas/teaching10.jpeg');
    background-position: 0em -49em;
    background-size:cover;
    filter: brightness(60%);
}

.fondo-s3{
    width: 100%;
    height: 19em;
    background-image: url('../img/jatco/jatco6.jpeg');
    background-position: 0em -45em;
    background-size:cover;
    filter: brightness(60%);
}

.fondo-s4{
    width: 100%;
    height: 19em;
    background-image: url('../img/estructuraf2.jpeg');
    background-position: 0em -30em;
    background-size:cover;
    filter: brightness(60%);
}

.fondo-s5{
    width: 100%;
    height: 19em;
    background-image: url('../img/coherix/coherix4.jpg');
    background-position: 0em -28em;
    background-size:cover;
    filter: brightness(60%);
}

.fondo-s6{
    width: 100%;
    height: 19em;
    background-image: url('../img/teachingcompas/teaching7.jpeg');
    background-position: 0em -41em;
    background-size:cover;
    filter: brightness(60%);
}

.textse{
    position: absolute;
    top: 0;
    left: 3em;
    color: #fff;
    padding: 2em;
}

.atras{
    padding: 1em 0 0 3em;
}

.apartado1s1{
    padding: 2em 3em 1em 3em;
    display: flex;
    gap: 2em;
}

.logos1{
    padding: 0em 0em 2em 6em;
}

.textos1p1{
    padding: 0em 6em 3em 2em;
}

.imagens1p1{
    padding: 26%;
}

.video iframe{
    height:100%;
    width:100%;
}

.video{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em 6em 2em 1em;
}

.videop2{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0em 6em 2em 1em;
}

.video-s{
    width: 35em;
    height: 20em;
}

.titulop2s1{
    padding-top: 3em;
}

.apartado2s1{
    padding: 1em 3em 2em 3em;
    display: flex;
    gap: 1em;
}

.textos1p2{
    padding: 2em 6em 2em 6em;
}

.collage {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 9.3em;
    grid-gap: 0.7em;
    padding: 0em 5em 4em 5em;
}
  
.collage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0.3em;
}

.collage img:hover {
    transform:scale(1.1);
}

.collage img:nth-child(1) {
    grid-row-start: span 2;
    object-position: 0em -1em;
}

.collage img:nth-child(3) {
    grid-row-start: span 2;
    object-position: 0em -2em;
}

.collage img:nth-child(5) {
    object-position: 0em -5em;
}

.collage img:nth-child(6) {
    object-position: 0em -5em;
}

.collage2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 9.3em;
    grid-gap: 0.7em;
    padding: 0em 5em 4em 5em;
}

.collage2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0.3em;
}

.collage2 img:hover {
    transform:scale(1.1);
}

.collage2 img:nth-child(1) {
    grid-column-start: span 2;
    object-position: 0em -8em;
}

.collage2 img:nth-child(3) {
    grid-column-start: span 2;
    object-position: 0em -16em;
}

.collage2 img:nth-child(4) {
    object-position: 0em -5em;
}

.collage2 img:nth-child(5) {
    grid-column-start: span 2;
    object-position: 0em -10em;
}

.collage2 img:nth-child(6) {
    object-position: 0em -7em;
}

.collage3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 9.3em;
    grid-gap: 0.7em;
    padding: 0em 5em 4em 5em;
}
  
.collage3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0.3em;
}

.collage3 img:hover {
    transform:scale(1.1);
}

.collage3 img:nth-child(1) {
    object-position: 0em -7em;
}

.collage3 img:nth-child(2) {
    grid-row-start: span 2;
    object-position: 0em -8em;
}

.collage3 img:nth-child(3) {
    object-position: 0em -15em;
}

.collage3 img:nth-child(4) {
    grid-row-start: span 2;
    object-position: 0em -2em;
}

.collage3 img:nth-child(5) {
    object-position: 0em -6em;
}

.collage4 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 9.3em;
    grid-gap: 0.7em;
    padding: 0em 5em 4em 5em;
}

.collage4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0.3em;
}

.collage4 img:hover {
    transform:scale(1.1);
}

.collage4 img:nth-child(2) {
    grid-column-start: span 2;
    object-position: 0em -5em;
}

.collage4 img:nth-child(5) {
    grid-column-start: span 2;
    object-position: 0em 0em;
}

.collage4 img:nth-child(7) {
    grid-column-start: span 2;
    object-position: 0em 0em;
}

.collage5 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 9.3em;
    grid-gap: 0.7em;
    padding: 0em 5em 4em 5em;
}
  
.collage5 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0.3em;
}

.collage5 img:hover {
    transform:scale(1.1);
}

.collage5 img:nth-child(1) {
    grid-row-start: span 2;
    object-position: 0em -4em;
}

.collage5 img:nth-child(2) {
    object-position: 0em -7em;
}

.collage5 img:nth-child(3) {
    grid-row-start: span 2;
    object-position: 0em 0em;
}

.collage5 img:nth-child(5) {
    object-position: 0em -4em;
}

.collage6 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 9.3em;
    grid-gap: 0.7em;
    padding: 0em 5em 4em 5em;
}

.collage6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0.3em;
}

.collage6 img:hover {
    transform:scale(1.1);
}

.collage6 img:nth-child(1) {
    grid-column-start: span 2;
    object-position: 0em -8em;
}

.collage6 img:nth-child(2) {
    object-position: 0em -2em;
}

.collage6 img:nth-child(3) {
    grid-column-start: span 2;
    object-position: 0em -15em;
}

.collage6 img:nth-child(4) {
    object-position: 0em -3em;
}

.collage6 img:nth-child(5) {
    grid-column-start: span 2;
    object-position: 0em -7em;
}

.collage6 img:nth-child(6) {
    object-position: 0em -9em;
}

.collage6 img:nth-child(7) {
    object-position: 0em -5em;
}

/* Apartado certificaciones*/

.carousel-inner img {
    width: 100%;
    max-height: 40em;
}

.carousel-inner{
    height: 29em;
}

.carousel-caption {
    top: 3em;
}

.buttonc{
    background-color: rgb(231,76,61,1);
    color: #fff;
    padding-top: 0.1em;
    padding-top: 0.1em;
}

.tituloce{
    position: relative;
    display: inline-block;
    width: 100%;
}

.tituloce img{
    display: block;
    width: 100%;
    height: 7em;
    object-fit: cover;
    object-position: 0em -7em;
    filter: brightness(70%);
}

.tituloce::before{
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(75, 75, 75) 100%);
    z-index: 1;
}

.textotitulo-ce{
    position: absolute;
    top: 50%;
    right: 0;
    left: 42%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 0.6em;
    color: #fff;
    text-align: left;
}

.textocer{
    padding: 1em 6em 3em 6em;
}

.certif{
    margin-bottom: 2em;
}

.imgsce{
    padding: 0em 3em 3em 3em;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.imgce{
    width: 41em;
    height: 28em;
    box-shadow: 
        -0.2em 0.2em 0.5em rgba(0, 0, 0, 0.2), 
        0.2em -0.2em 0.5em rgba(0, 0, 0, 0.2),
        -0.2em 0.2em 0.5em rgba(0, 0, 0, 0.2),
        0.2em 0.2em 0.5em rgba(0, 0, 0, 0.2);
}

.apartadoclientes{
    padding: 1em 5em 2em 5em;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.tituloclientes{
    padding-top: 2em;
    padding-bottom: 2em;
}

.imgcli{
    width: 5em;
    height: 5em;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

/* Apartado nosotros*/

.titulon{
    position: relative;
    display: inline-block;
    width: 100%;
}

.titulon img{
    display: block;
    width: 100%;
    height: 7em;
    object-fit: cover;
    object-position: 0em -6em;
    filter: brightness(80%);
}

.titulon::before{
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(75, 75, 75) 100%);
    z-index: 1;
}

.textotitulo-n{
    position: absolute;
    top: 50%;
    right: 0;
    left: 42%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 0.6em;
    color: #fff;
    text-align: left;
}

.titulon2{
    padding: 3em 2em 2em 2em;
}

.contenedorp{
    position: relative;
    width: 300px;
    margin: auto;
    margin-top: 50px;    
}

.circle {
    width: 100px;
    height: 100px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.circle2 {
    width: 70px;
    height: 70px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.circle3 {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.titulon2p2{
    padding-top: 3em;
}

.apartado1n{
    display: flex;
    gap:1em;
    padding-bottom: 3em;
}

.apartado1p1n{
    padding: 1em 6em 2em 6em;
}

.apartado2n{
    display: flex;
    gap: 1em;
    padding: 1em 3em 2em 3em;
}

.apartado2p1n{
    padding: 0em 6em 2em 6em;
}

.apartado2p2n{
    padding: 4em 6em 2em 1em;
}

.imagen2n{
    width: 34em;
    height: 22em;
}

.apartado3n{
    padding-top: 3em;
    padding-bottom: 3em;
}

.apartado3p1n{
    text-align: center;
    padding: 3em 0em 3em 0em;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3em;
}

.imagen3n{
    width: 19em;
    height: 19em;
    border-radius: 50%;
}

.apartadoinfobtn{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
    padding: 2em 4em 0em 4em;
}

.divinfobtn{
    position: relative;
    box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.40);
}

.infobtn1{
    width: 100%;
    height: 10em;
    background-image: url('../img/oficinacartoon.png');
    background-position: 0em -14em;
    background-size:cover;
    border: none;
}

.btnflechas{
    border: none;
    background-color: #fff;
}

.infobtn2{
    width: 100%;
    height: 10em;
    background-image: url('../img/oficinaequipo2.png');
    background-position: 0em -16em;
    background-size:cover;
    border: none;
}

.textobtninfohover{
    padding: 1em;
    color: #fff;
    position: absolute;
    background: rgba(0, 0, 0, 0.40);
    top:0;
    width: 100%;
    height: 100%;
    transition: all 500ms ease-out;
    opacity: 0;
    visibility: hidden;
    text-align: center;
}

.divinfobtn button:hover > .textobtninfohover{
    opacity: 1;
    visibility: visible;
}

.divinfobtn .textobtninfohover p{
    margin-top: 9%;
}

.divinfobtn:hover{
    -webkit-transform:scale(1.3);
    transform:scale(1.1);
}

.imgpoliticas{
    width: 100%;
    height: 10em;
    background-image: url('../img/servicio1.jpg');
    background-position: 0em -1em;
    background-size:cover;
}

/* Apartado Contacto*/

.tituloc{
    position: relative;
    display: inline-block;
    width: 100%;
}

.tituloc img{
    display: block;
    width: 100%;
    height: 7em;
    object-fit: cover;
    object-position: 0em 0em;
    filter: brightness(80%);
}

.tituloc::before{
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(75, 75, 75) 100%);
    z-index: 1;
}

.textotitulo-c{
    position: absolute;
    top: 50%;
    right: 0;
    left: 42%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 0.6em;
    color: #fff;
    text-align: left;
}

.tituloc2{
    padding-top: 3em;
}

#honeypot{
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.infoform{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:3em;
    padding: 3em 15em 4em 15em;
}

.buttonconsub{
    width: 100%;
    background-color: rgb(231,76,61,1);
    color: #fff;
}

.error-text {
  color: red;
}

/* Footer */
.footerstrcolor{
    background-color: rgba(0, 0, 0, 0.010);
}

.footerinfo{
    margin-left: 3em;
}

footer{
    border-top: rgba(231,76,61,1) 1px solid;
    color: #6c757d;
    box-shadow: 0em -0.2em 0.3em rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.footer-background{
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../img/logo2.png');
    background-size: cover;
    opacity: 0.1;
    background-position: 0em -3em;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.logofooter{
    padding: 1em 2em 0 2em;
}

.logo{
    width: 10em;
    height: 5em;
}

.textofooter{
    padding: 0em 2em 0 2em;
}

.mapa{
    height: 17em;
    width: 19em;
}

/*  Responsividad web */
@media (max-width: 1440px){
    /* Servicios */
    .collage3 img:nth-child(2) {
        object-position: 0em -6em;
    }

    .collage3 img:nth-child(4) {
        object-position: 0em -5em;
    }

    .video-s{
        width: 33em;
        height: 18em;
    }
}

@media (max-width: 1366px){
    /* Home */
    .bodyhome{
        padding: 35em 0 0;
    }

    .apartado3p1hfondob{
        height: 19em;
    }
    
    /* Servicios */
    .titulo-s img{
        object-position: 0em -39em;
    }

    .textos1p2{
        padding: 2em 4em 2em 6em;
    }

    .collage3 img:nth-child(2) {
        object-position: 0em -4em;
    }

    .collage3 img:nth-child(4) {
        object-position: 0em -3em;
    }

    .collage5 img:nth-child(5) {
        object-position: 0em -1em;
    }

    .video{
        padding: 1em 6em 2em 1em;
    }

    .video-s{
        width: 31em;
        height: 17em;
    }

    /* Politicas*/
    .imagen2n{
        width: 31em;
        height: 20em;
    }

    /* Certificaciones*/
    .imgce{
        width: 37em;
        height: 24em;
    }

    .tituloce img{
        object-position: 0em -4em;
    }

    /* Nosotros */
    .titulon img{
        object-position: 0em -5em;
    }

    .infobtn1{
        background-position: 0em -12em;
    }

    .infobtn2{
        background-position: 0em -14em;
    }

    /* Footer */
    .footer-background{
        background-position: 0em 0em;
    }

}

@media (max-width: 1230px){
   /* Home */
    .bodyhome{
        padding: 33em 0 0;
    }

    .imagen1h{
        width: 27em;
        height: 18em;
    }

    /* Servicios */
    .titulo-s img{
        object-position: 0em -34em;
    }

    .imgservicio2{
        background-position: 0em -8em;
    }

    .imgservicio3{
        background-position: 0em -8em;
    }

    .imgservicio5{
        background-position: 0em -4em;
    }

    .imgservicio6{
        background-position: 0em -7em;
    }

    .fondo-s2{
        background-position: 0em -36em;
    }

    .fondo-s4{
        background-position: 0em -25em;
    }

    .fondo-s5{
        background-position: 0em -23em;
    }

    .fondo-s6{
        background-position: 0em -32em;
    }

    .collage2 img:nth-child(3) {
        object-position: 0em -13em;
    }

    .collage2 img:nth-child(4) {
        object-position: 0em -4em;
    }

    .collage2 img:nth-child(5) {
        object-position: 0em -8em;
    }

    .collage2 img:nth-child(6) {
        object-position: 0em -5em;
    }

    .collage3 img:nth-child(2) {
        object-position: 0em -2em;
    }

    .collage3 img:nth-child(3) {
        object-position: 0em -10em;
    }

    .collage3 img:nth-child(4) {
        object-position: 0em -1em;
    }

    .collage5 img:nth-child(1) {
        object-position: 0em -2em;
    }
    
    .collage5 img:nth-child(2) {
        object-position: 0em -3em;
    }
    
    .collage5 img:nth-child(5) {
        object-position: 0em 0em;
    }

    .collage6 img:nth-child(1) {
        object-position: 0em -5em;
    }
    
    .collage6 img:nth-child(2) {
        object-position: 0em 0em;
    }

    .collage6 img:nth-child(3) {
        object-position: 0em -10em;
    }

    .collage6 img:nth-child(6) {
        object-position: 0em -6em;
    }

    .video{
        padding: 2em 5em 2em 1em;
    }

    .video-s{
        width: 25em;
        height: 15em;
    }

    .textos1p2{
        padding: 2em 4em 2em 5em;
    }

    /* Certificaciones*/
    .imgce{
        width: 33em;
        height: 22em;
    }

    /* Nosotros */
    .infobtn1{
        background-position: 0em -11em;
    }

    .infobtn2{
        background-position: 0em -13em;
    }

    .imagen2n{
        width: 26em;
        height: 18em;
    }

    /* Equipo */
    .apartado3p1n{
        gap: 1em;
    }
    
    .imagen3n{
        width: 17em;
        height: 17em;
    }

    /* Footer */
    .textofooter{
        padding: 0em 1em 0em 1em;
    }

    .logofooter{
        padding: 1em 2em 0 1em;
    }
    
    .logo{
        width: 9em;
        height: 5em;
    }

    .mapa{
        height: 16em;
        width: 17em;
    }

}

@media (max-width: 1119px){
    /* Home */
    .bodyhome{
        padding: 30em 0 0;
    }

    body#imagenfondo{
        background-position: 0em 0em;
    }

    .imagen1h{
        width: 23em;
        height: 17em;
    }

    .apartado1p1h{
        padding: 2em 1em 5em 7em;
    }

    .apartado1p2h{
        padding: 3em 7em 5em 0em;
    }

    .apartado2h{
        padding: 5em 9em 5em 9em;
    }
    
    /* Servicios */
    .titulo-s img{
        object-position: 0em -31em;
    }

    .imgservicio{
        background-position: 0em -2em;
    }

    .imgservicio2{
        background-position: 0em -7em;
    }

    .imgservicio3{
        background-position: 0em -7em;
    }

    .imgservicio4{
        background-position: 0em -3em;
    }

    .imgservicio5{
        background-position: 0em -3em;
    }

    .imgservicio6{
        background-position: 0em -6em;
    }

    .tituloclientes{
        padding-top: 1em;
    }

    .collage img:nth-child(1) {
        object-position: 0em 0em;
    }

    .collage img:nth-child(3) {
        object-position: 0em 0em;
    }

    .collage2 img:nth-child(1) {
        object-position: 0em -6em;
    }

    .collage2 img:nth-child(3) {
        object-position: 0em -12em;
    }

    .collage2 img:nth-child(4) {
        object-position: 0em -2em;
    }
    
    .collage2 img:nth-child(5) {
        object-position: 0em -7em;
    }
    
    .collage2 img:nth-child(6) {
        object-position: 0em -4em;
    }
    
    .collage3 img:nth-child(2) {
        object-position: 0em 0em;
    }

    .collage3 img:nth-child(4) {
        object-position: 0em 0em;
    }

    .collage5 img:nth-child(1) {
        object-position: 0em 0em;
    }
    
    .collage5 img:nth-child(2) {
        object-position: 0em 0em;
    }

    .fondo-s5{
        background-position: 0em -22em;
    }

    .collage6 img:nth-child(6) {
        object-position: 0em -3em;
    }

    .collage6 img:nth-child(5) {
        object-position: 0em -5em;
    }
    
    .collage6 img:nth-child(7) {
        object-position: 0em -3em;
    }

    .fondo-s2{
        background-position: 0em -35em;
    }

    .fondo-s3{
        background-position: 0em -37em;
    }

    .fondo-s4{
        background-position: 0em -23em;
    }

    .fondo-s6{
        background-position: 0em -30em;
    }

    .apartado2s1{
        flex-direction: column;
    }

    .textos1p2{
        padding: 2em 6em 2em 6em;
    }

    .video-s{
        width: 35em;
        height: 20em;
    }

    .video{
        padding: 0em 0em 2em 0em;
    }

    .videop2{
        padding: 0em 0em 2em 0em
    }

    /* Certificaciones */
    .imgce{
        width: 29em;
        height: 20em;
    }

    /* Nosotros */
    .titulon img{
        object-position: 0em -4em;
    }

    .infobtn1{
        background-position: 0em -9em;
    }

    .infobtn2{
        background-position: 0em -10em;
    }

    .imagen2n{
        width: 24em;
        height: 16em;
    }

    .apartado2p1n{
        padding: 0em 5em 2em 5em;
    }
    
    .apartado2p2n{
        padding: 4em 5em 2em 1em;
    }

    /* Equipo */
    .apartado3p1n{
        grid-template-columns: repeat(2, 1fr);
        padding: 3em 6em 3em 6em;
    }

    .divequipo{
        padding-bottom: 1em;
    }

    .imagen3n{
        width: 19em;
        height: 19em;
    }

    /* Footer */    
    .footer-background{
        background-position: -7em -3em;
    }

    .myfooter{
        margin-left: 1em;
    }

}

@media (max-width: 1073px){
    /* Home */
    .apartado2h{
        padding: 5em 7em 5em 7em;
    }

    .apartado3p1hfondob{
        height: 21em;
    }

    /* Servicios */
    .imgservicio5{
        background-position: 0em -2em;
    }

    .imgservicio6{
        background-position: 0em -4em;
    }

    .fondo-s4{
        background-position: 0em -20em;
    }

    .fondo-s5{
        background-position: 0em -18em;
    }

    .collage2 img:nth-child(3) {
        object-position: 0em -10em;
    }

    .collage3 img:nth-child(1) {
        object-position: 0em -5em;
    }
    
    .collage3 img:nth-child(3) {
        object-position: 0em -8em;
    }

    .collage3 img:nth-child(5) {
        object-position: 0em -2em;
    }

    .collage4 img:nth-child(2) {
        object-position: 0em -2em;
    }

    .collage4 img:nth-child(5) {
        object-position: 0em 0em;
    }

    .collage6 img:nth-child(1) {
        object-position: 0em -3em;
    }
    
    .collage6 img:nth-child(3) {
        object-position: 0em -6em;
    }

    /* Certificaciones */
    .imgce{
        width: 27em;
        height: 19em;
    }

    /* Politicas */
    .apartado2n{
        display: grid;
    }

    .apartado2p2n{
        padding: 2em 0em 2em 0em;
        text-align: center;
    }

    .imagen2n{
        width: 34em;
        height: 22em;
    }

     /* Contacto */
    .infoform{
        grid-template-columns: repeat(1, 1fr);
        padding: 3em 10em 4em 10em;
    }

    .infocont{
        text-align: center;
    }

    /* Footer */
    .mapa{
        height: 14em;
        width: 15em;
    }

    .myfooter{
        margin-left: 2em;
    }
}

@media (max-width: 992px){ 
    .header{
        justify-content: space-between;
    }

    .navbar-nav{
        width: 25em;
        height: 20em;
        position: absolute;
        margin-top: 0.1em;
        right: -25em;
        top: 100%;
        background-color: #ffffff;
        padding: 3em;
        border-bottom: 0.13em rgb(231,76,61,1) solid;
        box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.2);
        box-shadow: -0.2em 0.2em 0.2em rgba(0, 0, 0, 0.2);
        transition: all 0.5s ease;
    }

    .navbar-nav.mostrar{
        right: 0;
    }

    #logo{
        margin: 0.4em 2em 0.3em 4em;
    }

    /* Home */
    
    .bodyhome{
        padding: 29em 0 0;
    }

    .imagen1h{
        width: 28em;
        height: 19em;
    }

    .apartado3p1hfondob{
        height: 23em;
    }

    .apartado1h{
        display: grid;
        gap: 1em;
    }

    .apartado1p1h{
        padding: 2em 1em 2em 1em;
        text-align: center;
    }

    .apartado1p2h{
        padding: 2em 5em 5em 5em;
    }

    .apartado2h{
        padding: 5em 4em 5em 4em;
    }

    /* Servicios */
    .titulo-s img{
        object-position: 0em -27em;
    }

    .imgservicio4{
        background-position: 0em -1em;
    }

    .fondo-s2{
        background-position: 0em -33em;
    }

    .fondo-s3{
        background-position: 0em -33em;
    }

    .fondo-s6{
        background-position: 0em -22em;
    }

    .collage img:nth-child(5) {
        object-position: 0em -2em;
    }

    .collage2 img:nth-child(3) {
        object-position: 0em -9em;
    }

    .collage2 img:nth-child(5) {
        object-position: 0em -5em;
    }

    .collage3 img:nth-child(1) {
        object-position: 0em -3em;
    }

    .collage3 img:nth-child(3) {
        object-position: 0em -6em;
    }

    /* Certificaciones */
    .imgce{
        width: 25em;
        height: 18em;
    }

    /* Nosotros */
    .titulon img{
        object-position: 0em -2em;
    }

    /* Footer */
    .logofooter{
        padding: 1em 0em 0em 0em;
    }

    .myfooter{
        margin-left: 1em;
    }

}

@media (max-width: 879px){    
    /* Home */
    .bodyhome{
        padding: 27em 0 0;
    }

    .apartado2h{
        grid-template-columns: repeat(2, 1fr);
    }

    .apartado3h{
        grid-template-columns: repeat(1, 1fr);
        margin-top: 18em;
    }

    .apartado3p1hfondob{
        height: 17em;
    }

    body#imagenfondo{
        background-position: -10em 0em;
    }

    /* Servicios */
    .apartadoservicios{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .textoprincipals{
        padding: 2em 4em 0em 4em;
        text-align: center;
    }

    .imgservicio6{
        background-position: 0em -6em;
    }

    .titulo-s img{
        object-position: 0em -20em;
    }

    .apartadoclientes{
        grid-template-columns: repeat(3, 1fr);
        gap: 1em;
    }

    .fondo-s2{
        background-position: 0em -28em;
    }

    .fondo-s3{
        background-position: 0em -23em;
    }

    .fondo-s4{
        background-position: 0em -12em;
    }

    .fondo-s5{
        background-position: 0em -15em;
    }

    .fondo-s6{
        background-position: 0em -20em;
    }

    .collage2 img:nth-child(1) {
        object-position: 0em -4em;
    }

    .collage2 img:nth-child(3) {
        object-position: 0em -6em;
    }

    .collage2 img:nth-child(4) {
        object-position: 0em 0em;
    }
    
    .collage2 img:nth-child(5) {
        object-position: 0em 0em;
    }

    .collage2 img:nth-child(6) {
        object-position: 0em 0em;
    }

    .collage3 img:nth-child(1) {
        object-position: 0em -1em;
    }

    .collage3 img:nth-child(3) {
        object-position: 0em -2em;
    }

    .collage4 img:nth-child(2) {
        object-position: 0em 0em;
    }

    .collage6 img:nth-child(6) {
        object-position: 0em 0em;
    }
    
    .collage6 img:nth-child(7) {
        object-position: 0em 0em;
    }

    .collage6 img:nth-child(4) {
        object-position: 0em 0em;
    }

    /* Certificaciones */
    .imgsce{
        grid-template-columns: repeat(1, 1fr);
    }

    .imgce{
        width: 41em;
        height: 28em;
    }

    /* Nosotros*/
    .titulon img{
        object-position: 0em -1em;
    }

    .infobtn1{
        background-position: 0em -7em;
    }

    .infobtn2{
        background-position: 0em -7em;
    }

    /* Footer */
    .divmapa{
        position: relative;
        margin-right: 3em;
        right: 1em;
    }

    .mapa{
        height: 6em;
        width: 6em;
    }

    section .container{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: none;
    }

}

@media (max-width: 768px){    
    body#imagenfondo{
        background-position: 0em 3em;
        background-size:contain;
        background-repeat: no-repeat;
    }
    
    .row{
        max-width: 100%;
        margin: 0;
    }

    .bodyhome{
        padding: 25em 0 0;
    }

    .header{
        max-width: 100%;
    }

    .divnavbartoggler{
        padding-right: 3em;
    }

    .navbar-nav{
        width: 23em;
        right: -23em;
    }
    
    .container-fluid{
        padding: 0;
    }

    #logo{
        margin: 0.4em 2em 0.3em 3em;
    }
    
    section .container{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: none;
    }

    .apartado1p1h{
        padding: 2em 0em 2em 0em;
    }

    /* Servicios */ 
    .titulo-s img{
        object-position: 0em -18em;
    }

    .fondo-s1{
        background-position: 0em -10em;
    }

    .fondo-s2{
        background-position: 0em -23em;
    }

    .fondo-s5{
        background-position: 0em -11em;
    }

    .collage img:nth-child(6) {
        object-position: 0em -1em;
    }

    /* Equipo */
    .apartado3p1n{
        padding: 3em 0em 3em 0em;
    }

    .footer-background{
        background-position: -57em 0em;
    }
}

@media (max-width: 767px){
    .footer-background{
        background-position: -80em 0em;
    }

    .mapa{
        height: 17em;
        width: 19em;
    }

    .divmapa{
        position: relative;
        margin-right: 0;
        right: 0;
    }
}

@media (max-width: 721px){
    /* Home */
    .apartado3p1hfondob{
        height: 19em;
    }

    .apartado1p2h{
        padding: 2em 4em 5em 4em;
    }

    /* Servicios */
    .apartadoservicios{
        grid-template-columns: repeat(1, 1fr);
    }

    .imgservicio{
        background-position: 0em -5em;
    }

    .imgservicio2{
        background-position: 0em -18em;
    }

    .imgservicio3{
        background-position: 0em -16em;
    }

    .imgservicio4{
        background-position: 0em -6em;
    }

    .imgservicio5{
        background-position: 0em -6em;
    }

    .imgservicio6{
        background-position: 0em -15em;
    }

    .fondo-s1{
        background-position: 0em -8em;
    }

    .apartado1s1{
        display: grid;
        text-align: center;
        grid-template-columns: repeat(1, 1fr);
    }

    .logos1{
        padding: 0em 0em 0em 0em;
        text-align: center;
    }
    
    .textos1p1{
        padding: 0em 2em 3em 2em;
    }

    .textos1p2{
        padding: 2em 4em 2em 4em;
    }

    .textse{
        left: 0em;
    }

    .collage img:nth-child(6) {
        object-position: 0em -2em;
    }

    .video-s{
        width: 32em;
        height: 18em;
    }

    /* Certificaciones */
    .imgce{
        width: 39em;
        height: 27em;
    } 

    /* Nosotros */
    .apartadoinfobtn{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .bi-caret-down-fill{
        display: none;
    }

    .infobtn1{
        background-position: 0em -13em;
    }

    .infobtn2{
        background-position: 0em -14em;
    }
}

@media (max-width: 426px){  
    .navbar-nav{
        width: 15em;
        right: -15em;
    }

    .divnavbartoggler{
        padding-right: 1em;
    }

    #logo{
        margin: 0.4em 2em 0.3em 1em;
    }

    /* Home */
    .imagen1h{
        width: 20em;
        height: 16em;
    }

    .apartado1p1h{
        padding: 1em 0em 1em 0em;
    }

    .apartado1p2h{
        padding: 2em 3em 5em 3em;
    }

    body#imagenfondo{
        background-position: 0em 5em;
    }
    
    .bodyhome{
        padding: 19em 0em 0;
    }

    .apartado2h{
        grid-template-columns: repeat(1, 1fr);
        padding: 2em 4em 5em 4em;
    }

    .apartado3h{
        grid-template-columns: repeat(1, 1fr);
        margin-top: 57em;
    }

    .apartado3p1hfondob{
        height: 24em;
    }

    .textoprincipals{
        padding: 2em 4em 0em 4em;
        text-align: justify;
    }

    /* Servicios */

    .titulo-s img{
        object-position: 0em -9em;
    }

    .apartadoservicios{
        padding: 2em 3em 1em 3em;
    }

    .imgservicio{
        background-position: 0em -2em;
    }

    .imgservicio2{
        background-position: 0em -9em;
    }

    .imgservicio3{
        background-position: 0em -8em;
    }

    .imgservicio4{
        background-position: 0em -4em;
    }

    .imgservicio5{
        background-position: 0em -3em;
    }

    .imgservicio6{
        background-position: 0em -7em;
    }

    .apartadoclientes{
        grid-template-columns: repeat(2, 1fr);
        gap: 1em;
    }

    .fondo-s1{
        background-position: 0em -3em;
        height: 17em;
    }

    .fondo-s2{
        background-position: 0em -11em;
        height: 17em;
    }

    .fondo-s3{
        background-position: 0em -8em;
        height: 17em;
    }

    .fondo-s4{
        background-position: 0em 0em;
        height: 17em;
    }

    .fondo-s5{
        background-position: 0em 0em;
        height: 17em;
    }

    .fondo-s6{
        background-position: 0em -41em;
        height: 17em;
    }

    .apartado1s1{
        padding: 2em 2em 1em 2em;
    }

    .collage {
        grid-template-columns: repeat(1, 1fr);
        padding: 0em 4em 4em 4em;
    }

    .collage2 {
        grid-template-columns: repeat(1, 1fr);
        padding: 0em 4em 4em 4em;
    }

    .collage3 {
        grid-template-columns: repeat(1, 1fr);
        padding: 0em 4em 4em 4em;
    }

    .collage4 {
        grid-template-columns: repeat(1, 1fr);
        padding: 0em 4em 4em 4em;
    }

    .collage5 {
        grid-template-columns: repeat(1, 1fr);
        padding: 0em 4em 4em 4em;
    }

    .collage6 {
        grid-template-columns: repeat(1, 1fr);
        padding: 0em 4em 4em 4em;
    }

    .collage2 img:nth-child(1) {
        grid-column-start: span 1;
    }
    
    .collage2 img:nth-child(3) {
        grid-column-start: span 1;
    }

    .collage2 img:nth-child(4) {
        object-position: 0em -5em;
    }
    
    .collage2 img:nth-child(5) {
        grid-column-start: span 1;
        object-position: 0em -3em;
    }

    .collage2 img:nth-child(6) {
        object-position: 0em -8em;
    }

    .collage3 img:nth-child(1) {
        object-position: 0em -7em;
    }

    .collage3 img:nth-child(3) {
        object-position: 0em -5em;
    }

    .collage3 img:nth-child(5) {
        object-position: 0em -5em;
    }
    
    .collage4 img:nth-child(2) {
        grid-column-start: span 1;
    }
    
    .collage4 img:nth-child(5) {
        grid-column-start: span 1;
    }
    
    .collage4 img:nth-child(7) {
        grid-column-start: span 1;
    }
    
    .collage5 img:nth-child(2) {
        object-position: 0em -6em;
    }
    
    .collage5 img:nth-child(5) {
        object-position: 0em -4em;
    }

    .collage6 img:nth-child(1) {
        grid-column-start: span 1;
    }

    .collage6 img:nth-child(2) {
        object-position: 0em -2em;
    }
    
    .collage6 img:nth-child(3) {
        grid-column-start: span 1;
    }
    
    .collage6 img:nth-child(4) {
        object-position: 0em -4em;
    }

    .collage6 img:nth-child(5) {
        grid-column-start: span 1;
        object-position: 0em -3em;
    }

    .collage6 img:nth-child(6) {
        object-position: 0em -12em;
    }
    
    .collage6 img:nth-child(7) {
        object-position: 0em -4em;
    }

    .apartado2s1{
        padding: 1em 2em 2em 2em;
    }

    .textos1p2{
        padding: 2em 2em 2em 2em;
    }

    .video-s{
        width: 25em;
        height: 16em;
    }

    /* Certificaciones */
    .imgce{
        width: 23em;
        height: 15em;
    } 

    .textocer{
        padding: 1em 3em 3em 3em;
    }

    .imgsce{
        padding: 0em 1em 3em 1em;
    }

    .tituloce img{
        object-position: 0em 0em;
    }

    /* Nosotros */
    .apartado1p1n{
        padding: 0em 3em 2em 3em;
    }

    .nuestrahistoria{
        padding-top: 2em;
    }

    .apartado1n{
        padding-bottom: 2em;
    }

    .infobtn1{
        background-position: 0em -6em;
    }

    .infobtn2{
        background-position: 0em -5em;
    }

    .apartadoinfobtn{
        padding: 2em 3em 0em 3em;
    }

    .apartado2n{
        padding: 1em 1em 2em 1em;
    }

    .imagen2n{
        width: 23em;
        height: 15em;
    }

    .apartado2p1n{
        padding: 0em 3em 2em 3em;
        text-align: justify;
    }

    .apartado3p1n{
        grid-template-columns: repeat(1, 1fr);
        padding: 3em 0em 3em 0em;
    }

    /* Contacto*/
    .infoform{
        padding: 3em 3em 4em 3em;
    }
}

@media (max-width: 390px){
    /* Home */
    .textoa3p1h{
        padding: 0.5em 1em 0em 1em;
    }

    .apartado2h{
        padding: 1em 3em 5em 3em;
    }

    .apartado3h{
        margin-top: 58em;
    }

    .apartado3p1titulo{
        padding: 0 2em 0 2em;
    }

    /* Servicios */
    .titulo-s img{
        object-position: 0em -7em;
    }

    .imgservicio2{
        background-position: 0em -7em;
    }

    .imgservicio3{
        background-position: 0em -6em;
    }

    .imgservicio4{
        background-position: 0em -2em;
    }

    .imgservicio6{
        background-position: 0em -6em;
    }

    .tituloclientes{
        padding: 2em 2em 2em 2em; 
    }

    .titulop2s1{
        padding: 3em 2em 0 2em;
    }

    .tituloss{
        padding-bottom: 1em;
    }

    /* Certificaciones */
    .imgce{
        width: 21em;
        height: 14em;
    } 
    
    .imagen2n{
        width: 21em;
        height: 14em;
    }

    /* Nosotros*/
    .titulon2p2{
        padding: 3em 2em 0 2em;
    }

    /* Contacto */
    .tituloc2{
        padding: 3em 2em 0 2em;
    }

    .sacv{
        padding: 0 2em 0 2em;
    }
}

@media (max-width: 376px){ 
    /* Servicios */
    .fondo-s2{
        background-position: 0em -9em;
    }

    .collage2 img:nth-child(6) {
        object-position: 0em -6em;
    }

    .fondo-s6{
        background-position: 0em -39em;
    }
   
}

@media (max-width: 321px){ 
    /*Home*/
    .bodyhome{
        padding: 16em 0em 0;
    }

    .imagen1h{
        width: 18em;
        height: 14em;
    }

    .apartado2h{
        padding: 1em 2em 5em 2em;
    }

    .apartado3h{
        margin-top: 61em;
    }

    .apartado3p1hfondob{
        height: 26em;
    }

    /* Servicios */
    .titulo-s img{
        object-position: 0em -5em;
    }

    .textoprincipals{
        padding: 2em 3em 0em 3em;
    }

    .apartadoservicios{
        padding: 2em 2em 1em 2em;
    }

    .imgservicio{
        background-position: 0em 0em;
    }

    .imgservicio2{
        background-position: 0em -4em;
    }

    .imgservicio3{
        background-position: 0em -3em;
    }

    .imgservicio4{
        background-position: 0em 0em;
    }

    .imgservicio5{
        background-position: 0em 0em;
    }

    .imgservicio6{
        background-position: 0em -4em;
    }

    .apartadoclientes{
        grid-template-columns: repeat(1, 1fr);
    }

    .fondo-s1{
        height: 15em;
    }

    .fondo-s2{
        height: 15em;
        background-position: 0em -7em;
    }

    .fondo-s3{
        height: 15em;
    }

    .fondo-s4{
        height: 15em;
    }

    .fondo-s5{
        height: 15em;
    }

    .fondo-s6{
        height: 15em;
        background-position: 0em -33em;
    }

    .bolita{
        width: 6em;
        height: 6em;
    }

    .imagens1p1{
        padding: 24%;
    }

    .textos1p1{
        padding: 0em 1em 3em 1em;
    }

    .textos1p2{
        padding: 2em 1em 2em 1em;
    }

    .collage {
        padding: 0em 3em 4em 3em;
    }

    .collage2 {
        padding: 0em 3em 4em 3em;
    }

    .collage3 {
        padding: 0em 3em 4em 3em;
    }

    .collage4 {
        padding: 0em 3em 4em 3em;
    }

    .collage5 {
        padding: 0em 3em 4em 3em;
    }

    .collage6 {
        padding: 0em 3em 4em 3em;
    }

    .collage2 img:nth-child(1) {
        object-position: 0em -3em;
    }

    .collage2 img:nth-child(3) {
        object-position: 0em -4em;
    }

    .collage2 img:nth-child(4) {
        object-position: 0em -4em;
    }

    .collage2 img:nth-child(5) {
        object-position: 0em -1em;
    }

    .collage6 img:nth-child(2) {
        object-position: 0em 0em;
    }

    .collage6 img:nth-child(3) {
        object-position: 0em -4em;
    }
    
    .collage6 img:nth-child(6) {
        object-position: 0em -8em;
    }

    .imgce{
        width: 18em;
        height: 12em;
    } 

    .video-s{
        width: 24em;
        height: 14em;
    }

     /* Nosotros */
    .apartado1p1n{
        padding: 0em 3em 1em 3em;
    }

    .infobtn1{
        background-position: 0em -3em;
    }

    .infobtn2{
        background-position: 0em -3em;
    }

    .apartadoinfobtn{
        padding: 2em 2em 0em 2em;
        gap: 1em;
    }

    .imagen2n{
        width: 17em;
        height: 14em;
    }

    .imagen3n{
        width: 18em;
        height: 18em;
    }

    .infoform{
        padding: 3em 1em 4em 1em;
    }

    .mapa{
        height: 15em;
        width: 16em;
    }
}