/*
Theme Name:   Operador Industrial Child
Theme URI:    https://operadorindustrial.cl
Description:  Tema hijo de Astra para Operador Industrial
Author:       Operador Industrial
Template:     astra
Version:      1.1.0
Text Domain:  operador-industrial-child
*/

/* =========================================================
   VARIABLES GLOBALES
   ========================================================= */
:root {
  --oi-navy:   #0d1b2a;
  --oi-blue:   #1b3a5c;
  --oi-accent: #f97316;
  --oi-light:  #f1f5f9;
  --oi-mid:    #64748b;
  --oi-white:  #ffffff;
}

/* =========================================================
   GOOGLE FONTS — Inter
   (cargado vía @import en todas las páginas)
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* =========================================================
   HEADER GLOBAL — sobreescribe Astra en TODAS las páginas
   ========================================================= */
#masthead,
.main-header-bar,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
.site-header {
  background: rgba(13, 27, 42, 0.97) !important;
  backdrop-filter: blur(8px) !important;
  border-bottom: none !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.35) !important;
}

/* Logo */
.ast-site-identity .site-title a,
.ast-site-identity .site-title,
.site-title a {
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
}

.ast-site-identity .site-description {
  color: #94a3b8 !important;
}

/* Menú principal */
.main-header-menu .menu-item > a,
.main-navigation .menu-item > a,
.ast-header-custom-item a,
#site-navigation .menu-item > a {
  color: #cbd5e1 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.9rem !important;
  transition: color 0.2s !important;
}

.main-header-menu .menu-item > a:hover,
.main-header-menu .menu-item.current-menu-item > a,
.main-header-menu .menu-item.current_page_item > a {
  color: #ffffff !important;
}

/* Botón CTA del header */
.ast-header-custom-item .ast-custom-button-link a,
.ast-primary-header-bar .ast-button-wrap a,
.header-widget-area .widget_nav_menu a.button,
.ast-masthead-custom-menu-items a.ast-button {
  background: var(--oi-accent) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 8px 20px !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  border: none !important;
  transition: background 0.2s !important;
}

.ast-header-custom-item .ast-custom-button-link a:hover,
.ast-primary-header-bar .ast-button-wrap a:hover {
  background: #ea6c05 !important;
}

/* Menú hamburguesa mobile */
.ast-mobile-menu-buttons .menu-toggle,
.ast-menu-toggle {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.3) !important;
}

/* Submenús dropdown */
.main-header-menu .sub-menu {
  background: var(--oi-navy) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
}

.main-header-menu .sub-menu .menu-item > a {
  color: #cbd5e1 !important;
}

.main-header-menu .sub-menu .menu-item > a:hover {
  background: rgba(249,115,22,0.1) !important;
  color: var(--oi-accent) !important;
}

/* =========================================================
   MEJORAR PÁGINAS INTERNAS DE LEARNDASH
   ========================================================= */

/* Tipografía global */
body,
.site-content,
.entry-content {
  font-family: 'Inter', sans-serif !important;
}

/* Título del curso */
.entry-title,
h1.entry-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  color: var(--oi-navy) !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  line-height: 1.2 !important;
}

/* Área de contenido LearnDash */
.learndash-wrapper {
  font-family: 'Inter', sans-serif !important;
}

/* Botones LearnDash */
.learndash-wrapper .ld-btn,
.learndash-wrapper .btn-join,
.learndash-wrapper input[type="submit"] {
  background: var(--oi-accent) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  border: none !important;
  transition: background 0.2s !important;
}

.learndash-wrapper .ld-btn:hover,
.learndash-wrapper .btn-join:hover {
  background: #ea6c05 !important;
}

/* Barra de progreso */
.learndash-wrapper .ld-progress-bar-percentage {
  background: var(--oi-accent) !important;
}

/* Items de lección en el curso */
.learndash-wrapper .ld-item-list-item-preview:hover,
.learndash-wrapper .ld-item-list-item.ld-is-current {
  background: rgba(249,115,22,0.05) !important;
  border-left: 3px solid var(--oi-accent) !important;
}

/* Estado "Gratuito" */
.learndash-wrapper .ld-course-status-segment--price {
  color: #16a34a !important;
  font-weight: 700 !important;
}

/* Encabezado de sección en sidebar del curso */
.learndash-wrapper .ld-section-heading h3 {
  color: var(--oi-navy) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
}

/* Iconos completados */
.learndash-wrapper .ld-status-complete {
  color: #16a34a !important;
}

/* Contenedor del autor */
.entry-author,
.ast-author-box {
  font-family: 'Inter', sans-serif !important;
}

/* Mejora visual sección de cursos en páginas de archivo */
.sfwd-courses .entry-title {
  color: var(--oi-navy) !important;
}

/* =========================================================
   FOOTER GLOBAL
   ========================================================= */
#colophon,
.site-footer,
.ast-footer-overlay {
  background: #060e17 !important;
  color: #475569 !important;
  font-family: 'Inter', sans-serif !important;
  border-top: none !important;
}

.site-footer .ast-footer-copyright,
.site-footer .ast-footer-copyright a,
#colophon .widget-title,
#colophon p {
  color: #475569 !important;
}

.site-footer a:hover {
  color: #94a3b8 !important;
}