.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Schibsted+Grotesk:wght@400;500;600;700&display=swap");

:root {
  --zl-page: #f7f9f8;
  --zl-card: #ffffff;
  --zl-inset: #f7f9f8;
  --zl-bg-alt: #eef1ef;
  --zl-ink: #0c1b14;
  --zl-ink-2: #5b6b62;
  --zl-fade: #7f8c85;
  --zl-cta: #0e7c4a;
  --zl-cta-hover: #0a6a3e;
  --zl-accent: #7be3a8;
  --zl-mint: #e6f4ec;
  --zl-deep: #0b2a1e;
  --zl-line: #dce3df;
  --zl-line-2: #e7ece9;
  --zl-mist: #a9c2b4;
  --zl-font: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --zl-mono: "IBM Plex Mono", ui-monospace, monospace;
}

body,
.elementor-location-header,
.elementor-location-footer {
  background: var(--zl-page);
  color: var(--zl-ink);
  font-family: var(--zl-font);
}

.zentro-kicker,
.zentro-kicker .elementor-heading-title,
.zentro-kicker p {
  margin: 0;
  color: var(--zl-cta);
  font-family: var(--zl-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: none;
}

.zentro-meta,
.zentro-meta p {
  margin: 0;
  color: var(--zl-fade);
  font-family: var(--zl-mono);
  font-size: 13px;
  line-height: 1.4;
}

.zentro-card {
  background: var(--zl-card);
  border: 1px solid var(--zl-line);
  border-radius: 24px;
  padding: 28px;
}

.zentro-post-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  background: var(--zl-card);
  border: 1px solid var(--zl-line);
  border-radius: 24px;
  padding: 18px;
}

.zentro-post-card .elementor-widget-image img,
.zentro-post-card .elementor-widget-theme-post-featured-image img,
.zentro-post-card .elementor-widget-image .elementor-widget-container,
.zentro-post-card .elementor-widget-theme-post-featured-image .elementor-widget-container {
  overflow: hidden;
  border-radius: 16px;
}

