*{
font-family: 'Questrial', sans-serif;

}


}
body {
  opacity: 1;
  transition-duration: 0.7s;
  transition-property: opacity;
}

body.fade {
    opacity: 0;
  }
.navMobile{

	display: none;
}

.menu-index{

display: flex;
justify-content: space-evenly;
height: 50px;
align-items: flex-end;
font-size: 25px;
padding:20px 10px;
background-color: transparent;
color: white;

}	
nav div  a{

	display: flex;
	text-decoration: none;
	color: white;

	
}
nav div  a:Hover{

	display: flex;
	text-decoration: none;
	color: black;
	
	

}

.detalle-agencia ul {
  padding-left: 2rem;
  list-style-type: none;

}

.detalle-agencia ul li{
padding-left: 3.5em;
  margin-bottom: 0.5em;
    background-image: url(imagenes/check2.svg);
background-repeat: no-repeat;


  height: .5em;
margin-bottom: 5px;
}



.nav-form{

display: flex;
justify-content: space-evenly;
height: 50px;
align-items: flex-end;
font-size: 25px;
padding:20px 10px;
background-color: transparent;
color: white;
}

.nav-blog{

display: flex;
justify-content: space-evenly;
height: 50px;
align-items: flex-end;
font-size: 25px;
padding:20px 10px;
background-color: #3D486B;
color: white;
}


nav div .logo-gima{


}

main{

padding: 15px 50px;
font-size: 18px;
}

.blogTitle{
width: 100%;
text-align: center;
font-size: 24px;
    margin-top: 80px;

text-align: center;
    }

.grid1{

    display: grid;
    grid-template-columns: 2fr 2fr;
align-items: center;
padding: 0px 50px;
font-size: 24px;


}

.grid1-div{

padding: 0px 50px;

}

