.elementor-790 .elementor-element.elementor-element-4b71f0c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-790 .elementor-element.elementor-element-f20b84f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-790 .elementor-element.elementor-element-e4725c1{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-790 .elementor-element.elementor-element-500c3cc{--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;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-790 .elementor-element.elementor-element-4fb32c2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-3cafe12 *//* =====================================================
   RANCHO LA KAMELIA
   EVENTOS EMPRESARIALES · HERO
===================================================== */

.rk-emp-hero{
  --rk-yellow:#ffc517;
  --rk-yellow-soft:#ffdb63;
  --rk-gold:#e5a900;
  --rk-black:#050505;
  --rk-white:#ffffff;
  --rk-gray:#d1d1cd;

  position:relative;

  width:100%;
  min-height:100svh;

  display:flex;
  align-items:center;

  overflow:hidden;

  background:#050505;

  font-family:"Montserrat", Arial, sans-serif;
}


/* =========================
   VIDEO
========================= */

.rk-emp-video{
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;

  z-index:0;
}


/* =========================
   OVERLAYS
========================= */

.rk-emp-overlay{
  position:absolute;

  inset:0;

  z-index:1;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.96) 0%,
      rgba(0,0,0,.88) 27%,
      rgba(0,0,0,.62) 53%,
      rgba(0,0,0,.22) 76%,
      rgba(0,0,0,.34) 100%
    );
}


.rk-emp-gradient{
  position:absolute;

  inset:0;

  z-index:1;

  background:
    linear-gradient(
      0deg,
      #050505 0%,
      rgba(5,5,5,.90) 3%,
      transparent 25%,
      transparent 78%,
      rgba(0,0,0,.25) 100%
    );
}


.rk-emp-glow{
  position:absolute;

  z-index:1;

  width:620px;
  height:620px;

  left:-330px;
  top:20%;

  border-radius:50%;

  background:rgba(255,193,17,.16);

  filter:blur(135px);

  pointer-events:none;
}


/* =========================
   CONTENEDOR
========================= */

.rk-emp-container{
  position:relative;

  z-index:3;

  width:min(1180px, calc(100% - 50px));

  margin:0 auto;

  padding:120px 0 100px;
}


.rk-emp-content{
  max-width:820px;
}


/* =========================
   BADGE SUPERIOR
========================= */

.rk-emp-badge{
  width:max-content;

  max-width:100%;

  display:flex;

  align-items:center;

  gap:10px;

  margin-bottom:23px;

  padding:8px 14px;

  border-radius:100px;

  border:1px solid rgba(255,197,23,.45);

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

  backdrop-filter:blur(10px);

  -webkit-backdrop-filter:blur(10px);

  color:var(--rk-yellow);

  font-size:10px;

  font-weight:900;

  letter-spacing:1.7px;

  box-shadow:
    0 10px 35px rgba(0,0,0,.25);
}


.rk-emp-badge-dot{
  width:7px;
  height:7px;

  flex:0 0 7px;

  border-radius:50%;

  background:var(--rk-yellow);

  box-shadow:
    0 0 0 4px rgba(255,197,23,.11),
    0 0 16px rgba(255,197,23,.75);
}


/* =========================
   TITULAR
========================= */

.rk-emp-title{
  margin:0 0 26px;

  max-width:900px;

  color:#fff;

  font-size:clamp(52px, 6vw, 88px);

  line-height:.92;

  letter-spacing:-4.2px;

  font-weight:950;

  text-wrap:balance;

  text-shadow:
    0 4px 28px rgba(0,0,0,.5);
}


.rk-emp-title span{
  display:block;

  margin-top:12px;

  color:var(--rk-yellow);

  text-shadow:
    0 5px 30px rgba(0,0,0,.5),
    0 0 40px rgba(255,191,0,.09);
}


/* =========================
   DESCRIPCIÓN
========================= */

.rk-emp-description{
  max-width:680px;

  margin:0 0 34px;

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

  font-size:16px;

  line-height:1.75;

  font-weight:400;
}


.rk-emp-description strong{
  color:#fff;

  font-weight:800;
}


/* =========================
   CTA
========================= */

.rk-emp-actions{
  display:flex;

  align-items:center;

  gap:15px;

  margin-bottom:47px;
}


.rk-emp-btn{
  position:relative;

  min-height:59px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:13px;

  padding:0 27px;

  overflow:hidden;

  border-radius:100px;

  color:#080808 !important;

  text-decoration:none !important;

  font-size:14px;

  font-weight:900;

  background:
    linear-gradient(
      110deg,
      #ffe06b 0%,
      #ffc515 48%,
      #e7a800 100%
    );

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

  box-shadow:
    0 12px 40px rgba(255,181,0,.28),
    inset 0 1px 1px rgba(255,255,255,.9);

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


.rk-emp-btn::before{
  content:"";

  position:absolute;

  width:100px;
  height:160%;

  top:-30%;

  left:-130px;

  transform:rotate(20deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.48),
      transparent
    );

  transition:left .7s ease;
}


.rk-emp-btn:hover::before{
  left:110%;
}


.rk-emp-btn:hover{
  transform:translateY(-3px);

  box-shadow:
    0 18px 50px rgba(255,181,0,.40),
    inset 0 1px 1px rgba(255,255,255,.9);
}


.rk-btn-icon{
  position:relative;

  z-index:2;

  font-size:16px;
}


.rk-emp-btn > span{
  position:relative;

  z-index:2;
}


.rk-btn-arrow{
  font-size:21px;

  line-height:1;

  margin-left:4px;
}


/* =========================
   BENEFICIOS
========================= */

.rk-emp-highlights{
  max-width:780px;

  display:grid;

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

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

  padding-top:25px;
}


.rk-highlight{
  min-height:52px;

  display:flex;

  align-items:center;

  gap:12px;

  padding:0 22px;

  border-right:
    1px solid rgba(255,255,255,.12);
}


.rk-highlight:first-child{
  padding-left:0;
}


.rk-highlight:last-child{
  border-right:none;
}


.rk-highlight-icon{
  width:30px;
  height:30px;

  flex:0 0 30px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:50%;

  color:#080808;

  background:var(--rk-yellow);

  font-size:11px;

  box-shadow:
    0 5px 20px rgba(255,193,10,.22);
}


.rk-highlight strong{
  display:block;

  margin-bottom:3px;

  color:#fff;

  font-size:12px;

  line-height:1.2;

  font-weight:850;
}


.rk-highlight small{
  display:block;

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

  font-size:9px;

  line-height:1.4;

  font-weight:500;
}


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

.rk-emp-scroll{
  position:absolute;

  z-index:3;

  right:36px;

  bottom:47px;

  display:flex;

  align-items:center;

  gap:12px;

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

  font-size:8px;

  font-weight:700;

  letter-spacing:2px;

  transform:rotate(-90deg);

  transform-origin:right bottom;
}


.rk-scroll-line{
  width:45px;
  height:1px;

  display:block;

  position:relative;

  background:rgba(255,197,23,.7);

  overflow:hidden;
}


.rk-scroll-line::after{
  content:"";

  position:absolute;

  width:18px;
  height:1px;

  top:0;

  left:-20px;

  background:#fff;

  animation:rkScrollLine 2.3s ease-in-out infinite;
}


@keyframes rkScrollLine{

  0%{
    left:-20px;
  }

  100%{
    left:48px;
  }

}


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

@media(max-width:950px){

  .rk-emp-title{
    max-width:720px;
  }

}


/* =====================================================
   MÓVIL
===================================================== */

