/* ============ TOKENS (heredados del proyecto) ============ */
.mf-contacto-page{
  --bg:#faf6f1; --bg-sunk:#f3ece2; --surface:#fff;
  --ink:#1f1a16; --ink-soft:#574f47; --ink-mute:#8a8078;
  --line:#ece3d6; --line-strong:#d6cbba;
  --accent:#F3B805; --accent-hover:#d9a402; --accent-soft:#fff4cc; --accent-ink:#3d2e00;
  --nav:#2a6b5d; --nav-soft:#e3f0ec; --nav-dk:#1f5044;
  --star:#ffb020;
  --r-sm:10px; --r-md:14px; --r-lg:22px; --r-pill:999px;
  --shadow-1:0 1px 0 rgba(0,0,0,.03),0 1px 2px rgba(0,0,0,.04);
  --shadow-2:0 2px 4px rgba(0,0,0,.04),0 10px 30px rgba(0,0,0,.08);
  --shadow-3:0 24px 56px rgba(0,0,0,.14);
  --font-display:"Poppins",system-ui,sans-serif;
  --font-ui:"Nunito",system-ui,sans-serif;
}
.mf-contacto-page,.mf-contacto-page *{box-sizing:border-box;}
.mf-contacto-page{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55;font-weight:500;}
.mf-contacto-page button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;}
.mf-contacto-page input,.mf-contacto-page textarea,.mf-contacto-page select{font:inherit;color:inherit;}
.mf-contacto-page img{display:block;max-width:100%;}
.mf-contacto-page a{color:inherit;text-decoration:none;}
.mf-contacto-page :focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px;}

.mf-contacto-page .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

/* ============ NAV (topbar-v4) ============ */
.mf-contacto-page .topbar-v4 {
  display: flex; align-items: center; gap: 24px; padding: 14px 6px;
  background: transparent; color: var(--ink); border-radius: 0; margin: 0 0 18px;
  border-bottom: 1px solid var(--line); position: relative; z-index: 10;
}
.mf-contacto-page .topbar-v4 .brand { display: inline-flex; align-items: center; flex: none; }
.mf-contacto-page .topbar-v4 .brand img { height: 44px; width: auto; filter: none; display: block; }
.mf-contacto-page .topbar-v4 .brand-sm img { height: 44px; }

