/*
 * Ecopure · Landing de mantenimiento (página 1271)
 * Rediseño claro construido sobre componentes nativos de Flatsome / UX Builder.
 */

body.page-id-1271 #main {
  background: #fff;
}

.eco-page.eco-maintenance {
  --eco-mtn-ink: #152736;
  --eco-mtn-ink-2: #243641;
  --eco-mtn-muted: #5f717e;
  --eco-mtn-line: #dce6eb;
  --eco-mtn-blue: #7fa8d8;
  --eco-mtn-blue-deep: #2f6f9f;
  --eco-mtn-blue-pale: #eaf4fa;
  --eco-mtn-red: #e31d3b;
  --eco-mtn-red-dark: #c91431;
  --eco-mtn-green: #61a97e;
  --eco-mtn-white: #fff;
  --eco-mtn-surface: #f6f9fb;
  --eco-mtn-dark: #25343d;
  --eco-mtn-dark-deep: #142b39;
  --eco-mtn-shadow: 0 24px 64px rgba(20, 54, 77, 0.12);
  color: var(--eco-mtn-ink);
  font-family: "Ecopure Poppins", Poppins, Arial, sans-serif;
  overflow: hidden;
}

.eco-page.eco-maintenance,
.eco-page.eco-maintenance * {
  box-sizing: border-box;
}

.eco-page.eco-maintenance.eco-mtn-white {
  background: var(--eco-mtn-white) !important;
}

.eco-page.eco-maintenance.eco-mtn-light,
.eco-page.eco-maintenance.eco-mtn-soft {
  background: var(--eco-mtn-blue-pale) !important;
}

.eco-page.eco-maintenance.eco-mtn-dark {
  background: var(--eco-mtn-dark-deep) !important;
  color: #fff;
}

