/*
Theme Name: Astra Child
Theme URI: https://redclubdjs.com/
Author: Edmundo
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* =========================
   1) Fuentes Redtone (local) - OPTIMIZADO
   ========================= */

@font-face {
  font-family: "redtone";
  src: url("fonts/subset-Redtone-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "redtone";
  src: url("fonts/subset-Redtone-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "redtone";
  src: url("fonts/subset-Redtone-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "redtone";
  src: url("fonts/subset-Redtone-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}



/* =========================
   2) Tipografía global base
   ========================= */

/* Fuente base del sitio */
body {
  font-family: redtone, Arial, sans-serif;
  font-weight: 200;
  line-height: 1.6;
}

/* Encabezados globales (por defecto) */
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 400;
}

/* Párrafos y listas globales */
p,
li {
  font-family: inherit;
  font-weight: 200;
  line-height: 1.5;
  text-align: justify;
}


/* =========================
   3) Contenido estándar (.entry-content)
   ========================= */

/* H1 dentro de entradas / páginas */
.entry-content h1 {
  text-align: center;
  font-weight: 400;                      /* H1 más marcado */
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.15;
  margin: 0 0 0.6em 0;
}

/* H2 dentro de entradas / páginas */
.entry-content h2 {
  text-align: center;
  font-weight: 300;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  line-height: 1;
  margin: 1.2em 0 0.6em 0;
}

/* H3 dentro de entradas / páginas */
.entry-content h3 {
  font-weight: 300;
  font-size: clamp(.7rem, 3vw, 2.2rem);
  line-height: 1.0;
  margin: 1em 0 0.4em 0;
}

/* Párrafos dentro de entradas / páginas (solo cuando NO es página de Elementor) */
body:not(.elementor-page) .entry-content p {
  font-weight: 200;
  font-size: 1rem;
  line-height: 1.2;
  margin: 0 0 1em 0;
}

/* Párrafos dentro de Elementor: heredan el tamaño que defina Elementor */
body.elementor-page .entry-content p {
  font-weight: 200;
  line-height: 1.2;
  margin: 0 0 1em 0;
  font-size: inherit !important;   /* 🔑 Elementor manda el tamaño */
}

/* Listas dentro de entradas / páginas */
.entry-content ul {
  margin: 0;
  padding-left: 70px;
}

.entry-content li {
  font-weight: 200;
  line-height: 1.2;
  margin-bottom: 0;
  padding-bottom: 0;
}


/* =========================
   4) Elementor (títulos y texto)
   ========================= */

/* Títulos de Elementor (ajustamos pesos por nivel) */
h1.elementor-heading-title {
  font-family: redtone, Arial, sans-serif !important;
  font-weight: 400 !important;
}

h2.elementor-heading-title {
  font-family: redtone, Arial, sans-serif !important;
  font-weight: 300 !important;
}

h3.elementor-heading-title {
  font-family: redtone, Arial, sans-serif !important;
  font-weight: 300 !important;
}

/* Texto dentro de Elementor (solo párrafos y listas del widget de texto) */
.elementor .elementor-widget-text-editor p,
.elementor .elementor-widget-text-editor li {
  font-family: redtone, Arial, sans-serif !important;
  font-weight: 200 !important;
  line-height: 1.2;
  text-align: justify;
  /* Sin font-size aquí: el tamaño lo manda Elementor */
}


/* =========================
   5) Menús Astra
   ========================= */

.main-header-menu,
.main-header-menu ul,
.main-header-menu li,
.nav-menu ul,
.menu ul,
.sub-menu {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.main-header-menu a,
.ast-header-break-point .main-header-menu a,
.ast-header-break-point .ast-mobile-header-wrap a,
.ast-builder-menu-1 .menu-item > .menu-link,
.ast-builder-menu-2 .menu-item > .menu-link {
  font-family: redtone, sans-serif !important;
  font-weight: 400;
}