@import url('https://fonts.googleapis.com/css2?family=Fascinate&family=Indie+Flower&family=Permanent+Marker&family=Special+Elite&display=swap');
*{
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}




.HomePage {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background-color: black; */
  /* background-image: url('./../../imagenes/fondoMenosSunflowers.png'); */
  background-image: url('./../../imagenes/svg/fondoSunflowers.svg');
  background-size: 50%;
  background-repeat: repeat;
  width: 100%;
  /* height: 1000px; */
} 

.Fijado{
  /* position: fixed; */
}
.HomeEntrada{
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(253, 252, 252, 0.8);
  /*0.459*/
}
.nombresEntrada{
  width: 80%;
  margin: 0;
  
}
.SobreCarta{
  width: 100%;
  margin-top: 0em;
  height: 270px;
  background-image: url('./../../imagenes/svg/cartaSobre.svg');
  background-size: 100%;
  background-repeat: no-repeat;
}
.HomeCarta {

  border: black;
  width: 99%;
  display: flex;
      flex-direction: column;
      align-items: center;
  /* background-color: rgb(0, 0, 0, 0.8); */
  margin-top: 1em;
  background-image: url('./../../imagenes/fondoCarta.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  height: 900px;
  padding: 4em;
  padding-top: 8%;
  
}
.tituloInvitado{
  padding: 0.5em;
  
}
.letrasCarta{
  font-family: 'Special Elite';
  color: black;
  padding: 0;

  width: 100%;
  font-size: 80%;
  text-align: justify;
  white-space: pre-wrap;
  
}

.formularioInv{
  display: flex;
  flex-direction:row;
  align-items:center;
  gap: 10%;
}

.checkInv{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5%;
  width: 60%;
}

.inputCheck{
  zoom: 1.4;
    transform: scale(1.4);
  /* -ms-transform: scale(10); 
    -moz-transform: scale(10); 
    -webkit-transform: scale(10); 
    -o-transform: scale(10); 
    transform: scale(10);  */

}
 .InferiorSello{
width: 30%;
/* margin-top: 10%;
margin-left: 12em; */
} 




.selloCartaLogo{
  width: 50%;
  display: flex;
  margin-top: -2em;
  margin-left: 25%;
}
 
.LogoHome {
  width: 90%;
  margin-left: 1.5em;
      /* margin: 7em 0 2em 0; */
  }
.derechaHome{
  margin-top: 5em;
  }  
    

  .navBarInferior{
    display: flex;
    position:fixed;
    justify-content: space-around;
    bottom: 0; 
  }
  .FOTOSLOS2{
    border-radius: 50%;
    border: 7px solid gold;
    text-shadow: 0px 0px 10px gold;
    /* margin-bottom: 1em; */
    margin: 0;
    margin-top: -2em;
}
  .condicionesT {
    font-family: Arial, sans-serif;
    max-width: 400px;
    margin: 0 auto;
    
    
}
  .condicionT{
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-top: 1.5em;
    gap: 10%;
  }

.inputT[type="checkbox"] {
  display: block;
    margin-top: 5px;
    zoom: 1.5;
    transform: scale(1.5);
}

.labelT {
  display: block;
  text-align: justify;
  width: 85%;
  font-size: 90%;
    margin-top: 2px;
}


  @media (min-width: 400px){
    .letrasCarta{
      font-size: 0.9em;
      
    }
  }
  @media (min-width: 660px){

       .HomePage {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content:center;
          width: 100vw;
          height: 100vh;
          .LogoHome{
          }
  
          ul{
              width: 20em;
          }
          .derechaHome{
              display: flex;
              flex-direction: column;
              align-items: center;
              width: 30vw;
                margin-top: 1em;
  
          }
          
      }
      .InferiorSun{
        width: 100%;
        height: 100%px;
        }
  }




  .active{
    
    /* visibility: visible; */
    
  }
  
  .inactive2{
    /* visibility:hidden; */
    display: none;
  }