/* Mitrione Abogados — CSS DE CONTACTO (/contacto/). Incluye el estilo del formulario de Fluent Forms. */

.mt .ct{background:#241f27;color:#fff}
.mt .ct-in{max-width:1240px;margin:0 auto;padding:88px 24px 112px;display:flex;flex-wrap:wrap;gap:56px 80px}
.mt .ct-info{flex:1 1 420px;min-width:0}
.mt .ct-info .eyebrow{margin-bottom:16px}
.mt .ct-title{margin:0 0 24px;font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.04;letter-spacing:-0.02em;color:#fff}
.mt .ct-title em{font-style:italic;font-weight:400;color:#e9e3ec}
.mt .ct-lead{margin:0 0 44px;font-size:19px;color:#d8d2db;max-width:30em}
.mt .ct-lines{display:flex;flex-direction:column;gap:18px;font-size:17px}
.mt .ct-lines a{display:flex;gap:12px;color:#fff;text-decoration:none;transition:color .2s ease}
.mt .ct-lines a:hover{color:#ff7220}
.mt .ct-lines span{color:#ff7220;font-weight:600;min-width:96px}
.mt .ct-info .btn-wa{margin-top:40px}

/* Tarjeta del formulario */
.mt .ct-form{align-self:flex-start;flex:1 1 460px;min-width:0;background:#fff;color:#241f27;border-radius:8px;padding:40px;box-shadow:0 24px 60px rgba(10,6,12,.4)}
.mt .ct-note{margin:18px 0 0;font-size:13px;color:#6b6370}
.mt .ct-fallback{margin:0;font-size:16px;color:#5c5460}

/* --- Fluent Forms: mismo diseño que el artifact --- */
.mt .ct-form .fluentform .ff-el-group{margin-bottom:18px}
.mt .ct-form .fluentform .ff-t-container{display:grid !important;grid-template-columns:minmax(0,1fr);gap:18px;margin:0}
.mt .ct-form .fluentform .ff-column-container{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 18px}
.mt .ct-form .fluentform .ff-t-cell .ff-el-input--content,.mt .ct-form .fluentform .ff-t-cell .ff-el-form-control{width:100% !important;max-width:100%}
.mt .ct-form .fluentform .ff-t-cell{width:auto !important;max-width:none !important;flex:none !important;min-width:0;padding:0 !important}
@media (max-width:480px){.mt .ct-form .fluentform .ff-column-container{grid-template-columns:1fr}}
.mt .ct-form .fluentform .ff-t-container .ff-el-group{margin-bottom:0}
.mt .ct-form .fluentform .ff-el-input--label{margin-bottom:6px}
.mt .ct-form .fluentform .ff-el-input--label label{font-family:inherit;font-size:14px;font-weight:600;color:#241f27;margin:0}
.mt .ct-form .fluentform .ff-el-is-required.asterisk-right label::after{color:#ff7220}
.mt .ct-form .fluentform .ff-el-form-control{font:inherit;font-weight:400;font-size:16px;line-height:1.4;padding:13px 14px;border:1px solid #c9c2cc;border-radius:4px;background:#fff;color:#241f27;box-shadow:none;height:auto;width:100%}
.mt .ct-form .fluentform select.ff-el-form-control{appearance:auto}
.mt .ct-form .fluentform textarea.ff-el-form-control{resize:vertical;min-height:130px}
.mt .ct-form .fluentform .ff-el-form-control:focus{border-color:#241f27;box-shadow:none;outline:3px solid #ff7220;outline-offset:3px}
.mt .ct-form .fluentform .ff-btn-submit{display:block;width:100%;font:inherit;font-weight:700;font-size:17px;background:#ff7220;color:#fff;border:0;border-radius:4px;padding:17px 24px;cursor:pointer;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.mt .ct-form .fluentform .ff-btn-submit:hover{background:#ff7220;color:#fff;filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 8px 20px rgba(255,114,32,.28);opacity:1}
.mt .ct-form .fluentform .ff-btn-submit:active{transform:translateY(1px) scale(.98);box-shadow:none}
.mt .ct-form .fluentform .ff_submit_btn_wrapper{margin:0}
.mt .ct-form .fluentform .text-danger,.mt .ct-form .fluentform .error{font-size:13px;color:#b3261e}
.mt .ct-form .fluentform .ff-message-success{margin:0;padding:20px 24px;border:1px solid #e4dfe6;border-left:4px solid #ff7220;border-radius:4px;background:#fbfaf8;color:#241f27;box-shadow:none}

@media (max-width:760px){
.mt .ct-in{padding:64px 24px 80px}
.mt .ct-form{padding:28px 20px}
.mt .ct-lines span{min-width:84px}
.mt .ct-info .btn-wa{display:flex;width:100%;justify-content:center}
}