@media(max-width:680px){

  .rk-emp-hero{
    min-height:100svh;

    align-items:flex-end;
  }


  .rk-emp-video{
    object-position:58% center;
  }


  .rk-emp-overlay{
    background:
      linear-gradient(
        0deg,
        #050505 0%,
        rgba(0,0,0,.95) 18%,
        rgba(0,0,0,.83) 45%,
        rgba(0,0,0,.36) 74%,
        rgba(0,0,0,.32) 100%
      );
  }


  .rk-emp-gradient{
    background:
      linear-gradient(
        0deg,
        #050505 0%,
        transparent 32%
      );
  }


  .rk-emp-container{
    width:calc(100% - 30px);

    padding:
      160px 0 45px;
  }


  .rk-emp-badge{
    margin-bottom:17px;

    padding:7px 11px;

    font-size:8px;

    letter-spacing:1.2px;
  }


  .rk-emp-title{
    margin-bottom:19px;

    font-size:42px;

    line-height:.95;

    letter-spacing:-2.2px;
  }


  .rk-emp-title span{
    margin-top:8px;
  }


  .rk-emp-description{
    margin-bottom:24px;

    font-size:12.5px;

    line-height:1.65;
  }


  .rk-emp-actions{
    margin-bottom:29px;
  }


  .rk-emp-btn{
    width:100%;

    min-height:55px;

    padding:0 17px;

    font-size:12px;

    gap:9px;
  }


  .rk-emp-highlights{
    grid-template-columns:1fr;

    padding-top:10px;
  }


  .rk-highlight{
    min-height:52px;

    padding:10px 0;

    border-right:none;

    border-bottom:
      1px solid rgba(255,255,255,.09);
  }


  .rk-highlight:last-child{
    border-bottom:none;
  }


  .rk-highlight strong{
    font-size:11px;
  }


  .rk-highlight small{
    font-size:8.5px;
  }


  .rk-highlight-icon{
    width:27px;
    height:27px;

    flex-basis:27px;

    font-size:9px;
  }


  .rk-emp-scroll{
    display:none;
  }

}


/* =====================================================
   MÓVILES PEQUEÑOS
===================================================== */

@media(max-width:390px){

  .rk-emp-title{
    font-size:38px;
  }


  .rk-emp-description{
    font-size:11.5px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a6664d *//* =========================================================
   RANCHO LA KAMELIA
   EVENTOS EMPRESARIALES · SECCIÓN 2
========================================================= */


.rk-e2{
  --rk2-black:#050505;
  --rk2-black-soft:#0b0b09;
  --rk2-card:#12120f;

  --rk2-yellow:#ffc515;
  --rk2-yellow-light:#ffdd63;
  --rk2-gold:#dda400;

  --rk2-white:#ffffff;
  --rk2-gray:#a9a9a5;

  position:relative;

  width:100%;

  padding:125px 0 135px;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 5% 50%,
      rgba(255,193,20,.07),
      transparent 27%
    ),
    linear-gradient(
      180deg,
      #050505 0%,
      #080806 55%,
      #050505 100%
    );

  color:#fff;

  font-family:"Montserrat", Arial, sans-serif;
}


.rk-e2 *,
.rk-e2 *::before,
.rk-e2 *::after{
  box-sizing:border-box;
}



.rk-e2-container{
  position:relative;

  z-index:2;

  width:min(1180px, calc(100% - 50px));

  margin:0 auto;
}



/* =========================================================
   GLOWS
========================================================= */

.rk-e2-glow{
  position:absolute;

  pointer-events:none;

  border-radius:50%;

  filter:blur(120px);
}


.rk-e2-glow-1{
  width:420px;
  height:420px;

  left:-250px;
  top:260px;

  background:
    rgba(255,193,20,.09);
}


.rk-e2-glow-2{
  width:330px;
  height:330px;

  right:-210px;
  bottom:100px;

  background:
    rgba(255,193,20,.07);
}



/* =========================================================
   ENCABEZADO
========================================================= */

.rk-e2-heading{
  max-width:850px;

  margin:0 auto 72px;

  text-align:center;
}


.rk-e2-kicker{
  display:inline-block;

  margin-bottom:18px;

  color:var(--rk2-yellow);

  font-size:10px;

  font-weight:900;

  letter-spacing:2.2px;
}


.rk-e2-heading h2{
  margin:0 0 21px;

  color:#fff;

  font-size:clamp(42px, 5.5vw, 68px);

  line-height:.98;

  letter-spacing:-3px;

  font-weight:950;

  text-wrap:balance;
}


.rk-e2-heading h2 span{
  color:var(--rk2-yellow);
}


.rk-e2-heading p{
  max-width:680px;

  margin:0 auto;

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

  font-size:14px;

  line-height:1.75;
}



/* =========================================================
   BLOQUE PRINCIPAL
========================================================= */

.rk-e2-main{
  display:grid;

  grid-template-columns:
    minmax(0,.95fr)
    minmax(0,1.05fr);

  align-items:center;

  gap:82px;
}



/* =========================================================
   COMPOSICIÓN FOTOGRÁFICA
========================================================= */

.rk-e2-visual{
  position:relative;

  min-height:650px;
}



/* =========================
   TODAS LAS FOTOS
========================= */

.rk-e2-photo{
  position:absolute;

  overflow:hidden;

  background:#111;

  border:
    1px solid rgba(255,198,30,.55);

  box-shadow:
    0 30px 70px rgba(0,0,0,.52);
}


.rk-e2-photo::after{
  content:"";

  position:absolute;

  inset:8px;

  z-index:2;

  pointer-events:none;

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


.rk-e2-photo img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  transition:
    transform .8s ease;
}


.rk-e2-photo:hover img{
  transform:scale(1.045);
}


.rk-e2-photo-overlay{
  position:absolute;

  inset:0;

  z-index:1;

  background:
    linear-gradient(
      0deg,
      rgba(0,0,0,.86) 0%,
      rgba(0,0,0,.07) 55%,
      rgba(0,0,0,.08) 100%
    );
}



/* =========================
   FOTO PRINCIPAL
========================= */

.rk-e2-photo-main{
  width:68%;
  height:570px;

  left:0;
  top:35px;

  border-radius:28px;

  z-index:2;
}


.rk-e2-photo-main::after{
  border-radius:20px;
}


.rk-e2-photo-text{
  position:absolute;

  z-index:4;

  left:30px;
  bottom:28px;
}


.rk-e2-photo-text small{
  display:block;

  margin-bottom:6px;

  color:var(--rk2-yellow);

  font-size:8px;

  font-weight:900;

  letter-spacing:2px;
}


.rk-e2-photo-text strong{
  display:block;

  max-width:240px;

  color:#fff;

  font-size:22px;

  line-height:1.05;

  font-weight:900;
}



/* =========================
   FOTOS PEQUEÑAS
========================= */

.rk-e2-photo-small{
  width:39%;

  right:0;

  border-radius:22px;

  z-index:3;
}


.rk-e2-photo-small::after{
  border-radius:15px;
}


.rk-e2-photo-top{
  height:275px;

  top:0;
}


.rk-e2-photo-bottom{
  height:275px;

  bottom:0;
}


.rk-e2-photo-small span{
  position:absolute;

  z-index:4;

  left:18px;
  right:18px;
  bottom:18px;

  color:#fff;

  font-size:13px;

  line-height:1.1;

  font-weight:850;
}



/* =========================================================
   SELLO
========================================================= */

.rk-e2-stamp{
  position:absolute;

  z-index:6;

  width:125px;
  height:125px;

  left:54%;

  top:50%;

  transform:
    translate(-50%,-50%)
    rotate(-7deg);

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  text-align:center;

  border-radius:50%;

  color:#080808;

  background:
    linear-gradient(
      145deg,
      #ffe470,
      #ffc515 55%,
      #dfa200
    );

  border:
    5px solid rgba(5,5,5,.88);

  box-shadow:
    0 20px 45px rgba(0,0,0,.48),
    0 0 30px rgba(255,193,20,.15);
}


.rk-e2-stamp::after{
  content:"";

  position:absolute;

  inset:6px;

  border:
    1px dashed rgba(0,0,0,.38);

  border-radius:50%;
}


.rk-e2-stamp-small{
  position:relative;

  z-index:2;

  font-size:7px;

  font-weight:900;

  letter-spacing:1.4px;
}


.rk-e2-stamp strong{
  position:relative;

  z-index:2;

  max-width:80px;

  margin:3px 0;

  font-size:15px;

  line-height:.9;

  font-weight:950;
}


.rk-e2-stamp-star{
  position:relative;

  z-index:2;

  font-size:10px;
}



/* =========================================================
   CONTENIDO DERECHA
========================================================= */

.rk-e2-content{
  position:relative;
}


.rk-e2-mini{
  display:block;

  margin-bottom:13px;

  color:var(--rk2-yellow);

  font-size:9px;

  font-weight:900;

  letter-spacing:2px;
}


.rk-e2-content h3{
  max-width:600px;

  margin:0 0 22px;

  color:#fff;

  font-size:clamp(39px,4vw,59px);

  line-height:.98;

  letter-spacing:-2.4px;

  font-weight:950;
}


.rk-e2-content h3 span{
  display:block;

  color:var(--rk2-yellow);
}


.rk-e2-intro{
  max-width:590px;

  margin:0 0 31px;

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

  font-size:13px;

  line-height:1.75;
}



/* =========================================================
   BENEFICIOS
========================================================= */

.rk-e2-benefits{
  display:grid;

  grid-template-columns:
    repeat(2, minmax(0,1fr));

  gap:10px;
}


.rk-e2-benefit{
  min-height:94px;

  display:flex;

  align-items:center;

  gap:13px;

  padding:17px;

  border-radius:15px;

  border:
    1px solid rgba(255,193,20,.18);

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.018)
    );

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


