/* =============================================================================
 * /assets/contacto/contacto.css — WIFICOR PERU ✅ CORPORATIVO PRO (CONTACTO)
 * - Plano (sin 3D), nítido, serio
 * - Tipografía corporativa, textos negros
 * - Botones en móvil: NO full width, más pequeños
 * ============================================================================= */

:root{
  --wf:#0f766e;
  --wf2:#0b5f59;

  --ink:#0b0f14;     /* negro */
  --mut:#334155;     /* slate */
  --mut2:#64748b;    /* slate claro */
  --line: rgba(2,6,23,.12);
  --bg:#ffffff;

  --radius:14px;
}

/* ===== SECCIÓN ===== */
.wfCt.wfCt--corp{
  padding:26px 0 60px;
  background:var(--bg);
  color:var(--ink);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wfCt__wrap{
  max-width:1320px;
  margin:0 auto;
  padding:0 16px;
}

/* ===== HEADER ===== */
.wfCt__head{
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(2,6,23,.08);
}

.wfCt__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mut2);
}

.wfCt__title{
  margin:8px 0 6px;
  font-weight:1000;
  font-size:26px;
  letter-spacing:-.02em;
  color:var(--ink);
}

.wfCt__lead{
  margin:0;
  max-width:920px;
  color:var(--mut);
  font-weight:750;
  line-height:1.75;
  font-size:14px;
}

/* ===== GRID ===== */
.wfCt__grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:14px;
  margin-top:14px;
}

/* ===== FORM (plano) ===== */
.wfCtForm{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  padding:14px;
}

.wfCtForm__row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin-bottom:12px;
}
.wfCtForm__row--single{ grid-template-columns:1fr; }

.wfCtField label{
  display:block;
  margin:0 0 6px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.02em;
  color:var(--ink);
}

.wfCtField input,
.wfCtField select,
.wfCtField textarea{
  width:100%;
  border:1px solid rgba(2,6,23,.14);
  border-radius:12px;
  padding:11px 12px;
  font-size:14px;
  font-weight:800;
  color:var(--ink);
  background:#fff;
  outline:none;
}

.wfCtField textarea{ resize:vertical; min-height:130px; }

.wfCtField input::placeholder,
.wfCtField textarea::placeholder{
  color: rgba(100,116,139,.95);
  font-weight:700;
}

.wfCtField input:focus,
.wfCtField select:focus,
.wfCtField textarea:focus{
  border-color: rgba(15,118,110,.55);
  box-shadow:0 0 0 4px rgba(15,118,110,.10);
}

/* ===== ACTIONS ===== */
.wfCtForm__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}

.wfCtBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  font-weight:950;
  font-size:14px;
  text-decoration:none;
  border:1px solid rgba(2,6,23,.12);
  background:#fff;
  color:var(--ink);
  white-space:nowrap;
  transition:filter .16s ease, transform .16s ease;
}

.wfCtBtn--primary{
  background:var(--wf);
  color:#fff;
  border-color:rgba(255,255,255,.18);
}

@media (hover:hover){
  .wfCtBtn:hover{ transform:translateY(-1px); filter:brightness(1.02); }
}

.wfCtForm__note{
  margin:10px 0 0;
  color:var(--mut2);
  font-weight:700;
  font-size:12px;
  line-height:1.6;
}

/* ===== SIDE ===== */
.wfCtSide{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.wfCtCard{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  padding:14px;
}

.wfCtCard--tight{ padding:13px 14px; }

.wfCtCard__k{
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mut2);
  margin-bottom:6px;
}

.wfCtCard__v{
  font-size:15px;
  font-weight:950;
  color:var(--ink);
  margin:0 0 6px;
}

.wfCtCard__hint{
  color:var(--mut2);
  font-weight:700;
  font-size:12px;
  line-height:1.6;
  margin-bottom:8px;
}

.wfCtLink{
  display:inline-flex;
  color:var(--wf);
  font-weight:950;
  text-decoration:none;
}
.wfCtLink:hover{ text-decoration:underline; }

/* ===== MAPA ===== */
.wfCtCard--mapFrame .wfCtMap{
  margin-top:8px;
  border:1px solid rgba(2,6,23,.10);
  border-radius:12px;
  overflow:hidden;
}
.wfCtMap iframe{
  width:100%;
  height:240px;
  border:0;
  display:block;
}

/* ===== RESPONSIVE ===== */
@media (max-width:980px){
  .wfCt__grid{ grid-template-columns:1fr; }
}

@media (max-width:560px){
  .wfCt__wrap{ padding:0 14px; }
  .wfCtForm__row{ grid-template-columns:1fr; }

  /* ✅ BOTONES MÓVIL: MÁS CHICOS y NO full width */
  .wfCtForm__actions{
    gap:8px;
  }
  .wfCtBtn{
    width:auto;             /* ✅ no ocupa todo */
    max-width:100%;
    padding:9px 12px;       /* ✅ más chico */
    font-size:13px;
    border-radius:11px;
  }
}