/*=========================================
    MUNDO ESCOLAR - ESTILO CONTACTO
    Solo para contacto.php
=========================================*/

.form-contacto{
    background: rgb(255, 255, 255);
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 1px 3px rgba(26, 29, 35, .08), 0 1px 2px rgba(26, 29, 35, .05);
    max-width: 600px;
    margin: 0 auto;
}
.form-contacto label{ display: block; margin-top: 12px; font-size: 14px; color: var(--color-texto-claro); }
.form-contacto input,
.form-contacto textarea{
    width: 100%;
    padding: 10px;
    margin-top: 4px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-family: inherit;
    font-size: 15px;
}
.form-contacto textarea{ min-height: 100px; resize: vertical; }
.mensaje-exito{
    background: #B7E4C7;
    padding: 12px 18px;
    border-radius: 10px;
    max-width: 600px;
    margin: 0 auto 20px;
    text-align: center;
}