/*
 * VEIA Giro — caracterizaciones por giro.
 *
 * La paleta se inyecta inline desde inc/giros.php (variables --c-*).
 * Aquí solo se define el par tipográfico y pequeños rasgos de carácter.
 * Truco clave: no se duplica el CSS base, solo se sobreescriben variables.
 */

/* ----------------------------------------------------------------
   1. Tipografías por giro
   ---------------------------------------------------------------- */
body.giro-barberia {
	--font-display: "Bebas Neue", Impact, sans-serif;
	--font-body: "Inter", system-ui, sans-serif;
	--radius: 8px;
	--radius-sm: 6px;
}
body.giro-estetica {
	--font-display: "Playfair Display", Georgia, serif;
	--font-body: "Poppins", system-ui, sans-serif;
}
body.giro-dental {
	--font-display: "Merriweather", Georgia, serif;
	--font-body: "Source Sans 3", system-ui, sans-serif;
	--radius: 14px;
}
body.giro-taller {
	--font-display: "Oswald", Impact, sans-serif;
	--font-body: "Roboto", system-ui, sans-serif;
	--radius: 10px;
}
body.giro-veterinaria {
	--font-display: "Nunito", system-ui, sans-serif;
	--font-body: "Nunito Sans", system-ui, sans-serif;
	--radius: 26px;
	--radius-sm: 18px;
}

/* ----------------------------------------------------------------
   2. Rasgos de carácter (mínimos y opcionales)
   ---------------------------------------------------------------- */

/* Barbería: titulares condensados en mayúsculas, botones rectos. */
body.giro-barberia h1,
body.giro-barberia h2,
body.giro-barberia h3 {
	letter-spacing: .04em;
	text-transform: uppercase;
}
body.giro-barberia .brand__name { letter-spacing: .06em; text-transform: uppercase; }
body.giro-barberia .btn { border-radius: 6px; text-transform: uppercase; letter-spacing: .05em; }

/* Estética: elegancia, botones tipo píldora (ya por defecto). */
body.giro-estetica .eyebrow { letter-spacing: .2em; }

/* Dental: limpieza y orden, titulares un poco más sobrios. */
body.giro-dental .hero { background: linear-gradient(120deg, var(--c-surface), var(--c-bg)); }
body.giro-dental .card { border-radius: 14px; }

/* Taller: energía industrial, esquinas marcadas y acento fuerte. */
body.giro-taller .btn { border-radius: 8px; text-transform: uppercase; letter-spacing: .04em; }
body.giro-taller h2 { border-left: 5px solid var(--c-accent); padding-left: 12px; }
body.giro-taller .section-head { text-align: left; }

/* Veterinaria: formas redondeadas y trato amable. */
body.giro-veterinaria .btn { border-radius: 999px; }
body.giro-veterinaria .gallery__item { border-radius: 50%; }

/* --- Cinta de retorno a VEIA (plantillas de demostración) --- */
.veia-volver{ background:#111; color:#fff; font-size:.82rem; }
.veia-volver .wrap{ display:flex; align-items:center; justify-content:center; gap:10px; padding:8px 22px; }
.veia-volver a{ display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; }
.veia-volver__badge{ background:#D0006F; color:#fff; font-weight:700; font-size:.72rem;
  letter-spacing:.08em; padding:2px 8px; border-radius:999px; }
.veia-volver__txt{ color:#cfcfd4; }
.veia-volver__link{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.veia-volver a:hover .veia-volver__link{ color:#ff8ac2; }
@media (max-width:600px){
  .veia-volver .wrap{ flex-wrap:wrap; gap:6px; text-align:center; }
  .veia-volver__txt{ display:none; }
}