.elementor-4828 .elementor-element.elementor-element-324dde5 > .elementor-container{min-height:50vw;}.elementor-4828 .elementor-element.elementor-element-324dde5 .elementor-background-slideshow__slide__image{background-size:cover;background-position:top left;}.elementor-4828 .elementor-element.elementor-element-324dde5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-115px;margin-bottom:0px;padding:0px 100px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-324dde5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4828 .elementor-element.elementor-element-a1b9ddb > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), lufga extra bold;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4828 .elementor-element.elementor-element-3becf14 > .elementor-widget-container{margin:0px 0px 24px 0px;padding:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-3becf14.elementor-element{--order:-99999 /* order start hack */;}.elementor-4828 .elementor-element.elementor-element-3becf14{text-align:end;}.elementor-4828 .elementor-element.elementor-element-3becf14 .elementor-heading-title{font-family:"KOMET", lufga extra bold;font-size:2.6vw;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), lufga extra bold;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4828 .elementor-element.elementor-element-dcaa6d2{width:100%;max-width:100%;text-align:end;font-family:"KOMET", lufga extra bold;font-size:1.6vw;font-weight:500;line-height:2.3rem;color:#0E2A3F;}.elementor-4828 .elementor-element.elementor-element-dcaa6d2 > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-dcaa6d2.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-4828 .elementor-element.elementor-element-3bbb657:not(.elementor-motion-effects-element-type-background), .elementor-4828 .elementor-element.elementor-element-3bbb657 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E1E1;background-image:url("https://paissana.com.co/wp-content/uploads/2026/05/Banner-Fondo-Productores.webp");background-position:top center;background-repeat:no-repeat;}.elementor-4828 .elementor-element.elementor-element-3bbb657 > .elementor-container{min-height:450px;}.elementor-4828 .elementor-element.elementor-element-3bbb657{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4828 .elementor-element.elementor-element-3bbb657 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4828 .elementor-element.elementor-element-457bf4e > .elementor-element-populated, .elementor-4828 .elementor-element.elementor-element-457bf4e > .elementor-element-populated > .elementor-background-overlay, .elementor-4828 .elementor-element.elementor-element-457bf4e > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-457bf4e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 0px 150px 0px;}.elementor-4828 .elementor-element.elementor-element-457bf4e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4828 .elementor-element.elementor-element-38967ab{--display:flex;--margin-top:-5%;--margin-bottom:0%;--margin-left:15%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4828 .elementor-element.elementor-element-c5ad5d9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-c5ad5d9 .elementor-heading-title{font-family:"KOMET", lufga extra bold;font-size:38px;font-weight:600;line-height:43px;letter-spacing:0.3px;color:var( --e-global-color-secondary );}.elementor-4828 .elementor-element.elementor-element-767f10f > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), lufga extra bold;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4828 .elementor-element.elementor-element-91d50c1 .elementor-button{background-color:var( --e-global-color-primary );font-family:"KOMET", lufga extra bold;font-size:19px;font-weight:700;font-style:normal;text-decoration:none;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:25px 25px 25px 25px;padding:4px 15px 6px 15px;}.elementor-4828 .elementor-element.elementor-element-91d50c1 .elementor-button:hover, .elementor-4828 .elementor-element.elementor-element-91d50c1 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:#FFFFFF;}.elementor-4828 .elementor-element.elementor-element-91d50c1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-91d50c1 .elementor-button:hover svg, .elementor-4828 .elementor-element.elementor-element-91d50c1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), lufga extra bold;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4828 .elementor-element.elementor-element-36fb9e1 > .elementor-element-populated, .elementor-4828 .elementor-element.elementor-element-36fb9e1 > .elementor-element-populated > .elementor-background-overlay, .elementor-4828 .elementor-element.elementor-element-36fb9e1 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-36fb9e1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 0px 150px 0px;}.elementor-4828 .elementor-element.elementor-element-36fb9e1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4828 .elementor-element.elementor-element-de799e4{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-4828 .elementor-element.elementor-element-de799e4.e-con{--order:-99999 /* order start hack */;}.elementor-4828 .elementor-element.elementor-element-ab2a557 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-ab2a557{text-align:start;}.elementor-4828 .elementor-element.elementor-element-ab2a557 .elementor-heading-title{font-family:"KOMET", lufga extra bold;font-size:38px;font-weight:600;line-height:43px;color:#FDFDFD;}.elementor-4828 .elementor-element.elementor-element-b5494b5 > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-4828 .elementor-element.elementor-element-f4d2da0 .elementor-button{background-color:#FFFFFF;font-family:"KOMET", lufga extra bold;font-size:19px;font-weight:700;font-style:normal;text-decoration:none;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:25px 25px 25px 25px;padding:4px 15px 6px 15px;}.elementor-4828 .elementor-element.elementor-element-f4d2da0 .elementor-button:hover, .elementor-4828 .elementor-element.elementor-element-f4d2da0 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-4828 .elementor-element.elementor-element-f4d2da0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-f4d2da0 .elementor-button:hover svg, .elementor-4828 .elementor-element.elementor-element-f4d2da0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-4828 .elementor-element.elementor-element-67b961a > .elementor-element-populated, .elementor-4828 .elementor-element.elementor-element-67b961a > .elementor-element-populated > .elementor-background-overlay, .elementor-4828 .elementor-element.elementor-element-67b961a > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-67b961a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-67b961a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4828 .elementor-element.elementor-element-54ea06d{--display:flex;--min-height:1500px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:-9vw;--margin-bottom:-12vw;--margin-left:0vw;--margin-right:0vw;--z-index:10;}.elementor-4828 .elementor-element.elementor-element-54ea06d::before, .elementor-4828 .elementor-element.elementor-element-54ea06d > .elementor-background-video-container::before, .elementor-4828 .elementor-element.elementor-element-54ea06d > .e-con-inner > .elementor-background-video-container::before, .elementor-4828 .elementor-element.elementor-element-54ea06d > .elementor-background-slideshow::before, .elementor-4828 .elementor-element.elementor-element-54ea06d > .e-con-inner > .elementor-background-slideshow::before, .elementor-4828 .elementor-element.elementor-element-54ea06d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://paissana.com.co/wp-content/uploads/2026/06/Mano-Paissana3.webp");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-4828 .elementor-element.elementor-element-189d94b{--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;--justify-content:center;--margin-top:0%;--margin-bottom:0%;--margin-left:10%;--margin-right:0%;}.elementor-4828 .elementor-element.elementor-element-189d94b.e-con{--align-self:stretch;}.elementor-4828 .elementor-element.elementor-element-9bb2126 > .elementor-widget-container{margin:0rem 9rem 0rem 0rem;}.elementor-4828 .elementor-element.elementor-element-9bb2126{font-family:"KOMET", lufga extra bold;font-size:23px;font-weight:500;line-height:27px;letter-spacing:-0.3px;color:#0E2A3F;}.elementor-4828 .elementor-element.elementor-element-a04b258{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--align-items:start;--margin-top:-4%;--margin-bottom:0%;--margin-left:-3%;--margin-right:0%;}.elementor-4828 .elementor-element.elementor-element-a04b258.e-con{--align-self:flex-start;}.elementor-4828 .elementor-element.elementor-element-c6062e3{--display:flex;--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:flex-start;--align-items:flex-start;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-4828 .elementor-element.elementor-element-c6062e3.e-con{--order:-99999 /* order start hack */;}.elementor-4828 .elementor-element.elementor-element-3ea8c07{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:-20px;--margin-right:0px;}.elementor-4828 .elementor-element.elementor-element-919b75e .elementor-button{background-color:var( --e-global-color-accent );font-family:"KOMET", lufga extra bold;font-size:25px;font-weight:700;text-decoration:none;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:25px 25px 25px 25px;padding:12px 25px 12px 25px;}.elementor-4828 .elementor-element.elementor-element-919b75e .elementor-button:hover, .elementor-4828 .elementor-element.elementor-element-919b75e .elementor-button:focus{background-color:var( --e-global-color-secondary );color:#FFFFFF;}.elementor-4828 .elementor-element.elementor-element-919b75e > .elementor-widget-container{margin:0px 20px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-919b75e .elementor-button:hover svg, .elementor-4828 .elementor-element.elementor-element-919b75e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-4828 .elementor-element.elementor-element-6f638a8 .elementor-button{background-color:var( --e-global-color-77fcd65 );font-family:"KOMET", lufga extra bold;font-size:25px;font-weight:700;text-decoration:none;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:25px 25px 25px 25px;padding:12px 25px 12px 25px;}.elementor-4828 .elementor-element.elementor-element-6f638a8 .elementor-button:hover, .elementor-4828 .elementor-element.elementor-element-6f638a8 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:#FFFFFF;}.elementor-4828 .elementor-element.elementor-element-6f638a8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-6f638a8 .elementor-button:hover svg, .elementor-4828 .elementor-element.elementor-element-6f638a8 .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{bottom:20px;right:35px;width:100px;height:100px;z-index:9999;opacity:1;border-radius:0px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button i{font-size:54px;color:#ffffff;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button svg{width:54px;height:54px;fill:#ffffff;}@media(min-width:768px){.elementor-4828 .elementor-element.elementor-element-de799e4{--content-width:500px;}.elementor-4828 .elementor-element.elementor-element-189d94b{--width:50vw;}.elementor-4828 .elementor-element.elementor-element-c6062e3{--width:100%;}.elementor-4828 .elementor-element.elementor-element-3ea8c07{--width:100vw;}}@media(max-width:1024px){.elementor-4828 .elementor-element.elementor-element-a1b9ddb > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-3becf14 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-3becf14 .elementor-heading-title{font-size:1.6rem;}.elementor-4828 .elementor-element.elementor-element-dcaa6d2 > .elementor-widget-container{margin:1px 0px 0px 0px;}.elementor-4828 .elementor-element.elementor-element-dcaa6d2{line-height:1.5rem;}.elementor-4828 .elementor-element.elementor-element-a04b258{--grid-auto-flow:row;}.elementor-4828 .elementor-element.elementor-element-c6062e3{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4828 .elementor-element.elementor-element-3ea8c07{--min-height:0px;--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;}.elementor-4828 .elementor-element.elementor-element-919b75e > .elementor-widget-container{margin:0px 25px 20px 0px;}}@media(max-width:767px){.elementor-4828 .elementor-element.elementor-element-a1b9ddb > .elementor-element-populated{margin:0px 0px 0px 61px;--e-column-margin-right:0px;--e-column-margin-left:61px;}.elementor-4828 .elementor-element.elementor-element-3becf14{text-align:end;}.elementor-4828 .elementor-element.elementor-element-3becf14 .elementor-heading-title{font-size:35px;}.elementor-4828 .elementor-element.elementor-element-a04b258{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(max-width:1024px) and (min-width:768px){.elementor-4828 .elementor-element.elementor-element-a1b9ddb{width:50%;}}/* Start custom CSS for heading, class: .elementor-element-3becf14 */.elementor-4828 .elementor-element.elementor-element-3becf14 .elementor-heading-title {
  font-size: clamp(2rem, 3.6vw, 3.5rem);
  line-height: 1.05;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-324dde5 */.elementor-4828 .elementor-element.elementor-element-324dde5 .elementor-background-slideshow__slide__image {
  transform: translate(-15%, 10%) !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  background-size: cover !important;
  background-position: top center !important;
}

.elementor-4828 .elementor-element.elementor-element-324dde5 {
  background-color: #ffffff;
  overflow: hidden;
}

/* Imagen del slideshow */
.elementor-4828 .elementor-element.elementor-element-324dde5 .elementor-background-slideshow__slide__image {

  /* Difuminado real del borde derecho */
  -webkit-mask-image: linear-gradient(
    to right,
    black 0%,
    black 18%,
    rgba(0, 0, 0, 0.7) 48%,
    rgba(0, 0, 0, 0.3) 68%,
    transparent 100%
  );

  mask-image: linear-gradient(
    to right,
    black 5%,
    black 5%,
    rgba(0, 0, 0, 0.7) 48%,
    rgba(0, 0, 0, 0.3) 68%,
    transparent 90%
  );
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3bbb657 *//* =========================
   PAISSANA HOVER SECTION
   DESKTOP / PORTÁTIL
========================= */

@media (min-width: 1025px) {

  .elementor-4828 .elementor-element.elementor-element-3bbb657 {
    position: relative;
    overflow: hidden;
    min-height: var(--pss-section-height);
  }

  /* =========================
     VARIABLES GENERALES
  ========================= */

  .elementor-4828 .elementor-element.elementor-element-3bbb657 {
    --pss-section-height: clamp(460px, 44vw, 640px);

    /* Curvas */
    --curve-width-normal: 92%;
    --curve-height: 145%;
    --curve-position-normal: -38%;
    --curve-position-hover: -18%;
    --curve-width-hover: 120%;

    /* Granjero */
    --farmer-size: clamp(320px, 30vw, 520px);
    --farmer-left-normal: 5%;
    --farmer-left-hover: 46%;
    --farmer-top: 50%;

    /* Estrella */
    --star-size: clamp(320px, 30vw, 520px);
    --star-right-normal: 5%;
    --star-right-hover: 46%;
    --star-top: 50%;

    /* Textos */
    --info-width-left: 300px;
    --info-width-right: 300px;

    /* Logo central como capa */
    --logo-width: clamp(1200px, 60vw, 1250px);
    --logo-height: clamp(450px, 30vw, 800px);

    --logo-left-normal: 50%;
    --logo-left-when-left-active: 70%;
    --logo-left-when-right-active: 24%;

    --logo-normal-url: url("https://paissana.com.co/wp-content/uploads/2026/05/Haz-parte-01.webp");
    --logo-left-url: url("https://paissana.com.co/wp-content/uploads/2026/05/Haz-parte-02.webp");
    --logo-right-url: url("https://paissana.com.co/wp-content/uploads/2026/05/Haz-parte-03.webp");

    /* Color */
    --blue-bg: #062244;
  }

  /* =========================
     BASE GENERAL
  ========================= */

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-panel {
    position: relative;
    overflow: visible;
    cursor: pointer;
    min-height: var(--pss-section-height);
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-left,
  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right {
    position: relative;
    overflow: visible !important;
    min-height: var(--pss-section-height);

    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }

  /* Caja de información oculta */
  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-info {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
      opacity 0.45s ease,
      transform 0.45s ease,
      visibility 0.45s ease;

    will-change: opacity, transform;
  }

  /* =========================
     TEXTO IZQUIERDO
  ========================= */

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-left .pss-info {
    position: relative;
    z-index: 40 !important;

    width: var(--info-width-left);
    min-width: var(--info-width-left);
    max-width: var(--info-width-left);

    transform: translateX(-50px);
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-left:hover .pss-info {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translateX(0);
  }

  /* =========================
     TEXTO DERECHO
  ========================= */

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right .pss-info {
    position: absolute;
    top: 50%;
    right: 8%;

    width: var(--info-width-right);
    min-width: var(--info-width-right);
    max-width: var(--info-width-right);

    z-index: 40 !important;

    transform: translate(50px, -50%);
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right:hover .pss-info {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translate(0, -50%);
  }

  /* =========================
     CURVA IZQUIERDA BLANCA
  ========================= */

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-left::before {
    content: "";
    position: absolute;

    top: 50%;
    left: var(--curve-position-normal);

    width: var(--curve-width-normal);
    height: var(--curve-height);

    background: #ffffff;

    border-radius: 0 50% 50% 0;

    transform: translateY(-50%);

    z-index: 1 !important;
    pointer-events: none;

    transition:
      left 0.55s ease,
      right 0.55s ease,
      width 0.55s ease,
      transform 0.55s ease,
      opacity 0.55s ease;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-left:hover::before {
    left: var(--curve-position-hover);
    width: var(--curve-width-hover);
    transform: translateY(-50%);
    opacity: 1;
  }

  /* =========================
     CURVA DERECHA AZUL
  ========================= */

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right::before {
    content: "";
    position: absolute;

    top: 50%;
    right: var(--curve-position-normal);

    width: var(--curve-width-normal);
    height: var(--curve-height);

    background: var(--blue-bg);

    border-radius: 50% 0 0 50%;

    transform: translateY(-50%);

    z-index: 1 !important;
    pointer-events: none;

    transition:
      left 0.55s ease,
      right 0.55s ease,
      width 0.55s ease,
      transform 0.55s ease,
      opacity 0.55s ease;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right:hover::before {
    right: var(--curve-position-hover);
    width: var(--curve-width-hover);
    transform: translateY(-50%);
    opacity: 1;
  }

  /* =========================
     GRANJERO
  ========================= */

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-left .pss-farmer {
    position: absolute !important;

    left: var(--farmer-left-normal);
    top: var(--farmer-top);

    width: var(--farmer-size);
    max-width: var(--farmer-size);

    transform: translateY(-50%);

    z-index: 30 !important;

    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;

    pointer-events: none;

    transition:
      left 0.55s ease,
      transform 0.55s ease,
      opacity 0.55s ease;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-left:hover .pss-farmer {
    left: var(--farmer-left-hover);

    width: var(--farmer-size);
    max-width: var(--farmer-size);

    transform: translateY(-50%);
    opacity: 1 !important;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-left .pss-farmer img {
    display: block !important;

    width: 100%;
    height: auto;

    position: relative;
    z-index: 30 !important;

    opacity: 1 !important;
    visibility: visible !important;
  }

  /* =========================
     ESTRELLA
  ========================= */

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right .pss-star {
    position: absolute !important;

    right: var(--star-right-normal);
    top: var(--star-top);

    width: var(--star-size);
    max-width: var(--star-size);

    transform: translateY(-50%);

    z-index: 30 !important;

    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;

    pointer-events: none;

    transition:
      right 0.55s ease,
      transform 0.55s ease,
      opacity 0.55s ease;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right:hover .pss-star {
    right: var(--star-right-hover);

    width: var(--star-size);
    max-width: var(--star-size);

    transform: translateY(-50%);
    opacity: 1 !important;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right .pss-star img {
    display: block !important;

    width: 100%;
    height: auto;

    position: relative;
    z-index: 30 !important;

    opacity: 1 !important;
    visibility: visible !important;
  }

  /* =========================
     LOGO CENTRAL COMO CAPA
     No usa widget ni contenedor
  ========================= */

  .elementor-4828 .elementor-element.elementor-element-3bbb657::after {
    content: "";
    position: absolute;

    left: var(--logo-left-normal);
    top: 50%;

    width: var(--logo-width);
    height: var(--logo-height);

    transform: translate(-50%, -50%);

    background-image: var(--logo-normal-url);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;

    z-index: 90;

    /* Zona muerta central */
    pointer-events: auto;

    transition:
      left 0.55s ease,
      width 0.35s ease,
      height 0.35s ease,
      transform 0.55s ease,
      background-image 0.2s ease;
  }

  /* Cuando abre el panel izquierdo */
  .elementor-4828 .elementor-element.elementor-element-3bbb657:has(.pss-left:hover)::after {
    left: var(--logo-left-when-left-active);
    background-image: var(--logo-left-url);
    transform: translate(-50%, -50%);
  }

  /* Cuando abre el panel derecho */
  .elementor-4828 .elementor-element.elementor-element-3bbb657:has(.pss-right:hover)::after {
    left: var(--logo-left-when-right-active);
    background-image: var(--logo-right-url);
    transform: translate(-50%, -50%);
  }

  /* =========================
     OCULTAR PANEL OPUESTO EN HOVER
  ========================= */

  /* Cuando el panel derecho abre,
     la curva blanca y el granjero se van hacia la izquierda */
  .elementor-4828 .elementor-element.elementor-element-3bbb657:has(.pss-right:hover) .pss-left::before {
    transform: translateY(-50%) translateX(-120%) !important;
    opacity: 0 !important;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657:has(.pss-right:hover) .pss-left .pss-farmer {
    transform: translateY(-50%) translateX(-120%) !important;
    opacity: 0 !important;
  }

  /* Cuando el panel izquierdo abre,
     la curva azul y la estrella se van hacia la derecha */
  .elementor-4828 .elementor-element.elementor-element-3bbb657:has(.pss-left:hover) .pss-right::before {
    transform: translateY(-50%) translateX(120%) !important;
    opacity: 0 !important;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657:has(.pss-left:hover) .pss-right .pss-star {
    transform: translateY(-50%) translateX(120%) !important;
    opacity: 0 !important;
  }

  /* Evita que el elemento activo se oculte a sí mismo */
  .elementor-4828 .elementor-element.elementor-element-3bbb657:has(.pss-left:hover) .pss-left::before {
    transform: translateY(-50%) !important;
    opacity: 1 !important;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657:has(.pss-left:hover) .pss-left .pss-farmer {
    transform: translateY(-50%) !important;
    opacity: 1 !important;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657:has(.pss-right:hover) .pss-right::before {
    transform: translateY(-50%) !important;
    opacity: 1 !important;
  }

  .elementor-4828 .elementor-element.elementor-element-3bbb657:has(.pss-right:hover) .pss-right .pss-star {
    transform: translateY(-50%) !important;
    opacity: 1 !important;
  }

  /* =========================
     DESKTOP MEDIO
     1367px - 1600px
  ========================= */

  @media (min-width: 1367px) and (max-width: 1600px) {

    .elementor-4828 .elementor-element.elementor-element-3bbb657 {
      --pss-section-height: clamp(440px, 40vw, 580px);

      --curve-width-normal: 94%;
      --curve-height: 145%;
      --curve-position-normal: -40%;
      --curve-position-hover: -18%;
      --curve-width-hover: 122%;

      --farmer-size: clamp(320px, 27vw, 460px);
      --farmer-left-normal: 5%;
      --farmer-left-hover: 48%;

      --star-size: clamp(320px, 27vw, 460px);
      --star-right-normal: 5%;
      --star-right-hover: 48%;

      --info-width-left: 300px;
      --info-width-right: 300px;

      /* Logo más grande y estable */
      --logo-width: clamp(860px, 43vw, 1000px);
      --logo-height: clamp(430px, 20vw, 520px);
      --logo-left-when-left-active: 71%;
      --logo-left-when-right-active: 20%;
    }
  }

  /* =========================
     PORTÁTIL / DESKTOP PEQUEÑO
     1025px - 1366px
  ========================= */

  @media (max-width: 1366px) {

    .elementor-4828 .elementor-element.elementor-element-3bbb657 {
      --pss-section-height: clamp(360px, 38vw, 480px);

      --curve-width-normal: 98%;
      --curve-height: 150%;
      --curve-position-normal: -42%;
      --curve-position-hover: -20%;
      --curve-width-hover: 126%;

      --farmer-size: clamp(240px, 24vw, 340px);
      --farmer-left-normal: 13%;
      --farmer-left-hover: 62%;

      --star-size: clamp(240px, 24vw, 340px);
      --star-right-normal: 13%;
      --star-right-hover: 62%;

      --info-width-left: 280px;
      --info-width-right: 280px;

      /* Logo más grande y con poca variación */
      --logo-width: clamp(750px, 42vw, 870px);
      --logo-height: clamp(350px, 19vw, 420px);
      --logo-left-when-left-active: 78%;
      --logo-left-when-right-active: 10%;
    }

    .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-left .pss-info,
    .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right .pss-info {
      font-size: 0.92em;
      line-height: 1.18;
    }

    .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right .pss-info {
      right: 6%;
    }
  }

  /* =========================
     PORTÁTIL MUY ESTRECHO
     1025px - 1180px
  ========================= */

  @media (min-width: 1025px) and (max-width: 1180px) {

    .elementor-4828 .elementor-element.elementor-element-3bbb657 {
      --pss-section-height: clamp(340px, 36vw, 440px);

      --curve-width-normal: 104%;
      --curve-height: 155%;
      --curve-position-normal: -46%;
      --curve-position-hover: -22%;
      --curve-width-hover: 132%;

      --farmer-size: clamp(210px, 22vw, 290px);
      --farmer-left-normal: 15%;
      --farmer-left-hover: 68%;

      --star-size: clamp(210px, 22vw, 290px);
      --star-right-normal: 15%;
      --star-right-hover: 68%;

      --info-width-left: 260px;
      --info-width-right: 260px;

      /* Logo sigue grande en portátil estrecho */
      --logo-width: clamp(650px, 40vw, 750px);
      --logo-height: clamp(300px, 18vw, 380px);
      --logo-left-when-left-active: 78%;
      --logo-left-when-right-active: 10%;
    }

    .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-left .pss-info,
    .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right .pss-info {
      font-size: 0.86em;
      line-height: 1.15;
    }

    .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-right .pss-info {
      right: 5%;
    }
  }
}



/* =========================
   TABLET Y MÓVIL
   Desarrollo aparte
========================= */

@media (max-width: 1024px) {
  .elementor-4828 .elementor-element.elementor-element-3bbb657 .pss-info {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'KOMET';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://paissana.com.co/wp-content/uploads/2026/05/Komet_Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'KOMET';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://paissana.com.co/wp-content/uploads/2026/05/Komet_Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'KOMET';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://paissana.com.co/wp-content/uploads/2026/05/Komet_Light.ttf') format('truetype');
}
@font-face {
	font-family: 'KOMET';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://paissana.com.co/wp-content/uploads/2026/05/Komet_Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'KOMET';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://paissana.com.co/wp-content/uploads/2026/05/Komet_Heavy.ttf') format('truetype');
}
@font-face {
	font-family: 'KOMET';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://paissana.com.co/wp-content/uploads/2026/05/Komet_Heavy_SC.ttf') format('truetype');
}
@font-face {
	font-family: 'KOMET';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://paissana.com.co/wp-content/uploads/2026/05/Komet_Bold_SC.ttf') format('truetype');
}
@font-face {
	font-family: 'KOMET';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://paissana.com.co/wp-content/uploads/2026/05/Komet_Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */