/* ===============================================
   DECLARACIÓN DE FUENTES LOCALES
   =============================================== */
@font-face {
  font-family: 'Rockwell-Regular';
  src: url('resources/fonts/Rockwell-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rockwell-Bold';
  src: url('resources/fonts/Rockwell-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'EMprint-Regular';
  src: url('resources/fonts/EMprint Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ===============================================
   APLICACIÓN GLOBAL DE FUENTES
   =============================================== */

/* 1. Barra de navegación */
.main-header,
.nav-btn,
.menu-toggle {
  font-family: 'Rockwell-Regular', 'Times New Roman', serif;
}

/* 2. Títulos principales y de sección (Rockwell-Bold) */
h1, h2,
.hero-title,
.section-title,
.export-title,
.card-title,
.valores-title,
.card-horizontal-title,
.paices-title,
.contacto-title {
  font-family: 'Rockwell-Bold', 'Times New Roman', serif;
  font-weight: bold;
}

/* Subtítulos (más pequeños que títulos principales) */
.paices-subtitle,
.contacto-subtitle,
.nosotros-p2 .subtitle {
  font-family: 'Rockwell-Bold', 'Times New Roman', serif;
  font-weight: bold;
}

/* 3. Banner - Rockwell Bold */
.banner .stat-item {
  font-family: 'Rockwell-Bold', 'Times New Roman', serif;
  font-weight: bold;
}

/* 4. Nosotros P2 - Frase (Rockwell-Regular) */
.nosotros-p2 .quote-text {
  font-family: 'Rockwell-Regular', 'Times New Roman', serif;
}

/* 5. Textos y contenidos (EMprint-Regular) */
body,
p,
li,
.hero-description,
.bottom-text,
.features-list li,
.export-description,
.card-description,
.card-horizontal-description,
.paices-text,
.paices-list li,
.contacto-description,
.btn-whatsapp,
.phone-number,
.location {
  font-family: 'EMprint-Regular', Arial, sans-serif;
}

/* ===============================================
   TAMAÑOS UNIFICADOS (basados en hero: 2.25rem)
   =============================================== */

/* Títulos principales H1 (hero) */
.hero-title {
  font-size: 2.25rem;      /* Tamaño base de referencia */
}

/* Títulos de sección H2 */
h2,
.section-title,
.export-title,
.valores-title,
.paices-title,
.contacto-title {
  font-size: 2rem;         /* Ligeramente más pequeño que hero */
}

/* Títulos de cards y subtítulos */
.card-title,
.card-horizontal-title {
  font-size: 1.5rem;       /* Más pequeño para cards */
}

/* Subtítulos de sección */
.paices-subtitle,
.contacto-subtitle,
.nosotros-p2 .subtitle {
  font-size: 1.25rem;      /* Tamaño de subtítulo */
}

/* Banner stats */
.banner .stat-item {
  font-size: 1rem;         /* Tamaño legible para stats */
}

/* Frase de nosotros P2 */
.nosotros-p2 .quote-text {
  font-size: 1rem;
  line-height: 1.6;
}

/* ===============================================
   RESPONSIVE PARA TÍTULOS
   =============================================== */

@media (max-width: 768px) {
  .hero-title {
    font-size: 1.5rem;     /* 66% del desktop */
  }
  
  h2,
  .section-title,
  .export-title,
  .valores-title,
  .paices-title,
  .contacto-title {
    font-size: 1.35rem;
  }
  
  .card-title,
  .card-horizontal-title {
    font-size: 1.2rem;
  }
  
  .paices-subtitle,
  .contacto-subtitle,
  .nosotros-p2 .subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: 1.125rem;
  }
  
  h2,
  .section-title,
  .export-title,
  .valores-title,
  .paices-title,
  .contacto-title {
    font-size: 1.1rem;
  }
  
  .card-title,
  .card-horizontal-title {
    font-size: 1rem;
  }
}

/* ===============================================
   AJUSTES ADICIONALES
   =============================================== */

/* Espaciado para mejor legibilidad */
p, li, .description {
  line-height: 1.6;
}

.btn-whatsapp,
.nav-btn {
  letter-spacing: 0.5px;
}