* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {	
	font-size: 10px;
}
:root{
	--colorPrincipal_1: #e9f3f5;
	--colorPrincipal_2: #d2e8ec;
	--colorPrincipal_3: #bcdce2;
	--colorPrincipal_4: #a5d0d8;
	--colorPrincipal_5: #8fc5cf;
	--colorPrincipal_6: #78b9c5;
	--gris_1:#ededee;
	--gris_2:#dadbdc;
	--gris_3:#c8cacb;	
	--gris_4:#b5b8ba;	
	--gris_5:#a3a6a8;	
	/* Paleta basada en #78B9C5 */
	--color-base-1: #ECF7F9; /* claro */
	--color-base-2: #D9EEF2; /* medio-claro */
	--color-base-3: #9CD0D8; 
	--color-base-4: #78B9C5; 
	--color-base-5: #5896A0; 
}
body {
    min-height: 100vh; /* que el body ocupe toda la altura de la pantalla */
    display: flex;
    flex-direction: column;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff;
    color: #1d3557;
}
  
  
footer {
    margin-top: auto; /* Empuja el footer al final automáticamente */
    background: linear-gradient(90deg, #0d7680 0%, #118a8e 100%);
    color: white;
    text-align: center;
    padding: 1rem 2rem;
    font-size: 1.4rem;
}
.footer_content {
    max-width: 1200px;
    margin: 0 auto;
    background-color: transparent;
}
.beta-tag {
    background-color: transparent;
    color: white;
    padding: 0.3em 1em;
    margin-left: 10px;
    border-radius: 4px;
    font-weight:500;
    font-size: 1.4rem;
}
footer a {
  color: #ffffff; /* blanco para destacar */
  text-decoration: none; /* quita el subrayado */
  font-weight: 500; /* un poco más marcado */
}

footer a:hover {
  color: #ffd700; /* dorado al pasar el ratón */
  text-decoration: underline; /* opcional: subrayado en hover */
}