.elementor-131 .elementor-element.elementor-element-ce0db7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-c14a3eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-131 .elementor-element.elementor-element-1d05817{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-2554ec1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-46bcc0a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-131 .elementor-element.elementor-element-eca082a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-20b32fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-ddcf4b6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-131 .elementor-element.elementor-element-7b4b537{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-e642ee4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-7098e75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-c14a3eb *//* ======================================================
   HERO — NORTH CAROLINA CRANE RENTAL
   ESTILO FINAL REFINADO - SIN SOMBRA AZUL
   - Imagen 100% limpia
   - Shadow solo en texto/cajas
   - Spec card premium industrial
   - Márgenes reales 5%
====================================================== */

/* ===============================
   HERO BASE
=============================== */
#NC-Crane-Hero {
  position: relative;
  min-height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;

  /* Full bleed real (rompe container Elementor) */
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

/* ===============================
   BACKGROUND IMAGE
=============================== */
#NC-Crane-Hero .hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('http://mendozacraneservice.com/wp-content/uploads/2026/01/Mendoza_Tree_Expert-4.jpeg');
  background-size: cover;
  background-position: center;
  z-index: 1;
}

/* ===============================
   OVERLAY (DESACTIVADO PARA IMAGEN LIMPIA)
=============================== */
#NC-Crane-Hero .hero-overlay {
  position: absolute;
  inset: 0;
  background: transparent; /* Se eliminó el color azul */
  display: none; /* Oculta la capa por completo */
  z-index: 2;
}

/* ===============================
   CONTAINER INTERNO
   MARGEN REAL 5% (SIEMPRE)
=============================== */
#NC-Crane-Hero .hero-container {
  position: relative;
  z-index: 3;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}

/* ===============================
   GRID HERO
=============================== */
#NC-Crane-Hero .hero-grid {
  display: grid;
  grid-template-columns: 55% 45%;
  align-items: center;
  gap: 64px;
}

/* ======================================================
   LEFT CONTENT — TEXTO
====================================================== */

/* MICRO FRAME SUTIL PARA LEGIBILIDAD
   Mantenemos este sutil fondo para que el texto sea legible sobre la foto */
#NC-Crane-Hero .hero-left {
  position: relative;
  padding: 26px 28px;
  border-radius: 14px;
  background: rgba(32, 62, 86, 0.25); /* Un poco más de contraste para compensar la falta de overlay */
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06),
    0 10px 30px rgba(9, 63, 99, 0.35);
  backdrop-filter: blur(4px); /* Aumentado ligeramente para lectura clara */
}

/* TITULO */
#NC-Crane-Hero .hero-left h1 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.08;
  color: #ffffff;
  margin-bottom: 26px;
  text-shadow: 2px 2px 10px rgba(0,0,0,0.3); /* Sombra al texto para destacar */
}

/* SUBTEXTO */
#NC-Crane-Hero .hero-sub {
  max-width: 720px;
  font-size: 18px;
  line-height: 1.65;
  color: #e6eef4;
  margin-bottom: 40px;
}

/* ===============================
   CTAs
=============================== */
#NC-Crane-Hero .hero-cta {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}

/* BOTÓN PRIMARIO */
#NC-Crane-Hero .btn-primary {
  background: #093f63;
  color: #ffffff;
  padding: 16px 34px;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all .25s ease;
}

#NC-Crane-Hero .btn-primary:hover {
  background: #203e56;
  transform: translateY(-2px);
}

/* BOTÓN SECUNDARIO */
#NC-Crane-Hero .btn-secondary {
  border: 2px solid #ffffff;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all .25s ease;
}

#NC-Crane-Hero .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.12);
}

/* ======================================================
   SPEC CARD — INDUSTRIAL UPGRADE
====================================================== */

#NC-Crane-Hero .hero-spec {
  position: relative;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98),
    rgba(245, 248, 250, 0.95)
  );
  border-radius: 18px;
  padding: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  box-shadow:
    0 30px 60px rgba(0, 0, 0, 0.25),
    inset 0 0 0 1px rgba(32, 62, 86, 0.12);
  overflow: hidden;
}

