header,
section,
footer {
    width: 100%;  
}


#fotoPortada{
    width: 100%;
    height: 700px;
}


img:hover {
  
    transform: scale(1.05);
    transition: transform 0.4s ease; /* Para que el movimiento sea fluido y no un salto */
}

  
  body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
  height: 100%;
  color: #777;
  line-height: 1.8;
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
  background-attachment: fixed !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* First image (Logo. Full height) */
.bgimg-1 {
  background-image: url(imagenes/portada.JPG);
  min-height: 100%;
  height: 100%;
}

/* Second image (Portfolio) */
.bgimg-2 {
  background-image: url("imagenes/nikonz8.png");
  min-height: 400px;
}

/* Third image (Contact) */
.bgimg-3 {
  background-image: url("imagenes/estudiomovil.jpg");
  min-height: 400px;
}


.w3-wide {
 
    letter-spacing: 5px;
  
    
}
.w3-hover-opacity {cursor: pointer;}
.w3-light-grey{margin: 10px;}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
    min-height: 400px;
  }
}
.grid-foto {
  width: 100%;
  height: 600px; /* Ajusta esta altura según tu gusto */
  object-fit: cover; /* Corta los bordes sobrantes para llenar el espacio sin estirar la imagen */
  object-position: center; /* Mantiene el centro de la foto (la cara) siempre visible */
  cursor: pointer;
}
#fixed-button {
    position: fixed;
    bottom: 50px; /* Distancia desde el borde inferior */
    right: 50px; /* Distancia desde el borde derecho */
    background-color: #07a651; /* Color de fondo del botón */
    color: black; /* Color del texto del botón */
    padding: 10px 20px; /* Espacio interno del botón */
    border: none; /* Elimina el borde del botón */
    border-radius: 50px; /* Borde redondeado */
    cursor: pointer; /* Cambia el cursor al pasar el ratón sobre el botón */
    text-decoration: none; /* Quita el subrayado del enlace */
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* Sombra para que resalte */
}
#fixed-button i {
    font-size: 35px; /* Aumenta este número para que sea más grande */
    color:aliceblue;
}

#fixed-button:hover {
    background-color: #40e87b; /* Cambia el color de fondo del botón al pasar el ratón sobre él */}

.accordion-wrap{
   background-color: transparent!important;
   overflow: hidden;
   padding: 10px;
}
.mas--.fr-fic.fr-dii{
  width: 20px; ;
  height: 20px ;
}
.contents{
  background-color: transparent!important;

}
.title{

   background-color: transparent!important;
   
}
.acordion-trigger{
  overflow: hidden;
   padding: 10px;
   margin-right: auto;
   margin-left: auto;
}

.faqs{
  width: 100% !important;
  height: auto;
 background-color: black;
 background-attachment: fixed !important;
  background-position: center;
  background-repeat: no-repeat; /* EVITA QUE SE RECOMANCE LA FOTO */
  background-size: cover;      /* OBLIGA A LA FOTO A ADAPTARSE AL DIV SIN DEFORMARSE */
  width: 100%;                 /* Asegura que ocupe todo el ancho */
}
.w3-content ul li {
  font-family: italic;
  font-size: 20px;
}
.preguntaFrecuentes{
  width: 80%; 
  font-family: 'Times New Roman', Times, serif; 
  color: #dfe2e4;
margin-left: auto;
padding: 20px;
font-size: 18px;
background-color: rgba(68, 67, 67, 0.3); 
backdrop-filter: blur(4px);
margin-top: 100px;
margin-bottom: 100pxs;
}

.AvisoLegal{
  width: 100% !important;
  height: auto;
 background-color: black;
 background-attachment: fixed !important;
  background-position: center;
  background-repeat: no-repeat; /* EVITA QUE SE RECOMANCE LA FOTO */
  background-size: cover;      /* OBLIGA A LA FOTO A ADAPTARSE AL DIV SIN DEFORMARSE */
  width: 100%;                 /* Asegura que ocupe todo el ancho */
}
.w3-content ul li {
  font-family: italic;
  font-size: 20px;
}
.avisolegal{
  width: 80%; 
  font-family: 'Times New Roman', Times, serif; 
  color: #dfe2e4; 
  margin-right: auto;
margin-left: auto;
padding: 20px;
font-size: 18px;
background-color: rgba(68, 67, 67, 0.3); 
backdrop-filter: blur(4px);
margin-top: 100px;
margin-bottom: 100pxs;
}

.PoliticaPrivacidad {
  width: 100% !important;
  height: auto;
 background-color: black !important;
 background-attachment: fixed !important;
  background-position: center;
  background-repeat: no-repeat; /* EVITA QUE SE RECOMANCE LA FOTO */
  background-size: cover;      /* OBLIGA A LA FOTO A ADAPTARSE AL DIV SIN DEFORMARSE */
  width: 100%;                 /* Asegura que ocupe todo el ancho */
}
.w3-content ul li {
  font-family: italic;
  font-size: 20px;
}
.politicaprivacidad{
  width: 80%; 
  font-family: 'Times New Roman', Times, serif; 
  color: #dfe2e4; 
  margin-right: auto;
margin-left: auto;
padding: 20px;
font-size: 18px;
background-color: rgba(68, 67, 67, 0.3); 
backdrop-filter: blur(4px);
margin-top: 100px;
margin-bottom: 100pxs;
}