.elementor-188 .elementor-element.elementor-element-2ec8ed1{--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-188 .elementor-element.elementor-element-14350f5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}.elementor-188 .elementor-element.elementor-element-b6e8454{--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-188 .elementor-element.elementor-element-befdbae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}.elementor-188 .elementor-element.elementor-element-882764b{--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-188 .elementor-element.elementor-element-35bcc68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}.elementor-188 .elementor-element.elementor-element-08f30df{--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-188 .elementor-element.elementor-element-2696dcc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}.elementor-188 .elementor-element.elementor-element-8eb7935{--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-188 .elementor-element.elementor-element-1399ee6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-befdbae */#CEOJA-RANGO-HERO-PRO-01{
  --CEOJA-bg:#fbfef9;
  --CEOJA-txt:#060a04;

  --CEOJA-primary:#16733e;     /* 60% */
  --CEOJA-secondary:#bde038;   /* 30% */
  --CEOJA-accent:#038c25;      /* 10% */

  --CEOJA-max:2000px;
  --CEOJA-pad:5%;

  --CEOJA-white:rgba(251,254,249,1);
  --CEOJA-whiteSoft:rgba(251,254,249,.92);
  --CEOJA-line:rgba(251,254,249,.22);
  --CEOJA-line2:rgba(251,254,249,.12);

  width:100%;
  min-height:100vh;
  position:relative;
  overflow:hidden;
  background:#000; /* fallback only */
  color:var(--CEOJA-white);
  font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  isolation:isolate;
}

#CEOJA-RANGO-HERO-PRO-01,
#CEOJA-RANGO-HERO-PRO-01 *{ box-sizing:border-box; }

/* ===================== BACKGROUND (CLEAN) ===================== */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-bg{
  position:absolute;
  inset:0;
  background-image:url("https://ceomarketingusa.com/wp-content/uploads/2026/02/professional-tree-service-feature.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  /* CRITICAL: image stays pure */
  opacity:1;
  filter:none;
  box-shadow:none;
  transform:none;

  z-index:-5;
}



/* ===================== LAYOUT ===================== */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-wrap{
  width:min(var(--CEOJA-max),100%);
  margin:0 auto;
  padding:0 var(--CEOJA-pad);
  min-height:100vh;

  display:flex;
  align-items:center;
  justify-content:center;
}

#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-grid{
  width:100%;
  display:grid;
  grid-template-columns: 1fr;
  justify-items:center;
  text-align:center;
  gap:18px;
}

/* ===================== TOP KEYWORD LINE ===================== */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:0;
  margin:0;
  font-size:clamp(12px, .9vw, 14px);
  letter-spacing:.30em;
  text-transform:uppercase;
  color:rgba(189,224,56,.98);
  user-select:none;

  text-shadow:
    0 3px 16px rgba(0,0,0,.55),
    0 14px 44px rgba(0,0,0,.35);
}
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-kicker i{
  width:10px;height:10px;
  border-radius:999px;
  background:var(--CEOJA-secondary);
  box-shadow:0 0 0 8px rgba(189,224,56,.14);
  flex:0 0 auto;
}

/* ===================== GIANT H1 (Poppins only) ===================== */
#CEOJA-RANGO-HERO-PRO-01 h1{
  font-family:Poppins,system-ui,sans-serif;
  font-weight:900;
  line-height:.92;
  letter-spacing:-.03em;

  font-size:clamp(52px, 6.8vw, 120px);
  margin:0;
  max-width:16ch;
  overflow-wrap:anywhere;

  text-shadow:
    0 6px 26px rgba(0,0,0,.70),
    0 18px 60px rgba(0,0,0,.46);
}

/* big outlined “ghost” word behind (design), NOT a box */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-ghost{
  position:relative;
  display:inline-block;
}


/* ===================== SUB COPY ===================== */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-sub{
  margin:0;
  max-width:78ch;
  font-size:clamp(16px, 1.2vw, 19px);
  line-height:1.65;
  color:rgba(251,254,249,.92);

  text-shadow:
    0 4px 18px rgba(0,0,0,.62),
    0 14px 48px rgba(0,0,0,.32);
}

/* ===================== MICRO BADGES (stroke-only feel) ===================== */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-badges{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:8px;
}
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(251,254,249,.20);
  background:transparent; /* IMPORTANT: no fill */
  color:rgba(251,254,249,.92);
  font-size:13px;
  line-height:1;
  text-shadow:0 4px 18px rgba(0,0,0,.55);
  max-width:100%;
}
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-badge b{
  font-family:Poppins,system-ui,sans-serif;
  font-weight:900;
  letter-spacing:.02em;
  color:rgba(189,224,56,.98);
}
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-badge svg{
  width:16px;height:16px;
  flex:0 0 auto;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.18));
}

