/*
Theme Name:   Get Ready Child
Theme URI:    https://getreadyce.mx
Description:  Tema hijo de GeneratePress para Get Ready CE
Author:       Get Ready CE
Author URI:   https://getreadyce.mx
Template:     generatepress
Version:      1.0.0
Text Domain:  getready-child
*/

/* ============================================================
   VARIABLES DE MARCA
   ============================================================ */
:root {
  --orange: #FF6700;
  --orange-dark: #d95900;
  --black: #191919;
  --black-deep: #0f0f0f;
  --gray: #cccccc;
  --gray-mid: #888;
  --white: #fff;
  --border: rgba(255,255,255,0.07);
  --font-display: 'Big Shoulders Display', sans-serif;
  --font-body: 'Tomorrow', sans-serif;
}

/* ============================================================
   RESET GLOBAL (solo aplica dentro de .page-template-landing)
   ============================================================ */
.page-template-landing *,
.page-template-landing *::before,
.page-template-landing *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0 24;
}

.page-template-landing body {
  background: var(--black);
  color: var(--white);
  font-family: var(--font-body);
  font-size: 20px;
  line-height: 1.6;
  overflow-x: hidden;
}

/* Oculta header y footer de GeneratePress en la landing */
.page-template-landing .site-header,
.page-template-landing .site-footer,
.page-template-landing .navigation-branding,
.page-template-landing #page {
  display: block;
}

.page-template-landing .site-header {
  display: none !important;
}

.page-template-landing .site-footer {
  display: none !important;
}

.page-template-landing .site-content {
  padding: 0 !important;
  margin: 0 !important;
}

.page-template-landing .content-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

.page-template-landing .entry-content {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}
/* ===== CERT BADGE ===== */
.cert-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #FF6700;
  padding: 5px 14px;
  margin-bottom: 24px; /* ← ESTO CREA EL ESPACIO */
}

.badge-dot {
  width: 6px;
  height: 6px;
  background: #FF6700;
  border-radius: 50%;
  animation: blink 1.8s infinite;
}

.cert-badge span {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #FF6700;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.25; }
}
/* ===== SECCIONES - ESPACIADO ===== */
.s-tag {
  display: block;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FF6700;
}

.s-title {
  font-size: clamp(48px, 8vw, 72px);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.9;
  margin-bottom: 24px; /* ← ESPACIO ENTRE TÍTULO Y CONTENIDO */
}

.s-sub {
  font-size: 23px;
  color: #cccccc;
  max-width: 600px;
  line-height: 1.8;
  margin-bottom: 36px;
}

/* Orange CTA Section */
.orange-title {
  font-size: clamp(48px, 8vw, 72px);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.9;
  margin-bottom: 16px;
}

.orange-sub {
  font-size: 15px;
  color: #191919;
  max-width: 600px;
  line-height: 1.8;
  margin-bottom: 28px;
}

section {
  margin-bottom: 80px;
  padding: 60px 48px;
}
.hero-sub {
  max-width: 85%;
}
/* Igualar altura de todas las celdas del grid de módulos */
.mod-grid {
  grid-auto-rows: 1fr;
}

.mod-card {
  min-height: 160px;
}

/* Reducir el isotipo de la celda decorativa */
.mod-card img {
  width: 48px !important;
  height: auto !important;
  opacity: 0.6;
}
/* Texto hero */
.hero-sub {
  font-size: 18px;
}

/* Texto debajo de los números (+100, 5, LVL1) */
.stat-label {
  font-size: 13px;
}
/* Números 01, 02, 03, 04 */
.fw-num {
  font-size: 48px;
}

/* Títulos COACHES, ATLETAS, etc */
.fw-title {
  font-size: 20px;
}

/* Texto descriptivo */
.fw-desc {
  font-size: 15px;
}
/* Títulos de cada módulo */
.mod-title {
  font-size: 18px;
}

/* Texto descriptivo */
.mod-desc {
  font-size: 20px;
}

/* Nombre del ponente */
.mod-pon {
  font-size: 13px;
}
/* Nombre Frank */
.founder-name {
  font-size: 48px;
}

/* Fundador · Get Ready CE */
.founder-role {
  font-size: 13px;
}

/* Frase en cursiva */
.founder-quote {
  font-size: 20px;
}

/* Nuestros ponentes */
.s-tag {
  font-size: 13px;
}

/* Nombre ponente */
.pon-name {
  font-size: 20px;
}

/* Especialidad ponente */
.pon-role-text {
  font-size: 18px;
}
/*SECCIÓN ¿QUÉ INCLUYE? */
/* Títulos de cada item (Certificado, Kit, etc) */
.inc-text strong {
  font-size: 18px;
}

/* Descripción de cada item */
.inc-text {
  font-size: 17px;
}

/* Título INVERSIÓN */
.pricing-title {
  font-size: 38px;
}

/* Etiquetas PRECIO DE CONTADO, etc */
.price-lbl {
  font-size: 18px;
}

/* Precios $8,000 $8,500 $9,000 */
.price-val {
  font-size: 38px;
}

/* MXN */
.price-val .curr {
  font-size: 16px;
}

/* Texto pequeño debajo del precio */
.price-note {
  font-size: 13px;
}

/* Botón ASEGURAR MI LUGAR */
.price-cta {
  font-size: 18px;
}

/* Texto APARTA CON EL 50% */
.price-aparta {
  font-size: 12px;
}
/* === SECCIÓN REGISTRO === */
.big-title {
  font-size: 72px;
}

.cta-pts li {
  font-size: 16px;
}

.urgency {
  font-size: 13px;
}

.form-title {
  font-size: 24px;
}

.form-sub {
  font-size: 14px;
}

label {
  font-size: 12px;
}

.submit-btn {
  font-size: 18px;
}

/* === SECCIÓN FAQ === */
.faq-btn {
  font-size: 15px;
}

.faq-body {
  font-size: 14px;
}

/* === BANNER NARANJA FINAL === */
.orange-title {
  font-size: 72px;
}

.orange-sub {
  font-size: 16px;
}

.oc-lbl {
  font-size: 12px;
}

.oc-val {
  font-size: 18px;
}
/*CENTRADO DE GALERIA*/

.btn-black {
  font-size: 16px;
}
.gal-item {
  position: relative;
  overflow: hidden;
}

.gal-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.lb-placeholder {
  background: transparent;
  border: none;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* Contador más grande */
.stat-val {
  font-size: 56px;
}

.stat-label {
  font-size: 15px;
}