/* ===== Sofiaplus profesional 2026 ===== */
:root{--sp-verde:#39A900;--sp-verde-osc:#14532d;--sp-tinta:#1f2937;--sp-suave:#4b5563}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;color:var(--sp-tinta);font-size:17px;line-height:1.65}
h1,h2,h3,h4,h5,h6{font-family:inherit!important;color:#123524;letter-spacing:-.01em}
#masthead{background:#ffffff!important;box-shadow:0 2px 14px rgba(0,0,0,.08)}
.thim-ekits-menu__nav>li>a{font-weight:600;color:#123524!important}
.thim-ekits-menu__nav>li>a:hover{color:var(--sp-verde)!important}
.elementor-widget-text-editor p:has(>a[href*="betowa-sena-edu.co"]:only-child)>a,article p:has(>a[href*="betowa-sena-edu.co"]:only-child)>a{display:inline-block;background:var(--sp-verde);color:#ffffff!important;font-weight:700;padding:13px 28px;border-radius:8px;text-decoration:none!important;box-shadow:0 4px 14px rgba(57,169,0,.35)}
.elementor-widget-text-editor p:has(>a[href*="betowa-sena-edu.co"]:only-child)>a:hover,article p:has(>a[href*="betowa-sena-edu.co"]:only-child)>a:hover{background:var(--sp-verde-osc)}
.faq-acordeon{margin:8px 0 24px}
.faq-q{background:#eef6ea;border-left:4px solid var(--sp-verde);padding:12px 16px;border-radius:0 8px 8px 0;margin:18px 0 0;font-size:1.05em}
.faq-a{padding:10px 16px 4px;color:var(--sp-suave)}
.course-item{border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.course-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em;font-family:inherit!important}
.course-meta,.course-author{color:var(--sp-suave)}
footer#colophon{background:#0d2b1a!important}
::selection{background:#cdeac0}
a.elementor-button[href*="betowa-sena-edu.co"],a.elementor-button-link[href*="betowa-sena-edu.co"],.wp-block-button__link[href*="betowa-sena-edu.co"]{background:#39A900 !important;color:#ffffff !important;border-radius:8px !important;font-weight:700;box-shadow:0 4px 14px rgba(57,169,0,.35)}
a.elementor-button[href*="betowa-sena-edu.co"]:hover,a.elementor-button-link[href*="betowa-sena-edu.co"]:hover,.wp-block-button__link[href*="betowa-sena-edu.co"]:hover{background:#14532d !important}
/* === ETAPA 2: cabecera panel de marca (estilo Betowa) === */
#masthead.site-header, #masthead.site-header.affix, #masthead.site-header.bg-custom-sticky {
  background: linear-gradient(90deg, #042A14 0%, #06532a 55%, #0a6e35 100%) !important;
  box-shadow: 0 2px 14px rgba(4, 42, 20, .28);
}
#masthead .thim-nav-wrapper { background: transparent !important; }
#masthead .thim-logo img, #masthead .width-logo img { filter: brightness(0) invert(1); }
#masthead .menu-main-menu > li > a, #masthead ul.thim-ekits-menu__nav > li > a {
  color: #ffffff !important;
}
#masthead .menu-main-menu > li > a:hover, #masthead ul.thim-ekits-menu__nav > li > a:hover,
#masthead .menu-main-menu > li.current-menu-item > a {
  color: #FCD116 !important;
}
#masthead .thim-ekits-menu__dropdown, #masthead .sub-menu {
  background: #0d2b1a !important; border-top: 3px solid #FCD116;
}
#masthead .thim-ekits-menu__dropdown a, #masthead .sub-menu a { color: #eaf5ee !important; }
#masthead .thim-ekits-menu__dropdown a:hover, #masthead .sub-menu a:hover {
  background: #06532a !important; color: #ffffff !important;
}
#masthead .menu-mobile-effect span, #masthead .navbar-toggle .icon-bar { background-color: #ffffff !important; }
#masthead .thim-ekits-menu__icon { color: #ffffff !important; }

/* === ETAPA 3: tarjetas de cursos === */
.thim-course-grid .course-item {
  background: #ffffff; border: 1px solid #e3eee6; border-radius: 14px;
  overflow: hidden; box-shadow: 0 2px 10px rgba(18, 53, 36, .06);
  transition: transform .25s ease, box-shadow .25s ease;
}
.thim-course-grid .course-item:hover {
  transform: translateY(-4px); box-shadow: 0 12px 26px rgba(18, 53, 36, .14);
}
.thim-course-grid .course-thumbnail img { display: block; width: 100%; }
.thim-course-grid .thim-course-content { padding: 16px 18px 20px; }
.thim-course-grid .course-author { display: none; }
.thim-course-grid .course-title a, .thim-course-grid h3 a {
  color: #123524 !important; font-weight: 700;
}
.thim-course-grid .course-title a:hover { color: #39A900 !important; }
.thim-course-grid .course-price, .thim-course-grid .price { color: #39A900 !important; font-weight: 700; }
.thim-course-grid .course-readmore { background: #39A900 !important; color: #fff !important; }

/* === DISENO PREMIUM INSTITUCIONAL (2026-10-22) === */
:root{ --vd:#0B3D24; --vm:#06532a; --v:#39A900; --am:#FCD116; --tinta:#182420; --gris:#5c6f63; --borde:#e2ece4; --alt:#f6faf6; }
body, p, li, td, input, select, textarea, .thim-course-content{ font-family:'Inter',system-ui,-apple-system,sans-serif !important; }
h1, h2, h3, h4, h5, h6, .sc_heading .title, .widget-title, .course-title, .elementor-heading-title{ font-family:'Archivo','Inter',sans-serif !important; }
body{ color:var(--tinta); }
/* Cabecera: linea institucional y logo mas esbelto */
#masthead.site-header{ border-bottom:3px solid var(--am); }
#masthead .thim-logo img{ max-height:52px; width:auto; }
#masthead ul.thim-ekits-menu__nav > li > a{ font-size:13.5px; letter-spacing:.4px; font-weight:600; }
/* Hero: titulo con peso institucional y buscador en pastilla */
.elementor-element-940f3c2 .sc_heading .title{ font-weight:800; letter-spacing:-.5px; }
.elementor-element-940f3c2 .courses-searching form{ border-radius:999px !important; overflow:hidden; box-shadow:0 12px 30px rgba(0,0,0,.28); }
/* Ritmo y fondos de los bloques principales de portada */
.elementor-element-7eda3ca{ background:var(--alt); padding-top:72px !important; padding-bottom:72px !important; }
.elementor-element-9e58402{ padding-top:60px !important; padding-bottom:60px !important; }
.elementor-element-74e521b{ padding-top:64px !important; padding-bottom:0 !important; }
.elementor-element-6fb0ae5{ padding-top:10px !important; padding-bottom:72px !important; }
.elementor-element-1c2fdbc{ background:var(--alt); padding-top:64px !important; padding-bottom:0 !important; }
.elementor-element-a393d1f{ background:var(--alt); padding-top:10px !important; padding-bottom:72px !important; }
/* Titulos de seccion con acento */
.elementor-2801 .widget-title, .elementor-2801 h2.elementor-heading-title{ font-size:31px; font-weight:800; color:var(--vd); letter-spacing:-.5px; }
.elementor-2801 .widget-title::after, .elementor-element-74e521b .elementor-heading-title::after, .elementor-element-1c2fdbc .elementor-heading-title::after{ content:''; display:block; width:56px; height:4px; border-radius:2px; background:var(--v); margin-top:10px; }
/* Tarjetas de cursos */
.thim-course-grid .course-item{ border-radius:16px; border:1px solid var(--borde); }
.thim-course-grid .course-thumbnail{ overflow:hidden; }
.thim-course-grid .course-thumbnail img{ transition:transform .45s ease; }
.thim-course-grid .course-item:hover .course-thumbnail img{ transform:scale(1.05); }
.thim-course-grid .course-readmore{ display:none !important; }
.thim-course-grid .course-title{ font-size:18px; line-height:1.35; }
.thim-course-grid .course-meta{ border-top:1px solid var(--borde); margin-top:12px; padding-top:12px; color:var(--gris); font-size:13px; }
.thim-course-grid .course-price{ background:#eaf7ee; color:var(--vd) !important; border-radius:999px; padding:2px 10px; font-size:13px; }
/* Franja de cifras sin iconos viejos */
.elementor-element-9e58402 .elementor-image-box-img{ display:none !important; }
.elementor-element-9e58402 .elementor-image-box-title{ font-size:27px; font-weight:800; color:var(--vd); letter-spacing:-.3px; }
.elementor-element-9e58402 .elementor-image-box-description{ color:var(--gris); font-size:14.5px; }
/* Tarjetas de ayuda y tramites */
.elementor-element-a393d1f .elementor-image-box-wrapper{ background:#fff; border:1px solid var(--borde); border-radius:14px; padding:20px; box-shadow:0 2px 10px rgba(11,61,36,.05); transition:transform .25s ease, box-shadow .25s ease; }
.elementor-element-a393d1f .elementor-widget-container:hover .elementor-image-box-wrapper{ transform:translateY(-3px); box-shadow:0 12px 24px rgba(11,61,36,.12); }
.elementor-element-a393d1f .elementor-image-box-title{ font-size:17px; font-weight:700; color:var(--vd); }
.elementor-element-a393d1f .elementor-image-box-description{ color:var(--gris); font-size:14px; }
.elementor-element-a393d1f .elementor-image-box-img img{ border-radius:10px; }
/* Botones y pie */
.elementor-button{ border-radius:10px !important; font-weight:700; }
#colophon .footer a{ color:#cfe3d4; }
#colophon .footer a:hover{ color:#ffffff; }
@media (max-width: 767px){
  .elementor-2801 .widget-title, .elementor-2801 h2.elementor-heading-title{ font-size:25px; }
  .elementor-element-7eda3ca, .elementor-element-6fb0ae5, .elementor-element-a393d1f{ padding-top:44px !important; padding-bottom:44px !important; }
}

/* REFUERZO HERO: misma tipografia institucional en el titulo principal */
.elementor-2801 .elementor-element-940f3c2 .sc_heading h1.title, .elementor-2801 .elementor-element-940f3c2 .sc_heading .title{ font-family:'Archivo','Inter',sans-serif !important; font-weight:800 !important; letter-spacing:-.5px; }
.elementor-2801 .elementor-element-940f3c2 .sc_heading .sub-heading{ font-family:'Inter',sans-serif !important; }
/* BOTONES CTA: estilo unico con aire alrededor */
.elementor-widget-button{ margin:26px 0; }
.elementor-widget-button .elementor-button{ background:#39A900; color:#ffffff; border-radius:10px; padding:14px 30px; font-weight:700; }
.elementor-widget-button .elementor-button:hover{ background:#06532a; color:#ffffff; }
/* LIMPIEZA TARJETAS: solo titulo y precio Gratis */
.thim-course-grid .course-lesson, .thim-course-grid .course-students{ display:none !important; }
.thim-course-grid .course-price .value{ font-weight:700; }
/* BANNER INSTITUCIONAL: verde de marca y contraste alto en paginas internas */
.top_site_main{ background:#0B3D24 !important; background-image:linear-gradient(120deg,#042A14,#06532a 60%,#0a6e35) !important; }
.top_site_main .overlay-top-header{ background:rgba(4,42,20,.35) !important; }
.top_site_main .page-title{ color:#ffffff !important; }
.top_site_main .breadcrumbs li, .top_site_main .breadcrumbs li a, .top_site_main .breadcrumbs li::after{ color:#dcecdf !important; }
.top_site_main .breadcrumbs li a:hover{ color:#ffffff !important; }
body.single-lp_course{ --top-info-course-background_color:#0B3D24; --top-info-course-text_color:#ffffff; }
/* Pie: enlaces con contraste pleno */
#colophon a{ color:#dcecdf !important; }
#colophon a:hover{ color:#ffffff !important; }