/* ==========================================================
   GRUPO EMPRESARIAL KAMANA
   ECOGRANJAS PUBLIC V1

   El hero NO se modifica.
   ========================================================== */


/* ==========================================================
   MAIN
   ========================================================== */

body[data-page="ecogranja"]
.ecofarms-public {
    position: relative;
    isolation: isolate;

    padding:
        78px 0
        110px;

    overflow: hidden;

    color: #fff;

    background:
        transparent;
}


body[data-page="ecogranja"]
.ecofarms-public::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 5% 12%,
            rgba(239,15,116,.08),
            transparent 28%
        ),
        radial-gradient(
            circle at 94% 36%,
            rgba(8,121,216,.09),
            transparent 30%
        );
}


/* ==========================================================
   INTRO
   ========================================================== */

body[data-page="ecogranja"]
.ecofarms-intro {
    display: grid;

    grid-template-columns:
        minmax(0,.82fr)
        minmax(360px,.72fr);

    gap: 80px;

    align-items: end;

    width:
        min(
            1260px,
            calc(100% - 48px)
        );

    margin:
        0 auto 58px;

    padding:
        0 0 42px;

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


body[data-page="ecogranja"]
.ecofarms-intro .eyebrow {
    margin:
        0 0 14px;

    color:
        #ffbd0a;
}


body[data-page="ecogranja"]
.ecofarms-intro h2 {
    max-width:
        760px;

    margin:
        0;

    color:
        #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            3.1rem,
            5.8vw,
            6.2rem
        );

    line-height:
        .93;

    letter-spacing:
        -.05em;
}


body[data-page="ecogranja"]
.ecofarms-intro-copy {
    margin:
        0;

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

    font-size:
        1rem;

    line-height:
        1.8;
}


/* ==========================================================
   STATUS / EMPTY / ERROR
   ========================================================== */

body[data-page="ecogranja"]
.ecofarms-status {
    width:
        min(
            1260px,
            calc(100% - 48px)
        );

    margin:
        0 auto;
}


body[data-page="ecogranja"]
.ecofarms-empty {
    display: grid;

    min-height:
        330px;

    place-items:
        center;

    padding:
        50px;

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

    background:
        linear-gradient(
            135deg,
            rgba(11,15,20,.95),
            rgba(7,10,14,.88)
        );

    text-align:
        center;
}


body[data-page="ecogranja"]
.ecofarms-empty-inner {
    max-width:
        620px;
}


body[data-page="ecogranja"]
.ecofarms-empty span {
    display:
        inline-block;

    margin-bottom:
        15px;

    color:
        #ffbd0a;

    font-size:
        .68rem;

    font-weight:
        800;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;
}


body[data-page="ecogranja"]
.ecofarms-empty h3 {
    margin:
        0 0 14px;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            2.3rem,
            4vw,
            4rem
        );

    line-height:
        1;
}


body[data-page="ecogranja"]
.ecofarms-empty p {
    margin:
        0;

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

    line-height:
        1.7;
}


/* ==========================================================
   LISTADO
   ========================================================== */

body[data-page="ecogranja"]
.ecofarms-list {
    display: grid;

    width:
        min(
            1260px,
            calc(100% - 48px)
        );

    margin:
        0 auto;

    gap:
        38px;
}


/* ==========================================================
   FINCA
   ========================================================== */

body[data-page="ecogranja"]
.ecofarm-card {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(420px,.85fr);

    min-height:
        620px;

    overflow: hidden;

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

    background:
        linear-gradient(
            135deg,
            rgba(10,13,18,.98),
            rgba(7,10,14,.94)
        );

    box-shadow:
        0 28px 80px
        rgba(0,0,0,.24);
}


body[data-page="ecogranja"]
.ecofarm-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    z-index: 5;

    width: 100%;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            #ef0f74 0%,
            #ffbd0a 50%,
            #0879d8 100%
        );
}


body[data-page="ecogranja"]
.ecofarm-card.is-reverse {
    grid-template-columns:
        minmax(420px,.85fr)
        minmax(0,1.15fr);
}


body[data-page="ecogranja"]
.ecofarm-card.is-reverse
.ecofarm-gallery {
    order: 2;
}


