.elementor-2 .elementor-element.elementor-element-3b95657{--display:flex;--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-2 .elementor-element.elementor-element-d83d40b{padding:77px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-828862d{--display:flex;--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-2 .elementor-element.elementor-element-1923fe2{--display:flex;--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-2 .elementor-element.elementor-element-ef95d9d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-699c25e{--display:flex;--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-2 .elementor-element.elementor-element-49e92af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-0925e07{--display:flex;--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-2 .elementor-element.elementor-element-2e5473f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-07ba41c{--display:flex;--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-2 .elementor-element.elementor-element-50d2729{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS */<!-- FONT AWESOME -->

<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
>

<style>

/* =====================================================
   ENTREMONTES HERO
===================================================== */

.ent-hero {

  --green:#004C4C;
  --green-hover:#007C78;
  --white:#F9F9FF;
  --text:#FFFFFF;

  position:relative;

  width:100%;

  min-height:calc(100vh - 150px);

  display:flex;

  align-items:center;

  overflow:hidden;

  isolation:isolate;

  background:#253A39;

}


/* =====================================================
   MEDIA
===================================================== */

.ent-hero__media {

  position:absolute;

  inset:0;

  z-index:-3;

}


.ent-hero__media picture {

  display:block;

  width:100%;

  height:100%;

}


.ent-hero__media img {

  width:100%;

  height:100%;

  display:block;

  object-fit:cover;

  object-position:center;

}


/* =====================================================
   OVERLAY
===================================================== */

.ent-hero__overlay {

  position:absolute;

  inset:0;

  z-index:-2;

  background:

    linear-gradient(
      90deg,
      rgba(0,40,40,.88) 0%,
      rgba(0,60,58,.68) 40%,
      rgba(0,60,58,.25) 75%,
      rgba(0,40,40,.18) 100%
    );

}


/* =====================================================
   CONTAINER
===================================================== */

.ent-hero__container {

  width:min(1120px,calc(100% - 80px));

  margin:0 auto;

  display:flex;

  align-items:center;

  min-height:inherit;

}


.ent-hero__content {

  width:min(650px,100%);

  padding:100px 0;

}


/* =====================================================
   EYEBROW
===================================================== */

.ent-hero__eyebrow {

  display:flex;

  align-items:center;

  gap:10px;

  margin-bottom:24px;

  color:rgba(255,255,255,.75);

  font-family:"Plus Jakarta Sans",sans-serif;

  font-size:9px;

  font-weight:600;

  letter-spacing:.12em;

  text-transform:uppercase;

}


.ent-hero__eyebrow span {

  width:28px;

  height:1px;

  background:#8FC7C0;

}


/* =====================================================
   TITLE
===================================================== */

.ent-hero h1 {

  max-width:680px;

  margin:0;

  color:white;

  font-family:"Sora",sans-serif;

  font-size:clamp(46px,5.5vw,76px);

  font-weight:400;

  line-height:1.01;

  letter-spacing:-.055em;

}


.ent-hero h1 span {

  display:block;

  color:#A9D2CC;

}


/* =====================================================
   DESCRIPTION
===================================================== */

.ent-hero__content > p {

  max-width:500px;

  margin:26px 0 0;

  color:rgba(255,255,255,.78);

  font-family:"Plus Jakarta Sans",sans-serif;

  font-size:16px;

  line-height:1.7;

}


/* =====================================================
   ACTIONS
===================================================== */

.ent-hero__actions {

  display:flex;

  flex-wrap:wrap;

  gap:10px;

  margin-top:32px;

}


.ent-hero__button {

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:10px;

  min-height:46px;

  padding:0 19px;

  box-sizing:border-box;

  font-family:"Plus Jakarta Sans",sans-serif;

  font-size:12px;

  font-weight:700;

  text-decoration:none;

  transition:

    transform .25s ease,

    background .25s ease,

    border-color .25s ease;

}


.ent-hero__button:hover {

  transform:translateY(-2px);

}


/* PRIMARY */

.ent-hero__button--primary {

  background:#004C4C;

  color:white;

}


.ent-hero__button--primary:hover {

  background:#007C78;

}


/* WHATSAPP */

.ent-hero__button--whatsapp {

  border:1px solid rgba(255,255,255,.35);

  background:rgba(255,255,255,.08);

  color:white;

  backdrop-filter:blur(8px);

}


.ent-hero__button--whatsapp:hover {

  border-color:white;

  background:rgba(255,255,255,.15);

}


.ent-hero__button i {

  font-size:12px;

}


/* =====================================================
   TRUST
===================================================== */

.ent-hero__trust {

  display:flex;

  flex-wrap:wrap;

  gap:25px;

  margin-top:35px;

}


.ent-hero__trust div {

  display:flex;

  align-items:center;

  gap:8px;

  color:rgba(255,255,255,.65);

  font-family:"Plus Jakarta Sans",sans-serif;

  font-size:12px;

}


.ent-hero__trust i {

  color:#A9D2CC;

  font-size:10px;

}


/* =====================================================
   SCROLL
===================================================== */

.ent-hero__scroll {

  position:absolute;

  right:40px;

  bottom:35px;

  display:flex;

  align-items:center;

  gap:10px;

  color:rgba(255,255,255,.55);

  font-size:7px;

  letter-spacing:.08em;

  text-transform:uppercase;

  writing-mode:vertical-rl;

}


.ent-hero__scroll span {

  width:1px;

  height:30px;

  background:rgba(255,255,255,.4);

}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){

  .ent-hero {

    min-height:650px;

  }


  .ent-hero__container {

    width:calc(100% - 60px);

  }


  .ent-hero__content {

    padding:80px 0;

  }


  .ent-hero h1 {

    font-size:clamp(42px,7vw,62px);

  }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767px){

  .ent-hero {

    /* IMPORTANTE:
       No usamos calc() con el header.
       Evita que Elementor deje el contenido
       fuera de pantalla.
    */

    min-height:650px;

    height:auto;

    display:block;

  }


  /* IMAGEN */

  .ent-hero__media {

    position:absolute;

    inset:0;

  }


  .ent-hero__media img {

    object-position:center center;

  }


  /* OVERLAY MOBILE */

  .ent-hero__overlay {

    background:

      linear-gradient(
        180deg,
        rgba(0,45,45,.18) 0%,
        rgba(0,45,45,.35) 35%,
        rgba(0,45,45,.88) 100%
      );

  }


  /* CONTAINER */

  .ent-hero__container {

    width:calc(100% - 40px);

    min-height:650px;

    display:flex;

    align-items:flex-end;

  }


  /* CONTENT */

  .ent-hero__content {

    width:100%;

    padding:55px 0 70px;

  }


  /* EYEBROW */

  .ent-hero__eyebrow {

    margin-bottom:16px;

    font-size:7px;

  }


  /* TITLE */

  .ent-hero h1 {

    max-width:100%;

    font-size:39px;

    line-height:1.04;

    letter-spacing:-.045em;

  }


  .ent-hero h1 span {

    display:inline;

  }


  /* DESCRIPTION */

  .ent-hero__content > p {

    max-width:330px;

    margin-top:18px;

    font-size:9px;

    line-height:1.65;

  }


  /* BUTTONS */

  .ent-hero__actions {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:7px;

    width:100%;

    margin-top:23px;

  }


  .ent-hero__button {

    width:100%;

    min-height:45px;

    padding:0 8px;

    font-size:8px;

  }


  .ent-hero__button i {

    font-size:11px;

  }


  /* TRUST */

  .ent-hero__trust {

    gap:14px;

    margin-top:22px;

  }


  .ent-hero__trust div {

    font-size:7px;

  }


  /* SCROLL */

  .ent-hero__scroll {

    display:none;

  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media(max-width:380px){

  .ent-hero {

    min-height:620px;

  }


  .ent-hero__container {

    min-height:620px;

  }


  .ent-hero__content {

    padding-bottom:55px;

  }


  .ent-hero h1 {

    font-size:34px;

  }


  .ent-hero__content > p {

    font-size:8px;

  }


  .ent-hero__button {

    font-size:7px;

  }







/* =====================================================
   ENTREMONTES — DIFFERENCE SECTION
===================================================== */

.ent-difference {

  --green:#004C4C;
  --green-dark:#003737;
  --cream:#F3F1EA;
  --white:#FFFFFF;
  --text:#273434;
  --muted:#727C79;
  --line:rgba(0,76,76,.14);

  width:100%;

  background:var(--cream);

  overflow:hidden;

}


.ent-difference__container {

  width:min(1160px,calc(100% - 80px));

  margin:0 auto;

  padding:105px 0 90px;

}


/* =====================================================
   HEADER
===================================================== */

.ent-difference__header {

  display:grid;

  grid-template-columns:.7fr 1.3fr;

  gap:80px;

  margin-bottom:65px;

}


.ent-difference__eyebrow {

  display:flex;

  align-items:flex-start;

  gap:11px;

  padding-top:9px;

  color:var(--green);

  font-size:8px;

  font-weight:700;

  letter-spacing:.13em;

  text-transform:uppercase;

}


.ent-difference__eyebrow span {

  width:27px;

  height:1px;

  margin-top:5px;

  background:var(--green);

  flex:none;

}


.ent-difference__heading h2 {

  max-width:780px;

  margin:0;

  font-family:"Sora",sans-serif;

  font-size:clamp(40px,5vw,65px);

  font-weight:400;

  line-height:1.02;

  letter-spacing:-.055em;

}


.ent-difference__heading h2 em {

  display:block;

  color:var(--green);

  font-style:normal;

}


.ent-difference__heading p {

  max-width:540px;

  margin:25px 0 0;

  color:var(--muted);

  font-size:11px;

  line-height:1.8;

}


/* =====================================================
   CARDS
===================================================== */

.ent-difference__cards {

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:12px;

}


.ent-difference__card {

  position:relative;

  min-height:330px;

  display:flex;

  flex-direction:column;

  justify-content:flex-end;

  padding:30px;

  background:var(--white);

  border:1px solid var(--line);

  overflow:hidden;

  cursor:default;

  transition:

    transform .45s cubic-bezier(.2,.7,.2,1),

    background .45s ease,

    color .45s ease;

}


.ent-difference__card:hover {

  transform:translateY(-7px);

  background:var(--green);

  color:white;

}


/* NUMBER */

.ent-difference__card-number {

  position:absolute;

  top:25px;

  left:27px;

  color:var(--green);

  font-family:"Sora",sans-serif;

  font-size:9px;

  font-weight:600;

  transition:color .4s ease;

}


.ent-difference__card:hover
.ent-difference__card-number {

  color:rgba(255,255,255,.55);

}


/* ICON */

.ent-difference__icon {

  position:absolute;

  top:24px;

  right:25px;

  width:48px;

  height:48px;

  display:flex;

  align-items:center;

  justify-content:center;

  border:1px solid var(--line);

  border-radius:50%;

  color:var(--green);

  font-size:16px;

  transition:

    color .4s ease,

    border .4s ease,

    transform .5s ease;

}


.ent-difference__card:hover
.ent-difference__icon {

  color:white;

  border-color:rgba(255,255,255,.25);

  transform:rotate(-8deg) scale(1.08);

}


/* CONTENT */

.ent-difference__card-content h3 {

  margin:0 0 10px;

  font-family:"Sora",sans-serif;

  font-size:26px;

  font-weight:400;

  letter-spacing:-.035em;

}


.ent-difference__card-content p {

  max-width:260px;

  margin:0;

  color:var(--muted);

  font-size:10px;

  line-height:1.75;

  transition:color .4s ease;

}


.ent-difference__card:hover
.ent-difference__card-content p {

  color:rgba(255,255,255,.7);

}


/* EXTRA */

.ent-difference__extra {

  max-height:0;

  opacity:0;

  overflow:hidden;

  transform:translateY(10px);

  transition:

    max-height .45s ease,

    opacity .35s ease,

    transform .45s ease;

}


.ent-difference__extra span {

  display:block;

  margin-top:20px;

  padding-top:15px;

  border-top:1px solid rgba(255,255,255,.18);

  color:rgba(255,255,255,.8);

  font-size:9px;

  line-height:1.6;

}


.ent-difference__card:hover
.ent-difference__extra {

  max-height:70px;

  opacity:1;

  transform:translateY(0);

}


/* PLUS */

.ent-difference__plus {

  position:absolute;

  right:28px;

  bottom:25px;

  color:var(--green);

  font-size:20px;

  font-weight:300;

  transition:

    color .4s ease,

    transform .4s ease;

}


.ent-difference__card:hover
.ent-difference__plus {

  color:white;

  transform:rotate(45deg);

}


/* =====================================================
   BOTTOM
===================================================== */

.ent-difference__bottom {

  display:flex;

  align-items:center;

  gap:15px;

  margin-top:32px;

}


.ent-difference__bottom-line {

  width:35px;

  height:1px;

  background:var(--green);

}


.ent-difference__bottom p {

  margin:0;

  color:var(--muted);

  font-size:10px;

}


.ent-difference__bottom strong {

  color:var(--green);

  font-weight:600;

}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){

  .ent-difference__header {

    grid-template-columns:1fr;

    gap:25px;

  }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767px){

  .ent-difference__container {

    width:calc(100% - 40px);

    padding:75px 0 65px;

  }


  .ent-difference__header {

    margin-bottom:38px;

  }


  .ent-difference__eyebrow {

    margin-bottom:20px;

  }


  .ent-difference__heading h2 {

    font-size:36px;

  }


  .ent-difference__heading p {

    margin-top:18px;

    font-size:10px;

  }


  /* CARDS */

  .ent-difference__cards {

    display:flex;

    flex-direction:column;

    gap:8px;

  }


  .ent-difference__card {

    min-height:0;

    height:auto;

    padding:25px;

    display:grid;

    grid-template-columns:42px 1fr 20px;

    align-items:center;

    gap:15px;

  }


  .ent-difference__card-number {

    position:static;

    grid-column:1;

    grid-row:1;

  }


  .ent-difference__icon {

    position:static;

    width:40px;

    height:40px;

    grid-column:1;

    grid-row:2;

  }


  .ent-difference__card-content {

    grid-column:2;

    grid-row:1 / span 2;

  }


  .ent-difference__card-content h3 {

    font-size:20px;

  }


  .ent-difference__card-content p {

    font-size:9px;

  }


  .ent-difference__extra {

    max-height:none;

    opacity:1;

    transform:none;

  }


  .ent-difference__extra span {

    margin-top:10px;

    padding-top:8px;

    border-top:1px solid var(--line);

    color:var(--muted);

    font-size:8px;

  }


  .ent-difference__plus {

    position:static;

    grid-column:3;

    grid-row:1 / span 2;

  }


  .ent-difference__card:hover {

    transform:none;

    background:white;

    color:var(--text);

  }


  .ent-difference__card:hover
  .ent-difference__card-content p {

    color:var(--muted);

  }


  .ent-difference__card:hover
  .ent-difference__card-number {

    color:var(--green);

  }


  .ent-difference__card:hover
  .ent-difference__icon {

    color:var(--green);

    border-color:var(--line);

  }


  .ent-difference__card:hover
  .ent-difference__plus {

    color:var(--green);

    transform:none;

  }


  .ent-difference__bottom {

    margin-top:25px;

  }

}

</style>

</style>/* End custom CSS */