/* =========================================================
   PICTOGRÁFICA GLOBAL CSS
   Estilos globales cargados desde el tema hijo
   ========================================================= */

/* Kenyan Coffee Regular */
@font-face {
  font-family: 'Kenyan Coffee';
  src: url('https://pictografica.es/wp-content/uploads/2024/11/KENYAN-COFFEE-RG.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Kenyan Coffee Regular Italic */
@font-face {
  font-family: 'Kenyan Coffee';
  src: url('https://pictografica.es/wp-content/uploads/2024/11/KENYAN-COFFEE-RG-IT.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Kenyan Coffee Bold */
@font-face {
  font-family: 'Kenyan Coffee';
  src: url('https://pictografica.es/wp-content/uploads/2024/11/KENYAN-COFFEE-BD.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Kenyan Coffee Bold Italic */
@font-face {
  font-family: 'Kenyan Coffee';
  src: url('https://pictografica.es/wp-content/uploads/2024/11/KENYAN-COFFEE-BD-IT.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Variables globales Pictográfica */
:root {
  --picto-pink: #E91E63;
  --picto-pink-soft: #E85084;
  --picto-dark: #080808;
  --picto-black: #000000;
  --picto-white: #ffffff;
  --picto-muted: rgba(255,255,255,.68);
}

/* Titulares principales Pictográfica */
h1,
.h1,
.entry-title,
.page-title,
.picto-title,
.picto-hero-title,
[class*="hero-title"],
[class*="main-title"] {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .055em;
  line-height: .95;
}

/* Titulares principales inclinados */
.picto-title-italic,
.picto-title-skew,
[class*="title-italic"],
[class*="title-skew"],
[class*="hero-italic"] {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: .055em;
  line-height: .95;
}

/* Titulares secundarios */
h2,
.h2,
.picto-section-title,
[class*="section-title"] {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1;
}

/* Títulos de tarjetas */
h3,
.h3,
.picto-card-title,
[class*="card-title"] {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.05;
}

/* =========================================================
   SISTEMA DE TÍTULOS PICTOGRÁFICA
   Clases reutilizables para páginas, hero y secciones
   ========================================================= */

/* Título hero grande */
.picto-heading-xl {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .055em;
  line-height: .88;
  font-size: clamp(52px, 8vw, 118px);
}

/* Título hero medio */
.picto-heading-lg {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .05em;
  line-height: .92;
  font-size: clamp(42px, 6vw, 82px);
}

/* Título de sección */
.picto-heading-md {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .045em;
  line-height: .96;
  font-size: clamp(34px, 4.5vw, 58px);
}

/* Título pequeño/tarjeta */
.picto-heading-sm {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .035em;
  line-height: 1;
  font-size: clamp(24px, 2.6vw, 34px);
}

/* Variante inclinada suave */
.picto-heading-italic {
  font-style: italic !important;
}

/* Variante inclinada fuerte tipo cartel */
.picto-heading-skew {
  display: inline-block;
  transform: skewX(-8deg);
  transform-origin: left center;
}

/* Variante compacta con menos separación */
.picto-heading-tight {
  letter-spacing: .025em !important;
}

/* Variante con más separación */
.picto-heading-wide {
  letter-spacing: .085em !important;
}

/* Variante rosa */
.picto-heading-pink {
  color: var(--picto-pink) !important;
}

/* Variante blanca */
.picto-heading-white {
  color: #fff !important;
}

/* Variante negra */
.picto-heading-dark {
  color: #080808 !important;
}

/* Palabra destacada dentro de títulos */
.picto-heading-mark {
  color: var(--picto-pink);
  font-style: italic;
}

/* Ajuste para títulos con dos líneas */
.picto-heading-balance {
  text-wrap: balance;
  max-width: 980px;
}

/* =========================================================
   RESTAURAR SERIF ELEGANTE PARA TÍTULOS SECUNDARIOS
   Fuente original estilo Hestia: Roboto Slab
   ========================================================= */

h3,
h4,
.card-title,
.info-title,
.media .media-heading,
.widget h5,
.shop-sidebar .widget h5,
.blog-sidebar .widget h5,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products[class*=columns-] li.product-category h2,
.picto-card-title,
.picto-feature-title,
.picto-service-title,
.picto-small-title {
  font-family: "Roboto Slab", "Times New Roman", Georgia, serif !important;
  font-weight: 500 !important;
  font-style: normal;
  text-transform: none;
  letter-spacing: -0.015em;
  line-height: 1.18;
}

/* Variante más fina para subtítulos elegantes */
.picto-serif-light,
.picto-subtitle-serif {
  font-family: "Roboto Slab", "Times New Roman", Georgia, serif !important;
  font-weight: 300 !important;
  letter-spacing: -0.01em;
  line-height: 1.35;
}

/* Variante fuerte para tarjetas o servicios */
.picto-serif-bold {
  font-family: "Roboto Slab", "Times New Roman", Georgia, serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

/* =========================================================
   AJUSTE FINO KENYAN COFFEE
   Titulares principales Pictográfica
   ========================================================= */

h1,
.h1,
.entry-title,
.page-title,
h1.hestia-title,
h1.title,
.picto-title,
.picto-hero-title,
.picto-heading-xl,
.picto-heading-lg {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .038em !important;
  line-height: .88 !important;
}

/* H1 grande premium */
.picto-heading-xl {
  font-size: clamp(56px, 8vw, 126px) !important;
  letter-spacing: .035em !important;
  line-height: .84 !important;
}

/* H1/Hero medio */
.picto-heading-lg,
.picto-hero-title {
  font-size: clamp(44px, 6vw, 88px) !important;
  letter-spacing: .038em !important;
  line-height: .88 !important;
}

/* H2 principales con Kenyan, pero no H3/H4 */
h2,
.h2,
h2.hestia-title,
h2.title,
.picto-section-title,
.picto-heading-md {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .032em !important;
  line-height: .92 !important;
}

/* H2 tamaño controlado */
.picto-heading-md {
  font-size: clamp(34px, 4.5vw, 62px) !important;
}

/* Variantes inclinadas reales usando la fuente italic */
.picto-heading-italic,
.picto-title-italic,
.picto-title-skew,
[class*="title-italic"],
[class*="title-skew"],
[class*="hero-italic"] {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
  text-transform: uppercase;
}

/* Variante skew visual más fuerte */
.picto-heading-skew {
  display: inline-block;
  transform: skewX(-7deg);
  transform-origin: left center;
}

/* Ajustes de espaciado */
.picto-heading-tight {
  letter-spacing: .012em !important;
}

.picto-heading-wide {
  letter-spacing: .065em !important;
}

/* Corrección visual para spans dentro de títulos Kenyan */
h1 span,
h2 span,
.picto-heading-xl span,
.picto-heading-lg span,
.picto-heading-md span {
  font-family: inherit;
  font-weight: inherit;
}

/* =========================================================
   KENYAN NATURAL FINAL
   Menos separación + tamaños más controlados
   ========================================================= */

h1,
.h1,
.entry-title,
.page-title,
h1.hestia-title,
h1.title,
.picto-title,
.picto-hero-title,
.picto-heading-xl,
.picto-heading-lg {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .012em !important;
  line-height: .92 !important;
}

/* H1 normal más contenido */
h1,
.entry-title,
.page-title,
h1.hestia-title,
h1.title {
  font-size: clamp(38px, 5vw, 72px) !important;
}

/* Hero grande solo cuando se use esta clase */
.picto-heading-xl {
  font-size: clamp(46px, 7vw, 104px) !important;
  letter-spacing: .008em !important;
  line-height: .86 !important;
}

/* Hero medio */
.picto-heading-lg,
.picto-hero-title {
  font-size: clamp(38px, 5.4vw, 76px) !important;
  letter-spacing: .01em !important;
  line-height: .9 !important;
}

/* H2 más pequeño y limpio */
h2,
.h2,
h2.hestia-title,
h2.title,
.picto-section-title,
.picto-heading-md {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .01em !important;
  line-height: .95 !important;
  font-size: clamp(30px, 4vw, 52px) !important;
}

/* Título compacto para páginas donde se veía demasiado grande */
.picto-heading-compact {
  font-size: clamp(32px, 4.2vw, 58px) !important;
  letter-spacing: .005em !important;
  line-height: .95 !important;
}

/* Título pequeño Kenyan, solo si lo necesitas */
.picto-heading-mini {
  font-size: clamp(24px, 3vw, 38px) !important;
  letter-spacing: .006em !important;
  line-height: 1 !important;
}

/* Palabra clave inclinada dentro de un título */
.picto-word-italic,
.picto-heading-mark,
.picto-keyword,
h1 .picto-word-italic,
h2 .picto-word-italic {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
  color: var(--picto-pink);
  display: inline-block;
  transform: skewX(-4deg);
  letter-spacing: .005em !important;
}

/* Palabra clave blanca inclinada, para fondos oscuros */
.picto-word-italic-white {
  font-family: 'Kenyan Coffee', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
  color: #fff;
  display: inline-block;
  transform: skewX(-4deg);
  letter-spacing: .005em !important;
}

/* Variante sin inclinación pero rosa */
.picto-word-pink {
  color: var(--picto-pink);
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}

/* Anular separación excesiva anterior */
.picto-heading-wide {
  letter-spacing: .025em !important;
}

.picto-heading-tight {
  letter-spacing: 0 !important;
}

/* =========================================================
   GEORGIA SERIF PICTOGRÁFICA
   Fuente secundaria elegante recuperada del diseño anterior
   ========================================================= */

.picto-georgia,
.picto-serif {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em;
  line-height: 1.08;
}

.picto-georgia-bold,
.picto-serif-bold {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.picto-georgia-light,
.picto-serif-light {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-style: normal !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em;
  line-height: 1.18;
}