/* LINEA SUPERIOR TÉCNICA */
#NC-Crane-Hero .hero-spec::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(
    90deg,
    #093f63,
    #203e56
  );
}

/* ITEM */
#NC-Crane-Hero .spec-item {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  border-left: 3px solid rgba(32, 62, 86, 0.15);
}

/* VALOR */
#NC-Crane-Hero .spec-value {
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #203e56;
}

/* LABEL */
#NC-Crane-Hero .spec-label {
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #555;
}

/* ======================================================
   RESPONSIVE
====================================================== */
@media(max-width: 1100px) {
  #NC-Crane-Hero .hero-grid {
    grid-template-columns: 1fr;
    gap: 56px;
  }
}

@media(max-width: 680px) {
  #NC-Crane-Hero {
    min-height: auto;
    padding: 110px 0;
  }

  #NC-Crane-Hero .hero-left h1 {
    font-size: 34px;
  }

  #NC-Crane-Hero .hero-spec {
    grid-template-columns: 1fr;
    padding: 28px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46bcc0a */#MCS-Benefits-Pro{
  --blue:#0F5893;
  --deep:#203E56;
  --navy:#093F63;
  --green:#08672F;
  --white:#fff;
  --black:#000;
  --bg:#f4f7fb;
  --card:#ffffff;

  width:100%;
  padding: clamp(72px, 7vw, 110px) 5%;
  background:
    radial-gradient(900px 460px at 20% 0%, rgba(15,88,147,.10), transparent 60%),
    radial-gradient(760px 420px at 110% 18%, rgba(8,103,47,.08), transparent 58%),
    linear-gradient(180deg, #f8fbff, var(--bg));
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#0b1620;
}

#MCS-Benefits-Pro *{ box-sizing:border-box; }

#MCS-Benefits-Pro .mcsb-wrap{
  max-width: 2000;
  margin: 0 auto;
}

/* ---------------- Header ---------------- */
#MCS-Benefits-Pro .mcsb-head{
  text-align:center;
  max-width: 2000px;
  margin: 0 auto 44px;
  position:relative;
}

#MCS-Benefits-Pro .mcsb-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(15,88,147,.08);
  border:1px solid rgba(15,88,147,.18);
  margin-bottom:14px;
}

#MCS-Benefits-Pro .mcsb-dot{
  width:10px;height:10px;border-radius:999px;
  background: var(--green);
  box-shadow: 0 0 0 6px rgba(8,103,47,.12);
}

#MCS-Benefits-Pro .mcsb-ktext{
  font-weight:900;
  letter-spacing:.18em;
  font-size:12px;
  color: rgba(11,22,32,.82);
}

#MCS-Benefits-Pro .mcsb-h2{
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(30px, 3.2vw, 52px);
  line-height:1.06;
  letter-spacing:-.02em;
  font-weight: 900;
  margin: 0 0 14px;
  color: var(--deep);
}

#MCS-Benefits-Pro .mcsb-sub{
  margin: 0 auto;
  max-width: 820px;
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.7;
  color: rgba(11,22,32,.76);
}

#MCS-Benefits-Pro .mcsb-sub strong{
  color: rgba(11,22,32,.92);
  font-weight: 900;
}

/* ---------------- Grid ---------------- */
#MCS-Benefits-Pro .mcsb-grid{
  margin-top: 26px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  align-items: stretch;
}

/* ---------------- Card ---------------- */
#MCS-Benefits-Pro .mcsb-card{
  position:relative;
  background: var(--card);
  border-radius: 22px;
  padding: 22px 22px 20px;
  border: 1px solid rgba(15,88,147,.12);
  box-shadow:
    0 22px 60px rgba(2, 12, 22, .08),
    inset 0 1px 0 rgba(255,255,255,.72);
  overflow:hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* premium corner glow */
#MCS-Benefits-Pro .mcsb-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(600px 240px at 20% 10%, rgba(15,88,147,.14), transparent 52%),
    radial-gradient(420px 220px at 90% 90%, rgba(8,103,47,.10), transparent 55%);
  opacity:.9;
  pointer-events:none;
}