.rk-e2-benefit:hover{
  transform:translateY(-3px);

  border-color:
    rgba(255,193,20,.45);

  background:
    linear-gradient(
      145deg,
      rgba(255,193,20,.085),
      rgba(255,255,255,.025)
    );
}


.rk-e2-benefit-wide{
  grid-column:1 / -1;
}


.rk-e2-icon{
  width:40px;
  height:40px;

  flex:0 0 40px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:50%;

  color:#090909;

  background:
    linear-gradient(
      145deg,
      #ffdc5d,
      #ffc515
    );

  font-size:16px;

  font-weight:900;

  box-shadow:
    0 8px 22px rgba(255,193,20,.15);
}


.rk-e2-benefit strong{
  display:block;

  margin-bottom:4px;

  color:#fff;

  font-size:12px;

  font-weight:850;
}


.rk-e2-benefit span{
  display:block;

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

  font-size:9.5px;

  line-height:1.5;
}



/* =========================================================
   CTA
========================================================= */

.rk-e2-action{
  margin-top:28px;
}


.rk-e2-btn{
  position:relative;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:18px;

  min-height:56px;

  padding:0 27px;

  overflow:hidden;

  border-radius:100px;

  color:#070707 !important;

  text-decoration:none !important;

  font-size:13px;

  font-weight:900;

  background:
    linear-gradient(
      110deg,
      #ffe16a,
      #ffc515 50%,
      #e7a700
    );

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

  box-shadow:
    0 12px 35px rgba(255,188,0,.20);

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


.rk-e2-btn::before{
  content:"";

  position:absolute;

  width:100px;
  height:150%;

  left:-120px;
  top:-25%;

  transform:rotate(20deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.52),
      transparent
    );

  transition:left .7s ease;
}


.rk-e2-btn:hover::before{
  left:110%;
}


.rk-e2-btn:hover{
  transform:translateY(-3px);

  box-shadow:
    0 17px 45px rgba(255,188,0,.34);
}


.rk-e2-btn span,
.rk-e2-btn b{
  position:relative;

  z-index:2;
}


.rk-e2-btn b{
  font-size:20px;

  font-weight:700;
}



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

@media(max-width:950px){

  .rk-e2-main{
    grid-template-columns:1fr;

    gap:65px;
  }


  .rk-e2-visual{
    width:100%;

    max-width:650px;

    margin:0 auto;
  }


  .rk-e2-content{
    max-width:700px;

    margin:0 auto;
  }

}



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

