/* ============================================
   RENDEMY DESIGN SYSTEM
   Catálogo oficial de estilos
   ============================================ */

:root {
  --rdm-green: #00d3b0;
  --rdm-green-hover: #00b89a;
  --rdm-white: #ffffff;
  --rdm-text-92: rgba(255, 255, 255, 0.92);
  --rdm-text-70: rgba(255, 255, 255, 0.7);
  --rdm-text-50: rgba(255, 255, 255, 0.5);
  --rdm-text-35: rgba(255, 255, 255, 0.35);
  --rdm-text-25: rgba(255, 255, 255, 0.25);
  --rdm-bg: #0a0a0a;
  --rdm-bg-card: #111;
}

/* ============================================
   TIPOGRAFIA GLOBAL
   ============================================ */

/* H1 - Titulo principal hero (96px) */
.rdm-home h1,
.about-wrap h1,
.sec-wrap h1,
.serv-wrap h1,
.rdm-h1 {
  font-size: clamp(2.6rem, 8vw, 6rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  color: var(--rdm-text-92) !important;
}

/* H2 / .section-title - Titulos de seccion (80px) */
.rdm-section-title,
.sec-cases-head h2,
.sec-process-head h2,
.sec-why h2,
.sec-faq-head h2,
.about-valores-head h2,
.about-timeline-head h2,
.about-team-head h2,
.about-manifest h2,
.serv-content h2,
.section-title,
.rdm-h2 {
  font-size: clamp(2.4rem, 6vw, 5rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  color: var(--rdm-text-92) !important;
  margin-bottom: 1.5rem !important;
}

/* H3 - Subtitulos de tarjetas (variable, base 1.5rem) */
.rdm-service-card h3,
.about-valor h3,
.sec-case h3,
.about-timeline-item h4,
.rdm-h3 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--rdm-text-92) !important;
}

/* P - Texto de parrafo estandar (24px) */
.rdm-hero-desc,
.sec-hero-desc,
.serv-hero-desc,
.about-hero p,
.rdm-section-sub,
.sec-why-text p,
.about-manifest-text p,
.serv-content p,
.sec-cases-head p,
.about-valores-head p,
.about-team-head p,
.rdm-p,
p.rdm-lead {
  font-size: 1.5rem !important;
  line-height: 1.5 !important;
  color: var(--rdm-text-70) !important;
}

/* .insight-text - Texto destacado tipo claim (2.4rem) */
.insight-text,
.rdm-insight {
  font-size: 2.4rem !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  color: var(--rdm-text-92) !important;
}

/* .cta-text - Texto del CTA final (2.6rem) */
.sec-cta-final h2,
.rdm-cta-inner h2,
.about-cta h2,
.serv-final-cta h2,
.cta-text {
  font-size: 2.6rem !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: var(--rdm-white) !important;
}

/* .muted - Texto pequeño en gris (0.9em) */
.muted,
.rdm-muted {
  font-size: 0.9em !important;
  color: var(--rdm-text-50) !important;
}

/* .step-number - Eyebrow numerado tipo "01" (1rem) */
.step-number,
.rdm-proceso-num,
.about-valor-num,
.sec-process-num,
.about-timeline-year,
.rdm-step-num {
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  color: var(--rdm-green) !important;
  text-transform: uppercase !important;
}

/* ============================================
   EYEBROWS / PRE-TITULOS
   ============================================ */

.about-eyebrow,
.faq-eyebrow,
.rdm-section-label,
.sec-label,
.about-label,
.serv-label,
.rdm-eyebrow {
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--rdm-text-35) !important;
  margin-bottom: 1.2rem !important;
  display: block !important;
}

/* Variantes especificas en verde para destacar */
.rdm-section-label,
.sec-label,
.serv-label,
.about-label {
  color: var(--rdm-green) !important;
}

/* ============================================
   TARJETAS Y PRECIOS (Pricing)
   ============================================ */

/* Nombre de pack */
.home-pack__name,
.srv-pack2__name,
.rdm-price-name {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: var(--rdm-text-92) !important;
  line-height: 1.3 !important;
}

/* Descripcion de pack */
.home-pack__desc,
.srv-pack2__desc,
.rdm-price-desc {
  font-size: 0.9rem !important;
  color: var(--rdm-text-50) !important;
  line-height: 1.6 !important;
}

/* Precio grande */
.home-pack__price,
.srv-pack2__price,
.rdm-price-num {
  font-size: clamp(2.4rem, 4vw, 2.8rem) !important;
  font-weight: 800 !important;
  color: var(--rdm-white) !important;
  letter-spacing: -0.025em !important;
  line-height: 1 !important;
}

/* Precio tachado / antiguo */
.home-pack__old,
.rdm-price-old {
  text-decoration: line-through !important;
  color: var(--rdm-text-35) !important;
  font-size: 1rem !important;
}

