.elementor-247 .elementor-element.elementor-element-2677a90{--display:flex;--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:110px;--padding-bottom:110px;--padding-left:24px;--padding-right:24px;}/* Start custom CSS for html, class: .elementor-element-fe7adf3 */@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");

/* =========================================================
   JORDAN'S ART GALLERY — ABOUT US
   ========================================================= */

.jag-about,
.jag-about *,
.jag-about *::before,
.jag-about *::after {
    box-sizing: border-box;
}

.jag-about {
    --jag-gold: #DAAB5C;
    --jag-gold-light: #E4C289;
    --jag-white: #ffffff;
    --jag-text: rgba(255, 255, 255, 0.76);
    --jag-text-soft: rgba(255, 255, 255, 0.48);

    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: clamp(36px, 6vw, 72px);
    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 24px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.04),
            rgba(255, 255, 255, 0.01)
        );

    color: var(--jag-text);
    font-family: "Plus Jakarta Sans", sans-serif;

    box-shadow:
        0 22px 55px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);

    -webkit-backdrop-filter: blur(18px) saturate(115%);
    backdrop-filter: blur(18px) saturate(115%);
}

/* Elimina estilos heredados */

.jag-about h1,
.jag-about h2,
.jag-about h3,
.jag-about p,
.jag-about span,
.jag-about strong,
.jag-about figcaption {
    text-shadow: none !important;
    filter: none !important;
}

/* =========================================================
   ESTRUCTURA
   ========================================================= */

.jag-about__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
    align-items: center;
    gap: clamp(42px, 7vw, 85px);
}

.jag-about__content {
    min-width: 0;
}

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

.jag-about__eyebrow {
    display: block;
    margin: 0 0 15px;

    color: var(--jag-gold);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.21em;
    line-height: 1.3;
    text-transform: uppercase;
}

.jag-about__title {
    max-width: 720px;
    margin: 0 0 30px;

    color: var(--jag-gold-light);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: clamp(32px, 4.8vw, 56px);
    font-weight: 500;
    letter-spacing: -0.045em;
    line-height: 1.1;
}

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

.jag-about__text {
    max-width: 720px;
}

.jag-about__text p {
    margin: 0 0 20px;

    color: var(--jag-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;

    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;

    hyphens: none !important;
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
}

.jag-about__text p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   VALORES
   ========================================================= */

.jag-about__values {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 34px;
}

.jag-about__value {
    min-width: 0;
    padding: 18px 16px;

    border: 1px solid rgba(255, 255, 255, 0.09);

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.04),
            rgba(255, 255, 255, 0.009)
        );

    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.jag-about__value span {
    display: block;
    margin: 0 0 8px;

    color: var(--jag-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.3;
    text-transform: uppercase;
}

.jag-about__value p {
    margin: 0;

    color: var(--jag-text-soft);
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.65;
}

/* =========================================================
   IMAGEN
   ========================================================= */

.jag-about__visual {
    width: 100%;
    margin: 0;
}

.jag-about__image-wrap {
    width: 100%;
    overflow: hidden;
    background: transparent;
}

.jag-about__image {
    display: block;
    width: 100%;
    height: auto;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    object-fit: cover;
    object-position: center;

    transition:
        transform 0.65s ease,
        filter 0.65s ease;
}

.jag-about__image-wrap:hover .jag-about__image {
    transform: scale(1.02);
}


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

@media (max-width: 950px) {

    .jag-about__grid {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .jag-about__visual {
        max-width: 760px;
    }
}

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

@media (max-width: 650px) {

    .jag-about {
        padding: 31px 18px;
        border-radius: 18px;

        background:
            linear-gradient(
                145deg,
                rgba(255, 255, 255, 0.032),
                rgba(255, 255, 255, 0.007)
            );

        -webkit-backdrop-filter: blur(16px) saturate(110%);
        backdrop-filter: blur(16px) saturate(110%);
    }

    .jag-about__grid {
        gap: 36px;
    }

    .jag-about__title {
        margin-bottom: 24px;
        font-size: clamp(30px, 9vw, 40px);
    }

    .jag-about__text p {
        font-size: 14px;
        line-height: 1.78;

        text-align: justify !important;
        text-align-last: left !important;

        hyphens: none !important;
        -webkit-hyphens: none !important;
        -ms-hyphens: none !important;
    }

    .jag-about__values {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 28px;
    }

    .jag-about__value {
        padding: 16px;
    }

    .jag-about__caption {
        text-align: left;
    }
}/* End custom CSS */