/* ===================== CTA AREA ===================== */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-cta{
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:10px;
}

/* =========================================================
   ✅ YOUR OFFICIAL BUTTON SYSTEM — INCLUDED FULL (AS REQUESTED)
========================================================= */
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1{
  --CEOJA-green:#b6d93b;
  --CEOJA-white:#fbfef9;
  --CEOJA-dark:#000000;
  --CEOJA-greenDark:#15710e;

  --CEOJA-pad:5%;
  --CEOJA-btnRadius:15px;

  font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1,
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 *{ box-sizing:border-box; }

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-sec{
  width:100%;
  padding:var(--CEOJA-pad);
  display:flex;
  align-items:center;
  justify-content:center;
}

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-wrap{ width:100%; margin:0 auto; }

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btnRow{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:16px;
}

/* BUTTON CORE — NEW HOVER (Neon Outline + Slide Fill) */
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:16px 34px;
  min-width:210px;
  height:52px;

  text-decoration:none;
  border-radius:var(--CEOJA-btnRadius);
  border:1px solid var(--bd, transparent);

  font-weight:900;
  font-size:13px;
  letter-spacing:.6px;
  text-transform:uppercase;
  white-space:nowrap;

  background:var(--bg);
  color:var(--txt);

  cursor:pointer;
  overflow:hidden;
  transform:translateZ(0);

  transition:
    transform .20s cubic-bezier(.2,.9,.2,1),
    background .18s cubic-bezier(.2,.9,.2,1),
    color .18s cubic-bezier(.2,.9,.2,1),
    border-color .18s cubic-bezier(.2,.9,.2,1),
    box-shadow .20s cubic-bezier(.2,.9,.2,1),
    filter .20s cubic-bezier(.2,.9,.2,1);
}

/* Slide fill layer */
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:var(--CEOJA-btnRadius);
  background: var(--hoverFill, rgba(255,255,255,.10));
  transform:translateX(-110%) skewX(-12deg);
  opacity:1;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
  z-index:0;
}

/* Neon outline layer */
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:var(--CEOJA-btnRadius);
  pointer-events:none;
  opacity:0;
  transition:opacity .20s ease;
  z-index:1;

  box-shadow:
    0 0 0 2px var(--glowColor, rgba(182,217,59,.55)) inset,
    0 0 0 6px rgba(0,0,0,0) inset,
    0 10px 26px rgba(0,0,0,.18);
}

/* keep text above effects */
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn > *{
  position:relative;
  z-index:2;
}

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.05);
}

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn:hover::before{
  transform:translateX(110%) skewX(-12deg);
}

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn:hover::after{
  opacity:1;
}

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn:active{
  transform:translateY(0px) scale(.99);
}

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn:focus-visible{
  outline:3px solid rgba(182,217,59,.55);
  outline-offset:4px;
}