.zentro-post-card .elementor-widget-image img,
.zentro-post-card .elementor-widget-theme-post-featured-image img {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.zentro-post-card--featured .elementor-widget-image img,
.zentro-post-card--featured .elementor-widget-theme-post-featured-image img {
  height: 280px;
}

.zentro-post-card .elementor-heading-title,
.zentro-post-card .elementor-widget-theme-post-title .elementor-heading-title {
  margin: 0;
  color: var(--zl-ink);
  font-family: var(--zl-font);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.zentro-post-card--featured .elementor-heading-title,
.zentro-post-card--featured .elementor-widget-theme-post-title .elementor-heading-title {
  font-size: 32px;
}

.zentro-post-card .elementor-widget-theme-post-excerpt,
.zentro-post-card .elementor-widget-text-editor {
  color: var(--zl-ink-2);
  font-family: var(--zl-font);
  font-size: 16px;
  line-height: 1.55;
}

.zentro-post-card .elementor-widget-theme-post-excerpt p,
.zentro-post-card .zentro-excerpt p {
  margin: 0;
}

.zentro-more,
.zentro-more a,
.zentro-post-card .elementor-button-link {
  color: var(--zl-ink);
  font-family: var(--zl-font);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.zentro-more a:hover,
.zentro-post-card .elementor-button-link:hover {
  color: var(--zl-cta);
}

.elementor-widget-loop-grid .elementor-loop-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 767px) {
  .elementor-widget-loop-grid .elementor-loop-container {
    grid-template-columns: 1fr;
  }

  .zentro-post-card--featured .elementor-heading-title {
    font-size: 24px;
  }
}

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Schibsted+Grotesk:wght@400;500;600;700&display=swap");

/*
  Vista pĆŗblica de Tutor LMS con la UI de Zentro.
  Cubre Tutor 3 (variables --tutor-color-*) y Tutor 4 (superficies, texto, botones).
  No cambia las pantallas de wp-admin.
*/

:root {
  --zl-page: #f7f9f8;
  --zl-card: #ffffff;
  --zl-bg-alt: #eef1ef;
  --zl-ink: #0c1b14;
  --zl-ink-2: #5b6b62;
  --zl-fade: #7f8c85;
  --zl-cta: #0e7c4a;
  --zl-cta-hover: #0a6a3e;
  --zl-accent: #7be3a8;
  --zl-mint: #e6f4ec;
  --zl-deep: #0b2a1e;
  --zl-line: #dce3df;
  --zl-line-2: #e7ece9;
  --zl-mist: #a9c2b4;
  --zl-font: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --zl-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Tutor 3 */
  --tutor-color-primary: var(--zl-cta);
  --tutor-color-primary-hover: var(--zl-cta-hover);
  --tutor-color-primary-rgb: 14, 124, 74;
  --tutor-body-color: var(--zl-ink);
  --tutor-border-color: var(--zl-line);
  --tutor-color-gray: var(--zl-fade);

  /* Tutor 4 ā€” escala de marca. El 600 es el botĆ³n principal. */
  --tutor-brand-100: #e6f4ec;
  --tutor-brand-200: #c9ebd9;
  --tutor-brand-300: #a5ddc0;
  --tutor-brand-400: #7be3a8;
  --tutor-brand-450: #4ebf84;
  --tutor-brand-500: #1a9a5c;
  --tutor-brand-600: #0e7c4a;
  --tutor-brand-700: #0a6a3e;
  --tutor-brand-800: #085632;
  --tutor-brand-900: #0b2a1e;
  --tutor-brand-950: #071910;

  --tutor-surface-base: var(--zl-page);
  --tutor-surface-l1: var(--zl-card);
  --tutor-surface-l1-hover: var(--zl-page);
  --tutor-surface-l2: var(--zl-bg-alt);
  --tutor-surface-l2-hover: var(--zl-line-2);
  --tutor-surface-l3: var(--zl-card);
  --tutor-surface-brand-dark: var(--zl-deep);
  --tutor-surface-brand-primary: var(--zl-cta);
  --tutor-surface-brand-primary-2: var(--zl-cta-hover);
  --tutor-surface-brand-secondary: var(--zl-mint);
  --tutor-surface-brand-tertiary: var(--zl-page);
  --tutor-surface-brand-quaternary: #f3faf6;
  --tutor-surface-sidebar-l1: var(--zl-card);
  --tutor-surface-dark: var(--zl-deep);
  --tutor-surface-success: var(--zl-mint);
  --tutor-surface-critical: #fef3f2;

  --tutor-text-primary: var(--zl-ink);
  --tutor-text-primary-inverse: #ffffff;
  --tutor-text-secondary: var(--zl-ink-2);
  --tutor-text-subdued: var(--zl-fade);
  --tutor-text-brand: var(--zl-cta);
  --tutor-text-brand-hover: var(--zl-cta-hover);
  --tutor-text-brand-secondary: var(--zl-deep);
  --tutor-text-light: var(--zl-mist);
  --tutor-text-success: var(--zl-cta);
  --tutor-text-disabled: #a8b4ae;

  --tutor-border-idle: var(--zl-line);
  --tutor-border-idle2: var(--zl-line-2);
  --tutor-border-hover: var(--zl-ink);
  --tutor-border-inverse: #ffffff;
  --tutor-border-brand: var(--zl-cta);
  --tutor-border-brand-secondary: #b7e4cc;
  --tutor-border-brand-tertiary: var(--zl-mint);
  --tutor-border-dark: var(--zl-ink);
  --tutor-border-success: var(--zl-cta);
  --tutor-border-tertiary: var(--zl-line-2);

  --tutor-button-primary: var(--zl-cta);
  --tutor-button-primary-hover: var(--zl-cta-hover);
  --tutor-button-primary-focused: var(--zl-cta-hover);
  --tutor-button-primary-disabled: #b7d4c6;
  --tutor-button-primary-soft: var(--zl-mint);
  --tutor-button-primary-soft-hover: #d7efe3;
  --tutor-button-primary-soft-focused: #d7efe3;
  --tutor-button-secondary: var(--zl-ink);
  --tutor-button-secondary-hover: var(--zl-cta);
  --tutor-button-secondary-focused: var(--zl-cta);
  --tutor-button-outline-hover: var(--zl-page);
  --tutor-button-ghost-hover: var(--zl-bg-alt);
  --tutor-button-success: var(--zl-cta);
  --tutor-button-success-hover: var(--zl-cta-hover);
  --tutor-button-radius: 999px;
  --tutor-button-font-weight: 600;

  --tutor-input-radius: 14px;
  --tutor-input-border-color: var(--zl-line);
  --tutor-font-family-body: var(--zl-font);
  --tutor-font-family-heading: var(--zl-font);

  --tutor-actions-brand-primary: var(--zl-cta);
  --tutor-actions-brand-secondary: var(--zl-mint);
  --tutor-actions-brand-tertiary: #f3faf6;
  --tutor-actions-success-primary: var(--zl-cta);
  --tutor-quiz-idle: var(--zl-page);
  --tutor-quiz-hover: var(--zl-mint);
  --tutor-visual-brand-1: var(--zl-cta);
  --tutor-visual-brand-2: var(--zl-mint);
  --tutor-visual-success-1: var(--zl-cta);

  --plyr-color-main: var(--zl-cta);
}

.tutor-wrap,
.tutor-frontend,
.tutor-dashboard,
.tutor-course-details-page,
.tutor-course-filter-wrapper,
.tutor-lms-learning-area,
.tutor-learning-area,
body.single-courses,
body.single-lesson,
body.single-tutor_quiz,
body.post-type-archive-courses {
  background: var(--zl-page);
  color: var(--zl-ink);
  font-family: var(--zl-font);
}

.tutor-wrap h1,
.tutor-wrap h2,
.tutor-wrap h3,
.tutor-wrap h4,
.tutor-wrap h5,
.tutor-wrap h6,
.tutor-dashboard h1,
.tutor-dashboard h2,
.tutor-dashboard h3,
.tutor-dashboard h4,
.tutor-course-details-page h1,
.tutor-course-details-page h2,
.tutor-course-details-page h3,
.tutor-learning-area h1,
.tutor-learning-area h2,
.tutor-learning-area h3 {
  color: var(--zl-ink);
  font-family: var(--zl-font);
  letter-spacing: -0.03em;
}

.tutor-btn,
a.tutor-btn,
button.tutor-btn {
  border-radius: 999px;
  font-family: var(--zl-font);
  font-weight: 600;
  box-shadow: none;
}

.tutor-btn-primary,
.tutor-btn.tutor-btn-primary {
  background: var(--zl-cta);
  border-color: var(--zl-cta);
  color: #fff;
}

.tutor-btn-primary:hover,
.tutor-btn-primary:focus,
.tutor-btn.tutor-btn-primary:hover {
  background: var(--zl-cta-hover);
  border-color: var(--zl-cta-hover);
  color: #fff;
}

.tutor-btn-outline-primary,
.tutor-btn-ghost {
  border-radius: 999px;
}

.tutor-btn-outline-primary {
  background: var(--zl-card);
  border-color: var(--zl-line);
  color: var(--zl-ink);
}

.tutor-btn-outline-primary:hover {
  border-color: var(--zl-ink);
  color: var(--zl-ink);
  background: var(--zl-card);
}

.tutor-card,
.tutor-course-card,
.tutor-course-loop-item,
.tutor-my-courses-card,
.tutor-single-course-sidebar .tutor-card,
.tutor-dashboard .tutor-surface-l1,
.tutor-course-details-page .tutor-card {
  background: var(--zl-card);
  border: 1px solid var(--zl-line);
  border-radius: 24px;
  box-shadow: none;
}

.tutor-course-card .tutor-course-thumbnail,
.tutor-course-card img,
.tutor-my-courses-card img,
.tutor-course-loop-item img {
  border-radius: 16px;
}

.tutor-course-card .tutor-course-name,
.tutor-course-card .tutor-course-name a,
.tutor-course-loop-title a {
  color: var(--zl-ink);
  font-weight: 500;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.tutor-course-card .tutor-course-name a:hover,
.tutor-course-loop-title a:hover {
  color: var(--zl-cta);
}

.tutor-meta,
.tutor-course-loop-meta,
.tutor-color-muted,
.tutor-color-secondary {
  color: var(--zl-ink-2);
}

.tutor-form-control,
.tutor-form-select,
input.tutor-form-control,
textarea.tutor-form-control,
select.tutor-form-control,
.tutor-dashboard input[type="text"],
.tutor-dashboard input[type="email"],
.tutor-dashboard input[type="search"],
.tutor-dashboard input[type="password"],
.tutor-dashboard textarea,
.tutor-dashboard select {
  border: 1px solid var(--zl-line);
  border-radius: 14px;
  background: #fff;
  color: var(--zl-ink);
  font-family: var(--zl-font);
  box-shadow: none;
}

.tutor-form-control:focus,
.tutor-dashboard input:focus,
.tutor-dashboard textarea:focus,
.tutor-dashboard select:focus {
  border-color: var(--zl-cta);
  outline: 2px solid rgba(14, 124, 74, 0.18);
  outline-offset: 1px;
}

.tutor-progress-bar,
.tutor-progress-bar .tutor-progress-filled,
.tutor-progress-value {
  background: var(--zl-bg-alt);
  border-radius: 999px;
}

.tutor-progress-bar .tutor-progress-filled,
.tutor-progress-value .tutor-progress-value-bar {
  background: var(--zl-cta);
}

.tutor-dashboard-permalinks li a,
.tutor-dashboard-menu-item a {
  border-radius: 999px;
  color: var(--zl-ink-2);
}

.tutor-dashboard-permalinks li.active a,
.tutor-dashboard-permalinks li a:hover,
.tutor-dashboard-menu-item.active a,
.tutor-dashboard-menu-item a:hover {
  background: var(--zl-mint);
  color: var(--zl-cta);
}

.tutor-nav-link.is-active,
.tutor-nav-link:hover,
.tutor-tab-item.is-active .tutor-nav-link {
  color: var(--zl-cta);
}

.tutor-course-details-tab .tutor-nav-item.is-active,
.tutor-course-details-tab .tutor-nav-link.is-active {
  color: var(--zl-ink);
  box-shadow: inset 0 -2px 0 var(--zl-cta);
}

.tutor-accordion-item,
.tutor-accordion-item-header {
  border-color: var(--zl-line);
}

.tutor-accordion-item {
  border-radius: 16px;
  background: #fff;
}

.plyr--full-ui input[type="range"] {
  color: var(--zl-cta);
}

.plyr__control--overlaid {
  background: var(--zl-cta);
}

.plyr__control--overlaid:hover,
.plyr__control--overlaid:focus {
  background: var(--zl-cta-hover);
}

.tutor-badge-primary,
.tutor-badge.tutor-badge-primary {
  background: var(--zl-mint);
  color: var(--zl-cta);
  border-radius: 999px;
}/* End custom CSS */