/* ==================================================
   BLOQUE QUIERO APRENDER 1 - CONTENEDOR GENERAL
================================================== */
.quiero-aprender-contenedor {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 20px 40px 20px;
}

/* ==================================================
   BLOQUE QUIERO APRENDER 2 - ENCABEZADO
================================================== */
.quiero-aprender-encabezado {
    margin-bottom: 30px;
    text-align: center;
}

.quiero-aprender-encabezado h1 {
    margin-bottom: 10px;
}

.quiero-aprender-subtitulo {
    margin: 0;
    opacity: 0.85;
    line-height: 1.7;
    text-align: center;
}

/* ==================================================
   BLOQUE QUIERO APRENDER 3 - BOTÓN VOLVER
================================================== */
.quiero-aprender-boton-volver {
    margin-bottom: 30px;
    text-align: center;
}

.quiero-aprender-boton-volver .boton-verde {
    font-size: 14px;
    padding: 8px 18px;
}

/* ==================================================
   BLOQUE QUIERO APRENDER 4 - MENSAJE DE ÉXITO
================================================== */
.quiero-aprender-exito {
    background-color: rgba(34, 197, 94, 0.15);
    border: 1px solid rgba(34, 197, 94, 0.4);
    padding: 18px;
    border-radius: 10px;
    margin-bottom: 25px;
    text-align: center;
    line-height: 1.6;
}

/* ==================================================
   BLOQUE QUIERO APRENDER 5 - TARJETA DEL FORMULARIO
================================================== */
.quiero-aprender-formulario-caja {
    background-color: rgba(255, 255, 255, 0.04);
    padding: 25px;
    border-radius: 14px;
    max-width: 700px;
    margin: 0 auto;
}

/* ==================================================
   BLOQUE QUIERO APRENDER 6 - CAMPOS DEL FORMULARIO
================================================== */
.quiero-aprender-campo {
    margin-bottom: 18px;
    text-align: left;
}

.quiero-aprender-campo textarea {
    resize: vertical;
    min-height: 120px;
}

.quiero-aprender-boton-enviar {
    margin: 10px auto 0;
    font-size: 14px;
    padding: 8px 18px;
}

/* ==================================================
   BLOQUE QUIERO APRENDER 7 - RESPONSIVE
================================================== */
@media (max-width: 768px) {
    .quiero-aprender-contenedor {
        padding: 15px 12px 30px 12px;
    }

    .quiero-aprender-formulario-caja {
        padding: 20px;
    }
}