/* Features con punto verde */
.home-pack__feature,
.rdm-price-features li {
  position: relative !important;
  padding-left: 1.8rem !important;
  color: var(--rdm-text-70) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  margin-bottom: 0.7rem !important;
}
.home-pack__feature::before,
.rdm-price-features li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  background: var(--rdm-green) !important;
  border-radius: 50%;
}

/* Trust bar (metricas) */
.trust-bar__num,
.rdm-stat-num,
.about-stat-num,
.sec-stat-num {
  font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
  font-weight: 800 !important;
  color: var(--rdm-green) !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

/* ============================================
   BOTONES
   ============================================ */

/* Boton claro grande del hero */
.hero-ref__btn,
.rdm-btn-hero-light {
  display: inline-block !important;
  background: var(--rdm-white) !important;
  color: #0a0a0a !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  padding: 1.1rem 2.6rem !important;
  border-radius: 100px !important;
  text-decoration: none !important;
  border: none !important;
  transition: all 0.25s !important;
}
.hero-ref__btn:hover,
.rdm-btn-hero-light:hover {
  background: var(--rdm-text-92) !important;
  transform: translateY(-2px) !important;
}

/* Boton "Agenda una llamada" de tarjeta */
.home-pack__btn,
.rdm-price-cta {
  display: inline-block !important;
  background: transparent !important;
  color: var(--rdm-green) !important;
  border: 1px solid var(--rdm-green) !important;
  padding: 0.85rem 1.6rem !important;
  border-radius: 100px !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}
.home-pack__btn:hover,
.rdm-price-cta:hover {
  background: var(--rdm-green) !important;
  color: #0a0a0a !important;
}

/* CTA verde grande del CTA final */
.cta-button,
.rdm-btn-cta {
  display: inline-block !important;
  background: var(--rdm-green) !important;
  color: #0a0a0a !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  padding: 1.2rem 2.8rem !important;
  border-radius: 100px !important;
  text-decoration: none !important;
  border: none !important;
  letter-spacing: 0.03em !important;
  transition: all 0.25s !important;
}
.cta-button:hover,
.rdm-btn-cta:hover {
  background: var(--rdm-green-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 40px rgba(0, 211, 176, 0.35) !important;
}

/* Link discreto "Ver todos los servicios →" */
.home-packs__more a,
.rdm-link-more {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--rdm-text-50) !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
  transition: color 0.2s !important;
}
.home-packs__more a:hover,
.rdm-link-more:hover {
  color: var(--rdm-green) !important;
}

/* ============================================
   COLOR PRIMARIO - VERDE CORPORATIVO #00d3b0
   ============================================ */

/* Actualizar verde de toda la web al nuevo #00d3b0 */
.rdm-hero h1 span,
.about-hero h1 span,
.sec-hero h1 span,
.rdm-cta-inner h2 span,
.sec-cta-final h2 span,
.about-cta h2 span,
.serv-final-cta h2 span {
  color: var(--rdm-green) !important;
}

/* CTA box: actualizar gradiente al nuevo verde corporativo */
.sec-cta-box,
.about-cta-box,
.serv-cta-box,
.rdm-cta-box,
.rdm-post-cta {
  background: linear-gradient(135deg, #00b89a 0%, #009e84 100%) !important;
}

/* Hero badges */
.rdm-hero-badge,
.about-badge,
.sec-badge,
.serv-badge {
  background: rgba(0, 211, 176, 0.12) !important;
  border: 1px solid rgba(0, 211, 176, 0.35) !important;
  color: var(--rdm-green) !important;
}

/* Service link / arrow */
.rdm-service-link,
.serv-service-link {
  color: var(--rdm-green) !important;
}

/* Hover de service cards */
.rdm-service-card:hover .rdm-service-link,
.serv-service-card:hover .serv-service-link {
  color: var(--rdm-green-hover) !important;
}

/* Links generales en contenido */
.entry-content a {
  color: var(--rdm-green) !important;
}
.entry-content a:hover {
  color: var(--rdm-green-hover) !important;
}

/* Menu nav hover */
.main-navigation a:hover,
.main-navigation .current-menu-item > a {
  color: var(--rdm-green) !important;
}

/* Footer hover */
.rdm-footer a:hover,
.rdm-footer-links a:hover,
.rdm-footer-meta-item:hover,
.rdm-footer-legal a:hover,
.rdm-footer-nav a:hover {
  color: var(--rdm-green) !important;
}

/* Forzar texto secundario (70%) en parrafos descripcion */
.entry-content p {
  color: var(--rdm-text-70) !important;
}

/* Texto super sutil (footer legal, copyright) */
.rdm-footer-copy,
.rdm-footer-legal a {
  color: var(--rdm-text-25) !important;
}