.ms-contact-wrapper {
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
    box-sizing: border-box; /* Vital para que el padding no sume ancho */
    padding: 0 15px; /* Margen de seguridad para móviles */
}

.ms-contact-form *, .ms-contact-wrapper * {
    box-sizing: border-box;
}

.ms-field { margin-bottom: 20px; width: 100%; }

.ms-field label { 
    display: block; 
    font-weight: 700; 
    margin-bottom: 8px; 
    font-size: 14px; 
}

.ms-field .required { color: #d0121a; }

.ms-field input, .ms-field textarea {
    width: 100%; /* Ocupa el 100% del contenedor padre */
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-family: inherit;
    font-size: 16px; /* 16px evita el zoom automático en iPhone */
}

.ms-submit-btn {
    background: #111;
    color: #fff;
    border: none;
    padding: 16px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
    transition: all 0.2s;
    text-transform: uppercase;
}

.ms-submit-btn:hover { background: #000; }
.ms-submit-btn:disabled { background: #ccc; cursor: not-allowed; }

.ms-alert { 
    padding: 15px; 
    border-radius: 6px; 
    margin-bottom: 20px; 
    font-size: 14px; 
    font-weight: 600; 
    text-align: center;
}
.ms-success { background: #e6f9ed; color: #1e7e34; border: 1px solid #c3e6cb; }
.ms-error { background: #fdf0f0; color: #d0121a; border: 1px solid #f5c6cb; }