/*
  Tipografía alternativa (prueba). Modelo: profitdoctor.com.

  Solo actúa cuando el body lleva la clase mm-tipo-alt. Sin esa clase, la web
  sigue exactamente igual.

  Cambia únicamente familias, tamaños, pesos, interlineados y espaciado de
  letra. Colores, fondos, márgenes y anchos se quedan como están.

  Fuentes (Google Fonts, se cargan desde functions.php):
    Lora     -> títulos, peso 500 (como profitdoctor)
    DM Sans  -> texto, peso 300 (como profitdoctor)

  Especificidad: GeneratePress mete en el Personalizador la regla
  ".content-area :not(h1):not(h2)...:not(h6)" para todo el texto, con
  especificidad (0,1,6). Por eso todo lo de aquí cuelga de body.mm-tipo-alt y
  usa al menos dos clases, que ganan a esa regla sin recurrir a !important.
*/

/* ---------- Base ---------- */

body.mm-tipo-alt {
  --mm-alt-serif: "Lora", Georgia, "Times New Roman", serif;
  --mm-alt-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  font-family: var(--mm-alt-sans);
  font-weight: 300;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.mm-tipo-alt :is(button, input, select, textarea) {
  font-family: var(--mm-alt-sans);
}

/* ---------- Texto del contenido ---------- */

/* Mismo selector que usa GeneratePress para el texto (Arial 20px), con más peso. */
body.mm-tipo-alt .content-area :not(h1, h2, h3, h4, h5, h6) {
  font-family: var(--mm-alt-sans);
  font-size: 1.125rem;
  line-height: 1.75;
}

/* Lo que va dentro de un título hereda del título (negritas, cursivas, enlaces). */
body.mm-tipo-alt .content-area :is(h1, h2, h3, h4, h5, h6) * {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

body.mm-tipo-alt .content-area :is(input, textarea, select) {
  font-size: 1rem;
}

body.mm-tipo-alt .content-area figcaption {
  font-size: 0.875rem;
  line-height: 1.4;
}

/* Citas: Lora en cursiva, como los testimonios de profitdoctor. */
body.mm-tipo-alt .content-area blockquote {
  font-family: var(--mm-alt-serif);
  font-style: italic;
  font-size: 1.125rem;
  line-height: 1.7;
}

body.mm-tipo-alt .content-area blockquote * {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* ---------- Títulos ---------- */

body.mm-tipo-alt h1,
body.mm-tipo-alt h2,
body.mm-tipo-alt h3 {
  font-family: var(--mm-alt-serif);
  font-weight: 500;
  letter-spacing: -0.02em;
}

body.mm-tipo-alt h1 {
  font-size: clamp(2.25rem, 4vw, 3.25rem);
  line-height: 1.1;
}

body.mm-tipo-alt h2 {
  font-size: clamp(1.875rem, 3vw, 2.5rem);
  line-height: 1.2;
}

body.mm-tipo-alt h3 {
  font-size: 1.5rem;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

body.mm-tipo-alt h4,
body.mm-tipo-alt h5,
body.mm-tipo-alt h6 {
  font-family: var(--mm-alt-sans);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.01em;
}

body.mm-tipo-alt h4 { font-size: 1.125rem; }
body.mm-tipo-alt h5 { font-size: 1rem; }
body.mm-tipo-alt h6 { font-size: 0.875rem; }

/* Subtítulo bajo el h1 (h2.subtitle): texto fino, como el párrafo de entrada de profitdoctor. */
body.mm-tipo-alt .subtitle,
body.mm-tipo-alt h2.subtitle {
  font-family: var(--mm-alt-sans);
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

/* Títulos del listado del blog. */
body.mm-tipo-alt .blog h2.entry-title {
  font-family: var(--mm-alt-serif);
  font-size: 1.5rem;
}

/* Bloque de cabecera con la foto de Luis. */
body.mm-tipo-alt .content-area p.site-mm-title {
  font-family: var(--mm-alt-serif);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

body.mm-tipo-alt .content-area p.site-mm-description {
  font-family: var(--mm-alt-sans);
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
}

/* ---------- Botones ---------- */

/* Como .btn-primary de profitdoctor: DM Sans 14px, peso 500, mayúsculas espaciadas. */
body.mm-tipo-alt :is(.primary-button, .secondary-button, .button, .wp-block-button__link, .wpcf7-submit, input[type="submit"]) {
  font-family: var(--mm-alt-sans);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase; /* quitar esta línea si no se quieren los botones en mayúsculas */
}

/* ---------- Cabecera y menús ---------- */

body.mm-tipo-alt .site-description {
  font-family: var(--mm-alt-sans);
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
}

/* El menú ya va en mayúsculas a 12px; solo cambia la fuente y el espaciado. */
body.mm-tipo-alt .main-navigation a,
body.mm-tipo-alt .main-navigation .menu-toggle,
body.mm-tipo-alt .main-navigation .menu-bar-items {
  font-family: var(--mm-alt-sans);
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
}

body.mm-tipo-alt .footer-widget-1 ul.menu li a {
  font-family: var(--mm-alt-sans);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
}