/* SCENARIO 1 — WHITE BACKGROUND */
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s1{ background:#ffffff; }

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s1 .btn-primary{
  --bg: var(--CEOJA-green);
  --txt: var(--CEOJA-dark);
  --bd: rgba(0,0,0,0);

  --hoverFill: rgba(255,255,255,.55);
  --glowColor: rgba(182,217,59,.62);
}
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s1 .btn-primary:hover{
  background: var(--CEOJA-white);
  color: var(--CEOJA-dark);
  border-color: rgba(0,0,0,.18);
  box-shadow:0 18px 34px rgba(0,0,0,.14);
}

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s1 .btn-secondary{
  --bg: var(--CEOJA-white);
  --txt: var(--CEOJA-dark);
  --bd: rgba(0,0,0,.18);

  --hoverFill: rgba(182,217,59,.55);
  --glowColor: rgba(182,217,59,.62);
}
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s1 .btn-secondary:hover{
  background: var(--CEOJA-green);
  color: var(--CEOJA-dark);
  border-color: rgba(0,0,0,0);
  box-shadow:0 18px 34px rgba(0,0,0,.14);
}

/* SCENARIO 2 — BLACK BACKGROUND */
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2{ background:var(--CEOJA-dark); }

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2 .btn-primary{
  --bg: var(--CEOJA-green);
  --txt: var(--CEOJA-dark);
  --bd: rgba(0,0,0,0);

  --hoverFill: rgba(255,255,255,.60);
  --glowColor: rgba(182,217,59,.70);
}
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2 .btn-primary:hover{
  background: var(--CEOJA-white);
  color: var(--CEOJA-dark);
  border-color: rgba(255,255,255,.22);
  box-shadow:0 18px 34px rgba(0,0,0,.38);
}

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2 .btn-secondary{
  --bg: var(--CEOJA-white);
  --txt: var(--CEOJA-dark);
  --bd: rgba(255,255,255,.16);

  --hoverFill: rgba(182,217,59,.55);
  --glowColor: rgba(182,217,59,.70);
}
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2 .btn-secondary:hover{
  background: var(--CEOJA-green);
  color: var(--CEOJA-dark);
  border-color: rgba(0,0,0,0);
  box-shadow:0 18px 34px rgba(0,0,0,.38);
}

/* SCENARIO 3 — GREEN DARK BACKGROUND */
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s3{ background:var(--CEOJA-greenDark); }

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s3 .btn-primary{
  --bg: var(--CEOJA-white);
  --txt: var(--CEOJA-greenDark);
  --bd: rgba(255,255,255,.20);

  --hoverFill: rgba(182,217,59,.55);
  --glowColor: rgba(255,255,255,.60);
}
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s3 .btn-primary:hover{
  background: var(--CEOJA-green);
  color: var(--CEOJA-dark);
  border-color: rgba(0,0,0,0);
  box-shadow:0 18px 34px rgba(0,0,0,.28);
}

#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s3 .btn-secondary{
  --bg: var(--CEOJA-green);
  --txt: var(--CEOJA-dark);
  --bd: rgba(0,0,0,0);

  --hoverFill: rgba(255,255,255,.60);
  --glowColor: rgba(255,255,255,.60);
}
#CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s3 .btn-secondary:hover{
  background: var(--CEOJA-white);
  color: var(--CEOJA-greenDark);
  border-color: rgba(255,255,255,.22);
  box-shadow:0 18px 34px rgba(0,0,0,.28);
}

/* Responsive */
@media (max-width:640px){
  #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn{
    width:100%;
    min-width:0;
  }
}

/* =========================================================
   HERO-SPECIFIC OVERRIDES FOR BUTTON SYSTEM
   - We DO NOT allow scenario background blocks over the image
========================================================= */
#CEOJA-RANGO-HERO-PRO-01 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2{
  background:transparent !important; /* IMPORTANT: no black panel over photo */
}
#CEOJA-RANGO-HERO-PRO-01 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-sec{
  padding:0 !important;             /* keep hero spacing controlled */
  background:transparent !important;
}
#CEOJA-RANGO-HERO-PRO-01 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-wrap{
  width:100%;
}
#CEOJA-RANGO-HERO-PRO-01 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btnRow{
  justify-content:center;
}

/* ===================== RESPONSIVE HERO ===================== */
@media (max-width:900px){
  #CEOJA-RANGO-HERO-PRO-01 h1{
    max-width:18ch;
  }
  #CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-frame{ inset:14px; }
}
@media (max-width:640px){
  #CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-wrap{
    padding:0 var(--CEOJA-pad);
  }
  #CEOJA-RANGO-HERO-PRO-01 h1{
    font-size:clamp(42px, 11.5vw, 66px);
    line-height:.98;
  }
  #CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-ghost::after{
    letter-spacing:.18em;
    font-size:clamp(64px, 16vw, 120px);
    transform:translate(-50%,-64%);
  }
  #CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-badges{
    gap:8px;
  }
  #CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-badge{
    width:100%;
    justify-content:center;
  }
}
@media (prefers-reduced-motion: reduce){
  #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn,
  #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn::before,
  #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn::after{
    transition:none !important;
  }
}


#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-kicker{
  position:relative;
  isolation:isolate;
}

/* halo suave detrás del texto (NO borde, NO caja) */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-kicker::before{
  content:"";
  position:absolute;
  inset:-10px -18px;
  z-index:-1;
  pointer-events:none;

  background:
    radial-gradient(
      ellipse at center,
      rgba(0,0,0,.90) 0%,
      rgba(0,0,0,.52) 45%,
      rgba(0,0,0,0) 78%
    );

  filter:blur(6px);
}

/* =========================================================
   2) SOMBRA NEGRA INDEPENDIENTE — INTRO / SUBTEXT
========================================================= */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-sub{
  position:relative;
  isolation:isolate;
}