/* Botón "Configurar figura" del header */
.mf-contacto-page .btn-config {
  display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 999px;
  background: var(--accent); color: var(--accent-ink); font-family: var(--font-display); font-size: 13.5px; font-weight: 700;
  text-decoration: none; border: 0; cursor: pointer; white-space: nowrap; margin-left: 4px;
  box-shadow: 0 6px 16px rgba(243,184,5,.32); transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.mf-contacto-page .btn-config:hover { background: var(--accent-hover); transform: translateY(-1px); box-shadow: 0 10px 22px rgba(243,184,5,.42); }
.mf-contacto-page .btn-config svg { flex: none; }
.mf-contacto-page .btn-config .arr { font-weight: 700; }
.mf-contacto-page .topbar-v4 .nav-links { display: inline-flex; align-items: center; gap: 4px; flex: 1; justify-content: center; background: transparent; padding: 0; }
.mf-contacto-page .topbar-v4 .nav-link {
  color: var(--ink-soft); font-family: var(--font-ui); font-size: 14px; font-weight: 600;
  letter-spacing: 0; text-transform: none; text-decoration: none; padding: 9px 14px; border-radius: 999px; position: relative;
  transition: color .15s ease, background .15s ease;
}
.mf-contacto-page .topbar-v4 .nav-link:hover { color: var(--ink); background: var(--bg-sunk); }
.mf-contacto-page .topbar-v4 .right { display: inline-flex; align-items: center; gap: 8px; flex: none; }
.mf-contacto-page .icon-btn-light {
  width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid var(--line); color: var(--ink); border-radius: 999px; cursor: pointer; position: relative;
  transition: background .15s, border-color .15s, color .15s;
}
.mf-contacto-page .icon-btn-light:hover { background: var(--bg-sunk); border-color: var(--line-strong); }
.mf-contacto-page .icon-btn-light .cart-count {
  position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px;
  border-radius: 999px; background: var(--accent); color: var(--accent-ink); font-size: 10px; font-weight: 800; display: grid; place-items: center; border: 2px solid var(--bg);
}
.mf-contacto-page .hablemos-btn-light {
  display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px;
  background: var(--ink); color: #fff; font-family: var(--font-display); font-size: 13px; font-weight: 700; text-decoration: none; border: 0; cursor: pointer;
  transition: transform .15s ease, background .15s ease; margin-left: 4px;
}
.mf-contacto-page .hablemos-btn-light:hover { background: #25D366; color: #fff; transform: translateY(-1px); }
.mf-contacto-page .hablemos-btn-light svg { flex: none; }
.mf-contacto-page .hablemos-btn-light.hb-min { background: transparent; border: 1px solid var(--line-strong); color: var(--ink); padding: 9px 14px; font-weight: 700; font-size: 13px; }
.mf-contacto-page .hablemos-btn-light.hb-min:hover { background: var(--ink); color: #fff; transform: none; }
.mf-contacto-page .hablemos-btn-light.hb-min svg { color: currentColor; }
.mf-contacto-page .topbar-v4 .right .contact-pill {
  display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px 7px 10px; border-radius: 999px;
  background: transparent; border: 1px solid var(--line); color: var(--ink-soft); text-decoration: none; font-size: 12px; font-weight: 600; transition: all .15s ease;
}
.mf-contacto-page .topbar-v4 .right .contact-pill:hover { color: var(--ink); background: var(--bg-sunk); border-color: var(--line-strong); }
.mf-contacto-page .topbar-v4 .right .contact-pill svg { color: var(--ink-mute); flex: none; }
.mf-contacto-page .topbar-v4 .right .contact-pill b { color: var(--ink); font-weight: 700; }
.mf-contacto-page .lang-switch { position: relative; flex: none; }
.mf-contacto-page .lang-btn {
  display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 10px; border-radius: 999px;
  border: 1px solid var(--line); background: var(--surface); color: var(--ink); font-family: var(--font-ui); font-weight: 700; font-size: 13px; cursor: pointer; transition: background .15s, border-color .15s;
}
.mf-contacto-page .lang-btn:hover { background: var(--bg-sunk); border-color: var(--line-strong); }
.mf-contacto-page .lang-flag { width: 21px; height: 15px; border-radius: 3px; object-fit: cover; display: block; flex: none; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.mf-contacto-page .lang-chev { color: var(--ink-mute); }
.mf-contacto-page .lang-backdrop { position: fixed; inset: 0; z-index: 40; }
.mf-contacto-page .lang-menu {
  position: absolute; top: calc(100% + 8px); right: 0; background: var(--surface); border: 1px solid var(--line);
  border-radius: 12px; box-shadow: 0 14px 30px rgba(0,0,0,.14); padding: 6px; min-width: 168px; z-index: 41; display: flex; flex-direction: column; gap: 2px; animation: mmDrop .16s ease;
}
.mf-contacto-page .lang-opt {
  display: flex; align-items: center; gap: 9px; padding: 10px 12px; border-radius: 9px; border: none; background: transparent; cursor: pointer; text-align: left;
  font-family: var(--font-ui); font-weight: 700; font-size: 14px; color: var(--ink);
}
.mf-contacto-page .lang-opt:hover { background: var(--bg-sunk); }
.mf-contacto-page .lang-opt.on { background: var(--accent-soft); color: var(--accent-ink); }
.mf-contacto-page .icon-btn-wa { display: none; width: 38px; height: 38px; border-radius: 999px; align-items: center; justify-content: center; background: #25D366; color: #fff; flex: none; box-shadow: 0 3px 10px -3px rgba(37,211,102,.5); }
.mf-contacto-page .burger-btn { display: none; width: 40px; height: 40px; border-radius: 12px; align-items: center; justify-content: center; background: var(--ink); color: #fff; border: none; cursor: pointer; flex: none; transition: transform .12s; }
.mf-contacto-page .burger-btn:active { transform: scale(.95); }
.mf-contacto-page .mobile-menu-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.28); z-index: 1; }
.mf-contacto-page .mobile-menu { position: absolute; top: 100%; left: 0; right: 0; background: var(--surface); border-bottom: 1px solid var(--line); box-shadow: 0 16px 32px rgba(0,0,0,.14); padding: 8px; display: flex; flex-direction: column; gap: 2px; z-index: 2; animation: mmDrop .18s ease; }
@keyframes mmDrop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.mf-contacto-page .mm-link { font-family: var(--font-display); font-weight: 700; font-size: 15px; color: var(--ink); text-decoration: none; padding: 13px 14px; border-radius: 10px; display: flex; align-items: center; gap: 10px; }
.mf-contacto-page .mm-link:hover, .mf-contacto-page .mm-link:active { background: var(--bg-sunk); }
.mf-contacto-page .mm-account { margin-top: 6px; padding-top: 15px; border-top: 1px solid var(--line); color: var(--ink-soft); }
.mf-contacto-page .mm-account svg { color: var(--ink-mute); }
.mf-contacto-page .lang-menu[hidden], .mf-contacto-page .lang-backdrop[hidden], .mf-contacto-page .mobile-menu[hidden], .mf-contacto-page .mobile-menu-backdrop[hidden] { display: none !important; }
@media (max-width: 980px) {
  .mf-contacto-page .topbar-v4 { gap: 10px; padding: 12px 4px; }
  .mf-contacto-page .topbar-v4 .brand { margin-right: auto; }
  .mf-contacto-page .topbar-v4 .nav-links { display: none; }
  .mf-contacto-page .topbar-v4 .brand img { height: 28px; }
  .mf-contacto-page .topbar-v4 .account-btn, .mf-contacto-page .topbar-v4 .hablemos-btn-light, .mf-contacto-page .topbar-v4 .contact-pill, .mf-contacto-page .topbar-v4 .btn-config { display: none !important; }
  .mf-contacto-page .topbar-v4 .icon-btn-wa { display: inline-flex; }
  .mf-contacto-page .topbar-v4 .burger-btn { display: inline-flex; }
  .mf-contacto-page .topbar-v4 .lang-btn { width: 38px; height: 38px; padding: 0; gap: 0; justify-content: center; }
  .mf-contacto-page .topbar-v4 .lang-code, .mf-contacto-page .topbar-v4 .lang-chev { display: none; }
  .mf-contacto-page .topbar-v4 .brand, .mf-contacto-page .topbar-v4 .right { position: relative; z-index: 3; }
}
@media (max-width: 720px) { .mf-contacto-page .topbar-v4 .right .contact-pill { display: none; } }

/* ============ SECTION SHELL ============ */
.mf-contacto-page section{scroll-margin-top:90px;}
.mf-contacto-page .sec{padding:84px 0 0;}
.mf-contacto-page .eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-hover);margin-bottom:10px;}
.mf-contacto-page .sec-h2{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.02em;margin:0;line-height:1.08;}
.mf-contacto-page .sec-h2 em{font-style:italic;color:var(--nav);font-family:var(--font-display);font-weight:700;}
.mf-contacto-page .sec-lead{color:var(--ink-soft);max-width:48ch;font-size:15.5px;margin:14px 0 0;}

.mf-contacto-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:var(--r-md);font-weight:600;font-size:16px;font-family:var(--font-display);transition:transform .1s,background .12s,box-shadow .12s;}
.mf-contacto-page .btn:active{transform:translateY(1px);}
.mf-contacto-page .btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 22px rgba(243,184,5,.38);}
.mf-contacto-page .btn-primary:hover{background:var(--accent-hover);box-shadow:0 12px 28px rgba(243,184,5,.48);}
.mf-contacto-page .btn-wa{background:#25D366;color:#fff;box-shadow:0 8px 22px rgba(37,211,102,.34);}
.mf-contacto-page .btn-wa:hover{background:#1eb858;}
.mf-contacto-page .btn-secondary{background:var(--surface);color:var(--ink);border:1.5px solid var(--line-strong);}
.mf-contacto-page .btn-secondary:hover{background:var(--bg-sunk);}
.mf-contacto-page .btn-dark{background:var(--ink);color:#fff;}
.mf-contacto-page .btn-dark:hover{background:#000;}

/* ============ HERO ============ */
.mf-contacto-page .hero{padding-top:58px;}
.mf-contacto-page .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;}
@media(max-width:960px){.mf-contacto-page .hero-grid{grid-template-columns:1fr;gap:40px;}}
.mf-contacto-page .hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--nav-soft);color:var(--nav-dk);padding:7px 14px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600;}
.mf-contacto-page .hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.025em;margin:18px 0 0;}
.mf-contacto-page .hero h1 em{font-style:italic;color:var(--nav);font-weight:700;}
.mf-contacto-page .hero p.sub{color:var(--ink-soft);font-size:17px;max-width:40ch;margin:18px 0 0;}
.mf-contacto-page .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.mf-contacto-page .hero-reassure{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap;color:var(--ink-mute);font-size:13px;font-weight:700;}
.mf-contacto-page .hero-reassure span{display:inline-flex;align-items:center;gap:7px;}
.mf-contacto-page .hero-reassure svg{color:var(--nav);}

