/* Marca TuTurnoYa (ver marca/manual-de-marca.html).
   Solo para las páginas de TuTurnoYa (principal, formulario, términos, privacidad): las páginas de cada negocio usan SUS colores.
   Colores: verde Salta #1F4D45 · dorado #B08D57 (poquito: el "Ya", líneas) · marfil #F6F4EE · tinta #1C2321 · salvia #9DB3AE.
   Letras: Cormorant Garamond (títulos y logo) + Figtree (textos y botones). */
.marca{
  --p:#1F4D45; --bg:#F6F4EE; --ink:#1C2321; --card:#FFFFFF; --line:#DCD8CC; --muted:#5B6662; --soft:#E7EEEC;
  --oro:#B08D57; --oro-texto:#9A7843; --salvia:#9DB3AE; --ok:#1F4D45;
  font-family:"Figtree","Segoe UI",system-ui,sans-serif; background:var(--bg); color:var(--ink);
}
.marca h1,.marca h2,.marca h3,.marca .wm,.marca .serif{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.01em}
.marca .step h2{font-size:1.45rem;color:var(--p)}
.wm{white-space:nowrap}
.wm em{font-style:italic;color:var(--oro)}
.iso{width:40px;height:40px;flex:none;display:block}
.eyebrow-m{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oro-texto);font-weight:600}

.marca .wrap{max-width:640px}
.marca main > h1{font-size:2.1rem;color:var(--p);line-height:1.1}
.marca main h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.35rem;color:var(--p)}

/* Franja verde de portada */
.hero-m{background:#1F4D45;color:#F6F4EE;text-align:center;padding:42px 16px 46px}
.hero-m .logo-m{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.hero-m .iso{width:54px;height:54px}
.hero-m .wm{font-size:clamp(2.3rem,9vw,3.2rem);color:#F6F4EE;line-height:1}
.hero-m .wm em{color:#C9A66E}
.hero-m .slogan{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.65rem;margin:14px 0 8px;color:#F6F4EE}
.hero-m p{color:#C9D6D2;max-width:520px;margin:0 auto;font-size:1.02rem}
.hero-m .ctas{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}

/* Encabezado chico (formulario, términos, privacidad) */
.top-m{display:flex;justify-content:center;padding:22px 16px 6px}
.top-m a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#1F4D45}
.top-m .iso{width:36px;height:36px}
.top-m .wm{font-size:1.9rem;line-height:1}

/* Botones redondeados de la marca */
.btn-m{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 1rem "Figtree",system-ui,sans-serif;padding:13px 24px;border-radius:999px;text-decoration:none;cursor:pointer;border:1.5px solid transparent}
.btn-m.claro{background:#F6F4EE;color:#1F4D45}
.btn-m.linea{border-color:rgba(246,244,238,.55);color:#F6F4EE;background:transparent}
.btn-m.verde{background:#1F4D45;color:#F6F4EE}
.btn-m:focus-visible{outline:2px solid #B08D57;outline-offset:2px}
.marca .btn{border-radius:999px}

/* Frase de la marca y pasos */
.cita-m{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(1.5rem,6vw,1.9rem);line-height:1.2;border-left:3px solid var(--oro);padding-left:16px;margin:28px 0 6px;color:var(--ink)}
.pasos-m{list-style:none;display:grid;gap:10px;counter-reset:p}
.pasos-m li{counter-increment:p;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;font-size:.95rem}
.pasos-m li::before{content:counter(p);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.8rem;font-weight:600;color:var(--oro);line-height:1}
.pasos-m b{display:block}
.marca .lista li{display:flex;gap:10px;align-items:flex-start}
.marca .lista i{color:var(--p);margin-top:4px;width:16px;text-align:center}

/* Planes con letra de la marca */
.marca .plan .precio{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.2rem;color:var(--ink)}
.marca .plan h3{font-size:1.5rem;color:var(--p)}
.marca .plan ul i{color:var(--p)}
.marca .plan .tag{background:var(--oro)}

/* Preguntas */
.faq-m details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px}
.faq-m summary{cursor:pointer;font-weight:600;font-size:.95rem}
.faq-m p{color:var(--muted);font-size:.9rem;margin-top:8px}

/* Pie */
.pie-m{text-align:center;padding:30px 16px 10px;font-size:.85rem;color:var(--muted)}
.pie-m .logo-m{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#1F4D45;margin-bottom:8px}
.pie-m .iso{width:26px;height:26px}
.pie-m .wm{font-size:1.4rem}
.pie-m a{color:var(--muted)}

/* "Hecho con TuTurnoYa" (abajo de la página de cada negocio, discreto) */
.hecho-con{display:flex;justify-content:center;margin-top:18px}
.hecho-con a{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--muted);text-decoration:none;opacity:.85}
.hecho-con img{width:16px;height:16px}
.hecho-con b{font-family:"Cormorant Garamond",Georgia,serif;font-size:.95rem;color:#1F4D45}
.hecho-con b em{font-style:italic;color:#B08D57}