/* crisp inner edge */
#MCS-Benefits-Pro .mcsb-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 22px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
  pointer-events:none;
}

#MCS-Benefits-Pro .mcsb-card:hover{
  transform: translateY(-8px);
  border-color: rgba(15,88,147,.22);
  box-shadow:
    0 34px 86px rgba(2, 12, 22, .12),
    inset 0 1px 0 rgba(255,255,255,.76);
}

/* top row */
#MCS-Benefits-Pro .mcsb-top{
  display:flex;
  gap:14px;
  align-items:center;
  position:relative;
  z-index:1;
  margin-bottom: 12px;
}

#MCS-Benefits-Pro .mcsb-ico{
  width:52px; height:52px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--blue);
  background:
    linear-gradient(180deg, rgba(15,88,147,.10), rgba(15,88,147,.04));
  border: 1px solid rgba(15,88,147,.18);
  box-shadow:
    0 18px 44px rgba(2, 12, 22, .10),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#MCS-Benefits-Pro .mcsb-ico svg{ width:24px;height:24px; }

#MCS-Benefits-Pro .mcsb-meta{
  flex:1;
  min-width:0;
}

#MCS-Benefits-Pro .mcsb-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size: 11px;
  letter-spacing:.18em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(11,22,32,.62);
}

#MCS-Benefits-Pro .mcsb-title{
  margin-top: 6px;
  font-size: 18px;
  font-weight: 950;
  color: rgba(11,22,32,.92);
  line-height: 1.18;
}

/* body text */
#MCS-Benefits-Pro .mcsb-text{
  position:relative;
  z-index:1;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.65;
  color: rgba(11,22,32,.76);
}

/* bullets */
#MCS-Benefits-Pro .mcsb-bullets{
  position:relative;
  z-index:1;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 10px;
}

#MCS-Benefits-Pro .mcsb-bullets li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size: 13.5px;
  color: rgba(11,22,32,.78);
}

#MCS-Benefits-Pro .mcsb-bullets li::before{
  content:"";
  width:10px;height:10px;
  margin-top:4px;
  border-radius:999px;
  background: radial-gradient(circle at 30% 30%, rgba(118,191,75,.95), rgba(8,103,47,.95));
  box-shadow: 0 0 0 5px rgba(8,103,47,.10);
  flex: 0 0 auto;
}

/* ---------------- Ribbon (areas) ---------------- */
#MCS-Benefits-Pro .mcsb-ribbon{
  margin-top: 26px;
  border-radius: 22px;
  padding: 18px 18px;
  background:
    linear-gradient(90deg, rgba(15,88,147,.12), rgba(8,103,47,.10));
  border: 1px solid rgba(15,88,147,.16);
  box-shadow: 0 22px 60px rgba(2,12,22,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
}

#MCS-Benefits-Pro .mcsb-rLeft{
  flex:1;
  min-width:0;
}

#MCS-Benefits-Pro .mcsb-rTitle{
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  letter-spacing:-.01em;
  color: rgba(11,22,32,.92);
  font-size: 16px;
}

#MCS-Benefits-Pro .mcsb-rText{
  margin-top: 6px;
  color: rgba(11,22,32,.74);
  font-size: 14px;
  line-height: 1.6;
}





#MCS-Benefits-Pro .mcsb-rCTA:hover{
  background:#000;
  transform: translateY(-2px);
  box-shadow: 0 24px 70px rgba(2,12,22,.26);
}


/* ======================================================
 SERVICE AREAS RIBBON — BOTONES BLANCOS
====================================================== */

.mcsb-ribbon{
  margin-top:80px;
  padding:28px 5%;
  background:linear-gradient(
    90deg,
    #203e56,
    #093f63
  );
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  border-radius:18px;
  box-shadow:0 20px 40px rgba(0,0,0,0.25);
  color:#ffffff;
}

/* LEFT TEXT */
.mcsb-rLeft{
  max-width:760px;
}

.mcsb-rTitle{
  font-family:'Poppins', sans-serif;
  font-size:16px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.85;
  margin-bottom:10px;
}