@media(max-width:680px){

  .rk-e2{
    padding:
      80px 0 85px;
  }


  .rk-e2-container{
    width:
      calc(100% - 30px);
  }


  /* HEADER */

  .rk-e2-heading{
    margin-bottom:45px;
  }


  .rk-e2-kicker{
    margin-bottom:13px;

    font-size:8px;

    letter-spacing:1.5px;
  }


  .rk-e2-heading h2{
    margin-bottom:16px;

    font-size:38px;

    line-height:1;

    letter-spacing:-1.9px;
  }


  .rk-e2-heading p{
    font-size:11.5px;

    line-height:1.65;
  }



  /* GALERÍA */

  .rk-e2-main{
    gap:52px;
  }


  .rk-e2-visual{
    min-height:510px;
  }


  .rk-e2-photo-main{
    width:70%;

    height:445px;

    top:25px;

    border-radius:21px;
  }


  .rk-e2-photo-top,
  .rk-e2-photo-bottom{
    width:38%;

    height:210px;

    border-radius:17px;
  }


  .rk-e2-photo-text{
    left:19px;

    bottom:19px;
  }


  .rk-e2-photo-text strong{
    max-width:160px;

    font-size:17px;
  }


  .rk-e2-photo-small span{
    left:12px;
    right:12px;
    bottom:13px;

    font-size:10px;
  }


  .rk-e2-stamp{
    width:95px;
    height:95px;
  }


  .rk-e2-stamp-small{
    font-size:5.5px;
  }


  .rk-e2-stamp strong{
    font-size:11px;
  }



  /* TEXTO */

  .rk-e2-mini{
    font-size:8px;

    letter-spacing:1.5px;
  }


  .rk-e2-content h3{
    font-size:38px;

    letter-spacing:-1.8px;
  }


  .rk-e2-intro{
    font-size:11.5px;
  }



  /* BENEFICIOS */

  .rk-e2-benefits{
    grid-template-columns:1fr;
  }


  .rk-e2-benefit-wide{
    grid-column:auto;
  }


  .rk-e2-benefit{
    min-height:82px;

    padding:14px;
  }


  .rk-e2-benefit strong{
    font-size:11px;
  }


  .rk-e2-benefit span{
    font-size:9px;
  }


  .rk-e2-icon{
    width:36px;
    height:36px;

    flex-basis:36px;

    font-size:14px;
  }



  /* CTA */

  .rk-e2-btn{
    width:100%;

    min-height:55px;

    font-size:11.5px;

    padding:0 18px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ffe734 *//* =========================================================
   RANCHO LA KAMELIA
   EVENTOS EMPRESARIALES · SECCIÓN 3
========================================================= */

.rk-e3{
  --e3-yellow:#ffc515;
  --e3-yellow-light:#ffe06a;
  --e3-gold:#e2a500;

  --e3-black:#050505;
  --e3-black-2:#090907;
  --e3-card:#11110e;

  position:relative;
  width:100%;

  padding:125px 0;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 50% 5%,
      rgba(255,193,20,.07),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #050505 0%,
      #0a0906 48%,
      #050505 100%
    );

  color:#fff;

  font-family:"Montserrat", Arial, sans-serif;
}


.rk-e3 *,
.rk-e3 *::before,
.rk-e3 *::after{
  box-sizing:border-box;
}


.rk-e3-container{
  position:relative;

  z-index:2;

  width:min(1180px, calc(100% - 50px));

  margin:0 auto;
}


/* =========================================================
   LUCES
========================================================= */

.rk-e3-glow{
  position:absolute;

  border-radius:50%;

  filter:blur(130px);

  pointer-events:none;
}


.rk-e3-glow-a{
  width:450px;
  height:450px;

  top:20%;
  left:-300px;

  background:rgba(255,193,20,.10);
}


.rk-e3-glow-b{
  width:450px;
  height:450px;

  right:-320px;
  bottom:10%;

  background:rgba(255,193,20,.08);
}


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

.rk-e3-heading{
  max-width:880px;

  margin:0 auto 70px;

  text-align:center;
}


.rk-e3-kicker{
  display:inline-block;

  margin-bottom:17px;

  color:var(--e3-yellow);

  font-size:10px;
  font-weight:900;

  letter-spacing:2.2px;
}


.rk-e3-heading h2{
  margin:0 0 21px;

  color:#fff;

  font-size:clamp(43px,5.4vw,69px);

  line-height:.97;

  letter-spacing:-3px;

  font-weight:950;
}


.rk-e3-heading h2 span{
  display:block;

  color:var(--e3-yellow);
}


.rk-e3-heading p{
  max-width:720px;

  margin:auto;

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

  font-size:14px;

  line-height:1.75;
}


/* =========================================================
   LAYOUT
========================================================= */

.rk-e3-main{
  display:grid;

  grid-template-columns:
    .82fr 1.18fr;

  align-items:stretch;

  gap:22px;
}


/* =========================================================
   FOTO IZQUIERDA
========================================================= */

.rk-e3-visual{
  min-width:0;
}


.rk-e3-photo{
  position:relative;

  width:100%;
  height:100%;

  min-height:760px;

  overflow:hidden;

  border-radius:28px;

  border:1px solid rgba(255,195,20,.45);

  background:#111;

  box-shadow:
    0 35px 80px rgba(0,0,0,.48);
}


.rk-e3-photo::after{
  content:"";

  position:absolute;

  inset:9px;

  z-index:2;

  pointer-events:none;

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

  border-radius:20px;
}


.rk-e3-photo img{
  width:100%;
  height:100%;

  position:absolute;

  inset:0;

  display:block;

  object-fit:cover;

  transition:transform 1s ease;
}


.rk-e3-photo:hover img{
  transform:scale(1.045);
}


.rk-e3-photo-overlay{
  position:absolute;

  inset:0;

  z-index:1;

  background:
    linear-gradient(
      0deg,
      rgba(0,0,0,.96) 0%,
      rgba(0,0,0,.62) 34%,
      rgba(0,0,0,.10) 70%,
      rgba(0,0,0,.12) 100%
    );
}


/* =========================================================
   TEXTO FOTO
========================================================= */

.rk-e3-photo-content{
  position:absolute;

  z-index:4;

  left:36px;
  right:36px;
  bottom:40px;
}


.rk-e3-photo-label{
  display:block;

  margin-bottom:12px;

  color:var(--e3-yellow);

  font-size:8px;

  font-weight:900;

  letter-spacing:2px;
}


.rk-e3-photo-content h3{
  max-width:420px;

  margin:0 0 17px;

  color:#fff;

  font-size:clamp(34px,3.5vw,48px);

  line-height:.98;

  letter-spacing:-2px;

  font-weight:950;
}


.rk-e3-photo-content h3 span{
  display:block;

  color:var(--e3-yellow);
}


.rk-e3-photo-content p{
  max-width:430px;

  margin:0;

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

  font-size:12px;

  line-height:1.65;
}


/* =========================================================
   SELLO
========================================================= */

.rk-e3-badge{
  position:absolute;

  z-index:5;

  top:27px;
  right:27px;

  width:113px;
  height:113px;

  display:flex;

  flex-direction:column;

  align-items:center;
  justify-content:center;

  text-align:center;

  border-radius:50%;

  color:#070707;

  background:
    linear-gradient(
      145deg,
      #ffe375,
      #ffc515 55%,
      #d99c00
    );

  border:5px solid rgba(5,5,5,.72);

  box-shadow:
    0 15px 40px rgba(0,0,0,.45),
    0 0 30px rgba(255,193,20,.17);

  transform:rotate(7deg);
}


.rk-e3-badge::after{
  content:"";

  position:absolute;

  inset:6px;

  border:1px dashed rgba(0,0,0,.42);

  border-radius:50%;
}


.rk-e3-badge small{
  position:relative;

  z-index:2;

  margin-bottom:2px;

  font-size:22px;

  line-height:1;

  font-weight:950;
}


.rk-e3-badge strong{
  position:relative;

  z-index:2;

  max-width:75px;

  font-size:8px;

  line-height:1.15;

  letter-spacing:.8px;

  font-weight:950;
}


/* =========================================================
   SERVICIOS
========================================================= */

.rk-e3-services{
  display:flex;

  flex-direction:column;

  gap:22px;
}


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

.rk-e3-card{
  position:relative;

  overflow:hidden;

  padding:34px;

  border-radius:25px;

  border:1px solid rgba(255,195,20,.22);

  background:
    linear-gradient(
      145deg,
      #15140f,
      #0d0d0a
    );

  box-shadow:
    0 25px 70px rgba(0,0,0,.22);
}


.rk-e3-card::after{
  content:"";

  position:absolute;

  width:230px;
  height:230px;

  right:-130px;
  bottom:-140px;

  border-radius:50%;

  background:rgba(255,193,20,.075);

  filter:blur(20px);

  pointer-events:none;
}


.rk-e3-card-main{
  flex:1.08;
}


.rk-e3-card-extras{
  flex:.92;

  background:
    radial-gradient(
      circle at 0 0,
      rgba(255,193,20,.08),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #15140f,
      #0c0c09
    );
}


/* =========================================================
   CARD TOP
========================================================= */

.rk-e3-card-top{
  position:relative;

  z-index:2;

  display:flex;

  align-items:center;

  justify-content:space-between;

  margin-bottom:21px;
}


.rk-e3-card-icon{
  width:44px;
  height:44px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:#080808;

  background:
    linear-gradient(
      145deg,
      #ffe272,
      #ffc515
    );

  font-size:17px;

  box-shadow:
    0 8px 25px rgba(255,193,20,.18);
}


.rk-e3-card-number{
  color:rgba(255,255,255,.07);

  font-size:57px;

  line-height:.8;

  font-weight:950;
}


/* =========================================================
   CARD TEXTO
========================================================= */

.rk-e3-card-kicker{
  position:relative;

  z-index:2;

  display:block;

  margin-bottom:8px;

  color:var(--e3-yellow);

  font-size:8px;

  font-weight:900;

  letter-spacing:1.8px;
}


.rk-e3-card h3{
  position:relative;

  z-index:2;

  margin:0 0 13px;

  color:#fff;

  font-size:29px;

  line-height:1;

  letter-spacing:-1.2px;

  font-weight:950;
}


.rk-e3-card h3 span{
  color:var(--e3-yellow);
}


.rk-e3-card > p{
  position:relative;

  z-index:2;

  max-width:570px;

  margin:0 0 22px;

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

  font-size:11px;

  line-height:1.65;
}


/* =========================================================
   OPCIONES DE COMIDA
========================================================= */

.rk-e3-food-options{
  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:10px;
}


.rk-e3-food-option{
  display:flex;

  align-items:flex-start;

  gap:11px;

  min-height:112px;

  padding:15px;

  border-radius:14px;

  border:1px solid rgba(255,195,20,.17);

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.04),
      rgba(255,255,255,.018)
    );

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


.rk-e3-food-option:hover{
  transform:translateY(-2px);

  border-color:rgba(255,195,20,.38);

  background:
    rgba(255,195,20,.04);
}


.rk-e3-check{
  width:28px;
  height:28px;

  flex:0 0 28px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:#090909;

  background:var(--e3-yellow);

  font-size:8px;

  font-weight:950;

  box-shadow:
    0 5px 16px rgba(255,193,20,.15);
}


.rk-e3-food-option strong{
  display:block;

  margin-bottom:6px;

  color:#fff;

  font-size:10.5px;

  line-height:1.3;
}


.rk-e3-food-option small{
  display:block;

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

  font-size:8.7px;

  line-height:1.5;
}


.rk-e3-food-option small b{
  color:rgba(255,255,255,.77);

  font-weight:800;
}


/* =========================================================
   ÁREA VER MENÚ
========================================================= */

.rk-e3-menu-area{
  position:relative;

  z-index:3;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:20px;

  margin-top:13px;

  padding:13px 15px;

  border-radius:13px;

  border:1px solid rgba(255,195,20,.22);

  background:
    rgba(255,195,20,.045);
}


.rk-e3-menu-copy{
  min-width:0;
}


.rk-e3-menu-copy > span{
  display:block;

  margin-bottom:3px;

  color:var(--e3-yellow);

  font-size:7px;

  font-weight:900;

  letter-spacing:1.3px;
}


.rk-e3-menu-copy p{
  margin:0;

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

  font-size:8.5px;

  line-height:1.4;
}


/* BOTÓN MENÚ */

