.TituloPrivacidad,.subs,.TxtPriv,.tex{
    font-family: "Gayathri", system-ui;
    font-weight: 400;
    font-style: normal;
}
p.TituloPrivacidad{
    font-size: 7vh;
    margin: 0;
    
}
.subs{
       font-size: 5vh; 
       
}
.TxtPriv{
        font-size: 3.5vh;
        list-style: none; 
       
}
.listita2{
    list-style: disc;
}
.tex{
    font-size:4vh; 
}
a.Preg {
    color: #BA6958;
    text-decoration: underline;
    text-underline-offset: 1.5vh;
    transition: text-shadow 0.3s ease, color 0.3s ease; /* Transición suave para la sombra y el color */
}

a.Preg:hover {
    color: #F7B9A2; /* Cambiar el color al pasar el ratón */
    
}


html::-webkit-scrollbar {
    width: 3vh;
}


html::-webkit-scrollbar-track {
    background: #F3F3F3;
    border-radius: 2rem;
}

html::-webkit-scrollbar-thumb {
    background-color: #BA6958;
    border-radius: 2rem;
    border: 2px solid #F3F3F3;
}

html::-webkit-scrollbar-thumb:hover {
    background-color:#DB8978 ;
}



#formulario{
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    grid-template-rows: repeat(4, auto);
    gap:1.5vh;
     font-family: "Gayathri", system-ui;
    font-weight: 400;
    font-style: normal;
}

  input, textarea {
    font-family: "Gayathri", system-ui;
    font-weight: 400;
    font-style: normal;
    font-size: 3.5vh;
    border: none; 
  width: 90%;
    border-bottom: 0.45vh solid #1B1717; 
    outline: none; 
    padding: 1vh 0;
    transition: border-bottom 0.3s ease;
    border-radius: 0.1rem;
  }
  textarea{
      width: 95%;
      height: 20vh;
       resize: none; 
    overflow-y: auto
  }
  textarea::-webkit-scrollbar {
    width: 2vh;
}


textarea::-webkit-scrollbar-track {
    background: #F3F3F3;
    border-radius: 2rem;
}

textarea::-webkit-scrollbar-thumb {
    background-color: #BA6958;
    border-radius: 2rem;
    border: 2px solid #F3F3F3;
}

textarea::-webkit-scrollbar-thumb:hover {
    background-color:#DB8978 ;
}


  input:focus, textarea:focus {
    border-bottom: 0.6vh solid #5A5252; 
  }

  #asunto{
        grid-column: 2;
    grid-row: 1;
  }
#nombre{
    grid-column: 1;
    grid-row: 2;
}
#apellido{
    grid-column: 2;
    grid-row: 2;
}
#correo{
    grid-column: 1;
    grid-row: 1;
}
#mensaje{
    grid-column: span 2;
    grid-row: 3; 
}
#Mens{
   grid-column:1;
    grid-row: 4; 
    font-size: 3.5vh;
}
#Boton{
    width: 90%;
    grid-column:2;
    grid-row: 4; 
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    align-content: center;
    justify-content: flex-end;
}
#Enviar{
    
    border-radius: 1.5rem;
    background-color: #BA6958;
    font-family: "Dongle", sans-serif;
    font-weight: 700;
    line-height: 0.7;
    font-style: normal;
    color:white;
    border:none;
    width: 40%;
    font-size: 3vh;
   justify-self: flex-end;
   height: 8vh;
   width: min-content;
   padding-left: 8vh;
   padding-right: 8vh;
   cursor:pointer;
    transition: background-color 0.3s ease;
}
#Enviar:hover{
    background-color: #F7B9A2;
    color:#1B1717;
   
}
#nombre, #apellido, #correo,#asunto{
    display:grid;
    grid-template-rows:  1fr 1fr;
    gap: 1vh;
}
#mensaje{
    display:grid;
    grid-template-rows:  1fr 5vh;
    gap: 1vh;
}
#toast {
    font-family: "Gayathri", system-ui;
    font-weight: 700;
    font-style: normal;
    display: none;
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #EBF9EB;
    color: black;
    padding: 15px 15px 15px 60px;
    border-radius: 5px;
    z-index: 10000000;
    align-items: center;
    justify-content: space-between;
    background-image: url(../img/equis.svg);
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    
}
.faq-container {
 font-family: "Gayathri", system-ui;
    font-weight: 700;
    font-style: normal;
    font-size: 3.5vh;
    
}

.faq-card {
    padding: 2vh;
   border-bottom: 0.8vh solid #DEDEDE; 
       margin-top: 2vh;
}

.faq-question{
  display:grid;
  grid-template-columns: auto min-content; 
  gap: 1vh;
}

.faq-question p{
justify-self: flex-start;
align-self: center;
margin: 0;
font-size: 4vh;

}
.faq-question button{
justify-self: flex-end;
background-color: white;
width: auto;
height: auto;
align-self: center;

}
.toggle-answer {
  border: none;
  cursor: pointer;
  align-items: center;
}



.faq-answer {
  display: block;
  max-height: 0; 
  overflow: hidden; 
  transition: max-height 0.3s ease-out; 
}
.faq-card.active {
    border: 0.8vh solid #DEDEDE; 
    border-radius: 1.5rem;
}
.Sub{
     font-family: "Gayathri", system-ui;
    font-weight: 700;
    font-style: normal;
font-size: 4.8vh;
    margin-top: 8vh;
}

#tit{
      font-weight: 700;
}
@media(max-width:900px){
   
    .TxtPriv, #Enviar,input, textarea,#Mens, .faq-answer {
    font-size: 4vh;
}
.Sub {
    font-size: 5vh;
}
 
}