.mf-contacto-page .polas{position:relative;height:440px;}
@media(max-width:960px){.mf-contacto-page .polas{height:400px;max-width:440px;margin:0 auto;}}
.mf-contacto-page .pola{position:absolute;background:#fff;padding:12px 12px 0;border-radius:8px;box-shadow:var(--shadow-3);width:260px;}
.mf-contacto-page .pola .ph{aspect-ratio:1/1;border-radius:5px;overflow:hidden;background:var(--bg-sunk);display:grid;place-items:center;}
.mf-contacto-page .pola .cap{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--ink-soft);text-align:center;padding:12px 4px 14px;}
.mf-contacto-page .pola.one{left:2%;top:14px;transform:rotate(-6deg);z-index:2;}
.mf-contacto-page .pola.two{right:2%;top:120px;transform:rotate(5deg);z-index:1;width:240px;}
.mf-contacto-page .pola .ph svg{width:64%;height:64%;}
.mf-contacto-page .float-badge{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);z-index:5;background:var(--ink);color:#fff;border-radius:var(--r-pill);padding:11px 18px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px;box-shadow:var(--shadow-2);white-space:nowrap;}
.mf-contacto-page .dot-pulse{width:10px;height:10px;border-radius:50%;background:#3ddc84;position:relative;}
.mf-contacto-page .dot-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:#3ddc84;animation:pulse 1.8s ease-out infinite;}
@keyframes pulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(3.2);opacity:0;}}