nav div{
display: contents;


}


 .navBlog{

display: flex;
justify-content: space-evenly;
height: 50px;
align-items: flex-end;
font-size: 25px;
padding:20px 10px;
background-color: grey;
color: black;

}	
 .navBlog div  a{

	display: flex;
	text-decoration: none;


	
}
.navBlog div  a:Hover{

	display: flex;
	text-decoration: none;
	color: black;
	

}

 .navBlog div .logo-gima{


}

 .navBlog div{
display: contents;


}
.header-index{

background-image: url('imagenes/home4.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 800px;
max-width: 2500px;


}
hr{

	max-width: 100px;
	border-top: 5px solid  #3aacac;
}

.logo{

display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;


}

.logo-centrado{

	padding-top: 100px;
	font-size: 60px;
	color: white;

	padding-left: 160px;
}

.logo-boton{

	font-size: 70px;
	color: white;
	width:100%;
	padding-left: 160px;
}

div .boton-header{

	font-size: 45px;
	color: white;
	max-width: 600px;
	background-color: transparent;
    border: 5px solid white;
    padding: 10px 55px;
    text-decoration: none;
}

div .boton-header:hover{

	font-size: 45px;
	color: white;
	max-width: 600px;
	background-color: #3aacac;
    border: 5px solid white;
    padding: 10px 55px;
    text-decoration: none;


}


.navegacion ul{
  list-style-type: none;

}
.servicios ul{
  list-style-type: none;
text-align: left;
}
.contactanos ul{
  list-style-type: none;

text-align: left;

}

.por-que{

  font-size: 18px;
}

.titulo-agencia{

padding-top: 50px;
display: flex;
justify-content: space-evenly;

}


 .detalle-agencia{

padding-top: 50px;
display: flex;
justify-content: space-evenly;
padding:10px 100px;
flex-direction: column;
}

 .botones-agencia{

padding-top: 50px;
display: flex;
justify-content: space-evenly;
padding:10px 200px;


}

.botones-agencia-internos{

	font-size: 15px;
	color: black;
	max-width: 600px;
	background-color: transparent;
    border: 5px solid black;
    padding: 10px 25px;
    text-decoration: none;
}

.botones-agencia-internos:hover{

	font-size: 15px;
	color: white;
	max-width: 600px;
	background-color: 	 #2a547f;
;
    border: 5px solid black;
    padding: 10px 25px;
    text-decoration: none;




}

.frase-media{

	margin-top: 60px;
background-image: url('imagenes/enmedio.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 500px;

}

.frase-media{

	color: whitesmoke;
	font-size: 50px;
	display: flex;
	justify-content: space-evenly;
}

.frase-media h2{

	text-align: center;
	padding-top: 150px;
}


.por-que-elegirnos-titulo{

padding-top: 50px;
display: flex;
justify-content: space-evenly;

}

ul li{
padding: 15px 5px;

}


.ofrecemos-papel-tapiz{

	margin-top: 60px;
padding-top: 60px;
background-image: url('imagenes/ofrecemos.jpg');

background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 500px;

display: flex;
color: white;
justify-content: space-around;

font-size: 20px;
}

.ofrecemos-parte1{
  width: 50%;
padding-left: 100px;

}

.ofrecemos-parte2{
padding-left: 100px;

}

  .boton-parte1{

     text-align: center;
	font-size: 15px;
	color: white;
	max-width: 200px;
	background-color: transparent;
    border: 5px solid white;
    padding: 10px 20px;
    text-decoration: none;

}

.boton-parte1:hover{

    
	font-size: 15px;
	color: white;
	max-width: 200px;
	background-color:BLUE;
    border: 5px solid white;
      padding: 10px 20px;
    text-decoration: none;


}

.boton-ofrecemos{

margin-top: 100px;

}


.section-cubrimos{
background-image: url(imagenes/cdmx.png);
background-repeat: no-repeat;

background-size: cover;
background-position: center;
color: white;

}

.titulo-cubrimos{

display: flex;
justify-content: space-around;
font-size: 35px;

}

.cubrimos{

display: flex;
justify-content: space-around;
font-size: 25px;


}


.cubrimos-opciones{



}

.cubrimos-texto{

padding: 100px 230px;

}

footer{

	height: 600px;
	background-color: #343E3D;

	color: white;
}

.menu-footer{

padding-top: 100px;
display: grid;

      grid-template-columns: 3fr 3fr 3fr;
    grid-row-gap: 5px;
    text-align: center;
}

.copy{
padding-left: 150px;
}


.testimonios{

padding: 0px 150px;

text-align: center;
}

.estrellas{

	display:inline-flex;

}

.testimonios-dentro{

	padding-top: 40px;
}

 .botones-agencia2{


display: flex;
justify-content: space-evenly;
padding:10px 200px 60px 200px;


}

.go-top-container {
    position: fixed;
    bottom: 4rem;
    right: 4rem;
    width: 2.6rem;
    height: 2.6rem;
    z-index: -1;
}
 
.go-top-button {
    width: 0rem;
    height: 0rem;
    background:#3aacac;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.2s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
 
.go-top-button i {
    position: absolute;
    font-size: 1.7rem;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    color: #fff;
    transition: 0.2s;
}
 
.show {
    z-index: 10;
}
 
.show .go-top-button {
    animation: popup 0.3s ease-in-out;
    width: 3.6rem;
    height: 3.6rem;
    z-index: 11;
}
 
.show i {
    transform: translate(-50%, -50%) scale(1);
}
 
@keyframes popup {
    0% {
        width: 0;
        height: 0;
    }
    50% {
        width: 4rem;
        height: 4rem;
    }
    100% {
        width: 3.6rem;
        height: 3.6rem;
    }
}


/*estilos correo*/

.form-correo{

}

.form-group{

display: grid;

}

input{

height: 50px;

width:  50%;
background-color:#F4F9F9;

}

label{
text-align: left;
padding-bottom: 15px;
padding-top: 15px;

}

.list-contact{

  width: max-content;
}

.formularioCaja{

display: flex;
width: 100%;

}

.testimonios{

padding: 0px;

}

.imagen-mundo{

 background-image: url('imagenes/porque.jpg');

background-position: center;
background-repeat: no-repeat;
background-size: cover;

width: 70%;

margin-bottom: 50px;
margin-top: 10px;

margin-right: 100px;
margin-left: 250px;

text-align: center;
color: white;
font-size: 50px;

display: flex;
align-items: center;

}


.imagen-mundo label{


padding-top: 15px;
margin-left: 15px;

}

.titulo{

text-align: center;

}

textarea{
height: 50px;

width:  50%;
background-color:#F4F9F9;
margin-top: 100px;
border: 2.3px black solid;
}

.boton-enviar{

	margin: 50px 50px;
	border-radius: 5px;
	background-color: rgb(0,191,255);
width: 150px;
height: 50px;
	color: white;
border: 3px black solid;
}
.boton-enviar:hover{

cursor: pointer;
	background-color: rgb(0,191,255);

border: 5px black solid;
}
.botonAceptar{

text-align: left;


}
.form-correo{
width: 100%;

}

.header-formulario{

background-image: url('imagenes/mundogris.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 500px;
max-width: 2500px;


}

.top-nav{

	display: none;
}








#img1-1{

  display: none;
}


#img4-1{

  display: none;
}


.img-todos{
width: 50%;

}

.todos-wall{
background-image: url('imagenes/todos.jpg');
background-size: cover;
background-position: bottom;
back
width: 100%;
height: 500px;
}


.img-todos{

display: none;
}


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

  .img-todos{

    width: 100%;
    display: none;
  }

    .blog-section{
  margin-bottom: 80px;

    }
  #img4-1{

    display: block;
  }
  #img1-1{

    display: block;
  }

  #img2{

  display: none;

  }

  #img4{

    display: none;
  }

  .blog-p{
  font-size: 16px;

  }
  .grid1-div{

    padding: 0px;
    font-size: 16px;
  }

  .navegacion{

  display: none;

  }
  .grid1{

    display: flex;
  flex-direction: column;
  }
  .cubrimos ul{


  list-style-type: none;

  }
  .por-que{

    font-size: 14px;
  }

  .copy{

  padding-left: 0px;
    text-align: center;
  }

  footer{
  height: 350px;

  }
  .menu-footer{

  padding-top: 25px;



  }
  .detalle-agencia-parrafo{

    padding: 10px 20px;
  }
    .ofrecemos-papel-tapiz{

      height: 300px;

      margin-top: 10px;
    }

    .botones-agencia-internos{

      padding: 10px 10px;
    }
  .menu-index{

  display: none;

  }	
  .form-group{

  justify-items: center;

  }

  .imagen-mundo{

    display: none;
  }

  .logo-centrado{

      padding-top: 150px;
      font-size: 30px;
      color: white;
  text-align: center;
      padding-left: 10px;

  }


  .logo{

    display: block;
    padding-top: 50px;
  }

  .logo-boton{
    display: none;
  }
  .botonAceptar{

  display: flex;
  justify-content:space-around;


  }

  main{

    font-size: 14px;


  }
  .cubrimos{

  flex-direction: column;
      align-items: center;
  font-size: 20px;
  text-align: center;

  }
  .por-que-elegirnos-titulo{
  padding-top: 15px;
  }

  .frase-media{

    margin-top: 15px;
  font-size: 20px;
  height: 300px;


  }
  .ofrecemos-parte2{

  display: none;

  }
  .cubrimos-texto{

    padding: 0px;
  }
  .botones-agencia{

    padding: 0px;
  }
  .detalle-agencia {

  padding: 0px;
  }
  .botones-agencia2{


    padding: 0px;
    padding-bottom: 20px;
  }
  .titulo-cubrimos{

    font-size: 12px;
  }

  .cubrimos-texto{

    text-align: center;
  }
  textarea{

  width: 80%;

  }

  input{

    width: 80%;
  }

  .contactanos{

    display: flex;
  
    flex-direction: column
  }

  .servicios{

    display: none;
  }


  .header-index{

  height: 400px;


  }

  .nav-form{

    display: none;
  }

  .nav-blog{

    display: none;
  }
  nav-index{


  }
  nav{

    background-color:whitesmoke;
    padding: 0px;
    padding-top: 10px;
  }
  .navMobile{

    display: flex;
    padding: 0px;
  }

  nav div{
  display: block;

  }

  .header-formulario{
  height: 400px;

  }

  .container {
    max-width: 1050px;
    width: 90%;
    margin: auto;
  }

  .navbar {
    width: 100%;

    position: fixed;
  z-index: 2;

  }

  .nav-container {

    justify-content: space-between;
    align-items: center;
    background-color: whitesmoke;
    width: 100%;
      display: flex;
    position: relative;
    height: 60px;

  }
  .titulo-agencia {
  padding-top: 0px;
  }
  .ofrecemos-parte1{
    display: none;
  }
  .navbar .menu-items {
    display: flex;
  }

  .navbar .nav-container li {
    list-style: none;
  }

  .navbar .nav-container a {
    text-decoration: none;
    color: #0e2431;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 0.7rem;
  }

  .navbar .nav-container a:hover{
      font-weight: bolder;
  }



  .nav-container .checkbox {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    top: 20px;
    left: 20px;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
  }

  .nav-container .hamburger-lines {
    display: block;
    height: 26px;
    width: 32px;
    position: absolute;
    top: 17px;
    left: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .nav-container .hamburger-lines .line {
    display: block;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    background: #0e2431;
  }

  .nav-container .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.4s ease-in-out;
  }

  .nav-container .hamburger-lines .line2 {
    transition: transform 0.2s ease-in-out;
  }

  .nav-container .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.4s ease-in-out;
  }

  .navbar .menu-items {
    padding-top: 420px;
    width: 100%;
    transform: translate(-150%);
    display: flex;
    flex-direction: column;
    margin-left: -40px;
    padding-left: 50px;
    transition: transform 0.5s ease-in-out;
    text-align: center;
    background-color: whitesmoke;
  }

  .navbar .menu-items li {
    margin-bottom: 1.2rem;
    font-size: 1.5rem;
    font-weight: 500;
  }

  .logo2 {
    position: absolute;
  
    right: 15px;
    font-size: 1.2rem;
    color: #0e2431;
  }

  .nav-container input[type="checkbox"]:checked ~ .menu-items {
    transform: translateX(0);
  }

  .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
    transform: rotate(45deg);
  }

  .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
    transform: scaleY(0);
  }

  .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
    transform: rotate(-45deg);
  }

  .nav-container input[type="checkbox"]:checked ~ .logo{
    display: none;
  }
}

/* 28/08/2025 */

.white-link{
      text-decoration: none;
      color: #fff;
}
.white-link:hover {
  color: #ccc; 
}