#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-sub::before{
  content:"";
  position:absolute;
  inset:-14px -22px;
  z-index:-1;
  pointer-events:none;

  background:
    radial-gradient(
      ellipse at center,
      rgba(0,0,0,.82) 0%,
      rgba(0,0,0,.66) 48%,
      rgba(0,0,0,0) 90%
    );

  filter:blur(8px);
}

/* =========================================================
   3) CÁPSULAS — LIGERA OPACIDAD + PROFUNDIDAD
========================================================= */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-badge{
  /* ligera opacidad elegante */
  background:rgba(0,0,0,.18);

  /* mantener look premium */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  /* profundidad */
  box-shadow:
    0 10px 26px rgba(0,0,0,.25),
    inset 0 0 0 1px rgba(251,254,249,.08);

  border:1px solid rgba(251,254,249,.22);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

/* hover sutil premium */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-badge:hover{
  transform:translateY(-2px);

  background:rgba(0,0,0,.24);

  box-shadow:
    0 18px 44px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(251,254,249,.14);
}

/* =========================================================
   4) RESPONSIVE SAFETY
========================================================= */
@media (max-width:640px){

  #CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-kicker::before{
    inset:-8px -12px;
    filter:blur(5px);
  }

  #CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-sub::before{
    inset:-10px -14px;
    filter:blur(6px);
  }

}

/* =========================================================
   CEOJA — CAPSULAS BOOST PRO
   (pegar debajo de tu CSS actual)
========================================================= */

#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-badge{
  /* 🔥 más oscuridad controlada */
  background:rgba(0,0,0,.28); /* antes .18 */

  /* 🔥 más profundidad */
  box-shadow:
    0 14px 34px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(251,254,249,.10);

  /* 🔥 borde más visible */
  border:1px solid rgba(251,254,249,.28);

  /* 🔥 glass más notorio */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* hover más premium */
#CEOJA-RANGO-HERO-PRO-01 .CEOJA-HERO-badge:hover{
  transform:translateY(-2px);

  background:rgba(0,0,0,.36);

  box-shadow:
    0 22px 52px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(251,254,249,.18);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35bcc68 */#CEOJA-RANGO-HERO-PRO-SEARCH-V3{
  --CEOJA-bg:#fbfef9;
  --CEOJA-txt:#060a04;

  --CEOJA-primary:#16733e;     /* 60% */
  --CEOJA-secondary:#bde038;   /* 30% */
  --CEOJA-accent:#038c25;      /* 10% */

  --CEOJA-max:2000px;
  --CEOJA-pad:5%;

  --CEOJA-white:rgba(251,254,249,1);
  --CEOJA-whiteSoft:rgba(251,254,249,.92);

  --CEOJA-line:rgba(251,254,249,.22);
  --CEOJA-line2:rgba(251,254,249,.12);

  --CEOJA-blackA:rgba(0,0,0,.78);
  --CEOJA-blackB:rgba(0,0,0,.55);
  --CEOJA-blackC:rgba(0,0,0,.30);
  --CEOJA-black0:rgba(0,0,0,0);

  --CEOJA-radius:22px;
  --CEOJA-radius2:18px;
  --CEOJA-radiusBtn:15px;

  --CEOJA-shadowText: 0 6px 26px rgba(0,0,0,.70), 0 18px 60px rgba(0,0,0,.46);
  --CEOJA-shadowSoft: 0 12px 34px rgba(0,0,0,.28);
  --CEOJA-shadowHard: 0 18px 54px rgba(0,0,0,.38);

  width:100%;
  min-height:100vh;
  position:relative;
  overflow:hidden;
  background:#000; /* fallback */
  color:var(--CEOJA-white);
  font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  isolation:isolate;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3,
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 *{ box-sizing:border-box; }

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 a{ color:inherit; }
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 button{ font-family:inherit; }