.mcsb-rText{
  font-size:16px;
  line-height:1.6;
  opacity:.95;
}

/* ACTIONS */
.mcsb-rActions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

/* ===============================
 BUTTONS — WHITE / TRANSPARENT
=============================== */
.mcsb-rBtn{
  padding:14px 28px;
  border-radius:12px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  color:#203e56;
  background:#ffffff;
  border:2px solid #ffffff;
  transition:all .25s ease;
}

/* HOVER — TRANSPARENT */
.mcsb-rBtn:hover{
  background:transparent;
  color:#ffffff;
  transform:translateY(-2px);
}

/* ===============================
 RESPONSIVE
=============================== */
@media(max-width:900px){
  .mcsb-ribbon{
    flex-direction:column;
    align-items:flex-start;
    gap:28px;
  }
}





/* ---------------- Responsive ---------------- */
@media (max-width: 1180px){
  #MCS-Benefits-Pro .mcsb-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px){
  #MCS-Benefits-Pro{ padding: 64px 5%; }
  #MCS-Benefits-Pro .mcsb-head{ margin-bottom: 32px; }
  #MCS-Benefits-Pro .mcsb-grid{ grid-template-columns: 1fr; gap: 16px; }
  #MCS-Benefits-Pro .mcsb-card{ padding: 20px 18px 18px; }
  #MCS-Benefits-Pro .mcsb-ico{ width:48px;height:48px;border-radius:15px; }
  #MCS-Benefits-Pro .mcsb-title{ font-size: 17px; }
  #MCS-Benefits-Pro .mcsb-ribbon{
    flex-direction:column;
    align-items:flex-start;
  }
  #MCS-Benefits-Pro .mcsb-rCTA{ width:100%; }
}

@media (prefers-reduced-motion: reduce){
  #MCS-Benefits-Pro .mcsb-card,
  #MCS-Benefits-Pro .mcsb-rCTA{
    transition:none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-becbb10 *//* ==================================================
   1. ESTRUCTURA BASE
   ================================================== */
#MCS-Areas-NC-Regional {
    padding: clamp(60px, 7vw, 150px) 0;
    background: #ffffff;
    font-family: Montserrat, system-ui, sans-serif;
}

.mcs-area-head {
    max-width: 1100px;
    margin: 0 auto 70px;
    padding: 0 5%;
    text-align: center;
}

.mcs-area-head h2 {
    font-family: Poppins, sans-serif;
    font-size: clamp(38px, 3vw, 58px);
    font-weight: 900;
    color: #203e56;
    margin-bottom: 18px;
}

/* ==================================================
   2. CARD PRINCIPAL (NORTH CAROLINA) - FIX ESCRITORIO
   ================================================== */
.mcs-region-card {
    display: grid;
    grid-template-columns: 1fr 1.3fr; /* Dos columnas en grande */
    margin: 0 5% 60px;
    border-radius: 30px;
    overflow: hidden;
    background: linear-gradient(180deg,#f9fbfd,#eef3f8);
    box-shadow: 0 60px 160px rgba(0,0,0,.18);
}

.mcs-region-info {
    padding: clamp(30px, 5vw, 56px);
}

.mcs-region-map iframe {
    width: 100%;
    height: 100%;
    min-height: 500px; /* Altura para que el mapa luzca bien */
    display: block;
    border: 0;
}

/* ==================================================
   3. CARDS INTERNAS (CITIES) - FIX ESCRITORIO
   ================================================== */
.mcs-cities {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: .6s ease;
    padding: 0 5%;
}

.mcs-cities.is-open {
    max-height: 10000px;
    opacity: 1;
}

.mcs-city-card {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    border-radius: 28px;
    overflow: hidden;
    margin-bottom: 60px;
}

/* Alineación para las blancas (left) */
.mcs-city-card.left {
    grid-template-columns: 1fr 1.2fr;
}

.mcs-city-card.left .mcs-city-map {
    order: 2;
}

.mcs-city-map iframe {
    width: 100%;
    height: 100%;
    min-height: 420px;
    border: 0;
    display: block;
}

.mcs-city-info {
    padding: clamp(30px, 5vw, 56px);
}

/* ==================================================
   4. BOTONES Y ACCIONES (SIN TOCAR COLORES)
   ================================================== */
.mcs-region-actions, .mcs-city-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap; 
    margin-top: 20px;
}

