.elementor-2279 .elementor-element.elementor-element-617e68e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2279 .elementor-element.elementor-element-db02de3{--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-2279 .elementor-element.elementor-element-0bd8860{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2279 .elementor-element.elementor-element-51d9d44{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2279 .elementor-element.elementor-element-10d8b1f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2279 .elementor-element.elementor-element-fdd4ae9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2279 .elementor-element.elementor-element-7f0fb78{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2279 .elementor-element.elementor-element-21affed{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2279 .elementor-element.elementor-element-43500ac{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2279 .elementor-element.elementor-element-42b9b13{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2279 .elementor-element.elementor-element-75aef39{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2279 .elementor-element.elementor-element-617e68e{--content-width:100%;}.elementor-2279 .elementor-element.elementor-element-db02de3{--content-width:100%;}.elementor-2279 .elementor-element.elementor-element-51d9d44{--content-width:100%;}.elementor-2279 .elementor-element.elementor-element-10d8b1f{--content-width:100%;}.elementor-2279 .elementor-element.elementor-element-fdd4ae9{--content-width:100%;}.elementor-2279 .elementor-element.elementor-element-7f0fb78{--content-width:100%;}.elementor-2279 .elementor-element.elementor-element-21affed{--content-width:100%;}.elementor-2279 .elementor-element.elementor-element-43500ac{--content-width:100%;}.elementor-2279 .elementor-element.elementor-element-42b9b13{--content-width:100%;}.elementor-2279 .elementor-element.elementor-element-75aef39{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-0bd8860 *//* ============================================== */
/* JDD · HERO · CSS                                  */
/* Pegar en: Elementor > Configuración de la página > */
/*           CSS Personalizado                        */
/* O en: Apariencia > Personalizar > CSS adicional   */
/* ============================================== */

.jdd-hero *, .jdd-hero *::before, .jdd-hero *::after{
  box-sizing:border-box;
}

.jdd-hero{
  --jdd-verde:#2F6B35;
  --jdd-verde-cta:#245C2B;
  --jdd-verde-suave:#DDEBD6;
  --jdd-crema:#F7F3EA;
  --jdd-azul:#061827;
  --jdd-star:#F5A623;
  --jdd-whatsapp:#25D366;
  --jdd-whatsapp-dark:#1f8c4a;

  position:relative;
  background:var(--jdd-crema);
  overflow:hidden;
  padding:32px 20px 48px;
  font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color:var(--jdd-azul);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

.jdd-hero::before{
  content:"";
  position:absolute;
  top:-180px;right:-180px;
  width:480px;height:480px;
  background:radial-gradient(circle at center, var(--jdd-verde-suave) 0%, transparent 70%);
  opacity:.5;
  pointer-events:none;
  z-index:0;
}

.jdd-hero__container{
  position:relative;
  z-index:1;
  max-width:560px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
}

/* Eyebrow */
.jdd-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--jdd-verde-suave);
  color:var(--jdd-verde-cta);
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:8px 14px;
  border-radius:999px;
  width:fit-content;
  margin-bottom:14px;
  line-height:1;
}
.jdd-hero__eyebrow .jdd-icon{width:14px;height:14px;flex-shrink:0}

/* Google badge */
.jdd-hero__google-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff;
  padding:9px 14px;
  border-radius:10px;
  box-shadow:0 2px 10px rgba(6,24,39,.06);
  width:fit-content;
  margin-bottom:22px;
  border:1px solid rgba(6,24,39,.05);
  text-decoration:none;
  transition:transform .15s ease, box-shadow .2s ease;
}
.jdd-hero__google-badge:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(6,24,39,.10);
}
.jdd-hero__stars{
  display:inline-flex;
  gap:1px;
  color:var(--jdd-star);
  flex-shrink:0;
}
.jdd-hero__stars .jdd-icon{width:14px;height:14px;fill:currentColor}
.jdd-hero__google-text{
  font-size:13px;
  color:var(--jdd-azul);
  font-weight:500;
  line-height:1.2;
}
.jdd-hero__google-text strong{font-weight:700}
.jdd-hero__google-sep{color:#c4cad2;margin:0 2px}

/* Título */
.jdd-hero__title{
  font-family:'Libre Baskerville', Georgia, "Times New Roman", serif;
  font-weight:700;
  font-size:clamp(30px, 7.8vw, 44px);
  line-height:1.12;
  letter-spacing:-.015em;
  color:var(--jdd-azul);
  margin:0 0 14px;
}
.jdd-hero__title em{
  font-style:normal;
  color:var(--jdd-verde);
  position:relative;
  display:inline-block;
}
.jdd-hero__title em::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:2px;
  height:8px;
  background:var(--jdd-verde-suave);
  z-index:-1;
  opacity:.6;
}

.jdd-hero__subtitle{
  font-size:16px;
  line-height:1.55;
  color:#3a4a5a;
  margin:0 0 20px;
}

/* Checks */
.jdd-hero__checks{
  list-style:none;
  margin:0 0 24px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:11px;
}
.jdd-hero__check{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:15px;
  color:var(--jdd-azul);
  font-weight:500;
  line-height:1.45;
}
.jdd-hero__check-icon{
  width:24px;height:24px;
  border-radius:50%;
  background:var(--jdd-verde-suave);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-top:1px;
}
.jdd-hero__check-icon .jdd-icon{
  width:13px;height:13px;
  color:var(--jdd-verde);
}

/* CTAs */
.jdd-hero__ctas{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:14px;
}
.jdd-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:17px 22px;
  border-radius:14px;
  font-family:inherit;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  border:none;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
  width:100%;
  letter-spacing:-.005em;
  line-height:1;
}
.jdd-hero__btn--primary{
  background:var(--jdd-verde);
  color:#fff !important;
  box-shadow:0 8px 24px rgba(36,92,43,.22);
}
.jdd-hero__btn--primary:hover,
.jdd-hero__btn--primary:active{
  background:var(--jdd-verde-cta);
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(36,92,43,.30);
  color:#fff !important;
}
.jdd-hero__btn--primary:focus-visible{
  outline:3px solid var(--jdd-verde-suave);
  outline-offset:2px;
}
.jdd-hero__btn--wa{
  background:#fff;
  color:var(--jdd-azul) !important;
  border:1.5px solid #d4d8de;
}
.jdd-hero__btn--wa:hover{
  border-color:var(--jdd-whatsapp);
  color:var(--jdd-whatsapp-dark) !important;
}
.jdd-hero__btn--wa .jdd-icon{color:var(--jdd-whatsapp);fill:currentColor}
.jdd-hero__btn .jdd-icon{width:18px;height:18px;flex-shrink:0}

.jdd-hero__micro{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:13px;
  color:#667085;
  font-weight:500;
  margin:0 0 22px;
}
.jdd-hero__micro .jdd-icon{
  width:14px;height:14px;
  color:var(--jdd-verde);
  flex-shrink:0;
}

/* Imagen y cards */
.jdd-hero__media{
  position:relative;
  margin-top:4px;
  border-radius:20px;
}
.jdd-hero__image-wrap{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 12px 36px rgba(6,24,39,.10);
  aspect-ratio: 5 / 4;
  background:#e8e8e8;
}
.jdd-hero__image-wrap img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
}

.jdd-hero__float{
  position:absolute;
  background:#fff;
  padding:11px 13px;
  border-radius:12px;
  box-shadow:0 14px 40px rgba(6,24,39,.18);
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(6,24,39,.04);
}
.jdd-hero__float--compare{top:14px;left:-8px;max-width:200px}
.jdd-hero__float--attention{bottom:14px;right:-8px;max-width:220px}
.jdd-hero__float-icon{
  width:32px;height:32px;
  border-radius:50%;
  background:var(--jdd-verde-suave);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.jdd-hero__float-icon .jdd-icon{
  width:17px;height:17px;
  color:var(--jdd-verde);
}
.jdd-hero__float-text{
  font-size:12px;
  line-height:1.3;
  color:#3a4a5a;
}
.jdd-hero__float-text strong{
  display:block;
  color:var(--jdd-azul);
  font-weight:700;
  font-size:12.5px;
  margin-bottom:1px;
}

.jdd-hero__disclaimer{
  font-size:11px;
  color:#8a94a3;
  margin:28px 0 0;
  line-height:1.4;
}

/* DESKTOP */
@media (min-width: 768px){
  .jdd-hero{padding:56px 24px 72px}
  .jdd-hero__container{max-width:1100px}

  .jdd-hero__grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:56px;
    align-items:center;
  }
  .jdd-hero__copy{order:1}
  .jdd-hero__media{order:2;margin-top:0}

  .jdd-hero__eyebrow{font-size:13px;margin-bottom:18px}
  .jdd-hero__title{font-size:52px;margin-bottom:18px}
  .jdd-hero__subtitle{font-size:17px;max-width:540px;margin-bottom:24px}
  .jdd-hero__checks{margin-bottom:28px}
  .jdd-hero__check{font-size:15.5px}

  .jdd-hero__ctas{flex-direction:row;gap:12px}
  .jdd-hero__btn{width:auto}
  .jdd-hero__micro{justify-content:flex-start;margin-bottom:0}

  .jdd-hero__image-wrap{aspect-ratio: 4 / 3}

  .jdd-hero__float--compare{
    top:20px;left:-20px;max-width:230px;padding:13px 15px;
  }
  .jdd-hero__float--compare .jdd-hero__float-text{font-size:13px}
  .jdd-hero__float--compare .jdd-hero__float-text strong{font-size:14px}

  .jdd-hero__float--attention{
    bottom:24px;right:-24px;max-width:260px;padding:13px 15px;
  }
  .jdd-hero__float--attention .jdd-hero__float-text{font-size:13px}
  .jdd-hero__float--attention .jdd-hero__float-text strong{font-size:14px}

  .jdd-hero__disclaimer{max-width:1100px;margin:32px auto 0}
}/* End custom CSS */