.eco-page.eco-maintenance > .section-content > .row {
  width: min(calc(100% - 64px), 1280px) !important;
  max-width: 1280px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.eco-page.eco-maintenance .row.eco-grid {
  margin-right: auto !important;
  margin-left: auto !important;
}

.eco-page.eco-maintenance h1,
.eco-page.eco-maintenance h2,
.eco-page.eco-maintenance h3,
.eco-page.eco-maintenance h4,
.eco-page.eco-maintenance p {
  overflow-wrap: break-word;
}

.eco-page.eco-maintenance h1,
.eco-page.eco-maintenance h2,
.eco-page.eco-maintenance h3 {
  color: var(--eco-mtn-ink);
  font-family: inherit;
  font-weight: 600;
  text-wrap: balance;
}

.eco-page.eco-maintenance h1 {
  max-width: 690px;
  margin-bottom: 22px;
  font-size: clamp(46px, 4.2vw, 62px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.eco-page.eco-maintenance h2 {
  max-width: 17ch;
  margin-bottom: 0;
  font-size: clamp(34px, 3.25vw, 50px);
  line-height: 1.04;
  letter-spacing: -0.047em;
}

.eco-page.eco-maintenance h3 {
  letter-spacing: -0.025em;
}

.eco-page.eco-maintenance p,
.eco-page.eco-maintenance li {
  color: var(--eco-mtn-muted);
}

.eco-page.eco-maintenance .eco-lead {
  max-width: 650px;
  margin-bottom: 0;
  color: var(--eco-mtn-muted);
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.58;
}

.eco-page.eco-maintenance.eco-mtn-dark h1,
.eco-page.eco-maintenance.eco-mtn-dark h2,
.eco-page.eco-maintenance.eco-mtn-dark h3,
.eco-page.eco-maintenance.eco-mtn-dark h4 {
  color: #fff;
}

.eco-page.eco-maintenance.eco-mtn-dark p,
.eco-page.eco-maintenance.eco-mtn-dark li,
.eco-page.eco-maintenance.eco-mtn-dark .eco-lead {
  color: #c0ced6;
}

.eco-page.eco-maintenance .eco-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--eco-mtn-blue-deep);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.eco-page.eco-maintenance .eco-eyebrow::before {
  width: 24px;
  height: 2px;
  background: var(--eco-mtn-red);
  content: "";
  flex: 0 0 24px;
}

.eco-page.eco-maintenance.eco-mtn-dark .eco-eyebrow {
  color: #d5e8f4;
}

.eco-page.eco-maintenance .eco-kicker {
  color: var(--eco-mtn-blue-deep);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.eco-page.eco-maintenance .eco-section-head {
  grid-template-columns: minmax(0, 697fr) minmax(280px, 432fr);
  gap: 64px;
  align-items: end;
  margin-bottom: 46px;
}

/* Buttons ------------------------------------------------------------- */
.eco-page.eco-maintenance .button.eco-button,
.eco-page.eco-maintenance .eco-button {
  min-height: 50px;
  margin: 0 8px 8px 0;
  padding: 0 26px;
  border-width: 1px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.eco-page.eco-maintenance .button.eco-button:hover,
.eco-page.eco-maintenance .eco-button:hover {
  transform: translateY(-2px);
}

.eco-page.eco-maintenance .button.eco-button--primary,
.eco-page.eco-maintenance .eco-button--primary {
  color: #fff !important;
  border-color: var(--eco-mtn-red) !important;
  background: var(--eco-mtn-red) !important;
  box-shadow: 0 12px 26px rgba(227, 29, 59, 0.22);
}

.eco-page.eco-maintenance .button.eco-button--primary span,
.eco-page.eco-maintenance .eco-button--primary span {
  color: #fff !important;
}

.eco-page.eco-maintenance .button.eco-button--primary:hover,
.eco-page.eco-maintenance .eco-button--primary:hover {
  color: #fff !important;
  border-color: var(--eco-mtn-red-dark) !important;
  background: var(--eco-mtn-red-dark) !important;
}

.eco-page.eco-maintenance .button.eco-button--outline,
.eco-page.eco-maintenance .eco-button--outline {
  color: var(--eco-mtn-ink) !important;
  border-color: #b9cbd6 !important;
  background: transparent !important;
}

.eco-page.eco-maintenance .button.eco-button--outline:hover,
.eco-page.eco-maintenance .eco-button--outline:hover {
  border-color: var(--eco-mtn-blue-deep) !important;
  background: #fff !important;
}

.eco-page.eco-maintenance .button.eco-button--whatsapp,
.eco-page.eco-maintenance .eco-button--whatsapp {
  color: var(--eco-mtn-green) !important;
  border-color: var(--eco-mtn-green) !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.eco-page.eco-maintenance .button.eco-button--small,
.eco-page.eco-maintenance .eco-button--small {
  min-height: 48px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 13px;
}

/* Line icon family ---------------------------------------------------- */
.eco-mtn-icon {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
  display: inline-grid;
  width: 54px;
  height: 54px;
  color: var(--eco-mtn-blue-deep);
  border: 1px solid rgba(127, 168, 216, 0.35);
  border-radius: 14px;
  background: rgba(127, 168, 216, 0.1);
  place-items: center;
}

.eco-mtn-icon::before {
  width: 27px;
  height: 27px;
  background: currentColor;
  content: "";
  -webkit-mask: var(--eco-mtn-icon-mask) center / contain no-repeat;
  mask: var(--eco-mtn-icon-mask) center / contain no-repeat;
}

.eco-mtn-icon--camera {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h4l2-3h4l2 3h4v13H4z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='13' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

.eco-mtn-icon--tools {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5-5L12 3.6 9.6 6 7.3 3.7a4 4 0 0 0 5 5L20 16.4a2.1 2.1 0 0 1-3 3l-7.7-7.7a4 4 0 0 1-5-5L6.6 9 9 6.6 6.7 4.3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.eco-mtn-icon--calendar {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.eco-mtn-icon--clock {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v6l4 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.eco-mtn-icon--question {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9.7 9a2.5 2.5 0 1 1 3.7 2.2c-1.4.7-1.4 1.5-1.4 2.3M12 17h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.eco-mtn-icon--drop {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2S5 9.4 5 15a7 7 0 0 0 14 0c0-5.6-7-13-7-13z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.eco-mtn-icon--filter {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='5' rx='6' ry='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M6 5v14c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5V5M6 12c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

.eco-mtn-icon--settings {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M4 17h16M8 3v8M16 13v8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.eco-mtn-icon--sparkles {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.4 4.6L18 8l-4.6 1.4L12 14l-1.4-4.6L6 8l4.6-1.4L12 2zM19 14l.8 2.2L22 17l-2.2.8L19 20l-.8-2.2L16 17l2.2-.8L19 14zM5 14l.8 2.2L8 17l-2.2.8L5 20l-.8-2.2L2 17l2.2-.8L5 14z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.eco-mtn-icon--clipboard {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4' width='14' height='17' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 4V2h6v2M8.5 13l2 2 5-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.eco-mtn-icon--home {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11l9-8 9 8v10h-6v-6H9v6H3V11z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.eco-mtn-icon--pin {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='10' r='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

.eco-mtn-icon--award {
  --eco-mtn-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='9' r='6' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8.5 14l-1.5 8 5-3 5 3-1.5-8M12 5l1.2 2.4 2.8.4-2 2 .5 2.8-2.5-1.3-2.5 1.3.5-2.8-2-2 2.8-.4L12 5z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.eco-mtn-dark .eco-mtn-icon {
  color: #d5e8f4;
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
}

/* Hero ---------------------------------------------------------------- */
.eco-page.eco-maintenance.eco-mtn-hero {
  background:
    radial-gradient(circle at 95% 10%, rgba(127, 168, 216, 0.25), transparent 31%),
    linear-gradient(135deg, #f9fcfd 0%, #eaf4fa 59%, #f8fbfc 100%) !important;
  position: relative;
}

.eco-mtn-hero::after {
  width: 520px;
  height: 520px;
  border: 1px solid rgba(127, 168, 216, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 70px;
  right: -190px;
  content: "";
  pointer-events: none;
}

.eco-mtn-hero .section-content {
  position: relative;
  z-index: 1;
}

.eco-page.eco-maintenance .row.eco-mtn-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 570fr) minmax(0, 640fr);
  gap: 70px;
  align-items: center;
}

.eco-mtn-hero-grid::before,
.eco-mtn-hero-grid::after,
.eco-mtn-trust-grid::before,
.eco-mtn-trust-grid::after,
.eco-mtn-reason-layout::before,
.eco-mtn-reason-layout::after,
.eco-mtn-contact-layout::before,
.eco-mtn-contact-layout::after,
.eco-mtn-feature-grid::before,
.eco-mtn-feature-grid::after {
  display: none;
}

.eco-mtn-hero-grid > .col,
.eco-mtn-trust-grid > .col,
.eco-mtn-reason-layout > .col,
.eco-mtn-contact-layout > .col,
.eco-mtn-feature-grid > .col {
  width: auto;
  max-width: none;
  padding: 0;
  flex-basis: auto;
}

.eco-mtn-hero-copy .eco-lead {
  max-width: 625px;
  margin-bottom: 25px;
}

.eco-mtn-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 18px;
}

.eco-mtn-proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #415967;
  font-size: 13px;
  font-weight: 600;
}

.eco-mtn-proof span::before {
  display: inline-grid;
  width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 50%;
  background: var(--eco-mtn-green);
  content: "✓";
  font-size: 11px;
  font-weight: 700;
  place-items: center;
}

.eco-mtn-hero-media {
  position: relative;
}

.eco-mtn-hero-image .img-inner {
  overflow: hidden;
  height: 500px;
  border-radius: 22px;
  background: #dfeaf0;
  box-shadow: var(--eco-mtn-shadow);
}

.eco-mtn-hero-image img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center;
}

.eco-mtn-media-badge {
  display: flex;
  align-items: center;
  gap: 13px;
  max-width: 310px;
  padding: 14px 18px;
  border: 1px solid rgba(127, 168, 216, 0.3);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  position: absolute;
  top: 24px;
  right: 24px;
  box-shadow: 0 14px 32px rgba(20, 54, 77, 0.14);
}

.eco-mtn-media-badge .eco-mtn-icon {
  width: 42px;
  height: 42px;
  border: 0;
  background: var(--eco-mtn-blue-pale);
  flex: 0 0 42px;
}

.eco-mtn-media-badge .eco-mtn-icon::before {
  width: 22px;
  height: 22px;
}

.eco-mtn-media-badge p {
  margin: 0;
}

.eco-mtn-media-badge strong,
.eco-mtn-media-badge small {
  display: block;
}

.eco-mtn-media-badge strong {
  color: var(--eco-mtn-ink);
  font-size: 13px;
  line-height: 1.3;
  text-transform: uppercase;
}

.eco-mtn-media-badge small {
  margin-top: 2px;
  color: var(--eco-mtn-muted);
  font-size: 12px;
}

/* Trust ---------------------------------------------------------------- */
.eco-mtn-trust {
  border-bottom: 1px solid var(--eco-mtn-line);
}

.eco-page.eco-maintenance .row.eco-mtn-trust-grid {
  display: grid;
  grid-template-columns: 170px 170px 170px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
}

.eco-mtn-stat {
  display: flex;
  align-items: center;
  gap: 12px;
}

.eco-mtn-stat strong {
  color: var(--eco-mtn-ink);
  font-size: 34px;
  line-height: 1;
  letter-spacing: -0.05em;
}

.eco-mtn-stat span {
  display: block;
  color: var(--eco-mtn-muted);
  font-size: 11px;
  line-height: 1.25;
}

.eco-mtn-stat .eco-stars,
.eco-stars {
  color: #f6ab2f !important;
  letter-spacing: 0.08em;
}

.eco-mtn-stat small,
.eco-stars small {
  display: block;
  margin-top: 3px;
  color: var(--eco-mtn-muted);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
}

.eco-mtn-client-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(16px, 2.2vw, 34px);
  color: #617786;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

/* Diagnosis ----------------------------------------------------------- */
.eco-mtn-choice-grid,
.eco-mtn-problem-grid,
.eco-mtn-service-grid,
.eco-mtn-plan-grid,
.eco-mtn-step-grid,
.eco-mtn-review-grid {
  gap: 22px !important;
}

.eco-mtn-choice > .col-inner,
.eco-mtn-icon-card > .col-inner,
.eco-mtn-feature-card > .col-inner,
.eco-mtn-review-card > .col-inner {
  height: 100%;
  padding: 26px;
  border: 1px solid var(--eco-mtn-line);
  border-radius: 14px;
  background: var(--eco-mtn-surface);
}

.eco-mtn-choice {
  cursor: pointer;
}

.eco-mtn-choice > .col-inner {
  transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.eco-mtn-choice:hover > .col-inner,
.eco-mtn-choice--selected > .col-inner {
  border-color: var(--eco-mtn-blue-deep);
  box-shadow: 0 14px 34px rgba(20, 54, 77, 0.09);
  transform: translateY(-3px);
}

.eco-mtn-choice .eco-mtn-icon,
.eco-mtn-icon-card .eco-mtn-icon,
.eco-mtn-feature-card .eco-mtn-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 22px;
}

.eco-mtn-choice .eco-mtn-icon::before,
.eco-mtn-icon-card .eco-mtn-icon::before,
.eco-mtn-feature-card .eco-mtn-icon::before {
  width: 24px;
  height: 24px;
}

.eco-mtn-choice h3,
.eco-mtn-icon-card h3,
.eco-mtn-feature-card h3 {
  margin-bottom: 9px;
  font-size: 20px;
}

.eco-mtn-choice p,
.eco-mtn-icon-card p,
.eco-mtn-feature-card p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.6;
}

.eco-mtn-recommendation {
  align-items: center;
  padding: 24px 24px 16px;
  margin-top: 24px !important;
  border: 1px solid #d6e8f1;
  border-radius: 16px;
  background: linear-gradient(90deg, #eef8fc 0%, #e2f1f8 100%);
}

.eco-mtn-recommendation .text {
  display: flex;
  align-items: center;
  gap: 18px;
}

.eco-mtn-recommendation .eco-mtn-icon {
  flex: 0 0 50px;
}

.eco-mtn-recommendation p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.eco-mtn-recommendation p strong {
  display: block;
  margin-bottom: 3px;
  color: var(--eco-mtn-blue-deep);
  font-size: 15px;
}

/* Problems ------------------------------------------------------------ */
.eco-mtn-problems {
  background:
    radial-gradient(circle at 90% 10%, rgba(127, 168, 216, 0.13), transparent 26%),
    var(--eco-mtn-dark) !important;
}

.eco-mtn-problem-card > .col-inner {
  overflow: hidden;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 15px;
  background: #1b3545;
}

.eco-mtn-problem-card .img-inner,
.eco-mtn-problem-card img {
  width: 100%;
  height: 230px;
}

.eco-mtn-problem-card img {
  object-fit: cover;
  filter: saturate(0.85) contrast(1.03);
}

.eco-mtn-problem-card .text {
  padding: 24px 26px 28px;
}

.eco-mtn-problem-card .eco-mtn-icon {
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  color: #d5e8f4;
  border: 0;
  background: transparent;
}

.eco-mtn-problem-card h3 {
  margin-bottom: 10px;
  color: #fff !important;
  font-size: 22px;
}

.eco-mtn-problem-card p {
  margin: 0;
  color: #c0ced6 !important;
  line-height: 1.6;
}

/* Service cards ------------------------------------------------------- */
.eco-mtn-icon-card > .col-inner {
  background: #f4f8fa;
  box-shadow: none;
}

.eco-mtn-icon-card:hover > .col-inner {
  border-color: #bfd4e0;
  box-shadow: 0 16px 36px rgba(20, 54, 77, 0.08);
}

/* Plans --------------------------------------------------------------- */
.eco-page.eco-maintenance.eco-mtn-plans {
  background:
    radial-gradient(circle at 5% 95%, rgba(127, 168, 216, 0.2), transparent 26%),
    linear-gradient(135deg, #f7fbfd 0%, #eaf4fa 58%, #f7fbfd 100%) !important;
}

.eco-mtn-plan > .col-inner {
  display: flex;
  height: 100%;
  min-height: 500px;
  padding: 32px;
  border: 1px solid var(--eco-mtn-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(20, 54, 77, 0.07);
  flex-direction: column;
}

.eco-mtn-plan--featured > .col-inner {
  border: 2px solid var(--eco-mtn-red);
  box-shadow: 0 18px 42px rgba(227, 29, 59, 0.12);
}

.eco-mtn-plan .text {
  display: flex;
  height: 100%;
  flex: 1;
  flex-direction: column;
}

.eco-mtn-plan-head {
  min-height: 106px;
  padding-bottom: 22px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--eco-mtn-line);
  position: relative;
}

.eco-mtn-plan-head h3 {
  margin-bottom: 5px;
  font-size: 27px;
}

.eco-mtn-plan-head > span {
  color: var(--eco-mtn-muted);
  font-size: 14px;
}

.eco-mtn-plan-label {
  display: inline-block;
  padding: 5px 10px;
  margin: -48px 0 12px -12px;
  color: #fff !important;
  border-radius: 999px;
  background: var(--eco-mtn-red);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.eco-mtn-plan-list {
  padding: 0;
  margin: 0 0 24px;
  list-style: none;
}

.eco-mtn-plan-list li {
  padding: 7px 0 7px 27px;
  color: var(--eco-mtn-muted) !important;
  position: relative;
  font-size: 14px;
}

.eco-mtn-plan-list li::before {
  display: inline-grid;
  width: 17px;
  height: 17px;
  color: #fff;
  border-radius: 50%;
  background: var(--eco-mtn-green);
  position: absolute;
  top: 9px;
  left: 0;
  content: "✓";
  font-size: 10px;
  font-weight: 700;
  place-items: center;
}

.eco-mtn-plan .button {
  width: 100%;
  margin-top: auto !important;
  margin-right: 0 !important;
}

/* Process ------------------------------------------------------------- */
.eco-mtn-process {
  background:
    radial-gradient(circle at 100% 50%, rgba(127, 168, 216, 0.12), transparent 28%),
    var(--eco-mtn-dark-deep) !important;
}

.eco-mtn-step-grid {
  position: relative;
  align-items: stretch;
  gap: 18px !important;
}

.eco-mtn-step-grid::before {
  display: none;
}

.eco-page.eco-maintenance.eco-mtn-process .eco-section-head {
  display: block;
  margin-bottom: 40px;
}

.eco-page.eco-maintenance.eco-mtn-process .eco-section-head > .col {
  width: 100%;
  max-width: none;
}

.eco-mtn-step > .col-inner {
  height: 100%;
  min-height: 230px;
  padding: 28px 26px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  position: relative;
}

.eco-mtn-step .text {
  display: flex;
  min-height: 172px;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.eco-mtn-step-number {
  display: none;
}

.eco-mtn-step .eco-mtn-icon {
  width: 68px;
  height: 68px;
  margin: 0 0 24px;
  color: #d5e8f4;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  vertical-align: top;
}

.eco-mtn-step .eco-mtn-icon::before {
  width: 33px;
  height: 33px;
}

.eco-mtn-step h3 {
  margin-bottom: 9px;
  font-size: 19px;
}

.eco-mtn-step p {
  margin: 0;
  font-size: 13px;
  line-height: 1.58;
}

/* Reasons ------------------------------------------------------------- */
.eco-page.eco-maintenance .row.eco-mtn-reason-layout {
  display: grid;
  grid-template-columns: minmax(0, 571fr) minmax(0, 560fr);
  gap: 70px;
  align-items: start;
}

.eco-mtn-reason-copy h2 {
  max-width: 13ch;
}

.eco-mtn-fleet-image {
  margin-top: 34px;
}

.eco-mtn-fleet-image .img-inner {
  overflow: hidden;
  height: 310px;
  border-radius: 16px;
  box-shadow: var(--eco-mtn-shadow);
}

.eco-mtn-fleet-image img {
  width: 100%;
  height: 310px;
  object-fit: cover;
}

.eco-page.eco-maintenance .row.eco-mtn-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.eco-mtn-feature-card > .col-inner {
  padding: 24px;
  background: #f4f8fa;
}

.eco-mtn-feature-card .eco-mtn-icon {
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
}

.eco-mtn-feature-card h3 {
  font-size: 17px;
}

.eco-mtn-feature-card p {
  font-size: 13px;
}

/* Reviews ------------------------------------------------------------- */
.eco-mtn-rating-col > .col-inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

.eco-mtn-rating {
  display: flex;
  align-items: center;
  gap: 12px;
}

.eco-mtn-rating > strong {
  color: var(--eco-mtn-ink);
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.05em;
}

.eco-mtn-review-card > .col-inner {
  background: #fff;
  box-shadow: 0 12px 30px rgba(20, 54, 77, 0.07);
}

.eco-mtn-review-card .text {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.eco-mtn-review-card blockquote {
  padding: 0;
  margin: 0 0 28px;
  color: var(--eco-mtn-ink);
  border: 0;
  font-size: 16px;
  font-style: normal;
  line-height: 1.65;
}

.eco-mtn-review-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-top: 17px;
  margin-top: auto;
  border-top: 1px solid var(--eco-mtn-line);
  color: var(--eco-mtn-muted);
  font-size: 13px;
}

.eco-mtn-review-card footer strong {
  color: var(--eco-mtn-ink);
}

.eco-mtn-review-cta h3 {
  font-size: 25px;
}

.eco-mtn-review-cta a {
  color: var(--eco-mtn-blue-deep);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

/* FAQ ----------------------------------------------------------------- */
.eco-page.eco-maintenance .row.eco-mtn-two-col,
.eco-page.eco-maintenance .row.eco-mtn-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 80px;
  align-items: start;
}

.eco-mtn-two-col > .col,
.eco-mtn-contact-layout > .col {
  width: auto;
  max-width: none;
  padding: 0;
  flex-basis: auto;
}

.eco-page.eco-maintenance .eco-accordion,
.eco-page.eco-maintenance .eco-accordion .accordion-item,
.eco-page.eco-maintenance .eco-accordion .accordion-title,
.eco-page.eco-maintenance .eco-accordion .accordion-inner {
  border-color: var(--eco-mtn-line);
  background: transparent;
}

.eco-page.eco-maintenance .eco-accordion .accordion-title {
  min-height: 67px;
  padding: 20px 44px 20px 0;
  color: var(--eco-mtn-ink) !important;
  border-top: 1px solid var(--eco-mtn-line);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.eco-page.eco-maintenance .eco-accordion .accordion-title.active {
  color: var(--eco-mtn-blue-deep) !important;
  background: transparent;
}

.eco-page.eco-maintenance .eco-accordion .accordion-title .toggle {
  right: 0 !important;
  left: auto !important;
  color: var(--eco-mtn-blue-deep) !important;
}

.eco-page.eco-maintenance .eco-accordion .accordion-inner {
  max-width: 680px;
  padding: 0 44px 26px 0;
  color: var(--eco-mtn-muted) !important;
  font-size: 14px;
  line-height: 1.65;
}

/* Contact and Contact Form 7 ----------------------------------------- */
.eco-mtn-contact {
  background:
    radial-gradient(circle at 5% 100%, rgba(127, 168, 216, 0.14), transparent 28%),
    var(--eco-mtn-dark-deep) !important;
}

.eco-page.eco-maintenance .row.eco-mtn-contact-layout {
  grid-template-columns: minmax(0, 517fr) minmax(0, 595fr);
  gap: 89px;
}

.eco-mtn-contact-copy h2 {
  max-width: 12ch;
}

.eco-mtn-contact-rating {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.eco-mtn-contact-rating > strong {
  color: #fff;
  font-size: 42px;
  line-height: 1;
}

.eco-mtn-contact-rating small {
  color: #c0ced6;
}

.eco-mtn-whatsapp-line {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 25px;
}

.eco-mtn-whatsapp-line i {
  display: inline-grid;
  width: 40px;
  height: 40px;
  color: #fff;
  border-radius: 50%;
  background: var(--eco-mtn-green);
  font-size: 21px;
  place-items: center;
}

.eco-mtn-whatsapp-line a {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}

.eco-mtn-form-card > .col-inner {
  padding: clamp(28px, 4vw, 44px);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.22);
}

.eco-mtn-form-card .wpcf7-form {
  margin: 0;
}

.eco-maintenance-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
}

.eco-maintenance-form-grid > * {
  min-width: 0;
}

.eco-maintenance-form-grid label,
.eco-maintenance-form-grid legend {
  display: block;
  margin: 0;
  color: var(--eco-mtn-ink);
  font-size: 13px;
  font-weight: 600;
}

.eco-maintenance-form-grid .eco-field-full {
  grid-column: 1 / -1;
}

.eco-maintenance-form-grid fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

.eco-maintenance-form-grid input:not([type="radio"]):not([type="submit"]),
.eco-maintenance-form-grid select,
.eco-maintenance-form-grid textarea {
  width: 100%;
  min-height: 50px;
  padding: 10px 13px;
  margin: 7px 0 0;
  color: var(--eco-mtn-ink);
  border: 1px solid #cfdde4;
  border-radius: 7px;
  background: #fbfdfe;
  box-shadow: none;
}

.eco-maintenance-form-grid input::placeholder,
.eco-maintenance-form-grid textarea::placeholder {
  color: #8298aa;
  opacity: 1;
}

.eco-maintenance-form-grid input:focus,
.eco-maintenance-form-grid select:focus,
.eco-maintenance-form-grid textarea:focus {
  border-color: var(--eco-mtn-blue-deep);
  box-shadow: 0 0 0 2px rgba(47, 111, 159, 0.13);
}

.eco-maintenance-form-grid input[type="file"] {
  max-width: 100%;
  padding: 13px;
  color: var(--eco-mtn-muted);
}

.eco-maintenance-form-grid .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}

.eco-maintenance-form-grid .wpcf7-list-item {
  margin: 0;
}

.eco-maintenance-form-grid .wpcf7-list-item label {
  position: relative;
}

.eco-maintenance-form-grid .wpcf7-list-item input {
  position: absolute;
  opacity: 0;
}

.eco-maintenance-form-grid .wpcf7-list-item-label {
  display: block;
  padding: 8px 12px;
  color: var(--eco-mtn-muted);
  border: 1px solid var(--eco-mtn-line);
  border-radius: 999px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
}

.eco-maintenance-form-grid .wpcf7-list-item input:checked + .wpcf7-list-item-label {
  color: #fff;
  border-color: var(--eco-mtn-green);
  background: var(--eco-mtn-green);
}

.eco-maintenance-form-grid .wpcf7-submit {
  width: 100%;
  min-height: 54px;
  margin: 4px 0 0;
  color: #fff;
  border: 0;
  border-radius: 999px;
  background: var(--eco-mtn-red);
  box-shadow: 0 12px 26px rgba(227, 29, 59, 0.18);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.eco-maintenance-form-grid .wpcf7-submit:hover {
  color: #fff;
  background: var(--eco-mtn-red-dark);
}

.eco-maintenance-form-grid .eco-form-note {
  display: block;
  margin-top: 11px;
  color: #8298aa;
  font-size: 11px;
  font-weight: 400;
}

.eco-mtn-form-card .wpcf7-spinner {
  display: none;
}

.eco-mtn-form-card .wpcf7-not-valid-tip {
  margin-top: 6px;
  color: var(--eco-mtn-red);
  font-size: 12px;
}

.eco-mtn-form-card .wpcf7-response-output {
  margin: 18px 0 0 !important;
  color: var(--eco-mtn-ink);
  border-color: var(--eco-mtn-line) !important;
  border-radius: 7px;
}

/* Responsive ---------------------------------------------------------- */
@media (max-width: 1120px) {
  .eco-page.eco-maintenance > .section-content > .row {
    width: min(calc(100% - 48px), 1000px) !important;
    max-width: 1000px !important;
  }

  .eco-page.eco-maintenance h1 {
    font-size: 50px;
  }

  .eco-page.eco-maintenance .row.eco-mtn-hero-grid {
    gap: 40px;
  }

  .eco-mtn-hero-image .img-inner,
  .eco-mtn-hero-image img {
    height: 430px;
  }

  .eco-page.eco-maintenance .row.eco-mtn-trust-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .eco-mtn-trust-grid > .col:last-child {
    grid-column: 1 / -1;
  }

  .eco-mtn-client-list {
    justify-content: flex-start;
    padding-top: 20px;
    border-top: 1px solid var(--eco-mtn-line);
  }

  .eco-page.eco-maintenance .row.eco-mtn-reason-layout,
  .eco-page.eco-maintenance .row.eco-mtn-contact-layout {
    grid-template-columns: 1fr;
  }

  .eco-page.eco-maintenance .row.eco-mtn-feature-grid,
  .eco-mtn-form-card {
    margin-top: 40px;
  }
}

@media (max-width: 849px) {
  .eco-page.eco-maintenance > .section-content > .row {
    width: calc(100% - 36px) !important;
    max-width: none !important;
  }

  .eco-page.eco-maintenance h2 {
    font-size: 40px;
  }

  .eco-page.eco-maintenance .eco-section-head,
  .eco-page.eco-maintenance .row.eco-mtn-hero-grid,
  .eco-page.eco-maintenance .row.eco-mtn-two-col {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .eco-page.eco-maintenance .eco-section-head {
    margin-bottom: 38px;
  }

  .eco-mtn-hero-media {
    margin-top: 28px;
  }

  .eco-mtn-rating-col > .col-inner {
    justify-content: flex-start;
  }

  .eco-mtn-step-grid::before {
    display: none;
  }

  .eco-mtn-plan > .col-inner {
    min-height: auto;
  }
}

@media (max-width: 549px) {
  .eco-page.eco-maintenance h1 {
    font-size: 39px;
  }

  .eco-page.eco-maintenance h2 {
    font-size: 34px;
  }

  .eco-page.eco-maintenance .eco-lead {
    font-size: 16px;
  }

  .eco-page.eco-maintenance .eco-grid--3,
  .eco-page.eco-maintenance .eco-grid--4,
  .eco-page.eco-maintenance .row.eco-mtn-feature-grid,
  .eco-maintenance-form-grid,
  .eco-page.eco-maintenance .row.eco-mtn-trust-grid {
    grid-template-columns: 1fr;
  }

  .eco-page.eco-maintenance .button.eco-button,
  .eco-page.eco-maintenance .eco-button {
    width: 100%;
    margin-right: 0;
  }

  .eco-mtn-hero-image .img-inner,
  .eco-mtn-hero-image img {
    height: 360px;
  }

  .eco-mtn-media-badge {
    right: 14px;
    left: 14px;
    max-width: none;
  }

  .eco-mtn-proof {
    align-items: flex-start;
    flex-direction: column;
  }

  .eco-mtn-step > .col-inner,
  .eco-mtn-step .text {
    min-height: 0;
  }

  .eco-mtn-trust-grid > .col:last-child {
    grid-column: auto;
  }

  .eco-mtn-client-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }

  .eco-mtn-recommendation {
    padding: 22px 18px 14px;
  }

  .eco-mtn-recommendation .text {
    align-items: flex-start;
  }

  .eco-mtn-recommendation .col:last-child {
    margin-top: 18px;
  }

  .eco-mtn-problem-card .img-inner,
  .eco-mtn-problem-card img {
    height: 210px;
  }

  .eco-mtn-rating-col > .col-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .eco-mtn-fleet-image .img-inner,
  .eco-mtn-fleet-image img {
    height: 250px;
  }

  .eco-mtn-form-card > .col-inner {
    padding: 24px 18px;
  }

  .eco-maintenance-form-grid .eco-field-full {
    grid-column: auto;
  }

  .eco-maintenance-form-grid .wpcf7-submit {
    min-width: 0;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eco-page.eco-maintenance *,
  .eco-page.eco-maintenance *::before,
  .eco-page.eco-maintenance *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}