body[data-page="ecogranja"]
.ecofarm-card.is-reverse
.ecofarm-content {
    order: 1;

    border-left: 0;

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


/* ==========================================================
   CARRUSEL
   ========================================================== */

body[data-page="ecogranja"]
.ecofarm-gallery {
    position: relative;

    min-width: 0;
    min-height: 620px;

    overflow: hidden;

    background:
        #080b0f;
}


body[data-page="ecogranja"]
.ecofarm-carousel {
    position: absolute;

    inset: 0;

    overflow: hidden;

    outline: none;
}


body[data-page="ecogranja"]
.ecofarm-slide {
    position: absolute;

    inset: 0;

    opacity: 0;

    pointer-events: none;

    transition:
        opacity .42s ease;
}


body[data-page="ecogranja"]
.ecofarm-slide.is-active {
    opacity: 1;

    pointer-events: auto;
}


body[data-page="ecogranja"]
.ecofarm-slide img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transform:
        scale(1.01);

    transition:
        transform 5s ease;
}


body[data-page="ecogranja"]
.ecofarm-slide.is-active img {
    transform:
        scale(1.045);
}


body[data-page="ecogranja"]
.ecofarm-carousel::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 3;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(4,7,10,.05) 35%,
            rgba(4,7,10,.70) 100%
        );
}


body[data-page="ecogranja"]
.ecofarm-carousel-nav {
    position: absolute;

    z-index: 6;

    top: 50%;

    display: grid;

    width: 46px;
    height: 46px;

    place-items: center;

    margin-top:
        -23px;

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

    border-radius:
        50%;

    background:
        rgba(5,8,12,.64);

    color:
        #fff;

    cursor: pointer;

    backdrop-filter:
        blur(10px);

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


body[data-page="ecogranja"]
.ecofarm-carousel-nav:hover {
    border-color:
        #ef0f74;

    background:
        #ef0f74;

    transform:
        scale(1.04);
}


body[data-page="ecogranja"]
.ecofarm-carousel-prev {
    left: 20px;
}


body[data-page="ecogranja"]
.ecofarm-carousel-next {
    right: 20px;
}


body[data-page="ecogranja"]
.ecofarm-carousel-nav svg {
    width: 19px;
    height: 19px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;
}


body[data-page="ecogranja"]
.ecofarm-carousel-bottom {
    position: absolute;

    z-index: 7;

    right: 24px;
    bottom: 22px;
    left: 24px;

    display: flex;

    gap: 18px;

    align-items: center;

    justify-content:
        space-between;
}


body[data-page="ecogranja"]
.ecofarm-carousel-dots {
    display: flex;

    gap: 7px;

    align-items: center;
}


body[data-page="ecogranja"]
.ecofarm-carousel-dot {
    width: 7px;
    height: 7px;

    padding: 0;

    border: 0;

    border-radius:
        999px;

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

    cursor: pointer;

    transition:
        width .2s ease,
        background .2s ease;
}


body[data-page="ecogranja"]
.ecofarm-carousel-dot.is-active {
    width: 26px;

    background:
        #ffbd0a;
}


body[data-page="ecogranja"]
.ecofarm-carousel-counter {
    color:
        rgba(255,255,255,.82);

    font-size:
        .72rem;

    font-weight:
        700;

    letter-spacing:
        .10em;
}


body[data-page="ecogranja"]
.ecofarm-caption {
    position: absolute;

    z-index: 7;

    right: 24px;
    bottom: 54px;
    left: 24px;

    max-width:
        560px;

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

    font-size:
        .76rem;

    line-height:
        1.5;
}


body[data-page="ecogranja"]
.ecofarm-gallery-placeholder {
    display: grid;

    width: 100%;
    height: 100%;

    min-height: 620px;

    place-items: center;

    padding:
        40px;

    background:
        radial-gradient(
            circle at 30% 30%,
            rgba(239,15,116,.13),
            transparent 32%
        ),
        radial-gradient(
            circle at 76% 65%,
            rgba(8,121,216,.15),
            transparent 35%
        ),
        #090c10;

    text-align:
        center;
}


body[data-page="ecogranja"]
.ecofarm-gallery-placeholder strong {
    display: block;

    margin-bottom:
        8px;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        2rem;
}


body[data-page="ecogranja"]
.ecofarm-gallery-placeholder span {
    color:
        rgba(255,255,255,.50);

    font-size:
        .8rem;
}


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

body[data-page="ecogranja"]
.ecofarm-content {
    position: relative;

    display: flex;

    min-width: 0;

    padding:
        52px 46px;

    flex-direction:
        column;

    border-left:
        1px solid
        rgba(255,255,255,.08);
}


body[data-page="ecogranja"]
.ecofarm-index {
    display: flex;

    gap: 14px;

    align-items: center;

    margin-bottom:
        22px;

    color:
        #ffbd0a;

    font-size:
        .66rem;

    font-weight:
        800;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;
}


body[data-page="ecogranja"]
.ecofarm-index::after {
    content: "";

    width: 54px;
    height: 1px;

    background:
        #ef0f74;
}


body[data-page="ecogranja"]
.ecofarm-content h3 {
    margin:
        0 0 15px;

    color:
        #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            2.5rem,
            4vw,
            4.4rem
        );

    line-height:
        .94;

    letter-spacing:
        -.045em;
}


