.elementor-28 .elementor-element.elementor-element-5ada98f{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:40px;--margin-bottom:40px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-30adf73{--display:flex;--min-height:390px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-28 .elementor-element.elementor-element-8eeee23 img{border-radius:20px 20px 20px 20px;}.elementor-28 .elementor-element.elementor-element-af3fdfc img{border-radius:20px 20px 20px 20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-28 .elementor-element.elementor-element-477114f .elementor-button{background-color:#024F00;border-radius:40px 40px 40px 40px;padding:16px 32px 16px 32px;}.elementor-28 .elementor-element.elementor-element-3c8232d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0%;--padding-bottom:0%;--padding-left:20%;--padding-right:0%;}.elementor-28 .elementor-element.elementor-element-dce6f37{--e-image-carousel-slides-to-show:2;margin:0px -50px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-28 .elementor-element.elementor-element-dce6f37 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-28 .elementor-element.elementor-element-dce6f37 .elementor-swiper-button.elementor-swiper-button-next{font-size:25px;color:#535353;}.elementor-28 .elementor-element.elementor-element-dce6f37 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-28 .elementor-element.elementor-element-dce6f37 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#535353;}.elementor-28 .elementor-element.elementor-element-dce6f37 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}.elementor-28 .elementor-element.elementor-element-dce6f37 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-494447c .elementor-button{background-color:#084c04;border-radius:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-494447c .elementor-button:hover, .elementor-28 .elementor-element.elementor-element-494447c .elementor-button:focus{background-color:#a80404;}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-5ada98f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-5ada98f{--content-width:1400px;}.elementor-28 .elementor-element.elementor-element-30adf73{--content-width:520px;}}/* Start custom CSS for container, class: .elementor-element-5ada98f */.elementor-28 .elementor-element.elementor-element-5ada98f {
  min-height: 100vh;
  overflow: hidden;
}

/* Contenedor donde se mueven las dos portadas */
.elementor-28 .elementor-element.elementor-element-5ada98f .sma-portadas {
  position: relative;
  width: min(100%, 520px);
  height: 390px;
  overflow: visible;
}

/* Estilo general de las dos portadas */
.elementor-28 .elementor-element.elementor-element-5ada98f .sma-cover {
  position: absolute;
  top: 50%;
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  overflow: hidden;
  transition:
    width 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    left 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Para que la imagen rellene bien el marco */
.elementor-28 .elementor-element.elementor-element-5ada98f .sma-cover .elementor-widget-container {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.elementor-28 .elementor-element.elementor-element-5ada98f .sma-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Estado inicial: portada 1 grande en el centro */
.elementor-28 .elementor-element.elementor-element-5ada98f .sma-cover-1 {
  width: 360px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

/* Estado inicial: portada 2 pequeña a la derecha con hueco */
.elementor-28 .elementor-element.elementor-element-5ada98f .sma-cover-2 {
  width: 252px;
  left: calc(50% + 180px + 28px);
  transform: translate(0, -50%);
  z-index: 1;
}

/* Hover: portada 1 se reduce y se mueve a la izquierda con hueco */
.elementor-28 .elementor-element.elementor-element-5ada98f .sma-portadas:hover .sma-cover-1 {
  width: 252px;
  left: calc(50% - 180px - 28px);
  transform: translate(-100%, -50%);
  z-index: 1;
}

/* Hover: portada 2 crece y pasa al centro */
.elementor-28 .elementor-element.elementor-element-5ada98f .sma-portadas:hover .sma-cover-2 {
  width: 360px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

/* Botón */
.elementor-28 .elementor-element.elementor-element-5ada98f .elementor-button {
  background-color: #024f00;
  color: #ffffff;
  border-radius: 40px;
  padding: 16px 32px;
  font-size: 16px;
  line-height: 1;
}

.elementor-28 .elementor-element.elementor-element-5ada98f .elementor-button:hover {
  background-color: #024f00;
  color: #ffffff;
}

/* Ajuste para móvil */
@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-5ada98f .sma-portadas {
    width: 100%;
    height: 285px;
  }

  .elementor-28 .elementor-element.elementor-element-5ada98f .sma-cover-1 {
    width: 250px;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .elementor-28 .elementor-element.elementor-element-5ada98f .sma-cover-2 {
    width: 175px;
    left: calc(50% + 125px + 20px);
    transform: translate(0, -50%);
  }

  .elementor-28 .elementor-element.elementor-element-5ada98f .sma-portadas:hover .sma-cover-1 {
    width: 175px;
    left: calc(50% - 125px - 20px);
    transform: translate(-100%, -50%);
  }

  .elementor-28 .elementor-element.elementor-element-5ada98f .sma-portadas:hover .sma-cover-2 {
    width: 250px;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .elementor-28 .elementor-element.elementor-element-5ada98f .elementor-button {
    padding: 13px 28px;
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-28 {
    
}/* End custom CSS */