body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Inter', sans-serif;
    background: white;
    posiciton: relative;
}

.frame1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    position: relative;
    background: white;
}

.header-container {
    display: flex;
    align-items: center; /* Align items vertically */
    justify-content: space-between;
    width: 100%;
    margin-top: 30px; /* Space above the header */
    position: relative;
}

.logo21 {
    width: auto;
    max-width: 20%;
    height: auto;
    max-height: 110px;
    margin-left: 5%;
}

.title-container {
    flex: 1; /* Take up the remaining space */
    display: flex;
    justify-content: center; /* Center the title within this container */
    position: absolute;
    left: 0;
    right: 0;
}

.tiFine {
    text-align: center;
    color: #2D93DE;
    font-size:80px; /* Fixed size until 500px */
    font-weight: 700;
    word-wrap: break-word;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.imatge11 {
    width: 90%;
    max-width: 1252px;
    height: auto;
    margin-top: 100px;
}
.imatge2etiquetes1 {
    width: 90%;
    max-width: 1110px;
    height: auto;
    margin-top: 50px;
}

.imatge3etiquetes1 {
    width: 90%;
    max-width: 1142px;
    height: auto;
    margin-top: 50px;
}

.form-title {
    text-align: center; /* Centra el texto del título */
    font-size: 24px; /* Tamaño de la fuente para el título */
    color: #2D93DE; /* El color del texto, puedes cambiarlo según tu esquema de color */
    margin: 0 0 20px 0; /* Agrega espacio debajo del título para separarlo del formulario */
}

.form-container {
    width: 80%; /* Esto hace que el formulario ocupe el 80% del ancho de su contenedor */
    max-width: 600px; /* Máximo ancho que el formulario puede tener */
    margin: 20px auto; /* Esto centra el formulario horizontalmente */
    padding: 20px 0; /* Espaciado arriba y abajo del formulario */
    background: white; /* Color de fondo opcional */
}

/* Media Query para pantallas de menos de 500px */
@media (max-width: 560px) {
    .logo21 {
        max-height: 20vw; /* Reduce el tamaño del logo proporcionalmente */
        left: 5%; /* Mantiene el margen a la izquierda */
    }
    .tiFine {
        font-size: 8vw; /* Reduce el tamaño de la fuente proporcionalmente */
        max-width: 90%; /* Ajusta el ancho máximo */
	margin-top: 10px;
    }
}