/* === base === */
:where([data-pg]:not([data-pg="obracocina"]), [data-service-seo-v2], [data-landing-v2]) {
  --type-body-size: 15px;
  --type-body-line: 1.65;
  --type-lead-size: 17px;
  --type-support-size: 13px;
  --type-h1-commercial: 38px;
  --type-h1-page: 36px;
  --type-h1-editorial: 34px;
  --type-h2-section: 28px;
  --type-h2-editorial: 22px;
}

.v-h1-comercial,
.v-h1-pagina,
.v-h1-editorial,
.v-h2-seccion,
.v-h2-editorial,
.v-cita,
.v-prosa :is(h1, h2, blockquote) {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  text-wrap: balance;
}

.v-h1-comercial,
.v-prosa h1 {
  font-size: var(--type-h1-commercial);
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.v-h1-pagina {
  font-size: var(--type-h1-page);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.v-h1-editorial {
  font-size: var(--type-h1-editorial);
  line-height: 1.18;
  letter-spacing: -0.015em;
}

.v-h2-seccion,
.v-prosa h2 {
  font-size: var(--type-h2-section);
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.v-h2-editorial {
  font-size: var(--type-h2-editorial);
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.v-lead { font-size: var(--type-lead-size); line-height: 1.65; }
.v-micro { font-size: var(--type-support-size); line-height: 1.55; }
.v-antetitulo { font: 600 11px/1.4 Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.v-cita,
.v-prosa blockquote { font-size: 18px; line-height: 1.42; }
.v-material-desc { font-size: 14px; }
.v-prosa p { font-size: var(--type-body-size); line-height: var(--type-body-line); }

/* === paginas === */
:where([data-pg]:not([data-pg="obracocina"])) :is(
  p[style*="font:400 15px"], p[style*="font: 400 15px"],
  li[style*="font:400 15px"], li[style*="font: 400 15px"]
),
:where([data-service-seo-v2]) :is(.sv2-copy, .sv2-method-copy, .sv2-faq p),
:where([data-landing-v2]) :is(.li2-copy, .li2-prose p, .li2-faq p) {
  font-size: var(--type-body-size) !important;
  line-height: var(--type-body-line) !important;
}

[data-service-seo-v2] { font-size: var(--type-body-size) !important; line-height: var(--type-body-line) !important; }

[data-pg="home"] :is(h1, [data-hero-titulo]) + p,
[data-pg="home"] p[style*="font:400 17px"],
[data-pg="home"] p[style*="font: 400 17px"],
:is([data-pg="entradapreciococina"], [data-pg="entradapreciobano"]) p[style*="font:600 16px"],
:is([data-pg="entradapreciococina"], [data-pg="entradapreciobano"]) p[style*="font: 600 16px"],
[data-landing-v2] .li2-lead { font-size: var(--type-lead-size) !important; line-height: 1.65 !important; }

[data-pg="home"] p[style*="font:400 13px"],
[data-pg="home"] p[style*="font: 400 13px"],
[data-pg^="detalle"] p[style*="font:400 13px"],
[data-pg^="detalle"] p[style*="font: 400 13px"] { font-size: var(--type-support-size) !important; line-height: 1.55 !important; }

[data-pg="home"] :is(h1, [data-hero-titulo]),
[data-service-seo-v2] .sv2-hero h1,
[data-landing-v2] .li2-hero h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: var(--type-h1-commercial) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
  text-wrap: balance;
}

:is([data-pg^="detalle"], [data-pg="estudio"], [data-pg="contacto"], [data-pg="contigo"], [data-pg="archivo"]) h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: var(--type-h1-page) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  text-wrap: balance;
}

:is([data-pg="blog"], [data-pg^="entrada"], [data-pg="aviso"], [data-pg="privacidad"], [data-pg="cookies"], [data-pg="p404"], [data-pg="gracias"], [data-pg^="obra"]:not([data-pg="obracocina"])) h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: var(--type-h1-editorial) !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.015em !important;
  text-wrap: balance;
}

:where([data-pg="home"], [data-pg^="detalle"], [data-pg="estudio"], [data-pg="contacto"], [data-pg="contigo"], [data-pg="archivo"], [data-pg^="obra"]:not([data-pg="obracocina"]), [data-service-seo-v2], [data-landing-v2]) h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: var(--type-h2-section) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  text-wrap: balance;
}

:is([data-pg="blog"], [data-pg^="entrada"], [data-pg="aviso"], [data-pg="privacidad"], [data-pg="cookies"], [data-pg="p404"], [data-pg="gracias"]) h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: var(--type-h2-editorial) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  text-wrap: balance;
}

[data-pg="contacto"] form :is(input:not([type="checkbox"]), textarea, select) { font-size: 16px !important; line-height: 1.4 !important; }
[data-landing-v2] .li2-range-title { font-size: 11px !important; line-height: 1.4 !important; }

/* === responsive === */
@media (min-width: 600px) {
  .v-h1-comercial, .v-prosa h1 { font-size: 44px; }
  .v-h1-pagina { font-size: 40px; }
  .v-h1-editorial { font-size: 36px; }
  .v-h2-seccion, .v-prosa h2 { font-size: 32px; }
  [data-pg="home"] :is(h1, [data-hero-titulo]) { font-size: 44px !important; }
  :is([data-pg^="detalle"], [data-pg="estudio"], [data-pg="contacto"], [data-pg="contigo"], [data-pg="archivo"]) h1 { font-size: 40px !important; }
  :is([data-pg="blog"], [data-pg^="entrada"], [data-pg="aviso"], [data-pg="privacidad"], [data-pg="cookies"], [data-pg="p404"], [data-pg="gracias"], [data-pg^="obra"]:not([data-pg="obracocina"])) h1 { font-size: 36px !important; }
  :is([data-pg="home"], [data-pg^="detalle"], [data-pg="estudio"], [data-pg="contacto"], [data-pg="contigo"], [data-pg="archivo"], [data-pg^="obra"]:not([data-pg="obracocina"])) h2,
  [data-service-seo-v2] h2, [data-landing-v2] h2 { font-size: 32px !important; }
  [data-service-seo-v2] .sv2-hero h1, [data-landing-v2] .li2-hero h1 { font-size: 44px !important; }
}

@media (min-width: 1024px) {
  .v-h1-comercial, .v-prosa h1 { font-size: 48px; }
  .v-h1-pagina { font-size: 44px; }
  .v-h2-seccion, .v-prosa h2 { font-size: 36px; }
  [data-pg="home"] :is(h1, [data-hero-titulo]) { font-size: 48px !important; }
  :is([data-pg^="detalle"], [data-pg="estudio"], [data-pg="contacto"], [data-pg="contigo"], [data-pg="archivo"]) h1 { font-size: 44px !important; }
  :is([data-pg="blog"], [data-pg^="entrada"], [data-pg="aviso"], [data-pg="privacidad"], [data-pg="cookies"], [data-pg="p404"], [data-pg="gracias"], [data-pg^="obra"]:not([data-pg="obracocina"])) h1 { font-size: 36px !important; }
  :is([data-pg="home"], [data-pg^="detalle"], [data-pg="estudio"], [data-pg="contacto"], [data-pg="contigo"], [data-pg="archivo"], [data-pg^="obra"]:not([data-pg="obracocina"])) h2,
  [data-service-seo-v2] h2, [data-landing-v2] h2 { font-size: 36px !important; }
  [data-service-seo-v2] .sv2-hero h1, [data-landing-v2] .li2-hero h1 { font-size: 48px !important; }
}