.rk-e3-menu-btn{
  flex:0 0 auto;

  min-height:40px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:8px;

  padding:0 16px;

  border-radius:100px;

  border:1px solid rgba(255,195,20,.48);

  color:var(--e3-yellow) !important;

  text-decoration:none !important;

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

  font-size:9px;

  font-weight:850;

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


.rk-e3-menu-btn:hover{
  transform:translateY(-2px);

  color:#080808 !important;

  background:var(--e3-yellow);

  border-color:var(--e3-yellow);
}


.rk-e3-menu-icon{
  font-size:12px;
}


.rk-e3-menu-btn b{
  font-size:12px;
}


/* =========================================================
   SERVICIOS ADICIONALES
========================================================= */

.rk-e3-extras-grid{
  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:8px;
}


.rk-e3-extra{
  min-height:73px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  gap:7px;

  padding:11px;

  border-radius:12px;

  border:1px solid rgba(255,195,20,.13);

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

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


.rk-e3-extra:hover{
  transform:translateY(-3px);

  border-color:rgba(255,195,20,.40);

  background:
    rgba(255,195,20,.05);
}


.rk-e3-extra > span{
  font-size:16px;
}


.rk-e3-extra strong{
  color:#fff;

  font-size:8.7px;

  line-height:1.25;

  font-weight:750;
}


/* =========================================================
   CTA
========================================================= */

.rk-e3-cta{
  position:relative;

  margin-top:26px;

  padding:31px 35px;

  display:grid;

  grid-template-columns:
    auto 1fr auto;

  align-items:center;

  gap:22px;

  overflow:hidden;

  border-radius:23px;

  border:1px solid rgba(255,195,20,.42);

  background:
    linear-gradient(
      110deg,
      #1b1709,
      #11100c 58%,
      #0c0c09
    );

  box-shadow:
    0 25px 70px rgba(0,0,0,.25);
}


.rk-e3-cta::after{
  content:"";

  position:absolute;

  width:350px;
  height:180px;

  right:110px;
  top:-130px;

  background:rgba(255,193,20,.13);

  filter:blur(80px);

  pointer-events:none;
}


.rk-e3-cta-icon{
  position:relative;

  z-index:2;

  width:48px;
  height:48px;

  display:flex;

  align-items:center;
  justify-content:center;

  flex:0 0 48px;

  border-radius:50%;

  color:#080808;

  background:var(--e3-yellow);

  box-shadow:
    0 10px 30px rgba(255,190,0,.19);
}


.rk-e3-cta-copy{
  position:relative;

  z-index:2;
}


.rk-e3-cta-copy > span{
  display:block;

  margin-bottom:4px;

  color:var(--e3-yellow);

  font-size:7.5px;

  font-weight:900;

  letter-spacing:1.7px;
}


.rk-e3-cta-copy h3{
  margin:0 0 6px;

  color:#fff;

  font-size:22px;

  line-height:1.1;

  font-weight:900;
}


.rk-e3-cta-copy p{
  max-width:570px;

  margin:0;

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

  font-size:9.5px;

  line-height:1.55;
}


/* =========================================================
   BOTÓN CTA
========================================================= */

.rk-e3-btn{
  position:relative;

  z-index:3;

  min-height:55px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:10px;

  padding:0 23px;

  overflow:hidden;

  white-space:nowrap;

  border-radius:100px;

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

  color:#080808 !important;

  text-decoration:none !important;

  background:
    linear-gradient(
      110deg,
      #ffe172,
      #ffc515 50%,
      #e3a300
    );

  box-shadow:
    0 10px 35px rgba(255,188,0,.22);

  font-size:11.5px;

  font-weight:900;

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


.rk-e3-btn::before{
  content:"";

  position:absolute;

  width:80px;
  height:160%;

  top:-30%;
  left:-110px;

  transform:rotate(20deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.5),
      transparent
    );

  transition:left .7s ease;
}


.rk-e3-btn:hover::before{
  left:110%;
}


.rk-e3-btn:hover{
  transform:translateY(-3px);

  box-shadow:
    0 15px 42px rgba(255,188,0,.34);
}


.rk-e3-btn span,
.rk-e3-btn b{
  position:relative;

  z-index:2;
}


.rk-e3-btn b{
  font-size:17px;
}


/* =========================================================
   NOTA
========================================================= */

.rk-e3-note{
  max-width:900px;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:8px;

  margin:18px auto 0;

  text-align:center;
}


.rk-e3-note > span{
  color:var(--e3-yellow);

  font-size:11px;
}


.rk-e3-note p{
  margin:0;

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

  font-size:8.5px;

  line-height:1.5;
}


.rk-e3-note strong{
  color:rgba(255,255,255,.55);
}


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

@media(max-width:950px){

  .rk-e3-main{
    grid-template-columns:1fr;
  }


  .rk-e3-photo{
    min-height:650px;
  }


  .rk-e3-cta{
    grid-template-columns:
      auto 1fr;

    gap:17px;
  }


  .rk-e3-btn{
    grid-column:1 / -1;

    width:100%;
  }

}


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

@media(max-width:680px){

  .rk-e3{
    padding:80px 0 85px;
  }


  .rk-e3-container{
    width:calc(100% - 30px);
  }


  /* CABECERA */

  .rk-e3-heading{
    margin-bottom:45px;
  }


  .rk-e3-kicker{
    margin-bottom:12px;

    font-size:7.5px;

    letter-spacing:1.4px;
  }


  .rk-e3-heading h2{
    margin-bottom:16px;

    font-size:39px;

    line-height:.99;

    letter-spacing:-1.9px;
  }


  .rk-e3-heading p{
    font-size:11.5px;

    line-height:1.65;
  }


  /* FOTO */

  .rk-e3-photo{
    min-height:525px;

    border-radius:22px;
  }


  .rk-e3-photo::after{
    inset:7px;

    border-radius:16px;
  }


  .rk-e3-photo-content{
    left:22px;
    right:22px;
    bottom:25px;
  }


  .rk-e3-photo-content h3{
    font-size:33px;

    letter-spacing:-1.5px;
  }


  .rk-e3-photo-content p{
    font-size:10.5px;
  }


  .rk-e3-badge{
    width:90px;
    height:90px;

    top:18px;
    right:18px;
  }


  .rk-e3-badge small{
    font-size:17px;
  }


  .rk-e3-badge strong{
    font-size:6.5px;
  }


  /* CARDS */

  .rk-e3-services{
    gap:13px;
  }


  .rk-e3-card{
    padding:25px 20px;

    border-radius:20px;
  }


  .rk-e3-card-number{
    font-size:48px;
  }


  .rk-e3-card-icon{
    width:40px;
    height:40px;

    font-size:15px;
  }


  .rk-e3-card h3{
    font-size:26px;
  }


  .rk-e3-card > p{
    font-size:10.5px;
  }


  /* COMIDA */

  .rk-e3-food-options{
    grid-template-columns:1fr;
  }


  .rk-e3-food-option{
    min-height:auto;

    padding:14px;
  }


  .rk-e3-food-option strong{
    font-size:10px;
  }


  .rk-e3-food-option small{
    font-size:8.8px;
  }


  /* MENÚ */

  .rk-e3-menu-area{
    flex-direction:column;

    align-items:stretch;

    gap:12px;

    padding:15px;
  }


  .rk-e3-menu-copy{
    text-align:center;
  }


  .rk-e3-menu-copy > span{
    font-size:7px;
  }


  .rk-e3-menu-copy p{
    font-size:8.5px;
  }


  .rk-e3-menu-btn{
    width:100%;

    min-height:44px;

    font-size:9.5px;
  }


  /* EXTRAS */

  .rk-e3-extras-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  .rk-e3-extra{
    min-height:69px;
  }


  .rk-e3-extra strong{
    font-size:8.5px;
  }


  /* CTA */

  .rk-e3-cta{
    margin-top:17px;

    padding:25px 20px;

    grid-template-columns:1fr;

    text-align:center;
  }


  .rk-e3-cta-icon{
    margin:auto;
  }


  .rk-e3-cta-copy h3{
    font-size:21px;
  }


  .rk-e3-cta-copy p{
    margin:auto;

    font-size:9.5px;
  }


  .rk-e3-btn{
    min-height:54px;

    width:100%;

    font-size:11.5px;
  }


  .rk-e3-note{
    align-items:flex-start;

    text-align:left;
  }


  .rk-e3-note p{
    font-size:7.8px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0bbb075 *//* =========================================================
   RANCHO LA KAMELIA
   EVENTOS EMPRESARIALES · SECCIÓN 4
   GALERÍA INFINITA
========================================================= */

.rk-e4{
  --e4-yellow:#ffc515;
  --e4-yellow-light:#ffe16d;
  --e4-gold:#dfa400;
  --e4-black:#050505;

  position:relative;
  width:100%;

  padding:120px 0 105px;

  overflow:hidden;

  color:#fff;

  background:
    radial-gradient(
      circle at 50% 20%,
      rgba(255,193,20,.07),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #050505 0%,
      #090806 45%,
      #050505 100%
    );

  font-family:"Montserrat",Arial,sans-serif;
}


.rk-e4 *,
.rk-e4 *::before,
.rk-e4 *::after{
  box-sizing:border-box;
}


.rk-e4-container{
  position:relative;

  z-index:3;

  width:min(1180px,calc(100% - 50px));

  margin:0 auto;
}


/* =========================================================
   GLOWS
========================================================= */

.rk-e4-glow{
  position:absolute;

  border-radius:50%;

  pointer-events:none;

  filter:blur(130px);
}


.rk-e4-glow-left{
  width:420px;
  height:420px;

  left:-270px;
  top:160px;

  background:rgba(255,193,20,.09);
}


.rk-e4-glow-right{
  width:390px;
  height:390px;

  right:-270px;
  bottom:40px;

  background:rgba(255,193,20,.07);
}


/* =========================================================
   CABECERA
========================================================= */

.rk-e4-heading{
  max-width:870px;

  margin:0 auto 62px;

  text-align:center;
}


.rk-e4-kicker{
  display:inline-block;

  margin-bottom:16px;

  color:var(--e4-yellow);

  font-size:10px;

  font-weight:900;

  letter-spacing:2.2px;
}


.rk-e4-heading h2{
  margin:0 0 20px;

  color:#fff;

  font-size:clamp(42px,5.3vw,68px);

  line-height:.97;

  letter-spacing:-3px;

  font-weight:950;

  text-wrap:balance;
}


.rk-e4-heading h2 span{
  display:block;

  color:var(--e4-yellow);
}


.rk-e4-heading p{
  max-width:690px;

  margin:0 auto;

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

  font-size:13px;

  line-height:1.75;
}


.rk-e4-heading p strong{
  color:rgba(255,255,255,.90);

  font-weight:800;
}


/* =========================================================
   SLIDER
========================================================= */

.rk-e4-slider{
  position:relative;

  z-index:2;

  width:100%;

  overflow:hidden;

  padding:18px 0 45px;
}


/* =========================================================
   TRACK
========================================================= */

.rk-e4-track{
  display:flex;

  width:max-content;

  will-change:transform;

  animation:
    rkE4Infinite 72s linear infinite;
}


/* PAUSAR AL PASAR EL MOUSE */

@media(hover:hover){

  .rk-e4-slider:hover .rk-e4-track{
    animation-play-state:paused;
  }

}


/* =========================================================
   GRUPOS
========================================================= */

.rk-e4-group{
  display:flex;

  flex-shrink:0;

  gap:18px;

  padding-right:18px;
}


/* =========================================================
   TARJETAS VERTICALES
========================================================= */

.rk-e4-card{
  position:relative;

  flex:0 0 270px;

  width:270px;
  height:440px;

  overflow:hidden;

  border-radius:23px;

  background:#111;

  border:
    1px solid rgba(255,195,20,.37);

  box-shadow:
    0 22px 55px rgba(0,0,0,.40);

  transform:translateZ(0);

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


/* RITMO VISUAL */

.rk-e4-card:nth-child(even){
  transform:translateY(26px);
}


.rk-e4-card:nth-child(odd){
  transform:translateY(0);
}


/* HOVER */

@media(hover:hover){

  .rk-e4-card:hover{
    z-index:5;

    border-color:
      rgba(255,195,20,.78);

    box-shadow:
      0 30px 75px rgba(0,0,0,.58),
      0 0 30px rgba(255,190,0,.08);
  }


  .rk-e4-card:nth-child(odd):hover{
    transform:
      translateY(-6px)
      scale(1.025);
  }


  .rk-e4-card:nth-child(even):hover{
    transform:
      translateY(20px)
      scale(1.025);
  }

}


/* =========================================================
   IMÁGENES
========================================================= */

.rk-e4-card img{
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  transition:
    transform .9s cubic-bezier(.2,.7,.2,1);
}


@media(hover:hover){

  .rk-e4-card:hover img{
    transform:scale(1.065);
  }

}


/* BORDE INTERIOR */

.rk-e4-card::after{
  content:"";

  position:absolute;

  z-index:4;

  inset:8px;

  pointer-events:none;

  border-radius:16px;

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


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

.rk-e4-overlay{
  position:absolute;

  inset:0;

  z-index:1;

  background:
    linear-gradient(
      0deg,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.58) 22%,
      rgba(0,0,0,.08) 57%,
      rgba(0,0,0,.04) 100%
    );
}


/* =========================================================
   TEXTO DE LAS TARJETAS
========================================================= */

.rk-e4-card-content{
  position:absolute;

  z-index:3;

  left:23px;
  right:23px;
  bottom:24px;
}


.rk-e4-card-content span{
  display:block;

  margin-bottom:6px;

  color:var(--e4-yellow);

  font-size:7.5px;

  font-weight:900;

  letter-spacing:1.7px;
}


.rk-e4-card-content strong{
  display:block;

  max-width:210px;

  color:#fff;

  font-size:18px;

  line-height:1.05;

  letter-spacing:-.5px;

  font-weight:900;
}


/* =========================================================
   DEGRADADOS LATERALES
========================================================= */

.rk-e4-fade{
  position:absolute;

  z-index:10;

  top:0;
  bottom:0;

  width:13vw;

  pointer-events:none;
}


.rk-e4-fade-left{
  left:0;

  background:
    linear-gradient(
      90deg,
      #050505 0%,
      rgba(5,5,5,.80) 28%,
      transparent 100%
    );
}


.rk-e4-fade-right{
  right:0;

  background:
    linear-gradient(
      270deg,
      #050505 0%,
      rgba(5,5,5,.80) 28%,
      transparent 100%
    );
}


/* =========================================================
   ANIMACIÓN INFINITA
========================================================= */

@keyframes rkE4Infinite{

  from{
    transform:translate3d(0,0,0);
  }

  to{
    transform:translate3d(-50%,0,0);
  }

}


/* =========================================================
   CIERRE
========================================================= */

.rk-e4-bottom{
  max-width:720px;

  margin:45px auto 0;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:18px;

  text-align:center;
}


.rk-e4-bottom-line{
  width:55px;
  height:1px;

  flex:0 0 55px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,197,21,.75)
    );
}


.rk-e4-bottom-line:last-child{
  transform:rotate(180deg);
}


.rk-e4-bottom p{
  margin:0;

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

  font-size:10px;

  line-height:1.5;

  letter-spacing:.2px;
}


.rk-e4-bottom p strong{
  color:var(--e4-yellow);

  font-weight:800;
}


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

@media(max-width:950px){

  .rk-e4-card{
    flex-basis:245px;

    width:245px;
    height:400px;
  }


  .rk-e4-track{
    animation-duration:64s;
  }


  .rk-e4-fade{
    width:9vw;
  }

}


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

@media(max-width:680px){

  .rk-e4{
    padding:80px 0 75px;
  }


  .rk-e4-container{
    width:calc(100% - 30px);
  }


  /* CABECERA */

  .rk-e4-heading{
    margin-bottom:39px;
  }


  .rk-e4-kicker{
    margin-bottom:12px;

    font-size:7.5px;

    letter-spacing:1.5px;
  }


  .rk-e4-heading h2{
    margin-bottom:15px;

    font-size:38px;

    line-height:.99;

    letter-spacing:-1.9px;
  }


  .rk-e4-heading p{
    max-width:430px;

    font-size:11px;

    line-height:1.65;
  }


  /* SLIDER */

  .rk-e4-slider{
    padding:10px 0 35px;
  }


  .rk-e4-group{
    gap:11px;

    padding-right:11px;
  }


  .rk-e4-card{
    flex-basis:205px;

    width:205px;
    height:335px;

    border-radius:18px;
  }


  .rk-e4-card::after{
    inset:6px;

    border-radius:13px;
  }


  .rk-e4-card:nth-child(even){
    transform:translateY(18px);
  }


  .rk-e4-card-content{
    left:17px;
    right:17px;
    bottom:18px;
  }


  .rk-e4-card-content span{
    margin-bottom:4px;

    font-size:6px;

    letter-spacing:1.3px;
  }


  .rk-e4-card-content strong{
    font-size:14px;
  }


  .rk-e4-track{
    animation-duration:55s;
  }


  /* DEGRADADOS */

  .rk-e4-fade{
    width:35px;
  }


  /* CIERRE */

  .rk-e4-bottom{
    margin-top:33px;

    gap:10px;
  }


  .rk-e4-bottom-line{
    width:24px;

    flex-basis:24px;
  }


  .rk-e4-bottom p{
    font-size:8.5px;
  }

}


/* =========================================================
   ACCESIBILIDAD
========================================================= */

@media(prefers-reduced-motion:reduce){

  .rk-e4-track{
    animation:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ed1ca3 *//* =========================================================
   RANCHO LA KAMELIA
   EVENTOS EMPRESARIALES · SECCIÓN 5
========================================================= */

.rk-e5{
  --e5-yellow:#ffc515;
  --e5-yellow-light:#ffe170;
  --e5-gold:#dfa300;

  position:relative;

  width:100%;

  padding:120px 0 0;

  overflow:hidden;

  color:#fff;

  background:
    radial-gradient(
      circle at 50% 85%,
      rgba(255,193,20,.10),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #050505 0%,
      #090806 50%,
      #050505 100%
    );

  font-family:"Montserrat",Arial,sans-serif;
}


.rk-e5 *,
.rk-e5 *::before,
.rk-e5 *::after{
  box-sizing:border-box;
}


.rk-e5-container{
  position:relative;

  z-index:2;

  width:min(1050px,calc(100% - 50px));

  margin:0 auto;

  padding-bottom:95px;
}


/* =========================================================
   GLOWS
========================================================= */

.rk-e5-glow{
  position:absolute;

  border-radius:50%;

  filter:blur(130px);

  pointer-events:none;
}


.rk-e5-glow-left{
  width:400px;
  height:400px;

  left:-280px;
  top:180px;

  background:rgba(255,193,20,.08);
}


.rk-e5-glow-right{
  width:420px;
  height:420px;

  right:-300px;
  bottom:180px;

  background:rgba(255,193,20,.08);
}


/* =========================================================
   CABECERA
========================================================= */

.rk-e5-heading{
  max-width:850px;

  margin:0 auto 60px;

  text-align:center;
}


.rk-e5-kicker{
  display:inline-block;

  margin-bottom:17px;

  color:var(--e5-yellow);

  font-size:10px;

  font-weight:900;

  letter-spacing:2.1px;
}


.rk-e5-heading h2{
  margin:0 0 20px;

  color:#fff;

  font-size:clamp(42px,5vw,66px);

  line-height:.98;

  letter-spacing:-2.8px;

  font-weight:950;
}


.rk-e5-heading h2 span{
  display:block;

  color:var(--e5-yellow);
}


.rk-e5-heading p{
  max-width:670px;

  margin:0 auto;

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

  font-size:13px;

  line-height:1.75;
}


/* =========================================================
   FAQ
========================================================= */

.rk-e5-faq{
  max-width:900px;

  margin:0 auto;
}


.rk-e5-item{
  position:relative;

  margin-bottom:11px;

  overflow:hidden;

  border-radius:16px;

  border:1px solid rgba(255,195,20,.18);

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.018)
    );

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


.rk-e5-item:hover{
  border-color:rgba(255,195,20,.38);
}


.rk-e5-item[open]{
  border-color:rgba(255,195,20,.52);

  background:
    linear-gradient(
      145deg,
      rgba(255,195,20,.075),
      rgba(255,255,255,.018)
    );
}


/* =========================================================
   SUMMARY
========================================================= */

.rk-e5-item summary{
  min-height:74px;

  padding:0 22px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:20px;

  cursor:pointer;

  list-style:none;
}


.rk-e5-item summary::-webkit-details-marker{
  display:none;
}


.rk-e5-question{
  display:flex;

  align-items:center;

  gap:15px;
}


.rk-e5-number{
  width:31px;
  height:31px;

  flex:0 0 31px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:#080808;

  background:
    linear-gradient(
      145deg,
      #ffe274,
      #ffc515
    );

  font-size:8px;

  font-weight:950;
}


.rk-e5-question strong{
  color:#fff;

  font-size:13px;

  line-height:1.4;

  font-weight:850;
}


/* =========================================================
   BOTÓN +
========================================================= */

.rk-e5-plus{
  width:32px;
  height:32px;

  flex:0 0 32px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:var(--e5-yellow);

  border:1px solid rgba(255,195,20,.48);

  font-size:20px;

  line-height:1;

  transition:
    transform .3s ease,
    color .3s ease,
    background .3s ease;
}


.rk-e5-item[open] .rk-e5-plus{
  transform:rotate(45deg);

  color:#080808;

  background:var(--e5-yellow);
}


/* =========================================================
   RESPUESTAS
========================================================= */

.rk-e5-answer{
  padding:
    0 70px 24px 68px;

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

  font-size:11px;

  line-height:1.75;
}


.rk-e5-answer p{
  margin:0 0 8px;
}


.rk-e5-answer p:last-child{
  margin-bottom:0;
}


.rk-e5-answer strong{
  color:rgba(255,255,255,.90);

  font-weight:750;
}


/* =========================================================
   UBICACIÓN + HORARIOS
========================================================= */

.rk-e5-location-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:10px;

  margin-bottom:16px;
}


.rk-e5-info-box{
  display:flex;

  align-items:center;

  gap:12px;

  padding:15px;

  border-radius:13px;

  border:1px solid rgba(255,195,20,.16);

  background:
    rgba(255,255,255,.025);
}


.rk-e5-info-icon{
  width:38px;
  height:38px;

  flex:0 0 38px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:#080808;

  background:
    linear-gradient(
      145deg,
      #ffe170,
      #ffc515
    );

  font-size:15px;
}


.rk-e5-info-box small{
  display:block;

  margin-bottom:3px;

  color:var(--e5-yellow);

  font-size:7px;

  font-weight:900;

  letter-spacing:1.3px;
}


.rk-e5-info-box strong{
  display:block;

  margin-bottom:2px;

  color:#fff;

  font-size:10.5px;

  line-height:1.4;
}


.rk-e5-info-box p{
  margin:0;

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

  font-size:8.7px;

  line-height:1.4;
}


.rk-e5-location-copy{
  margin-top:5px !important;

  margin-bottom:12px !important;
}


/* =========================================================
   MINI WHATSAPP
========================================================= */

.rk-e5-mini-whatsapp{
  display:inline-flex;

  align-items:center;

  gap:8px;

  margin-top:5px;

  padding:8px 13px;

  border-radius:100px;

  color:#080808 !important;

  text-decoration:none !important;

  background:var(--e5-yellow);

  font-size:8.5px;

  font-weight:900;

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


.rk-e5-mini-whatsapp:hover{
  transform:translateY(-2px);

  box-shadow:
    0 8px 25px rgba(255,190,0,.22);
}


/* =========================================================
   LINK MENÚ
========================================================= */

.rk-e5-menu-link{
  display:inline-flex;

  align-items:center;

  gap:8px;

  margin-top:9px;

  padding-bottom:3px;

  color:var(--e5-yellow) !important;

  border-bottom:
    1px solid rgba(255,195,20,.45);

  text-decoration:none !important;

  font-size:9.5px;

  font-weight:850;

  transition:
    gap .3s ease,
    color .3s ease;
}


.rk-e5-menu-link:hover{
  gap:12px;

  color:#ffe16e !important;
}


/* =========================================================
   CTA FINAL
========================================================= */

.rk-e5-final{
  position:relative;

  max-width:1000px;

  margin:75px auto 0;

  overflow:hidden;

  padding:73px 50px;

  border-radius:30px;

  border:1px solid rgba(255,195,20,.45);

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,193,20,.14),
      transparent 43%
    ),
    linear-gradient(
      145deg,
      #17140b,
      #0d0d09 62%,
      #090907
    );

  box-shadow:
    0 35px 100px rgba(0,0,0,.35);

  text-align:center;
}


.rk-e5-final::after{
  content:"";

  position:absolute;

  inset:9px;

  border-radius:22px;

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

  pointer-events:none;
}


/* =========================================================
   GLOW CTA
========================================================= */

.rk-e5-final-glow{
  position:absolute;

  width:500px;
  height:220px;

  top:-180px;
  left:50%;

  transform:translateX(-50%);

  background:rgba(255,193,20,.22);

  filter:blur(80px);

  pointer-events:none;
}


/* =========================================================
   CONTENIDO CTA
========================================================= */

.rk-e5-final-content{
  position:relative;

  z-index:3;

  max-width:790px;

  margin:auto;
}


.rk-e5-final-kicker{
  display:block;

  margin-bottom:16px;

  color:var(--e5-yellow);

  font-size:8px;

  font-weight:900;

  letter-spacing:2px;
}


.rk-e5-final h3{
  margin:0 auto 20px;

  color:#fff;

  font-size:clamp(39px,5vw,60px);

  line-height:.98;

  letter-spacing:-2.5px;

  font-weight:950;
}


.rk-e5-final h3 span{
  display:block;

  color:var(--e5-yellow);
}


.rk-e5-final p{
  max-width:650px;

  margin:0 auto 30px;

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

  font-size:12.5px;

  line-height:1.7;
}


/* =========================================================
   BOTÓN FINAL
========================================================= */

.rk-e5-btn{
  position:relative;

  min-height:59px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:11px;

  padding:0 28px;

  overflow:hidden;

  border-radius:100px;

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

  color:#080808 !important;

  text-decoration:none !important;

  background:
    linear-gradient(
      110deg,
      #ffe377 0%,
      #ffc515 50%,
      #dfa100 100%
    );

  box-shadow:
    0 14px 40px rgba(255,185,0,.27),
    inset 0 1px 1px rgba(255,255,255,.8);

  font-size:13px;

  font-weight:900;

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


.rk-e5-btn::before{
  content:"";

  position:absolute;

  width:90px;
  height:160%;

  top:-30%;
  left:-120px;

  transform:rotate(20deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.55),
      transparent
    );

  transition:left .75s ease;
}


.rk-e5-btn:hover::before{
  left:110%;
}


.rk-e5-btn:hover{
  transform:translateY(-3px);

  box-shadow:
    0 19px 52px rgba(255,185,0,.40);
}


.rk-e5-btn span,
.rk-e5-btn b{
  position:relative;

  z-index:2;
}


.rk-e5-btn-icon{
  font-size:16px;
}


.rk-e5-btn b{
  font-size:20px;
}


.rk-e5-final small{
  display:block;

  margin-top:20px;

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

  font-size:8.5px;

  line-height:1.5;
}


/* =========================================================
   FOOTER
========================================================= */

.rk-e5-footer{
  position:relative;

  z-index:5;

  width:100%;

  padding:0 25px 26px;

  background:#050505;
}


.rk-e5-footer-line{
  width:min(1050px,100%);

  height:1px;

  margin:0 auto 22px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255,197,21,.18) 20%,
      rgba(255,197,21,.40) 50%,
      rgba(255,197,21,.18) 80%,
      transparent 100%
    );
}