body[data-page="ecogranja"]
.ecofarm-location {
    margin:
        0 0 24px;

    color:
        #ef0f74;

    font-size:
        .72rem;

    font-weight:
        800;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}


body[data-page="ecogranja"]
.ecofarm-lead {
    margin:
        0 0 22px;

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

    font-size:
        .96rem;

    line-height:
        1.75;
}


body[data-page="ecogranja"]
.ecofarm-description {
    margin:
        0 0 26px;

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

    font-size:
        .87rem;

    line-height:
        1.72;

    white-space:
        pre-line;
}


/* ==========================================================
   FICHA TECNICA
   ========================================================== */

body[data-page="ecogranja"]
.ecofarm-facts {
    display: grid;

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

    margin:
        0 0 24px;

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

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


body[data-page="ecogranja"]
.ecofarm-fact {
    min-width: 0;

    padding:
        15px 16px;

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

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

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


body[data-page="ecogranja"]
.ecofarm-fact span {
    display: block;

    margin-bottom:
        6px;

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

    font-size:
        .58rem;

    font-weight:
        800;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;
}


body[data-page="ecogranja"]
.ecofarm-fact strong {
    display: block;

    overflow-wrap: anywhere;

    color:
        #fff;

    font-size:
        .91rem;

    line-height:
        1.35;
}


/* ==========================================================
   VARIEDADES
   ========================================================== */

body[data-page="ecogranja"]
.ecofarm-varieties {
    margin:
        0 0 25px;
}


body[data-page="ecogranja"]
.ecofarm-varieties > span {
    display: block;

    margin-bottom:
        10px;

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

    font-size:
        .59rem;

    font-weight:
        800;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;
}


body[data-page="ecogranja"]
.ecofarm-variety-list {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;
}


body[data-page="ecogranja"]
.ecofarm-variety-list span {
    padding:
        7px 10px;

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

    border-radius:
        999px;

    background:
        rgba(255,189,10,.055);

    color:
        #ffbd0a;

    font-size:
        .68rem;

    font-weight:
        700;
}


/* ==========================================================
   CONSERVACION
   ========================================================== */

body[data-page="ecogranja"]
.ecofarm-conservation {
    margin-top:
        auto;

    padding:
        18px 20px;

    border-left:
        2px solid
        #0879d8;

    background:
        rgba(8,121,216,.055);
}


body[data-page="ecogranja"]
.ecofarm-conservation span {
    display: block;

    margin-bottom:
        7px;

    color:
        #58aef1;

    font-size:
        .59rem;

    font-weight:
        800;

    letter-spacing:
        .11em;

    text-transform:
        uppercase;
}


body[data-page="ecogranja"]
.ecofarm-conservation p {
    margin: 0;

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

    font-size:
        .79rem;

    line-height:
        1.65;
}


/* ==========================================================
   FOOTER DEL MAIN
   ========================================================== */

body[data-page="ecogranja"]
.ecofarms-closing {
    width:
        min(
            1260px,
            calc(100% - 48px)
        );

    margin:
        58px auto 0;

    padding:
        42px 46px;

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

    background:
        linear-gradient(
            120deg,
            rgba(239,15,116,.07),
            rgba(255,189,10,.04) 48%,
            rgba(8,121,216,.07)
        ),
        rgba(8,11,15,.86);
}


body[data-page="ecogranja"]
.ecofarms-closing-inner {
    display: flex;

    gap: 30px;

    align-items: center;

    justify-content:
        space-between;
}


body[data-page="ecogranja"]
.ecofarms-closing h3 {
    margin:
        6px 0 0;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(
            2rem,
            3.2vw,
            3.4rem
        );
}


body[data-page="ecogranja"]
.ecofarms-closing .eyebrow {
    color:
        #ffbd0a;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1050px) {

    body[data-page="ecogranja"]
    .ecofarms-intro {
        grid-template-columns:
            1fr;

        gap:
            28px;
    }


    body[data-page="ecogranja"]
    .ecofarm-card,
    body[data-page="ecogranja"]
    .ecofarm-card.is-reverse {
        grid-template-columns:
            1fr;
    }


    body[data-page="ecogranja"]
    .ecofarm-card.is-reverse
    .ecofarm-gallery,

    body[data-page="ecogranja"]
    .ecofarm-card.is-reverse
    .ecofarm-content {
        order:
            initial;
    }


    body[data-page="ecogranja"]
    .ecofarm-content,

    body[data-page="ecogranja"]
    .ecofarm-card.is-reverse
    .ecofarm-content {
        border:
            0;

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


    body[data-page="ecogranja"]
    .ecofarm-gallery {
        min-height:
            520px;
    }


    body[data-page="ecogranja"]
    .ecofarm-gallery-placeholder {
        min-height:
            520px;
    }
}


@media (max-width: 680px) {

    body[data-page="ecogranja"]
    .ecofarms-public {
        padding:
            48px 0
            72px;
    }


    body[data-page="ecogranja"]
    .ecofarms-intro,

    body[data-page="ecogranja"]
    .ecofarms-status,

    body[data-page="ecogranja"]
    .ecofarms-list,

    body[data-page="ecogranja"]
    .ecofarms-closing {
        width:
            calc(100% - 28px);
    }


    body[data-page="ecogranja"]
    .ecofarms-intro {
        margin-bottom:
            36px;

        padding-bottom:
            30px;
    }


    body[data-page="ecogranja"]
    .ecofarms-intro h2 {
        font-size:
            clamp(
                2.7rem,
                13vw,
                4.5rem
            );
    }


    body[data-page="ecogranja"]
    .ecofarms-list {
        gap:
            24px;
    }


    body[data-page="ecogranja"]
    .ecofarm-gallery {
        min-height:
            390px;
    }


    body[data-page="ecogranja"]
    .ecofarm-gallery-placeholder {
        min-height:
            390px;
    }


    body[data-page="ecogranja"]
    .ecofarm-content {
        padding:
            34px 24px;
    }


    body[data-page="ecogranja"]
    .ecofarm-facts {
        grid-template-columns:
            1fr;
    }


    body[data-page="ecogranja"]
    .ecofarm-carousel-nav {
        width:
            40px;

        height:
            40px;

        margin-top:
            -20px;
    }


    body[data-page="ecogranja"]
    .ecofarm-carousel-prev {
        left:
            12px;
    }


    body[data-page="ecogranja"]
    .ecofarm-carousel-next {
        right:
            12px;
    }


    body[data-page="ecogranja"]
    .ecofarm-carousel-bottom {
        right:
            16px;

        bottom:
            15px;

        left:
            16px;
    }


    body[data-page="ecogranja"]
    .ecofarm-caption {
        right:
            16px;

        bottom:
            46px;

        left:
            16px;
    }


    body[data-page="ecogranja"]
    .ecofarms-closing {
        padding:
            30px 24px;
    }


    body[data-page="ecogranja"]
    .ecofarms-closing-inner {
        align-items:
            flex-start;

        flex-direction:
            column;
    }
}


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

    body[data-page="ecogranja"]
    .ecofarm-slide,

    body[data-page="ecogranja"]
    .ecofarm-slide img,

    body[data-page="ecogranja"]
    .ecofarm-carousel-nav {
        transition:
            none !important;
    }
}