:root {
    --primario: rgb(37, 150, 190);
    --secundario: rgb(25, 102, 130);
    --terciario: rgb(173, 221, 240);
    
  }
  
body {
background: #fff;
font-family: "Quicksand", sans-serif;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding-top: 60px; /* Ajusta este valor al alto de tu header */
color: rgb(50, 50, 50);
}

h1{
  color: var(--primario);
  align-items: center;
  text-align: center;
  margin: 25px;

}

h3{
  color: var(--primario);
  align-items: left;
  margin-top: 20px;
}

strong {
  color: var(--primario);
}

.legal{
  width: 100%;
}

.logo {
  width: 100%;
  display: flex;
  flex-direction: column; /* logo arriba, botón abajo */
  align-items: center;    /* centra horizontal */
  justify-content: center; /* centra vertical si le das altura */
}

.logo img {
  width: 55%;
  max-width: 450px;
  height: auto;
  display: block; /* quita espacios fantasmas */
}

.btn {
  width: 100%;
  height: 40px;
  min-width: 150px;
  margin: 2px;
  padding: 10px 20px;
  text-align: start;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  outline: none;
  border-radius: 15px;
  align-items: center;
  text-align: center;
  color: var(--primario);
  border: 2px solid var(--primario);
}

.btn:hover{
  color: #fff;
  border: 2px solid var(--secundario);
  background-color: var(--primario);
}

.avisodeprivacidad{
  width: 100%;
}


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