/* Estilos generales y estilos para el contenedor de texto */
 .texto-container {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: -10px;
    margin-bottom: -200px;
    margin-top: 200px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-img {
    display: block;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: 550px;
    margin-top: 20px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-p {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: -100px;
    margin-left: 1300px;
    margin-top: -400px;
    /* Espacio entre las columnas */
}

/* Estilos para las columnas de texto */
.columna-texto {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-texto-puntos {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    margin-top: 40px;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-imagen {
    flex: 1;
    /* Hacer que la columna ocupe el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

/* Estilo para la imagen dentro de la columna */
.columna-imagen img {
    width: 100%;
    /* Establecer el ancho de la imagen al 100% del contenedor */
    height: auto;
    /* La altura se ajustará proporcionalmente al ancho */
    max-width: 600px;
    /* Establecer el ancho máximo de la imagen */
}

/* Estilos para el texto 1 */
.texto1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -80px;
    /* Mover el texto hacia abajo */
    left: 50px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 1.1 */
.texto1-1 {
    position: absolute;
    top: -40px;
    left: 50px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 1.2 */
.texto1-2 {
    position: absolute;
    top: 5px;
    left: 50px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 1.3 */
.texto1-3 {
    position: absolute;
    top: 40px;
    left: 50px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 2 */
.texto2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -32px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 22px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -55px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 128px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -90px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 215px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-3 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -125px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 303px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-4 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -158px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 392px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-5 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -191px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 480px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-6 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -227px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 568px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}


/* Estilo para el punto naranja */
.punto-naranja {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: orange;
    border-radius: 50%;
    margin-right: 1px;


}

.contenido-texto {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Estilo para el punto naranja en el contenido de texto */
.contenido-texto .punto-naranja {
    margin-right: 5px;

    /* Puedes ajustar este valor según tus preferencias */
}

.titulo-texto {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    margin-left: 20px;
    margin-top: -12px;


}


@media screen and (max-width: 1440px){

    /* Estilos generales y estilos para el contenedor de texto */
 .texto-container {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: -10px;
    margin-bottom: -200px;
    margin-top: 200px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-img {
    display: block;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: 360px;
    margin-top: 90px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-p {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: -100px;
    margin-left: 980px;
    margin-top: -450px;
    /* Espacio entre las columnas */
}

/* Estilos para las columnas de texto */
.columna-texto {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-texto-puntos {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    margin-top: 40px;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-imagen {
    flex: 1;
    /* Hacer que la columna ocupe el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

/* Estilo para la imagen dentro de la columna */
.columna-imagen img {
    width: 60%;
    /* Establecer el ancho de la imagen al 100% del contenedor */
    height: auto;
    /* La altura se ajustará proporcionalmente al ancho */
    max-width: 600px;
    /* Establecer el ancho máximo de la imagen */
}

/* Estilos para el texto 1 */
.texto1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -80px;
    /* Mover el texto hacia abajo */
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;
}

/* Estilos para el texto 1.1 */
.texto1-1 {
    position: absolute;
    top: -40px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 1.2 */
.texto1-2 {
    position: absolute;
    top: 5px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 1.3 */
.texto1-3 {
    position: absolute;
    top: 40px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 2 */
.texto2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -32px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 22px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -55px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 120px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -90px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 212px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-3 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -125px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 300px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-4 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -158px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 389px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-5 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -191px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 476px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-6 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -227px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 565px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}


/* Estilo para el punto naranja */
.punto-naranja {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: orange;
    border-radius: 50%;
    margin-right: 51px;


}

.contenido-texto {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Estilo para el punto naranja en el contenido de texto */
.contenido-texto .punto-naranja {
    margin-right: 5px;

    /* Puedes ajustar este valor según tus preferencias */
}

.titulo-texto {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    margin-left: 20px;
    margin-top: -12px;


}

}


@media screen and (max-width: 1366px) { 
    
    /* Estilos generales y estilos para el contenedor de texto */
 .texto-container {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: -10px;
    margin-bottom: -200px;
    margin-top: 200px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-img {
    display: block;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: 360px;
    margin-top: 90px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-p {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: -100px;
    margin-left: 980px;
    margin-top: -450px;
    /* Espacio entre las columnas */
}

/* Estilos para las columnas de texto */
.columna-texto {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-texto-puntos {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    margin-top: 40px;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-imagen {
    flex: 1;
    /* Hacer que la columna ocupe el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

/* Estilo para la imagen dentro de la columna */
.columna-imagen img {
    width: 60%;
    /* Establecer el ancho de la imagen al 100% del contenedor */
    height: auto;
    /* La altura se ajustará proporcionalmente al ancho */
    max-width: 600px;
    /* Establecer el ancho máximo de la imagen */
}

/* Estilos para el texto 1 */
.texto1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -80px;
    /* Mover el texto hacia abajo */
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;
}

/* Estilos para el texto 1.1 */
.texto1-1 {
    position: absolute;
    top: -40px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 1.2 */
.texto1-2 {
    position: absolute;
    top: 5px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 1.3 */
.texto1-3 {
    position: absolute;
    top: 40px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 2 */
.texto2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -32px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 22px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -55px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 125px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -90px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 240px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-3 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -125px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 355px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-4 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -158px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 442px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-5 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -191px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 529px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-6 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -227px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 618px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}


/* Estilo para el punto naranja */
.punto-naranja {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: orange;
    border-radius: 50%;
    margin-right: 51px;


}

.contenido-texto {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Estilo para el punto naranja en el contenido de texto */
.contenido-texto .punto-naranja {
    margin-right: 5px;

    /* Puedes ajustar este valor según tus preferencias */
}

.titulo-texto {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    margin-left: 20px;
    margin-top: -12px;


}

}

@media screen and (max-width: 1024px){
 /* Estilos generales y estilos para el contenedor de texto */
 .texto-container {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: -10px;
    margin-bottom: -200px;
    margin-top: 200px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-img {
    display: block;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: 360px;
    margin-top: 90px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-p {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: -100px;
    margin-left: 750px;
    margin-top: -350px;
    /* Espacio entre las columnas */
}

/* Estilos para las columnas de texto */
.columna-texto {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-texto-puntos {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    margin-top: 40px;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-imagen {
    flex: 1;
    /* Hacer que la columna ocupe el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

/* Estilo para la imagen dentro de la columna */
.columna-imagen img {
    width: 60%;
    /* Establecer el ancho de la imagen al 100% del contenedor */
    height: auto;
    /* La altura se ajustará proporcionalmente al ancho */
    max-width: 600px;
    /* Establecer el ancho máximo de la imagen */
}

/* Estilos para el texto 1 */
.texto1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -80px;
    /* Mover el texto hacia abajo */
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;
}

/* Estilos para el texto 1.1 */
.texto1-1 {
    position: absolute;
    top: -40px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 1.2 */
.texto1-2 {
    position: absolute;
    top: 5px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 1.3 */
.texto1-3 {
    position: absolute;
    top: 40px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 2 */
.texto2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -32px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 22px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -55px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 149px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -90px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 265px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-3 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -125px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 380px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-4 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -158px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 465px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-5 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -191px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 550px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-6 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -227px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 640px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}


/* Estilo para el punto naranja */
.punto-naranja {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: orange;
    border-radius: 50%;
    margin-right: 51px;


}

.contenido-texto {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Estilo para el punto naranja en el contenido de texto */
.contenido-texto .punto-naranja {
    margin-right: 5px;

    /* Puedes ajustar este valor según tus preferencias */
}

.titulo-texto {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    margin-left: 20px;
    margin-top: -12px;


}



}

@media screen and (max-width: 967px){
   /* Estilos generales y estilos para el contenedor de texto */
 .texto-container {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: -10px;
    margin-bottom: -200px;
    margin-top: 200px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-img {
    display: block;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: 360px;
    margin-top: 90px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-p {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: -100px;
    margin-left: 750px;
    margin-top: -350px;
    /* Espacio entre las columnas */
}

/* Estilos para las columnas de texto */
.columna-texto {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-texto-puntos {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    margin-top: 40px;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-imagen {
    flex: 1;
    /* Hacer que la columna ocupe el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

/* Estilo para la imagen dentro de la columna */
.columna-imagen img {
    width: 60%;
    /* Establecer el ancho de la imagen al 100% del contenedor */
    height: auto;
    /* La altura se ajustará proporcionalmente al ancho */
    max-width: 600px;
    /* Establecer el ancho máximo de la imagen */
}

/* Estilos para el texto 1 */
.texto1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -80px;
    /* Mover el texto hacia abajo */
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;
}

/* Estilos para el texto 1.1 */
.texto1-1 {
    position: absolute;
    top: -40px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 1.2 */
.texto1-2 {
    position: absolute;
    top: 5px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 1.3 */
.texto1-3 {
    position: absolute;
    top: 40px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 14px;

}

/* Estilos para el texto 2 */
.texto2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -32px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 22px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -55px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 178px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -90px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 315px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-3 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -125px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 430px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-4 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -158px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 515px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-5 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -191px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 605px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-6 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -227px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 695px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}


/* Estilo para el punto naranja */
.punto-naranja {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: orange;
    border-radius: 50%;
    margin-right: 51px;


}

.contenido-texto {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Estilo para el punto naranja en el contenido de texto */
.contenido-texto .punto-naranja {
    margin-right: 5px;

    /* Puedes ajustar este valor según tus preferencias */
}

.titulo-texto {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    margin-left: 20px;
    margin-top: -12px;


} 
}

@media screen and (max-width: 900px) {


 /* Estilos generales y estilos para el contenedor de texto */
 .texto-container {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: 10px;
    margin-bottom: -200px;
    margin-top: 200px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-img {
    display: block;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: 60px;
    margin-top: 150px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-p {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: -100px;
    margin-left: 60px;
    margin-top: -10px;
    /* Espacio entre las columnas */
}

/* Estilos para las columnas de texto */
.columna-texto {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-texto-puntos {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    margin-top: 40px;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-imagen {
    flex: 1;
    /* Hacer que la columna ocupe el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

/* Estilo para la imagen dentro de la columna */
.columna-imagen img {
    width: 100%;
    /* Establecer el ancho de la imagen al 100% del contenedor */
    height: auto;
    /* La altura se ajustará proporcionalmente al ancho */
    max-width: 280px;
    /* Establecer el ancho máximo de la imagen */
}

/* Estilos para el texto 1 */
.texto1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -200px;
    /* Mover el texto hacia abajo */
    left: 136px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-size: 14px;
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 1.1 */
.texto1-1 {
    position: absolute;
    top: -160px;
    left: 10px;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 1.2 */
.texto1-2 {
    position: absolute;
    top: -120px;
    left: 70px;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 1.3 */
.texto1-3 {
    position: absolute;
    top: -80px;
    left: 116px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-size: 14px;
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 2 */
.texto2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -32px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -59px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 128px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -70px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 215px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-3 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -75px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 303px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-4 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -107px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 392px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-5 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -143px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 480px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}

/* Estilos para el texto 2 */
.texto2-6 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -180px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 568px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;

}


/* Estilo para el punto naranja */
.punto-naranja {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: orange;
    border-radius: 50%;
    margin-right: 51px;


}

.contenido-texto {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Estilo para el punto naranja en el contenido de texto */
.contenido-texto .punto-naranja {
    margin-right: 5px;

    /* Puedes ajustar este valor según tus preferencias */
}

.titulo-texto {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    margin-left: 20px;
    margin-top: -12px;


}

.contenedor-principal {
    display: flex;
    /* Hace que los elementos internos sean flexibles y se alineen en una fila */
}

/* Estilos para cada contenedor */
.contenedor1 {
    flex: 1;
    /* Hace que los contenedores ocupen el mismo espacio en la fila */
    padding: 20px;
    /* Espacio interno para separar el contenido */
    border: 0px solid #ccc;
    /* Borde para visualizar los contenedores */
    margin-left: 50px;
    margin-top: 60px;
}

.contenedor2 {
    flex: 1;
    /* Hace que los contenedores ocupen el mismo espacio en la fila */
    padding: 40px;
    /* Espacio interno para separar el contenido */
    border: 0px solid #ccc;
    /* Borde para visualizar los contenedores */
    margin-top: 90px;
    margin-left: 340px;
    background-color: #CDCDCD;
    /* Color de fondo del cuadro */



}


h2 {
    margin-top: 0;
}




label {
    display: block;
    margin-bottom: 5px;
}

input {
    width: 300px;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 20px;
    border: none;
    /* Elimina los bordes */
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 11px;
}

.grid-container .address-container {
    grid-column: 1 / span 2;
}

button {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;

}

button:hover {
    background-color: #45a049;
}

/* Clase personalizada para modificar el tamaño */
.custom-input {
    width: 650px;
    height: 60px;
    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input1 {
    width: 640px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input2 {
    width: 640px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input3 {
    width: 640px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.center-button {
    padding: 10px 20px;
    background-color: #E6962D;
    color: #fff;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    margin-left: 250px;
    margin-top: 20px;
    border-radius: 20px;
    /* Centra horizontalmente */
}

.Titulo-RFQ {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    font-weight: bold;
    font-size: 20px;

}

.Texto-RFQ {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    font-size: 20px;
}

.Titulo-Columna1 {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    font-weight: bold;
    font-size: 23px;
}

.Texto-Columna1 {
    font-family: 'Poppins', sans-serif;
    color: #575756;

    font-size: 22px;
}

.Puntos-columna1 {
    font-family: 'Poppins', sans-serif;
    color: #575756;

    font-size: 17px;

}

.Puntos-columna12 {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: orange;
    border-radius: 50%;

}

.titulo-texto21 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1055px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 76px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto22 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1138px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 36px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto23 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: -6px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto24 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 33px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto25 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 75px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto26 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 115px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto27 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 155px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto28 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 198px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto29 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 240px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto30 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 330px;
    font-family: 'Poppins', sans-serif;

    /* Texto en negritas */
    color: #575756;

}

/* Estilos del contenedor de la imagen */
.image-container {
    position: relative;
    /* Permite posicionar el div de forma relativa */
    width: 10px;
    /* Ancho inicial del div (puedes ajustarlo) */
    height: 40px;
    /* Altura inicial del div (puedes ajustarlo) */
    overflow: hidden;
    /* Oculta partes de la imagen que estén fuera del div */
}

/* Estilos de la imagen dentro del contenedor */
.image-container img {
    width: 10%;
    /* Redimensiona la imagen para ocupar todo el ancho del div */
    height: 10%;
    /* Permite que la altura se ajuste proporcionalmente */
}
    
}
     
@media only screen and (max-width: 390px ){   

    /* Estilos generales y estilos para el contenedor de texto */
    .texto-container {
       display: flex;
       justify-content: space-between;
       /* Distribuir el espacio entre las columnas */
       align-items: center;
       /* Alinear verticalmente los elementos */
       padding: 20px;
       margin-left: 10px;
       margin-bottom: -200px;
       margin-top: 200px;
       /* Espacio entre las columnas */
   }
   
   /* Estilos generales y estilos para el contenedor de texto */
   .texto-container-img {
       display: block;
       justify-content: space-between;
       /* Distribuir el espacio entre las columnas */
       align-items: center;
       /* Alinear verticalmente los elementos */
       padding: 20px;
       margin-left: 30px;
       margin-top: 150px;
       /* Espacio entre las columnas */
   }
   
   /* Estilos generales y estilos para el contenedor de texto */
   .texto-container-p {
       display: flex;
       justify-content: space-between;
       /* Distribuir el espacio entre las columnas */
       align-items: center;
       /* Alinear verticalmente los elementos */
       padding: -100px;
       margin-left: 60px;
       margin-top: -10px;
       /* Espacio entre las columnas */
   }
   
   /* Estilos para las columnas de texto */
   .columna-texto {
       flex: 1;
       /* Hacer que las columnas ocupen el mismo ancho */
       position: relative;
       /* Agregar posición relativa para posicionar elementos internos */
   }
   
   .columna-texto-puntos {
       flex: 1;
       /* Hacer que las columnas ocupen el mismo ancho */
       position: relative;
       margin-top: 40px;
       /* Agregar posición relativa para posicionar elementos internos */
   }
   
   .columna-imagen {
       flex: 1;
       /* Hacer que la columna ocupe el mismo ancho */
       position: relative;
       /* Agregar posición relativa para posicionar elementos internos */
   }
   
   /* Estilo para la imagen dentro de la columna */
   .columna-imagen img {
       width: 100%;
       /* Establecer el ancho de la imagen al 100% del contenedor */
       height: auto;
       /* La altura se ajustará proporcionalmente al ancho */
       max-width: 280px;
       /* Establecer el ancho máximo de la imagen */
   }
   
   /* Estilos para el texto 1 */
   .texto1 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: -200px;
       /* Mover el texto hacia abajo */
       left: 140px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-size: 10px;
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
   }
   
   /* Estilos para el texto 1.1 */
   .texto1-1 {
       position: absolute;
       top: -160px;
       left: 50px;
       font-size: 10px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
   }
   
   /* Estilos para el texto 1.2 */
   .texto1-2 {
       position: absolute;
       top: -120px;
       left: 90px;
       font-size: 10px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
   }
   
   /* Estilos para el texto 1.3 */
   .texto1-3 {
       position: absolute;
       top: -80px;
       left: 130px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-size: 10px;
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
   }
   
   /* Estilos para el texto 2 */
   .texto2 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: -32px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 20px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
       font-size: 10px;
   
       
   
   }
   
   /* Estilos para el texto 2 */
   .texto2-1 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: -30px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 76px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
       font-size: 10px;
   
   
   }
   
   /* Estilos para el texto 2 */
   .texto2-2 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: -56px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 140px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
       font-size: 10px;
   
   
   }
   
   /* Estilos para el texto 2 */
   .texto2-3 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: -67px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 190px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
       font-size: 10px;
   
   
   }
   
   /* Estilos para el texto 2 */
   .texto2-4 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: -100px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 265px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
       font-size: 10px;
   
   
   }
   
   /* Estilos para el texto 2 */
   .texto2-5 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: -130px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 330px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
       font-size: 10px;
   
   
   }
   
   /* Estilos para el texto 2 */
   .texto2-6 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: -165px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 408px;
       font-family: 'Poppins', sans-serif;
       /* Fuente Poppins */
       font-weight: bold;
       /* Texto en negritas */
       color: #575756;
       font-size: 10px;
   
   
   }
   
   
   /* Estilo para el punto naranja */
   .punto-naranja {
       display: inline-block;
       width: 5px;
       height: 5px;
       background-color: orange;
       border-radius: 50%;
       margin-right: 51px;
       
   
   
   }
   
   .contenido-texto {
       display: flex;
       align-items: center;
       margin-bottom: 10px;
   }
   
   /* Estilo para el punto naranja en el contenido de texto */
   .contenido-texto .punto-naranja {
       margin-right: 5px;
   
       /* Puedes ajustar este valor según tus preferencias */
   }
   
   .titulo-texto {
       font-family: 'Poppins', sans-serif;
       color: #575756;
       margin-left: 20px;
       margin-top: -12px;
       font-size: 10px;
   
   
   }
   
   .contenedor-principal {
       display: flex;
       /* Hace que los elementos internos sean flexibles y se alineen en una fila */
   }
   
   /* Estilos para cada contenedor */
   .contenedor1 {
       flex: 1;
       /* Hace que los contenedores ocupen el mismo espacio en la fila */
       padding: 20px;
       /* Espacio interno para separar el contenido */
       border: 0px solid #ccc;
       /* Borde para visualizar los contenedores */
       margin-left: 50px;
       margin-top: 60px;
   }
   
   .contenedor2 {
       flex: 1;
       /* Hace que los contenedores ocupen el mismo espacio en la fila */
       padding: 40px;
       /* Espacio interno para separar el contenido */
       border: 0px solid #ccc;
       /* Borde para visualizar los contenedores */
       margin-top: 90px;
       margin-left: 340px;
       background-color: #CDCDCD;
       /* Color de fondo del cuadro */
   
   
   
   }
   
   
   h2 {
       margin-top: 0;
   }
   
   
   
   
   label {
       display: block;
       margin-bottom: 5px;
   }
   
   input {
       width: 300px;
       padding: 5px;
       margin-bottom: 10px;
       border-radius: 20px;
       border: none;
       /* Elimina los bordes */
   }
   
   .grid-container {
       display: grid;
       grid-template-columns: 1fr 1fr;
       grid-gap: 11px;
   }
   
   .grid-container .address-container {
       grid-column: 1 / span 2;
   }
   
   button {
       padding: 10px 20px;
       background-color: #007bff;
       color: #fff;
       border: none;
       cursor: pointer;
   
   }
   
   button:hover {
       background-color: #45a049;
   }
   
   /* Clase personalizada para modificar el tamaño */
   .custom-input {
       width: 650px;
       height: 60px;
       /* Puedes ajustar el valor para cambiar el tamaño */
   }
   
   .custom-input1 {
       width: 640px;
   
       /* Puedes ajustar el valor para cambiar el tamaño */
   }
   
   .custom-input2 {
       width: 640px;
   
       /* Puedes ajustar el valor para cambiar el tamaño */
   }
   
   .custom-input3 {
       width: 640px;
   
       /* Puedes ajustar el valor para cambiar el tamaño */
   }
   
   .center-button {
       padding: 10px 20px;
       background-color: #E6962D;
       color: #fff;
       border: none;
       cursor: pointer;
       margin: 0 auto;
       margin-left: 250px;
       margin-top: 20px;
       border-radius: 20px;
       /* Centra horizontalmente */
   }
   
   .Titulo-RFQ {
       font-family: 'Poppins', sans-serif;
       color: #575756;
       font-weight: bold;
       font-size: 20px;
   
   }
   
   .Texto-RFQ {
       font-family: 'Poppins', sans-serif;
       color: #575756;
       font-size: 20px;
   }
   
   .Titulo-Columna1 {
       font-family: 'Poppins', sans-serif;
       color: #575756;
       font-weight: bold;
       font-size: 23px;
   }
   
   .Texto-Columna1 {
       font-family: 'Poppins', sans-serif;
       color: #575756;
   
       font-size: 22px;
   }
   
   .Puntos-columna1 {
       font-family: 'Poppins', sans-serif;
       color: #575756;
   
       font-size: 17px;
   
   }
   
   .Puntos-columna12 {
       display: inline-block;
       width: 10px;
       height: 10px;
       background-color: orange;
       border-radius: 50%;
   
   }
   
   .titulo-texto21 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: 1055px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 76px;
       font-family: 'Poppins', sans-serif;
   
       color: #575756;
   
   }
   
   .titulo-texto22 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: 1138px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 36px;
       font-family: 'Poppins', sans-serif;
   
       color: #575756;
   
   }
   
   .titulo-texto23 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: 1220px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: -6px;
       font-family: 'Poppins', sans-serif;
   
       color: #575756;
   
   }
   
   .titulo-texto24 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: 1220px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 33px;
       font-family: 'Poppins', sans-serif;
   
       color: #575756;
   
   }
   
   .titulo-texto25 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: 1220px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 75px;
       font-family: 'Poppins', sans-serif;
   
       color: #575756;
   
   }
   
   .titulo-texto26 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: 1220px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 115px;
       font-family: 'Poppins', sans-serif;
   
       color: #575756;
   
   }
   
   .titulo-texto27 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: 1220px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 155px;
       font-family: 'Poppins', sans-serif;
   
       color: #575756;
   
   }
   
   .titulo-texto28 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: 1220px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 198px;
       font-family: 'Poppins', sans-serif;
   
       color: #575756;
   
   }
   
   .titulo-texto29 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: 1220px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 240px;
       font-family: 'Poppins', sans-serif;
   
       color: #575756;
   
   }
   
   .titulo-texto30 {
       position: absolute;
       /* Asegurarse de agregar position: absolute; */
       top: 1220px;
       /* Mover el texto hacia arriba */
       margin-left: 20px;
       margin-top: 330px;
       font-family: 'Poppins', sans-serif;
   
       /* Texto en negritas */
       color: #575756;
   
   }
   
   /* Estilos del contenedor de la imagen */
   .image-container {
       position: relative;
       /* Permite posicionar el div de forma relativa */
       width: 10px;
       /* Ancho inicial del div (puedes ajustarlo) */
       height: 40px;
       /* Altura inicial del div (puedes ajustarlo) */
       overflow: hidden;
       /* Oculta partes de la imagen que estén fuera del div */
   }
   
   /* Estilos de la imagen dentro del contenedor */
   .image-container img {
       width: 10%;
       /* Redimensiona la imagen para ocupar todo el ancho del div */
       height: 10%;
       /* Permite que la altura se ajuste proporcionalmente */
   }
   

}     
     
     
@media only screen and (max-width: 320px) {    
    

 /* Estilos generales y estilos para el contenedor de texto */
 .texto-container {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: 10px;
    margin-bottom: -200px;
    margin-top: 200px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-img {
    display: block;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: 20px;
    margin-left: 10px;
    margin-top: 150px;
    /* Espacio entre las columnas */
}

/* Estilos generales y estilos para el contenedor de texto */
.texto-container-p {
    display: flex;
    justify-content: space-between;
    /* Distribuir el espacio entre las columnas */
    align-items: center;
    /* Alinear verticalmente los elementos */
    padding: -100px;
    margin-left: 60px;
    margin-top: -10px;
    /* Espacio entre las columnas */
}

/* Estilos para las columnas de texto */
.columna-texto {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-texto-puntos {
    flex: 1;
    /* Hacer que las columnas ocupen el mismo ancho */
    position: relative;
    margin-top: 40px;
    /* Agregar posición relativa para posicionar elementos internos */
}

.columna-imagen {
    flex: 1;
    /* Hacer que la columna ocupe el mismo ancho */
    position: relative;
    /* Agregar posición relativa para posicionar elementos internos */
}

/* Estilo para la imagen dentro de la columna */
.columna-imagen img {
    width: 100%;
    /* Establecer el ancho de la imagen al 100% del contenedor */
    height: auto;
    /* La altura se ajustará proporcionalmente al ancho */
    max-width: 280px;
    /* Establecer el ancho máximo de la imagen */
}

/* Estilos para el texto 1 */
.texto1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -200px;
    /* Mover el texto hacia abajo */
    left: 100px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-size: 10px;
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 1.1 */
.texto1-1 {
    position: absolute;
    top: -160px;
    left: 1px;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 1.2 */
.texto1-2 {
    position: absolute;
    top: -120px;
    left: 40px;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 1.3 */
.texto1-3 {
    position: absolute;
    top: -80px;
    left: 80px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-size: 10px;
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
}

/* Estilos para el texto 2 */
.texto2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -32px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 10px;

    

}

/* Estilos para el texto 2 */
.texto2-1 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -29px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 76px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 10px;


}

/* Estilos para el texto 2 */
.texto2-2 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -40px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 140px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 10px;


}

/* Estilos para el texto 2 */
.texto2-3 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -50px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 190px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 10px;


}

/* Estilos para el texto 2 */
.texto2-4 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -85px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 265px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 10px;


}

/* Estilos para el texto 2 */
.texto2-5 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -117px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 336px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 10px;


}

/* Estilos para el texto 2 */
.texto2-6 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: -150px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 408px;
    font-family: 'Poppins', sans-serif;
    /* Fuente Poppins */
    font-weight: bold;
    /* Texto en negritas */
    color: #575756;
    font-size: 10px;


}


/* Estilo para el punto naranja */
.punto-naranja {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: orange;
    border-radius: 50%;
    margin-right: 51px;
    


}

.contenido-texto {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Estilo para el punto naranja en el contenido de texto */
.contenido-texto .punto-naranja {
    margin-right: 5px;

    /* Puedes ajustar este valor según tus preferencias */
}

.titulo-texto {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    margin-left: 20px;
    margin-top: -12px;
    font-size: 10px;


}

.contenedor-principal {
    display: flex;
    /* Hace que los elementos internos sean flexibles y se alineen en una fila */
}

/* Estilos para cada contenedor */
.contenedor1 {
    flex: 1;
    /* Hace que los contenedores ocupen el mismo espacio en la fila */
    padding: 20px;
    /* Espacio interno para separar el contenido */
    border: 0px solid #ccc;
    /* Borde para visualizar los contenedores */
    margin-left: 50px;
    margin-top: 60px;
}

.contenedor2 {
    flex: 1;
    /* Hace que los contenedores ocupen el mismo espacio en la fila */
    padding: 40px;
    /* Espacio interno para separar el contenido */
    border: 0px solid #ccc;
    /* Borde para visualizar los contenedores */
    margin-top: 90px;
    margin-left: 340px;
    background-color: #CDCDCD;
    /* Color de fondo del cuadro */



}


h2 {
    margin-top: 0;
}




label {
    display: block;
    margin-bottom: 5px;
}

input {
    width: 300px;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 20px;
    border: none;
    /* Elimina los bordes */
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 11px;
}

.grid-container .address-container {
    grid-column: 1 / span 2;
}

button {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;

}

button:hover {
    background-color: #45a049;
}

/* Clase personalizada para modificar el tamaño */
.custom-input {
    width: 650px;
    height: 60px;
    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input1 {
    width: 640px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input2 {
    width: 640px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.custom-input3 {
    width: 640px;

    /* Puedes ajustar el valor para cambiar el tamaño */
}

.center-button {
    padding: 10px 20px;
    background-color: #E6962D;
    color: #fff;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    margin-left: 250px;
    margin-top: 20px;
    border-radius: 20px;
    /* Centra horizontalmente */
}

.Titulo-RFQ {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    font-weight: bold;
    font-size: 20px;

}

.Texto-RFQ {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    font-size: 20px;
}

.Titulo-Columna1 {
    font-family: 'Poppins', sans-serif;
    color: #575756;
    font-weight: bold;
    font-size: 23px;
}

.Texto-Columna1 {
    font-family: 'Poppins', sans-serif;
    color: #575756;

    font-size: 22px;
}

.Puntos-columna1 {
    font-family: 'Poppins', sans-serif;
    color: #575756;

    font-size: 17px;

}

.Puntos-columna12 {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: orange;
    border-radius: 50%;

}

.titulo-texto21 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1055px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 76px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto22 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1138px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 36px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto23 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: -6px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto24 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 33px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto25 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 75px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto26 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 115px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto27 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 155px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto28 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 198px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto29 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 240px;
    font-family: 'Poppins', sans-serif;

    color: #575756;

}

.titulo-texto30 {
    position: absolute;
    /* Asegurarse de agregar position: absolute; */
    top: 1220px;
    /* Mover el texto hacia arriba */
    margin-left: 20px;
    margin-top: 330px;
    font-family: 'Poppins', sans-serif;

    /* Texto en negritas */
    color: #575756;

}

/* Estilos del contenedor de la imagen */
.image-container {
    position: relative;
    /* Permite posicionar el div de forma relativa */
    width: 10px;
    /* Ancho inicial del div (puedes ajustarlo) */
    height: 40px;
    /* Altura inicial del div (puedes ajustarlo) */
    overflow: hidden;
    /* Oculta partes de la imagen que estén fuera del div */
}

/* Estilos de la imagen dentro del contenedor */
.image-container img {
    width: 10%;
    /* Redimensiona la imagen para ocupar todo el ancho del div */
    height: 10%;
    /* Permite que la altura se ajuste proporcionalmente */
}

}