/*
Theme Name: MLH Business School
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* ============================================
   MLH BUSINESS SCHOOL — ESTILOS GLOBALES
   Paleta: #C8A96A · #8A6F3D · #1A1A1A · #555 · #E0C48A
   ============================================ */


/* ===========================================
   A. MEGA MENÚ (UX Block)
   =========================================== */
.mlh-mega-body { background: #ffffff; }
.mlh-mega-body .row { max-width: 100%; }
.mlh-mega-body .section-content { padding-bottom: 30px; }

.mlh-mega-section-header { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 2px solid #C8A96A; }
.mlh-mega-section-header__title { font-size: 26px; font-weight: 700; color: #1A1A1A; text-transform: uppercase; letter-spacing: 1.5px; margin: 0; line-height: 1; }
.mlh-mega-section-header__badge { display: inline-block; font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; color: #ffffff; background: #C8A96A; padding: 4px 10px; font-weight: 600; white-space: nowrap; line-height: 1; }

.mlh-cards-grid .row-inner { margin-left: -5px; margin-right: -5px; }

.mlh-card {
  --mlh-card-image: url("");
  --mlh-card-overlay-left: rgba(138, 111, 61, 0.85);
  --mlh-card-overlay-mid: rgba(200, 169, 106, 0.62);
  --mlh-card-overlay-right: rgba(224, 196, 138, 0.24);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px;
  background:
    linear-gradient(90deg, var(--mlh-card-overlay-left) 0%, var(--mlh-card-overlay-mid) 45%, var(--mlh-card-overlay-right) 100%),
    var(--mlh-card-image) center/cover no-repeat;
  border: 1px solid #ece8e0;
  border-left: 3px solid transparent;
  text-decoration: none;
  transition: all 0.3s ease;
  height: 100%;
  min-height: 78px;
  box-sizing: border-box;
  overflow: hidden;
}
.mlh-card:hover {
  --mlh-card-overlay-left: rgba(138, 111, 61, 1);
  --mlh-card-overlay-mid: rgba(200, 169, 106, 0.35);
  --mlh-card-overlay-right: rgba(224, 196, 138, 0);
  border-left-color: #C8A96A;
  box-shadow: 0 4px 12px rgba(200, 169, 106, 0.12);
  transform: translateY(-1px);
}
.mlh-card__name { position: relative; z-index: 2; flex: 1; font-size: 14px; font-weight: 500; color: #ffffff; line-height: 1.35; transition: color 0.25s ease; text-shadow: 0 1px 2px rgba(0,0,0,0.25); }
.mlh-card:hover .mlh-card__name { color: #ffffff; }
.mlh-card__arrow { position: relative; z-index: 2; font-size: 15px; color: #E0C48A; flex-shrink: 0; transition: color 0.25s ease, transform 0.25s ease; }
.mlh-card:hover .mlh-card__arrow { color: #C8A96A; transform: translateX(2px); }

.mlh-card--cta { background: linear-gradient(135deg, #1A1A1A 0%, #2a2a2a 100%); border: 1px solid #333333; border-left: 3px solid #C8A96A; }
.mlh-card--cta .mlh-card__name { color: #E0C48A; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; font-size: 11px; }
.mlh-card--cta .mlh-card__arrow { color: #C8A96A; }
.mlh-card--cta:hover { background: linear-gradient(135deg, #252525 0%, #353535 100%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
.mlh-card--cta:hover .mlh-card__name { color: #ffffff; }

/* Imagen por tarjeta de curso */
.mlh-card--personal-shopper { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/Direccion-en-imagen-personal.jpeg"); }
.mlh-card--emprendedor { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/emprendimiento.webp"); }
.mlh-card--maquillaje { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/maquillaje.webp"); }
.mlh-card--peluqueria { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/peluqueria-estilismo-masculino.webp"); }
.mlh-card--cosmetologia { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/Cosmetologia-y-Belleza.webp"); }
.mlh-card--aparatologia { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/Aparatologia-Estetica.webp"); }
.mlh-card--masaje { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/masaje-estetico.webp"); }
.mlh-card--farmacia { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/farmacia-parafarmacia.webp"); }
.mlh-card--dietetica { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/dietetica-nutricion.webp"); }
.mlh-card--habilidades { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/habilidades-comerciales.webp"); }
.mlh-card--direccion { --mlh-card-image: url("http://dev.mlhformacion.com/wp-content/uploads/2026/04/direccion-imagen-personal.webp"); }

.mlh-mega-divider { height: 1px; background: #ece8e0; margin: 14px 5px 18px; }

.mlh-mega-body .row,
.mlh-mega-body .row-inner { margin-bottom: 0; }
.mlh-mega-body .col-inner,
.mlh-mega-body .col_inner .col-inner { padding-top: 0; padding-bottom: 0; }

.mlh-cards-grid p { margin: 0 !important; padding: 0 !important; line-height: inherit !important; display: flex !important; }
.mlh-cards-grid br { display: none !important; }
.mlh-cards-grid .col-inner { display: flex; flex-direction: column; }
.mlh-cards-grid .col-inner > * { flex: 1; display: flex; }
.mlh-cards-grid p .mlh-card { flex: 1; width: 100%; }

@media (max-width: 849px) {
  .mlh-mega-section-header { flex-direction: column; align-items: flex-start; gap: 8px; }
  .mlh-card { min-height: 68px; padding: 12px; }
  .mlh-card__name { font-size: 12.5px; }
}

/* ===========================================
   B. HERO
   =========================================== */

.mlh-hero-label {
  font-size: 13px;
  color: #E0C48A;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 12px;
}

.mlh-hero-label--home {
  font-size: 15px;
  margin-bottom: 15px;
}

.mlh-hero-title {
  font-size: 52px;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.mlh-hero-title--home {
  font-size: 68px;
  line-height: 1.05;
  margin-bottom: 30px;
  letter-spacing: 2px;
}

.mlh-hero-desc {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  max-width: 560px;
  margin: 0 auto 40px;
  line-height: 1.6;
}

.mlh-hero-desc--home {
  max-width: 520px;
  margin-bottom: 45px;
}

.mlh-hero-title--48 { font-size: 48px; }
.mlh-hero-title--46 { font-size: 46px; }
.mlh-hero-title--44 { font-size: 44px; }

.mlh-hero-desc--wide { max-width: 580px; }
.mlh-hero-desc--wider { max-width: 620px; }


/* ===========================================
   C. LABELS Y ENCABEZADOS
   =========================================== */

.mlh-label {
  font-size: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #C8A96A;
  font-weight: 400;
  margin-bottom: 10px;
}

.mlh-label--dark {
  color: #E0C48A;
}

.mlh-label--center {
  text-align: center;
}

.mlh-heading {
  font-size: 36px;
  font-weight: 700;
  color: #1A1A1A;
  line-height: 1.2;
  margin-bottom: 25px;
}

.mlh-heading--sm {
  font-size: 32px;
  line-height: 1.25;
}

.mlh-heading--white {
  color: #ffffff;
}

.mlh-heading--center {
  text-align: center;
  margin-bottom: 60px;
}

.mlh-heading--center-sm {
  text-align: center;
  margin-bottom: 40px;
}

.mlh-heading--mb-sm { margin-bottom: 20px; }
.mlh-heading--mb-md { margin-bottom: 30px; }
.mlh-heading--mb-25 { margin-bottom: 25px; }
.mlh-heading--mb-40 { margin-bottom: 40px; }
.mlh-heading--mb-50 { margin-bottom: 50px; }


/* ===========================================
   D. TEXTO CUERPO
   =========================================== */

.mlh-text {
  color: #555555;
  font-size: 16px;
  line-height: 1.85;
}

.mlh-text--sm {
  font-size: 15px;
}

.mlh-text--light {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  line-height: 1.85;
}

.mlh-text--muted {
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  line-height: 1.85;
}

.mlh-text--tight { margin: 0; }
.mlh-text--center { text-align: center; }
.mlh-text--mb-25 { margin-bottom: 25px; }
.mlh-text--mb-40 { margin-bottom: 40px; }
.mlh-text--mb-50 { margin-bottom: 50px; }

.mlh-text--narrow-center {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

.mlh-text--muted-14 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  line-height: 1.7;
}

.mlh-text-muted-light {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 1.7;
}

.mlh-text-muted-light--mt { margin-top: 20px; }


/* ===========================================
   E. NAVEGACIÓN (Homepage)
   =========================================== */

.mlh-nav-link {
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1A1A1A;
  text-decoration: none;
  font-weight: 600;
}

.mlh-nav-arrow {
  color: #C8A96A;
}


/* ===========================================
   F. TARJETAS PROGRAMA (Homepage)
   =========================================== */

.mlh-program-label {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #E0C48A;
  margin-bottom: 12px;
}

.mlh-program-label--gold {
  color: #1A1A1A;
}

.mlh-program-title {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.mlh-program-title--gold {
  color: #1A1A1A;
}

.mlh-program-desc {
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  line-height: 1.7;
  max-width: 280px;
  margin: 0 auto 25px;
}

.mlh-program-desc--gold {
  color: rgba(26, 26, 26, 0.65);
}


/* ===========================================
   G. CIFRAS / ESTADÍSTICAS (Homepage)
   =========================================== */

.mlh-stat-num {
  font-size: 60px;
  font-weight: 800;
  color: #C8A96A;
  margin-bottom: 5px;
  line-height: 1;
}

.mlh-stat-lbl {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.55);
}


/* ===========================================
   H. BARRA INFO RÁPIDA (Cursos)
   =========================================== */

.mlh-info-num {
  font-size: 22px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 0;
  line-height: 1.2;
}

.mlh-info-num--white {
  color: #ffffff;
}

.mlh-info-num--gold {
  color: #E0C48A;
}

.mlh-info-lbl {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(26, 26, 26, 0.65);
  margin: 0;
}

.mlh-info-lbl--gold {
  color: #E0C48A;
}

.mlh-info-lbl--muted {
  color: rgba(255, 255, 255, 0.5);
}


/* ===========================================
   I. BLOQUES FEATURE (border-left)
   =========================================== */

.mlh-feature {
  border-left: 3px solid #C8A96A;
  padding-left: 20px;
}

.mlh-feature--mb { margin-bottom: 25px; }

.mlh-feature__title {
  font-size: 18px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 10px;
}

.mlh-feature__desc {
  color: #555555;
  font-size: 14px;
  line-height: 1.7;
}

.mlh-feature__title--mb-xs { margin-bottom: 8px; }
.mlh-feature__title--mb-md { margin-bottom: 12px; }
.mlh-feature__title--mb-lg { margin-bottom: 15px; }
.mlh-feature__title--tight { margin: 0 0 6px; }
.mlh-feature__title--white { color: #ffffff; }

.mlh-feature__desc--mb { margin-bottom: 8px; }
.mlh-feature__desc--mb-lg { margin-bottom: 20px; }
.mlh-feature__desc--tight { margin: 0; }

.mlh-feature-sm {
  border-left: 3px solid #C8A96A;
  padding-left: 25px;
  margin-bottom: 25px;
}

.mlh-feature-sm:last-child {
  margin-bottom: 0;
}

.mlh-feature-sm__title {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin-bottom: 5px;
}

.mlh-feature-sm__desc {
  color: #555555;
  font-size: 14px;
  margin: 0;
}

.mlh-feature-sm__title--dark {
  color: #ffffff;
}

.mlh-feature-sm__title--tight { margin: 0; }
.mlh-feature-sm--text-left { text-align: left; }
.mlh-feature-sm--last { margin-bottom: 0; }

.mlh-feature-sm__desc--dark {
  color: rgba(255, 255, 255, 0.6);
}


/* ===========================================
   J. LISTA MÁSTERS (Homepage)
   =========================================== */

.mlh-master-list {
  color: #555555;
  font-size: 14px;
  line-height: 1;
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.mlh-master-list li {
  border-bottom: 1px solid #eee;
  padding: 8px 0;
}

.mlh-master-list li:last-child {
  border-bottom: none;
}


/* ===========================================
   K. PLAN DE ESTUDIOS
   =========================================== */

.mlh-plan {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mlh-plan-item {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
  display: flex;
  align-items: baseline;
}

.mlh-plan-item:last-child {
  border-bottom: none;
}

.mlh-plan-item--dark {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.mlh-plan-num {
  font-size: 13px;
  font-weight: 700;
  color: #C8A96A;
  margin-right: 15px;
  min-width: 25px;
}

.mlh-plan-num--dark {
  color: #E0C48A;
}

.mlh-plan-name {
  font-size: 17px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 4px;
}

.mlh-plan-name--dark {
  color: #ffffff;
}

.mlh-plan-name--flat { margin: 0; }

.mlh-plan-num--compact {
  margin-right: 12px;
  min-width: 22px;
}

.mlh-plan-detail {
  font-size: 13px;
  color: #999;
  margin: 0;
}

.mlh-plan-detail--dark {
  color: rgba(255, 255, 255, 0.45);
}

.mlh-plan-item--ddd { border-bottom-color: #ddd; }
.mlh-plan-item--pad14 { padding: 14px 0; }
.mlh-plan-item--plain { border-bottom: none; }

.mlh-plan-line {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 14px 0;
}

.mlh-plan-line--plain {
  border-bottom: none;
  padding: 14px 0;
}

.mlh-plan-line__text {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}

.mlh-plan-line__arrow {
  color: #C8A96A;
  margin-right: 10px;
}


/* ===========================================
   L. SALIDAS PROFESIONALES
   =========================================== */

.mlh-career-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.mlh-career-item {
  width: 50%;
  padding: 10px 15px 10px 0;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}

.mlh-career-item:nth-child(even) {
  padding: 10px 0 10px 15px;
}

.mlh-career-item:nth-last-child(-n+2) {
  border-bottom: none;
}

.mlh-career-name {
  font-size: 15px;
  color: #1A1A1A;
  font-weight: 600;
  margin: 0;
}

.mlh-career-name--white {
  color: #ffffff;
  font-weight: 500;
}

.mlh-career-item--border-ddd {
  border-bottom-color: #ddd;
}


/* ===========================================
   M. DATOS DEL PROGRAMA
   =========================================== */

.mlh-data {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
}

.mlh-data-cell {
  width: 50%;
  padding: 20px 25px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}

.mlh-data-cell:nth-child(odd) {
  border-right: 1px solid #ddd;
}

.mlh-data-cell:nth-last-child(-n+2) {
  border-bottom: none;
}

.mlh-data-key {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #C8A96A;
  margin-bottom: 5px;
}

.mlh-data-val {
  font-size: 17px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0;
}

.mlh-data-cell--full {
  width: 100%;
  border-right: none !important;
}


/* ===========================================
   N. TARJETAS STEP / ADMISIÓN
   =========================================== */

.mlh-step {
  background: #f9f7f3;
  padding: 40px 30px;
  height: 100%;
  box-sizing: border-box;
}

.mlh-step__num {
  font-size: 42px;
  font-weight: 800;
  color: #C8A96A;
  line-height: 1;
  margin-bottom: 15px;
}

.mlh-step__title {
  font-size: 18px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 12px;
}

.mlh-step__desc {
  color: #555555;
  font-size: 14px;
  line-height: 1.7;
}

.mlh-step--pad-sm { padding: 25px; }
.mlh-step--pad-lg { padding: 45px 35px; }
.mlh-step--center { text-align: center; }
.mlh-step--glass {
  background: rgba(255, 255, 255, 0.06);
}
.mlh-step--outline-dark {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.mlh-step__num--mb-lg { margin-bottom: 20px; }
.mlh-step__num--light { color: #E0C48A; }
.mlh-step__num--xl { font-size: 48px; }

.mlh-step__title--mb-lg { margin-bottom: 15px; }
.mlh-step__desc--mb { margin-bottom: 8px; }
.mlh-step__desc--tight { margin: 0; }

.mlh-step-ornament {
  font-size: 36px;
  font-weight: 800;
  color: #C8A96A;
  line-height: 1;
  margin-bottom: 12px;
}

.mlh-media-row {
  background: #ffffff;
  padding: 40px;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  box-sizing: border-box;
}

.mlh-border-top-soft {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.mlh-border-top-gold {
  border-top: 3px solid #C8A96A;
  padding-top: 25px;
}

.mlh-flex-baseline {
  display: flex;
  align-items: baseline;
  padding: 28px 0;
}

.mlh-flex-baseline--border {
  border-bottom: 1px solid #ddd;
}

.mlh-stack-pad { padding: 12px 0; }
.mlh-stack-pad--border {
  border-bottom: 1px solid #eee;
}

.mlh-row-full-pad {
  width: 100%;
  padding: 12px 0;
  box-sizing: border-box;
}

.mlh-row-full-pad--border-dark {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mlh-timeline-num {
  font-size: 52px;
  font-weight: 800;
  color: #C8A96A;
  line-height: 1;
  margin: 0;
  min-width: 70px;
}

.mlh-timeline-num-lg {
  font-size: 36px;
  font-weight: 800;
  color: #C8A96A;
  margin-right: 30px;
  min-width: 55px;
  line-height: 1;
}

.mlh-span-accent {
  font-size: 13px;
  font-weight: 700;
  color: #C8A96A;
}

.mlh-h4-compact {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

.mlh-h4-compact--white { color: #ffffff; }

.mlh-h4-subtle {
  font-size: 15px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 8px 0 0;
}

.mlh-h4-strong {
  font-size: 17px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 8px;
}

.mlh-h4-lg {
  font-size: 20px;
  font-weight: 700;
  color: #1A1A1A;
  margin-bottom: 10px;
}

.mlh-h4-lg--mb { margin-bottom: 20px; }


/* ===========================================
   O. ACCORDION / FAQ
   =========================================== */

.mlh-accordion-text {
  color: #555555;
  font-size: 15px;
  line-height: 1.8;
}

.mlh-accordion-text--loose {
  font-size: 14px;
  line-height: 2;
  margin: 0;
}


/* ===========================================
   P. CTA FINAL
   =========================================== */

.mlh-cta-label {
  font-size: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #E0C48A;
  font-weight: 400;
  margin-bottom: 15px;
}

.mlh-cta-title {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 20px;
}

.mlh-cta-desc {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 35px;
}

.mlh-cta-label--dark {
  color: #1A1A1A;
}

.mlh-cta-label--brown {
  color: #8A6F3D;
}

.mlh-cta-label--white {
  color: #ffffff;
}

.mlh-cta-desc--on-gold {
  color: rgba(26, 26, 26, 0.65);
}


/* ===========================================
   Q. TESTIMONIOS (Homepage)
   =========================================== */

.mlh-quote {
  background: #ffffff;
  padding: 40px 30px;
}

.mlh-quote__mark {
  font-size: 52px;
  color: #C8A96A;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}

.mlh-quote__text {
  font-style: italic;
  color: #555555;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.mlh-quote__footer {
  border-top: 2px solid #C8A96A;
  padding-top: 15px;
}

.mlh-quote__name {
  font-weight: 700;
  color: #1A1A1A;
  font-size: 15px;
  margin-bottom: 2px;
}

.mlh-quote__role {
  color: #C8A96A;
  font-size: 13px;
  letter-spacing: 1px;
}


/* ===========================================
   R. VÍDEO (Homepage)
   =========================================== */

.mlh-video {
  overflow: hidden;
  border-radius: 4px;
}

.mlh-video iframe {
  display: block;
}


/* ===========================================
   S. FOOTER
   =========================================== */

.mlh-footer-brand {
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.mlh-footer-divider {
  width: 60px;
  height: 2px;
  background: #C8A96A;
  margin: 0 auto 20px;
}

.mlh-footer-tagline {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.7;
  max-width: 480px;
  margin: 0 auto;
}

.mlh-footer-heading {
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C8A96A;
  font-weight: 600;
  margin-bottom: 20px;
}

.mlh-footer-about {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.8;
  margin-bottom: 20px;
}

.mlh-footer-social {
  display: flex;
  gap: 12px;
  margin-top: 25px;
}

.mlh-footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
}

.mlh-footer-social a:hover {
  border-color: #C8A96A;
  color: #C8A96A;
}

.mlh-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mlh-footer-links li {
  margin-bottom: 12px;
}

.mlh-footer-links a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transition: color 0.25s;
}

.mlh-footer-links a:hover {
  color: #C8A96A;
}

.mlh-footer-contact-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.35);
  margin-bottom: 4px;
}

.mlh-footer-contact-value {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.6;
  margin: 0;
}

.mlh-footer-contact-value a {
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transition: color 0.25s;
}

.mlh-footer-contact-value a:hover {
  color: #C8A96A;
}

.mlh-footer-newsletter-title {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 5px;
}

.mlh-footer-newsletter-desc {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.45);
  margin: 0;
}

.mlh-footer-copyright {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
  margin: 0;
}

.mlh-footer-credit {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
  margin: 0;
}

.mlh-footer-credit a {
  color: #C8A96A;
  text-decoration: none;
}


/* ===========================================
   T. RESPONSIVE GLOBAL
   =========================================== */

@media (max-width: 849px) {
  .mlh-hero-title { font-size: 36px; }
  .mlh-hero-title--48,
  .mlh-hero-title--46,
  .mlh-hero-title--44 { font-size: 32px; }
  .mlh-hero-title--home { font-size: 42px; }
  .mlh-heading { font-size: 28px; }
  .mlh-heading--sm { font-size: 26px; }
  .mlh-cta-title { font-size: 28px; }
  .mlh-stat-num { font-size: 42px; }
  .mlh-data-cell { width: 100%; border-right: none !important; }
  .mlh-career-item,
  .mlh-career-item:nth-child(even) { width: 100%; padding: 10px 0; }
  .mlh-media-row { flex-direction: column; }
}

/* ==========================================================================
   CONTENIDO INICIO
   ========================================================================== */

/* Alineaciones de texto */
.mlh-text-left { text-align: left; }
.mlh-text-center { text-align: center; }

/* Tipografía del hero/bienvenida */
.mlh-home-welcome { font-size: 160%; }
.mlh-home-brand { font-size: 100%; }

/* Rótulos superiores de los banners de la home */
.mlh-home-banner-intro { font-size: 140%; }

/* Encabezado con acento rosado */
.mlh-home-heading-accent {
  font-size: 160%;
  color: #fc767b;
}

/* Textos "display" finos (alt-font, 30px, 100 weight) */
.mlh-home-display-thin {
  font-size: 30px;
  font-weight: 100;
}

/* Color de acento corporativo (versión antigua rosa) */
.mlh-accent-pink { color: #fc767b; }
.mlh-accent-pink--bold {
  color: #fc767b;
  font-weight: bold;
}

/* Contenedor de iframe de vídeo con esquinas redondeadas */
.mlh-home-video {
  overflow: hidden;
  border-radius: 20px;
}

/* Párrafo introductorio destacado */
.mlh-home-lead { font-size: 120%; }

/* Subtítulo pequeño sobre título principal */
.mlh-home-subtitle {
  font-size: 17px;
  line-height: 1em;
}

/* ==========================================================================
   ESTILO GLOBAL DE IMAGENES (cuerpo de pagina)
   ========================================================================== */
.section .col .img-inner{
	border-radius: 5px;
	box-shadow:
    0 14px 30px rgba(26, 26, 26, 0.14),
    0 2px 10px rgba(200, 169, 106, 0.18);
}
.section .col .img-inner img {
  border: 3px solid transparent;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(200, 169, 106, 0.85), rgba(224, 196, 138, 0.45)) border-box;
  border-radius: 7px;
}
form .row3{display:flex;}
form .row3 > .col{max-width:33%;padding:0;}
form .row3 > .col:not(.ultimo){margin-right:5px;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}