.rk-e5-footer-inner{
  display:flex;

  align-items:center;

  justify-content:center;

  flex-wrap:wrap;

  gap:10px;

  text-align:center;
}


.rk-e5-footer-inner p{
  margin:0;

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

  font-size:8.5px;

  line-height:1.5;
}


.rk-e5-footer-dot{
  width:3px;
  height:3px;

  border-radius:50%;

  background:
    rgba(255,197,21,.55);
}


.rk-e5-footer-credit a{
  display:inline-flex;

  align-items:center;

  gap:5px;

  margin-left:3px;

  color:
    rgba(255,255,255,.62) !important;

  text-decoration:none !important;

  font-weight:750;

  transition:
    color .3s ease,
    gap .3s ease;
}


.rk-e5-footer-credit a span{
  color:var(--e5-yellow);

  font-size:9px;
}


.rk-e5-footer-credit a:hover{
  gap:8px;

  color:
    var(--e5-yellow) !important;
}


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

@media(max-width:950px){

  .rk-e5-container{
    width:min(900px,calc(100% - 40px));
  }

}


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

@media(max-width:680px){

  .rk-e5{
    padding:80px 0 0;
  }


  .rk-e5-container{
    width:calc(100% - 30px);

    padding-bottom:65px;
  }


  /* CABECERA */

  .rk-e5-heading{
    margin-bottom:42px;
  }


  .rk-e5-kicker{
    margin-bottom:12px;

    font-size:7.5px;

    letter-spacing:1.4px;
  }


  .rk-e5-heading h2{
    margin-bottom:15px;

    font-size:38px;

    line-height:.99;

    letter-spacing:-1.9px;
  }


  .rk-e5-heading p{
    font-size:11px;

    line-height:1.65;
  }


  /* FAQ */

  .rk-e5-item{
    margin-bottom:9px;

    border-radius:14px;
  }


  .rk-e5-item summary{
    min-height:68px;

    padding:12px 14px;
  }


  .rk-e5-question{
    gap:10px;
  }


  .rk-e5-number{
    width:27px;
    height:27px;

    flex-basis:27px;

    font-size:7px;
  }


  .rk-e5-question strong{
    font-size:10.5px;

    line-height:1.4;
  }


  .rk-e5-plus{
    width:28px;
    height:28px;

    flex-basis:28px;

    font-size:17px;
  }


  .rk-e5-answer{
    padding:
      0 17px 20px 51px;

    font-size:9.5px;

    line-height:1.65;
  }


  /* UBICACIÓN */

  .rk-e5-location-grid{
    grid-template-columns:1fr;

    gap:8px;
  }


  .rk-e5-info-box{
    padding:12px;

    gap:10px;
  }


  .rk-e5-info-icon{
    width:34px;
    height:34px;

    flex-basis:34px;

    font-size:13px;
  }


  .rk-e5-info-box small{
    font-size:6.5px;
  }


  .rk-e5-info-box strong{
    font-size:9.5px;
  }


  .rk-e5-info-box p{
    font-size:8px;
  }


  .rk-e5-mini-whatsapp{
    width:100%;

    justify-content:center;

    min-height:40px;

    font-size:8.5px;
  }


  .rk-e5-menu-link{
    font-size:9px;
  }


  /* CTA */

  .rk-e5-final{
    margin-top:55px;

    padding:52px 22px;

    border-radius:23px;
  }


  .rk-e5-final::after{
    inset:7px;

    border-radius:17px;
  }


  .rk-e5-final-kicker{
    font-size:7px;

    letter-spacing:1.5px;
  }


  .rk-e5-final h3{
    margin-bottom:17px;

    font-size:38px;

    line-height:.98;

    letter-spacing:-1.8px;
  }


  .rk-e5-final p{
    margin-bottom:25px;

    font-size:10.5px;

    line-height:1.65;
  }


  .rk-e5-btn{
    width:100%;

    min-height:55px;

    padding:0 15px;

    gap:8px;

    font-size:11px;
  }


  .rk-e5-final small{
    margin-top:17px;

    font-size:7.5px;
  }


  /* FOOTER */

  .rk-e5-footer{
    padding:
      0 18px 22px;
  }


  .rk-e5-footer-line{
    margin-bottom:18px;
  }


  .rk-e5-footer-inner{
    flex-direction:column;

    gap:5px;
  }


  .rk-e5-footer-dot{
    display:none;
  }


  .rk-e5-footer-inner p{
    font-size:7.5px;
  }

}/* End custom CSS */