/* ============ CANALES ============ */
.mf-contacto-page .chan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;}
@media(max-width:760px){.mf-contacto-page .chan-grid{grid-template-columns:1fr;}}
.mf-contacto-page .chan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-1);transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;flex-direction:column;gap:6px;}
.mf-contacto-page .chan:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--line-strong);}
.mf-contacto-page .chan .ico{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:10px;}
.mf-contacto-page .chan h3{font-family:var(--font-display);font-weight:700;font-size:18px;margin:0;}
.mf-contacto-page .chan p{color:var(--ink-soft);font-size:14px;margin:2px 0 0;}
.mf-contacto-page .chan .val{font-weight:600;color:var(--ink);font-size:15px;margin-top:8px;}
.mf-contacto-page .chan .go{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13.5px;color:var(--nav);}
.mf-contacto-page .chan.wa{grid-column:1/-1;background:linear-gradient(120deg,#eafaf0,#d9f5e4);border-color:#bfe9cf;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;}
@media(max-width:760px){.mf-contacto-page .chan.wa{grid-template-columns:1fr;text-align:left;}}
.mf-contacto-page .chan.wa .ico{background:#25D366;color:#fff;margin:0;width:58px;height:58px;}
.mf-contacto-page .chan.wa h3{font-size:21px;}
.mf-contacto-page .chan.wa .wa-status{font-size:13px;font-weight:600;color:#1e8a4c;display:inline-flex;align-items:center;gap:8px;margin-top:6px;}
.mf-contacto-page .ico.email{background:var(--accent-soft);color:var(--accent-ink);}
.mf-contacto-page .ico.insta{background:#fce4ec;color:#c2185b;}
.mf-contacto-page .ico.hora{background:var(--nav-soft);color:var(--nav);}

.mf-contacto-page .live{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;padding:6px 12px;border-radius:var(--r-pill);margin-top:6px;}
.mf-contacto-page .live.open{background:#e3f7ec;color:#1e8a4c;}
.mf-contacto-page .live.closed{background:#fdecec;color:#c0392b;}

/* ============ FORM ============ */
.mf-contacto-page .form-card{margin-top:36px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2);display:grid;grid-template-columns:1.25fr .85fr;}
@media(max-width:880px){.mf-contacto-page .form-card{grid-template-columns:1fr;}}
.mf-contacto-page .form-main{padding:36px;}
@media(max-width:520px){.mf-contacto-page .form-main{padding:24px;}}
.mf-contacto-page .form-main h3{font-family:var(--font-display);font-weight:600;font-size:24px;margin:0 0 6px;}
.mf-contacto-page .form-main .hint{color:var(--ink-soft);font-size:14px;margin:0 0 22px;}
.mf-contacto-page .chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:8px;}
.mf-contacto-page .chip{padding:9px 15px;border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:var(--surface);font-weight:700;font-size:13.5px;color:var(--ink-soft);transition:all .14s;}
.mf-contacto-page .chip:hover{border-color:var(--nav);color:var(--nav);}
.mf-contacto-page .chip[aria-pressed="true"]{background:var(--nav);border-color:var(--nav);color:#fff;}
.mf-contacto-page .field{margin-top:18px;}
.mf-contacto-page .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;}
.mf-contacto-page .field-row .field{margin-top:0;}
@media(max-width:560px){.mf-contacto-page .field-row{grid-template-columns:1fr;gap:0;}.mf-contacto-page .field-row .field{margin-top:18px;}}
.mf-contacto-page .field label{display:block;font-weight:600;font-size:13px;margin-bottom:7px;color:var(--ink);}
.mf-contacto-page .field label .req{color:var(--accent-hover);}
.mf-contacto-page .field input,.mf-contacto-page .field textarea{width:100%;padding:13px 15px;border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:#fff;font-weight:600;font-size:15px;transition:border-color .14s,box-shadow .14s;}
.mf-contacto-page .field input:focus,.mf-contacto-page .field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}
.mf-contacto-page .field textarea{resize:vertical;min-height:96px;}
.mf-contacto-page .field.bad input,.mf-contacto-page .field.bad textarea{border-color:#e05a4f;box-shadow:0 0 0 3px #fdecea;}
.mf-contacto-page .err{color:#c0392b;font-size:12.5px;font-weight:700;margin-top:6px;display:none;}
.mf-contacto-page .field.bad .err{display:block;}
.mf-contacto-page .field-cond{display:none;}
.mf-contacto-page .field-cond.show{display:block;animation:slideIn .25s ease;}
@keyframes slideIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.mf-contacto-page .consent{display:flex;gap:11px;align-items:flex-start;margin-top:20px;font-size:13px;color:var(--ink-soft);font-weight:600;line-height:1.5;}
.mf-contacto-page .consent input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--nav);}
.mf-contacto-page .consent a{color:var(--nav);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.mf-contacto-page .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.mf-contacto-page .form-submit{margin-top:24px;width:100%;}
.mf-contacto-page .form-submit.loading{opacity:.7;pointer-events:none;}
.mf-contacto-page .form-foot{margin-top:14px;font-size:12px;color:var(--ink-mute);text-align:center;font-weight:600;}

.mf-contacto-page .form-side{background:var(--ink);color:#fff;padding:36px;}
@media(max-width:520px){.mf-contacto-page .form-side{padding:24px;}}
.mf-contacto-page .form-side h4{font-family:var(--font-display);font-weight:700;font-size:17px;margin:0 0 22px;color:#fff;}
.mf-contacto-page .step{display:flex;gap:14px;margin-bottom:22px;}
.mf-contacto-page .step .n{width:34px;height:34px;flex:none;border-radius:50%;background:rgba(255,255,255,.1);color:var(--accent);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:15px;}
.mf-contacto-page .step .st-t{font-family:var(--font-display);font-weight:700;font-size:14.5px;}
.mf-contacto-page .step .st-s{color:#c9bfb2;font-size:13px;font-weight:600;margin-top:2px;line-height:1.5;}
.mf-contacto-page .side-note{margin-top:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:#c9bfb2;font-weight:600;display:flex;gap:9px;align-items:flex-start;}
.mf-contacto-page .side-note svg{color:var(--accent);flex:none;margin-top:1px;}

.mf-contacto-page .form-success{display:none;padding:54px 36px;text-align:center;grid-column:1/-1;}
.mf-contacto-page .form-success.show{display:block;animation:slideIn .35s ease;}
.mf-contacto-page .succ-check{width:78px;height:78px;border-radius:50%;background:var(--nav-soft);display:grid;place-items:center;margin:0 auto 20px;animation:pop .5s cubic-bezier(.2,.9,.3,1.2) both;}
.mf-contacto-page .succ-check svg{color:var(--nav);}
@keyframes pop{from{transform:scale(.5);opacity:0;}to{transform:scale(1);opacity:1;}}
.mf-contacto-page .form-success h3{font-family:var(--font-display);font-weight:600;font-size:26px;margin:0 0 10px;}
.mf-contacto-page .form-success p{color:var(--ink-soft);max-width:42ch;margin:0 auto;font-size:15px;}

/* ============ B2B ============ */
.mf-contacto-page .b2b{margin-top:84px;border-radius:34px;overflow:hidden;position:relative;background:linear-gradient(135deg,#F7C81E 0%,#F3B805 55%,#e9ad03 100%);color:var(--ink);box-shadow:var(--shadow-2);}
.mf-contacto-page .b2b::after{content:"";position:absolute;top:-90px;right:-50px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.18);pointer-events:none;}
.mf-contacto-page .b2b-in{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;padding:50px;align-items:center;}
@media(max-width:860px){.mf-contacto-page .b2b-in{grid-template-columns:1fr;padding:32px;}}
.mf-contacto-page .b2b .eyebrow{color:var(--accent-ink);opacity:.62;}
.mf-contacto-page .b2b h2{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,3.4vw,40px);margin:0;line-height:1.06;letter-spacing:-.025em;}
.mf-contacto-page .b2b p{color:var(--accent-ink);opacity:.82;font-size:15.5px;margin:16px 0 0;max-width:46ch;font-weight:600;}
.mf-contacto-page .b2b-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
.mf-contacto-page .b2b-chip{background:rgba(31,26,22,.07);border:1px solid rgba(31,26,22,.13);color:var(--accent-ink);border-radius:var(--r-pill);padding:9px 15px;font-weight:700;font-size:13px;}
.mf-contacto-page .b2b-logos{margin-top:24px;}
.mf-contacto-page .b2b-logos-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-ink);opacity:.55;margin-bottom:11px;}
.mf-contacto-page .b2b-logos-row{display:flex;flex-wrap:wrap;gap:12px;}
.mf-contacto-page .b2b-logo{height:48px;flex:1 1 0;min-width:92px;max-width:142px;background:#fff;border-radius:12px;box-shadow:0 5px 16px rgba(31,26,22,.14);display:grid;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);}
.mf-contacto-page .b2b-actions{display:flex;flex-direction:column;gap:12px;}
.mf-contacto-page .b2b-actions .btn{width:100%;}
.mf-contacto-page .btn-outline-dark{background:transparent;color:var(--ink);border:1.5px solid rgba(31,26,22,.32);}
.mf-contacto-page .btn-outline-dark:hover{background:rgba(31,26,22,.06);border-color:rgba(31,26,22,.5);}

/* ============ BOCETO GRATIS ============ */
.mf-contacto-page .boceto-band{position:relative;margin-top:84px;padding:52px 48px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden;}
@media(max-width:620px){.mf-contacto-page .boceto-band{padding:32px 24px;}}
.mf-contacto-page .boceto-inner{position:relative;z-index:1;}

/* ============ FAQ ============ */
/* Es la última sección: añade aire abajo para que no quede pegada al footer. */
.mf-contacto-page #faq{padding-bottom:84px;}
.mf-contacto-page .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1180px;margin:36px auto 0;align-items:start;}
@media(max-width:760px){.mf-contacto-page .faq-list{grid-template-columns:1fr;}}
.mf-contacto-page .faq-item{background:#fbf5ea;border:1px solid #f0e6d4;border-radius:18px;overflow:hidden;transition:border-color .15s,background .15s;}
.mf-contacto-page .faq-item[open]{border-color:#f0d68a;background:#fdf8ee;}
.mf-contacto-page .faq-item summary{list-style:none;cursor:pointer;padding:18px 14px 18px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-display);font-weight:600;font-size:15.5px;}
.mf-contacto-page .faq-item summary::-webkit-details-marker{display:none;}
.mf-contacto-page .faq-item summary .chev{width:30px;height:30px;flex:none;border-radius:9px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;transition:transform .25s,background .15s;}
.mf-contacto-page .faq-item[open] summary .chev{transform:rotate(45deg);background:var(--accent);}
.mf-contacto-page .faq-item .body{padding:0 22px 20px;font-size:14px;color:var(--ink-soft);line-height:1.6;font-weight:500;}

/* ============ CLOSE + LEGAL ============ */
.mf-contacto-page .close{margin-top:84px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:54px 32px;box-shadow:var(--shadow-1);}
.mf-contacto-page .close h2{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,3vw,38px);margin:0;letter-spacing:-.02em;}
.mf-contacto-page .close h2 em{font-style:italic;color:var(--nav);font-weight:700;}
.mf-contacto-page .close p{color:var(--ink-soft);max-width:46ch;margin:14px auto 0;font-size:16px;}
.mf-contacto-page .close .close-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px;}

.mf-contacto-page .legal{margin-top:44px;padding:30px;background:var(--bg-sunk);border-radius:var(--r-lg);font-size:12.5px;color:var(--ink-mute);line-height:1.7;}
.mf-contacto-page .legal b{color:var(--ink-soft);}
.mf-contacto-page .legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:760px){.mf-contacto-page .legal-grid{grid-template-columns:1fr;gap:18px;}}
.mf-contacto-page .legal-grid h5{font-family:var(--font-display);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0 0 8px;}

/* footer */
.mf-contacto-page .foot-wrap{max-width:1180px;margin:0 auto;padding:0 24px 64px;}
.mf-contacto-page .foot{margin-top:84px;padding-top:38px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;font-size:13px;color:var(--ink-soft);}
@media (max-width:780px){.mf-contacto-page .foot{grid-template-columns:1fr 1fr;gap:28px;}}
.mf-contacto-page .foot h6{font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;color:var(--ink);font-family:var(--font-display);}
.mf-contacto-page .foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-weight:600;}
.mf-contacto-page .foot a:hover{color:var(--accent);}

/* reveal */
.mf-contacto-page .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.mf-contacto-page .reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.mf-contacto-page .reveal{opacity:1;transform:none;transition:none;}.mf-contacto-page .dot-pulse::after{animation:none;}}