/* Ajustes para que el formulario de Fluent Forms se vea como el del diseño aprobado.
   El CSS original ya estiliza `form`, `input`, `select`, `textarea`; aquí solo afinamos
   lo propio de Fluent Forms (etiquetas, separaciones, fila de dos columnas y el botón). */

.mas-form-wrap .fluentform{margin:0}
.mas-form-wrap form{display:block;padding:40px;background:var(--off);border-radius:var(--radius);border-top:4px solid var(--gold)}
.mas-form-wrap .ff-el-group{margin-bottom:16px}
.mas-form-wrap .ff-el-group:last-of-type{margin-bottom:0}
.mas-form-wrap .ff-el-input--label label{font-size:12.5px;font-weight:600;color:var(--navy);margin-bottom:6px;display:block;letter-spacing:.3px}
.mas-form-wrap .ff-el-input--content input,
.mas-form-wrap .ff-el-input--content select,
.mas-form-wrap .ff-el-input--content textarea{width:100%;padding:14px 16px;border:1px solid #dde2e9;border-radius:var(--radius);font-family:inherit;font-size:14.5px;background:#fff;color:var(--text)}
.mas-form-wrap .ff-el-input--content input:focus,
.mas-form-wrap .ff-el-input--content select:focus,
.mas-form-wrap .ff-el-input--content textarea:focus{outline:none;border-color:var(--gold)}
.mas-form-wrap textarea{min-height:120px;resize:vertical}

/* Fila de dos columnas (nombre / apellido, email / teléfono) */
.mas-form-wrap .ff-t-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mas-form-wrap .ff-t-container .ff-t-cell{padding:0}

/* Botón de envío con el estilo dorado de la marca */
.mas-form-wrap .ff-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 34px;border-radius:var(--radius);font-weight:600;font-size:15px;letter-spacing:.4px;border:none;cursor:pointer;background:var(--gold);color:var(--navy);transition:all .25s ease}
.mas-form-wrap .ff-btn-submit:hover{background:var(--gold-light);color:var(--navy);transform:translateY(-2px);box-shadow:0 8px 24px rgba(168,137,74,.4)}

/* Mensajes de éxito/validación */
.mas-form-wrap .ff-message-success{color:#1fb457;font-weight:600;font-size:14px}
.mas-form-wrap .ff-el-form-bottom{margin-top:6px}
.mas-form-wrap .mas-form-legal{font-size:12px;color:#8a94a3;margin-top:12px}

@media(max-width:560px){
  .mas-form-wrap .ff-t-container{grid-template-columns:1fr}
}