/* =========================================================
   BACKGROUND IMAGE (CLEAN)
========================================================= */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-bg{
  position:absolute;
  inset:0;
  background-image:url("https://woodytreenc.com/wp-content/uploads/2026/02/Tree_Trimmin_Pruning_Commercial_Woodys-4-e1771969156438.jpeg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  /* MUST stay pure */
  opacity:1;
  filter:none;
  box-shadow:none;
  transform:none;

  z-index:-5;
}

/* =========================================================
   WRAP + GRID
========================================================= */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-wrap{
  width:min(var(--CEOJA-max),100%);
  margin:0 auto;
  padding:0 var(--CEOJA-pad);
  min-height:100vh;

  display:flex;
  align-items:center;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-grid{
  width:100%;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:clamp(18px, 3vw, 44px);
  align-items:center;
}

/* =========================================================
   LEFT CONTENT
========================================================= */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-left{
  width:100%;
  max-width:980px;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;

  font-size:clamp(12px,.9vw,14px);
  letter-spacing:.30em;
  text-transform:uppercase;
  color:rgba(189,224,56,.98);

  text-shadow:0 3px 16px rgba(0,0,0,.55), 0 14px 44px rgba(0,0,0,.35);
  user-select:none;

  position:relative;
  isolation:isolate;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-kicker i{
  width:10px;height:10px;
  border-radius:999px;
  background:var(--CEOJA-secondary);
  box-shadow:0 0 0 8px rgba(189,224,56,.14);
  flex:0 0 auto;
}

/* halo black behind kicker (no box, no border) */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-kicker::before{
  content:"";
  position:absolute;
  inset:-12px -22px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center,
      rgba(0,0,0,.72) 0%,
      rgba(0,0,0,.42) 45%,
      rgba(0,0,0,0) 82%
    );
  filter:blur(8px);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 h1{
  font-family:Poppins,system-ui,sans-serif;
  font-weight:900;
  line-height:.92;
  letter-spacing:-.03em;

  font-size:clamp(52px,6.6vw,118px);
  margin:18px 0 18px;

  max-width:18ch;
  overflow-wrap:anywhere;

  text-shadow:var(--CEOJA-shadowText);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-sub{
  margin:0;
  max-width:78ch;

  font-size:clamp(16px,1.2vw,19px);
  line-height:1.65;
  color:rgba(251,254,249,.92);

  text-shadow:0 4px 18px rgba(0,0,0,.62), 0 14px 48px rgba(0,0,0,.32);

  position:relative;
  isolation:isolate;
}

/* halo black behind intro (no box, no border) */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-sub::before{
  content:"";
  position:absolute;
  inset:-18px -26px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center,
      rgba(0,0,0,.78) 0%,
      rgba(0,0,0,.44) 48%,
      rgba(0,0,0,0) 84%
    );
  filter:blur(10px);
}

/* =========================================================
   BADGES
========================================================= */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-badges{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:18px;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:10px 14px;
  border-radius:999px;

  border:1px solid rgba(251,254,249,.28);
  background:rgba(0,0,0,.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  color:rgba(251,254,249,.92);
  font-size:13px;
  line-height:1;
  white-space:nowrap;

  text-shadow:0 4px 18px rgba(0,0,0,.55);

  box-shadow:
    0 14px 34px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(251,254,249,.10);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    border-color .22s ease;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-badge:hover{
  transform:translateY(-2px);
  background:rgba(0,0,0,.36);
  border-color:rgba(189,224,56,.38);

  box-shadow:
    0 22px 52px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(251,254,249,.18);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-badge b{
  font-family:Poppins,system-ui,sans-serif;
  font-weight:900;
  color:rgba(189,224,56,.98);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-badge svg{
  width:16px;height:16px; flex:0 0 auto;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.18));
}

/* =========================================================
   CTA CON SISTEMA DE BOTONES OFICIAL (EMBED)
========================================================= */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-cta{
  margin-top:22px;
}

/* ---------- OFFICIAL BUTTON SYSTEM (LOCAL-SCOPED) ---------- */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1{
  --CEOJA-green:#b6d93b;
  --CEOJA-white:#fbfef9;
  --CEOJA-dark:#000000;
  --CEOJA-greenDark:#15710e;

  --CEOJA-pad:0;
  --CEOJA-btnRadius:15px;

  font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1,
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 *{ box-sizing:border-box; }

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-sec{
  width:100%;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  background:transparent !important;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-wrap{ width:100%; margin:0; }

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btnRow{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:16px;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:16px 34px;
  min-width:210px;
  height:52px;

  text-decoration:none;
  border-radius:var(--CEOJA-btnRadius);
  border:1px solid var(--bd, transparent);

  font-weight:900;
  font-size:13px;
  letter-spacing:.6px;
  text-transform:uppercase;
  white-space:nowrap;

  background:var(--bg);
  color:var(--txt);

  cursor:pointer;
  overflow:hidden;
  transform:translateZ(0);

  transition:
    transform .20s cubic-bezier(.2,.9,.2,1),
    background .18s cubic-bezier(.2,.9,.2,1),
    color .18s cubic-bezier(.2,.9,.2,1),
    border-color .18s cubic-bezier(.2,.9,.2,1),
    box-shadow .20s cubic-bezier(.2,.9,.2,1),
    filter .20s cubic-bezier(.2,.9,.2,1);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:var(--CEOJA-btnRadius);
  background: var(--hoverFill, rgba(255,255,255,.10));
  transform:translateX(-110%) skewX(-12deg);
  opacity:1;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
  z-index:0;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:var(--CEOJA-btnRadius);
  pointer-events:none;
  opacity:0;
  transition:opacity .20s ease;
  z-index:1;

  box-shadow:
    0 0 0 2px var(--glowColor, rgba(182,217,59,.55)) inset,
    0 0 0 6px rgba(0,0,0,0) inset,
    0 10px 26px rgba(0,0,0,.18);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn > *{
  position:relative;
  z-index:2;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.05);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn:hover::before{
  transform:translateX(110%) skewX(-12deg);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn:hover::after{
  opacity:1;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn:active{
  transform:translateY(0px) scale(.99);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn:focus-visible{
  outline:3px solid rgba(182,217,59,.55);
  outline-offset:4px;
}

/* Hero uses scenario 2 logic, but without bg blocks */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2{ background:transparent !important; }

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2 .btn-primary{
  --bg: var(--CEOJA-green);
  --txt: var(--CEOJA-dark);
  --bd: rgba(0,0,0,0);
  --hoverFill: rgba(255,255,255,.60);
  --glowColor: rgba(182,217,59,.70);
}
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2 .btn-primary:hover{
  background: var(--CEOJA-white);
  color: var(--CEOJA-dark);
  border-color: rgba(255,255,255,.22);
  box-shadow:0 18px 34px rgba(0,0,0,.38);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2 .btn-secondary{
  --bg: var(--CEOJA-white);
  --txt: var(--CEOJA-dark);
  --bd: rgba(255,255,255,.16);
  --hoverFill: rgba(182,217,59,.55);
  --glowColor: rgba(182,217,59,.70);
}
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .s2 .btn-secondary:hover{
  background: var(--CEOJA-green);
  color: var(--CEOJA-dark);
  border-color: rgba(0,0,0,0);
  box-shadow:0 18px 34px rgba(0,0,0,.38);
}

/* =========================================================
   RIGHT FINDER MODULE (V3)
========================================================= */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-right{
  width:100%;
  display:flex;
  justify-content:flex-end;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND{
  width:min(540px, 100%);
  border-radius:var(--CEOJA-radius);
  border:1px solid rgba(251,254,249,.22);
  background:rgba(0,0,0,.24);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:var(--CEOJA-shadowHard);
  overflow:hidden;
}

/* Compact header trigger */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:16px 16px;
  cursor:pointer;
  user-select:none;

  border:none;
  background:transparent;
  color:rgba(251,254,249,.96);
  text-align:left;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-title{
  display:flex;
  flex-direction:column;
  gap:2px;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-title h2{
  font-family:Poppins,system-ui,sans-serif;
  font-size:18px;
  line-height:1.15;
  margin:0;
  font-weight:900;
  letter-spacing:.01em;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-title p{
  margin:0;
  font-size:13px;
  line-height:1.35;
  color:rgba(251,254,249,.78);
}

/* Arrow button */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-arrow{
  width:42px;height:42px;
  border-radius:14px;
  border:1px solid rgba(251,254,249,.20);
  background:rgba(0,0,0,.16);

  display:grid;
  place-items:center;
  flex:0 0 auto;

  transition:
    transform .28s ease,
    background .28s ease,
    border-color .28s ease;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-arrow svg{
  width:18px;height:18px;
  transition:transform .28s ease;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND[data-open="true"] .CEOJA-FIND-arrow svg{
  transform:rotate(180deg);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-head:focus-visible{
  outline:3px solid rgba(189,224,56,.55);
  outline-offset:4px;
  border-radius:18px;
}

/* Expand panel using grid rows (smooth) */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-panel{
  display:grid;
  grid-template-rows: 0fr;
  transition:grid-template-rows .36s cubic-bezier(.2,.9,.2,1);
  border-top:1px solid rgba(251,254,249,.14);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND[data-open="true"] .CEOJA-FIND-panel{
  grid-template-rows: 1fr;
}

/* inner wrapper to clip during animation */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-inner{
  overflow:hidden;
}

/* content body */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-body{
  padding:14px 16px 16px;
  display:grid;
  gap:12px;
}

/* COUNTY BAR (appears after county selected) */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyBar{
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(189,224,56,.36);
  background:rgba(189,224,56,.10);

  box-shadow:0 10px 26px rgba(0,0,0,.18);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyBar.is-active{
  display:flex;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyLeft{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyLabel{
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(251,254,249,.72);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyName{
  font-family:Poppins,system-ui,sans-serif;
  font-weight:900;
  font-size:16px;
  line-height:1.15;
  color:rgba(251,254,249,.96);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyActions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-miniBtn{
  border:1px solid rgba(251,254,249,.18);
  background:rgba(0,0,0,.16);
  color:rgba(251,254,249,.92);
  border-radius:12px;
  padding:10px 12px;
  cursor:pointer;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-miniBtn:hover{
  transform:translateY(-1px);
  background:rgba(0,0,0,.26);
  border-color:rgba(189,224,56,.35);
}
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-miniBtn:active{ transform:translateY(0); }

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-miniBtn.is-primary{
  border-color:rgba(189,224,56,.35);
  background:rgba(189,224,56,.18);
  color:rgba(251,254,249,.96);
}
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-miniBtn.is-primary:hover{
  background:rgba(189,224,56,.24);
}

/* INPUT */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-inputWrap{
  display:flex;
  align-items:center;
  gap:10px;

  padding:12px 12px;
  border-radius:16px;

  border:1px solid rgba(251,254,249,.18);
  background:rgba(0,0,0,.18);
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-inputWrap svg{
  width:18px;height:18px;
  opacity:.92;
  flex:0 0 auto;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-input{
  width:100%;
  border:none;
  outline:none;
  background:transparent;

  color:rgba(251,254,249,.96);
  font-size:14px;
  font-family:Montserrat,system-ui,sans-serif;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-input::placeholder{
  color:rgba(251,254,249,.55);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-inputWrap:focus-within{
  border-color:rgba(189,224,56,.40);
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}

/* RESULTS PANEL */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-results{
  border-radius:16px;
  border:1px solid rgba(251,254,249,.16);
  background:rgba(0,0,0,.16);
  overflow:hidden;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-resultsHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  padding:10px 12px;
  border-bottom:1px solid rgba(251,254,249,.12);

  color:rgba(251,254,249,.78);
  font-size:12px;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-mode{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(251,254,249,.14);
  background:rgba(0,0,0,.12);
  color:rgba(251,254,249,.78);
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:11px;
}
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-pill i{
  width:6px;height:6px;border-radius:999px;
  background:rgba(189,224,56,.95);
  box-shadow:0 0 0 6px rgba(189,224,56,.10);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-count{
  color:rgba(189,224,56,.95);
  font-weight:900;
}

/* LIST (flow, internal scroll only) */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-list{
  margin:0;
  padding:6px;
  list-style:none;

  max-height:260px;
  overflow:auto;

  scroll-behavior:smooth;
}

/* scrollbar styling */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-list::-webkit-scrollbar{ width:10px; }
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-list::-webkit-scrollbar-track{ background:rgba(0,0,0,.18); }
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-list::-webkit-scrollbar-thumb{
  background:rgba(189,224,56,.30);
  border-radius:999px;
  border:2px solid rgba(0,0,0,.18);
}
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-list::-webkit-scrollbar-thumb:hover{
  background:rgba(189,224,56,.45);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-item{ margin:0; }

/* Button item */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:12px 12px;
  border-radius:14px;

  border:1px solid rgba(251,254,249,.12);
  background:rgba(0,0,0,.12);
  color:rgba(251,254,249,.92);

  cursor:pointer;
  text-align:left;

  font-family:Montserrat,system-ui,sans-serif;
  font-size:14px;
  line-height:1.2;

  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-btn:hover{
  transform:translateY(-1px);
  background:rgba(0,0,0,.22);
  border-color:rgba(189,224,56,.32);
  box-shadow:0 12px 24px rgba(0,0,0,.22);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-btn:active{
  transform:translateY(0px);
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-btn:focus-visible{
  outline:3px solid rgba(189,224,56,.55);
  outline-offset:3px;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-meta{
  display:inline-flex;
  align-items:center;
  gap:8px;

  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;

  color:rgba(189,224,56,.92);
  flex:0 0 auto;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-meta span{
  width:6px;height:6px;border-radius:999px;
  background:rgba(189,224,56,.95);
  box-shadow:0 0 0 6px rgba(189,224,56,.10);
}

/* Empty state */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-empty{
  padding:14px 12px;
  color:rgba(251,254,249,.70);
  font-size:13px;
  text-align:center;
}

/* Footer helper line */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  padding:10px 12px;
  border-top:1px solid rgba(251,254,249,.12);

  color:rgba(251,254,249,.70);
  font-size:12px;
}
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-foot a{
  color:rgba(189,224,56,.95);
  text-decoration:none;
  font-weight:900;
}
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-foot a:hover{
  text-decoration:underline;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width:980px){
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-grid{
    grid-template-columns:1fr;
    align-items:start;
    padding:clamp(18px,3vw,28px) 0;
  }

  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-right{
    justify-content:flex-start;
  }

  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND{
    width:100%;
    margin-top:10px;
  }

  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btnRow{
    justify-content:flex-start;
  }
}

@media (max-width:640px){
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 h1{
    font-size:clamp(42px,11.2vw,68px);
    line-height:.98;
    margin-top:16px;
  }

  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-badges{ gap:8px; }
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-badge{
    width:100%;
    justify-content:center;
    white-space:normal;
    text-align:center;
  }

  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn{
    width:100%;
    min-width:0;
  }
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btnRow{
    width:100%;
  }

  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-list{
    max-height:240px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-panel,
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-arrow svg,
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-btn,
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn,
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn::before,
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 #CEOJAButtonScenarios_GreenWhite_InvertHover_V1 .CEOJA-btn::after{
    transition:none !important;
  }
}

/* =========================================================
   🔧 CEOJA RESPONSIVE HARD FIX (DROPDOWN)
   — evita cortes, overflow y desbordes
========================================================= */

/* 🔹 contenedor principal seguro */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND{
  max-width:100%;
  min-width:0;
}

/* 🔹 body interno nunca se desborda */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-body{
  min-width:0;
  width:100%;
  overflow:hidden;
}

/* 🔹 county bar flexible */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyBar{
  flex-wrap:wrap;
  row-gap:8px;
  min-width:0;
}

/* 🔹 nombre del county nunca rompe */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyName{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* 🔹 acciones del county se adaptan */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyActions{
  flex-wrap:wrap;
  justify-content:flex-end;
  width:auto;
}

/* 🔹 botones mini nunca se desbordan */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-miniBtn{
  min-width:0;
  flex:0 0 auto;
}

/* 🔹 input nunca rompe */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-inputWrap{
  width:100%;
  min-width:0;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-input{
  min-width:0;
}

/* 🔹 results container */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-results{
  width:100%;
  min-width:0;
  overflow:hidden;
}

/* 🔹 lista segura */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-list{
  width:100%;
  min-width:0;
}

/* 🔹 cada item */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-item{
  width:100%;
}

/* 🔹 botón interno flexible */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-btn{
  min-width:0;
  width:100%;
}

/* 🔹 texto del botón no rompe layout */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-btn > span:first-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* 🔹 meta GO nunca se aplasta */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-meta{
  flex:0 0 auto;
}

/* 🔹 footer seguro */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-foot{
  flex-wrap:wrap;
  row-gap:6px;
}

/* =========================================================
   📱 MOBILE HARD FIX
========================================================= */

@media (max-width:640px){

  /* finder full width */
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND{
    width:100%;
  }

  /* county bar stack limpio */
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyBar{
    flex-direction:column;
    align-items:flex-start;
  }

  /* acciones abajo alineadas */
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-countyActions{
    width:100%;
    justify-content:flex-start;
    gap:8px;
  }

  /* botones en línea fluida */
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-miniBtn{
    flex:1 1 auto;
    text-align:center;
  }

  /* lista altura optimizada */
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-list{
    max-height:220px;
  }

  /* footer stack */
  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-foot{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* =========================================================
   📱 ULTRA SMALL DEVICES
========================================================= */
@media (max-width:420px){

  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-title h2{
    font-size:16px;
  }

  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-title p{
    font-size:12px;
  }

  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-btn{
    padding:11px 10px;
    font-size:13px;
  }

  #CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-FIND-meta{
    font-size:11px;
  }
}

/* =========================================================
   🛡️ OVERFLOW GLOBAL GUARD (CRÍTICO)
========================================================= */
#CEOJA-RANGO-HERO-PRO-SEARCH-V3{
  overflow-x:hidden;
}

#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-grid,
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-right,
#CEOJA-RANGO-HERO-PRO-SEARCH-V3 .CEOJA-HERO-left{
  min-width:0;
}/* End custom CSS */