.mcs-btn {
    padding: 14px 28px;
    border-radius: 14px;
    font-weight: 900;
    text-decoration: none;
    border: 2px solid #203e56;
    display: inline-block;
}

/* Colores originales */
.mcs-city-card.blue .mcs-city-info { background: #203e56; color: #fff; }
.mcs-city-card.white .mcs-city-info { background: #fff; color: #203e56; }
.mcs-btn.primary { background: #203e56; color: #fff; }
.mcs-btn.ghost { background: #fff; color: #203e56; }

/* ==================================================
   5. RESPONSIVE FINAL (MÓVIL < 980px)
   ================================================== */
@media (max-width: 980px) {
    /* Forzar todas las cards a 1 sola columna */
    .mcs-region-card, 
    .mcs-city-card, 
    .mcs-city-card.left {
        grid-template-columns: 1fr !important;
    }

    /* Reset de orden para que el mapa siempre esté arriba del texto */
    .mcs-city-card.left .mcs-city-map,
    .mcs-region-map {
        order: -1;
    }

    /* Mapas en móvil */
    .mcs-region-map iframe, 
    .mcs-city-map iframe {
        height: 300px !important;
        min-height: 300px;
    }

    /* Botones en móvil: uno debajo del otro */
    .mcs-region-actions, .mcs-city-actions {
        flex-direction: column;
    }

    .mcs-btn {
        width: 100%;
        text-align: center;
    }
}

/* Botón de expandir */
.buttn-expand { text-align: center; margin: 60px 0; }
.buttn-expand button {
    background: #203e56 !important;
    color: #ffffff !important;
    padding: 15px 30px;
    border-radius: 50px;
    border: none;
    font-weight: 700;
    cursor: pointer;
}

/* ==================================================
   1. BASE Y HEADER (SIN CAMBIOS DE DISEÑO)
   ================================================== */
#MCS-Areas-NC-Regional {
    padding: clamp(60px, 7vw, 150px) 0;
    background: #ffffff;
    font-family: Montserrat, system-ui, sans-serif;
}

.mcs-area-head {
    max-width: 1100px;
    margin: 0 auto 70px;
    padding: 0 5%;
    text-align: center;
}

.mcs-area-head h2 {
    font-family: Poppins, sans-serif;
    font-size: clamp(38px, 3vw, 58px);
    font-weight: 900;
    color: #203e56;
    margin-bottom: 18px;
}

.mcs-area-head p {
    font-size: 18px;
    line-height: 1.7;
    color: #444;
}

/* ==================================================
   2. ESTRUCTURA DE CARDS (ESCRITORIO > 980px)
   ================================================== */
.mcs-region-card, .mcs-city-card {
    display: grid;
    overflow: hidden;
    width: 90%;
    margin: 0 auto 60px;
    border-radius: 30px;
}

/* Card Principal */
.mcs-region-card {
    grid-template-columns: 1fr 1.3fr;
    background: linear-gradient(180deg,#f9fbfd,#eef3f8);
    box-shadow: 0 60px 160px rgba(0,0,0,.18);
}

/* Cards de Ciudades (Azules y Blancas) */
.mcs-city-card {
    grid-template-columns: 1.2fr 1fr;
}

/* Alineación especial para cards 'left' (Blancas) en escritorio */
.mcs-city-card.left {
    grid-template-columns: 1fr 1.2fr;
}

.mcs-city-card.left .mcs-city-map {
    order: 2;
}

/* ==================================================
   3. MAPAS E IFRAMES (FIX PANTALLA GRANDE)
   ================================================== */
.mcs-region-map iframe, 
.mcs-city-map iframe {
    width: 100%;
    height: 100%;
    min-height: 480px;
    display: block;
    border: 0;
}

/* ==================================================
   4. BOTONES Y ACCIONES (PREVENCIÓN DE MONTADO)
   ================================================== */
.mcs-region-actions, .mcs-city-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap; /* Evita que se encimen si el texto crece */
    margin-top: 20px;
}

.mcs-btn {
    padding: 14px 28px;
    border-radius: 14px;
    font-weight: 900;
    letter-spacing: .06em;
    text-decoration: none;
    border: 2px solid #203e56;
    display: inline-block;
    text-align: center;
}

/* Colores originales preservados */
.mcs-btn.primary { background: #203e56; color: #fff; }
.mcs-btn.ghost { background: #fff; color: #203e56; }

/* ==================================================
   5. COLORES DE CARDS INTERNAS
   ================================================== */
.mcs-city-card.blue .mcs-city-info { background: #203e56; color: #fff; }
.mcs-city-card.white .mcs-city-info { background: #fff; color: #203e56; }
.mcs-city-info { padding: 56px; }

/* ==================================================
   6. RESPONSIVE (MÓVIL < 980px)
   ================================================== */
@media (max-width: 980px) {
    /* Forzar todas las cards a vertical */
    .mcs-region-card, 
    .mcs-city-card, 
    .mcs-city-card.left {
        grid-template-columns: 1fr !important;
        width: 95%;
    }

    /* Reset de orden en móvil para que el mapa siempre esté arriba */
    .mcs-city-card.left .mcs-city-map {
        order: 0;
    }

    /* Mapas en móvil */
    .mcs-region-map iframe, 
    .mcs-city-map iframe {
        height: 320px !important;
        min-height: 320px;
    }

    /* Botones en móvil para que no choquen */
    .mcs-region-actions, .mcs-city-actions {
        flex-direction: column;
    }

    .mcs-btn {
        width: 100%;
    }
}

/* ==================================================
   7. LÓGICA DE EXPANSIÓN (JS)
   ================================================== */
.mcs-cities {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: .6s ease;
}

.mcs-cities.is-open {
    max-height: 10000px;
    opacity: 1;
}

.buttn-expand { text-align: center; margin: 60px 0; padding: 0 5%; }
.buttn-expand button {
    background: #203e56 !important;
    color: #ffffff !important;
    padding: 15px 30px;
    border-radius: 50px;
    border: none;
    font-weight: 700;
    cursor: pointer;
}



/* ==================================================
   BOTÓN DE EXPANDIR - FIX RESPONSIVE
   ================================================== */
.buttn-expand { 
    text-align: center; 
    margin: 60px 0; 
    padding: 0 5%; 
}

.buttn-expand button {
    background: #203e56 !important;
    color: #ffffff !important;
    padding: 15px 30px;
    border-radius: 50px;
    border: none;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}

/* FIX MÓVIL: Permitir salto de línea */
@media (max-width: 768px) {
    .buttn-expand button {
        white-space: normal;
        line-height: 1.4;
        padding: 14px 24px;
        font-size: 15px;
        max-width: 90%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a195ca6 */#MCS-Crane-Uses-NC{
  padding:clamp(90px,7vw,150px) 5%;
  background:#ffffff;
  font-family:Montserrat,sans-serif;
}

/* HEADER */
.mcs-uses-head{
  text-align:center;
  max-width:1100px;
  margin:0 auto 80px;
}
.mcs-uses-head h2{
  font-family:Poppins,sans-serif;
  font-size:clamp(38px,3vw,56px);
  font-weight:900;
  color:#203e56;
  margin-bottom:18px;
}
.mcs-uses-head p{
  font-size:18px;
  line-height:1.75;
  color:#444;
}

/* GRID */
.mcs-uses-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:34px;
}

/* CARD */
.use-card{
  background:#ffffff;
  border:2px solid #203e56;
  border-radius:26px;
  padding:34px;
  box-shadow:0 50px 140px rgba(0,0,0,.15);
  transition:transform .25s ease, box-shadow .25s ease;
}
.use-card:hover{
  transform:translateY(-8px);
  box-shadow:0 70px 180px rgba(0,0,0,.22);
}

/* TITLE */
.use-card h3{
  font-family:Poppins,sans-serif;
  font-size:22px;
  font-weight:900;
  color:#203e56;
  margin-bottom:18px;
}

/* LIST */
.use-card ul{
  list-style:none;
  padding:0;
  margin:0 0 20px;
}
.use-card li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:15px;
  line-height:1.6;
  color:#333;
  margin-bottom:12px;
}
.use-card li svg{
  width:18px;
  height:18px;
  stroke:#08672F;
  fill:none;
  stroke-width:2;
}

/* AREAS */
.use-areas{
  font-size:13px;
  font-weight:700;
  color:#08672F;
  margin-bottom:20px;
}

/* ACTIONS */
.use-actions{
  display:flex;
  gap:14px;
}
.btn{
  padding:12px 22px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
  border:2px solid transparent;
}
.btn.call{
  background:#08672F;
  color:#fff;
}
.btn.form{
  background:#203e56;
  color:#fff;
}

/* RESPONSIVE */
@media(max-width:1100px){
  .mcs-uses-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:720px){
  .mcs-uses-grid{grid-template-columns:1fr;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-96ae930 *//* ==========================================================
   CTA — CRANE RENTAL (PREMIUM CLOSE SECTION)
========================================================== */

#MCS-CTA-Crane{
  position:relative;
  width:100%;
  min-height:85vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  font-family:Montserrat,sans-serif;
}

/* background image */
.mcs-cta-bg{
  position:absolute;
  inset:0;
  background:
    url("http://mendozacraneservice.com/wp-content/uploads/2026/01/Mendoza_Tree_Expert-4.jpeg")
    center/cover no-repeat;
  transform:scale(1.03);
}

/* overlay for contrast */
.mcs-cta-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      rgba(9,63,99,.65),
      rgba(9,63,99,.85)
    );
}

/* wrap with 5% rule */
.mcs-cta-wrap{
  position:relative;
  z-index:2;
  width:100%;
  padding-left:5%;
  padding-right:5%;
  display:flex;
  justify-content:center;
}

/* card */
.mcs-cta-card{
  max-width:920px;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-radius:34px;
  padding:clamp(40px,5vw,70px);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 60px 160px rgba(0,0,0,.45);
  text-align:center;
  color:#fff;
  animation:ctaFloat 12s ease-in-out infinite;
}

/* subtle float */
@keyframes ctaFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-6px);}
}

/* kicker */
.mcs-cta-kicker{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.22em;
  color:#76bf4b;
  margin-bottom:16px;
}

/* headline */
.mcs-cta-card h2{
  font-family:Poppins,sans-serif;
  font-size:clamp(36px,3vw,56px);
  font-weight:900;
  line-height:1.15;
  margin-bottom:22px;
}
.mcs-cta-card h2 span{
  color:#76bf4b;
}

/* text */
.mcs-cta-card p{
  font-size:18px;
  line-height:1.75;
  color:rgba(255,255,255,.85);
  max-width:720px;
  margin:0 auto 34px;
}

/* actions */
.mcs-cta-actions{
  display:flex;
  gap:18px;
  justify-content:center;
  flex-wrap:wrap;
}

/* buttons */
.cta-btn{
  padding:16px 34px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
  font-size:15px;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.cta-btn.call{
  background:#76bf4b;
  color:#000;
  box-shadow:0 20px 60px rgba(118,191,75,.45);
}
.cta-btn.call:hover{
  transform:translateY(-3px);
  box-shadow:0 30px 90px rgba(118,191,75,.65);
}

.cta-btn.form{
  background:#ffffff;
  color:#093f63;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.cta-btn.form:hover{
  transform:translateY(-3px);
  background:#093f63;
  color:#fff;
}

/* trust note */
.mcs-cta-trust{
  margin-top:26px;
  font-size:13px;
  letter-spacing:.04em;
  color:rgba(255,255,255,.75);
}

/* responsive */
@media(max-width:720px){
  #MCS-CTA-Crane{min-height:92vh;}
  .mcs-cta-card{text-align:left;}
  .mcs-cta-actions{justify-content:flex-start;}
}/* End custom CSS */