:root {
        --ink: #171b24;
        --muted: #59606b;
        --line: #dfe2e6;
        --paper: #f6f6f4;
        --white: #ffffff;
        --black: #000000;
        --glass: rgba(245, 246, 246, 0.78);
    }

    * {
        box-sizing: border-box;
    }

    html {
        scroll-behavior: smooth;
    }
    .section-anchor{display:block;height:0;scroll-margin-top:120px}

    .artworks-catalog{min-height:100vh;padding:150px clamp(20px,5vw,80px) 100px;background:#f5f5f2;color:#181818}.artworks-catalog__heading{max-width:1500px;margin:0 auto 54px;border-bottom:1px solid #d7d7d2;padding-bottom:30px}.artworks-catalog__heading>span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.artworks-catalog__heading h1{margin:10px 0 12px;font-size:clamp(54px,8vw,120px);font-weight:400;letter-spacing:-.06em;line-height:.85}.artworks-catalog__heading p{max-width:720px;margin:0;color:#656565;font-size:16px}.artworks-catalog__layout{display:grid;max-width:1500px;margin:auto;grid-template-columns:250px minmax(0,1fr);gap:50px}.catalog-filters{position:sticky;top:125px;align-self:start}.catalog-filters form{display:grid;gap:18px}.catalog-filters label,.catalog-filters fieldset{display:grid;gap:7px;margin:0;padding:0;border:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.catalog-filters select,.catalog-filters input{width:100%;height:45px;padding:0 12px;border:1px solid #d3d3ce;border-radius:0;background:#fff;color:#181818;font:14px "Open Sans", Arial, sans-serif;text-transform:none}.catalog-filters fieldset div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-filters form>button{height:47px;border:0;background:#171717;color:#fff;font-weight:700;cursor:pointer}.catalog-filters form>a{text-align:center;font-size:13px}.catalog-filter-toggle,.catalog-filters__mobile-heading{display:none}.artworks-results__meta{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #d7d7d2;font-size:13px}.artworks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 20px}.catalog-artwork-card{color:#181818;text-decoration:none}.catalog-artwork-card>div{position:relative;overflow:hidden;aspect-ratio:1;background:#fff}.catalog-artwork-card img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.catalog-artwork-card:hover img{transform:scale(1.025)}.catalog-artwork-card span{position:absolute;right:10px;bottom:10px;padding:7px 9px;background:rgba(255,255,255,.92);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.catalog-artwork-card .availability-sold{background:#181818;color:#fff}.catalog-artwork-card .availability-reserved{background:#eee0be}.catalog-artwork-card h2{margin:14px 0 5px;font-size:18px;font-weight:500}.catalog-artwork-card p{margin:0 0 5px;color:#737373;font-size:13px}.catalog-artwork-card strong{font-size:14px;font-weight:500}
    @media(max-width:1050px){.artworks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artworks-catalog__layout{grid-template-columns:220px minmax(0,1fr);gap:28px}}
    @media(max-width:760px){.artworks-catalog{padding:110px 16px 70px}.artworks-catalog__heading{margin-bottom:24px}.artworks-catalog__heading h1{font-size:64px}.artworks-catalog__layout{display:block}.catalog-filter-toggle{display:flex;width:100%;height:48px;margin-bottom:24px;padding:0 15px;align-items:center;justify-content:space-between;border:1px solid #cfcfca;background:#fff;font-weight:700}.catalog-filters{position:fixed;z-index:50;inset:0;display:block;padding:20px;overflow-y:auto;background:#f5f5f2;opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity .25s ease,transform .3s ease,visibility 0s linear .3s}.filters-are-open .catalog-filters{opacity:1;visibility:visible;transform:none;transition-delay:0s}.filters-are-open{overflow:hidden}.catalog-filters__mobile-heading{display:flex;margin-bottom:24px;align-items:center;justify-content:space-between}.catalog-filters__mobile-heading button{width:40px;height:40px;border:0;background:#fff;font-size:26px}.artworks-results__meta{display:none}.artworks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.catalog-artwork-card h2{font-size:15px}.catalog-artwork-card strong{font-size:13px}}

    .news-page main,.news-detail-page main{background:#f6f6f3}.news-archive{max-width:1500px;margin:auto;padding:150px clamp(24px,6vw,90px) 110px}.news-archive__header{max-width:900px;margin-bottom:45px}.news-archive__header>span,.more-news>span{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.news-archive__header h1{margin:10px 0 12px;font-size:clamp(64px,9vw,130px);font-weight:400;letter-spacing:-.065em;line-height:.85}.news-archive__header p{color:#646464;font-size:17px}.news-filter{display:flex;margin-bottom:34px;padding:18px 0;border-block:1px solid #d7d7d2}.news-filter label{display:flex;gap:15px;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase}.news-filter select{min-width:190px;border:0;background:transparent;font:inherit}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 60px}.news-card{display:grid;grid-template-columns:minmax(150px,42%) 1fr;gap:22px;align-items:start}.news-card__image{display:flex;overflow:hidden;aspect-ratio:4/3;align-items:center;justify-content:center;background:#111;color:#fff;text-decoration:none}.news-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.news-card:hover img{transform:scale(1.025)}.news-card__image>span{font-family:"Open Sans", Arial, sans-serif;font-size:40px}.news-card>div>span{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.news-card h2,.news-card h3{margin:8px 0 10px;font-size:19px;line-height:1.15}.news-card h2 a,.news-card h3 a{color:inherit;text-decoration:none}.news-card p{display:-webkit-box;margin:0 0 15px;overflow:hidden;color:#5e5e5e;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.news-card__button{display:inline-flex;padding:10px 15px;background:#181818;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.news-article{max-width:1100px;margin:auto;padding:160px 25px 90px}.news-article header{max-width:920px;margin-bottom:45px}.news-article header>span{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.news-article h1{margin:12px 0 20px;font-size:clamp(46px,7vw,92px);font-weight:400;letter-spacing:-.055em;line-height:.95}.news-article header p{max-width:760px;font-size:20px;line-height:1.45}.news-article header small{color:#666}.news-article__hero{display:block;width:100%;max-height:680px;object-fit:cover}.news-article__body{max-width:760px;margin:55px auto;font-family:"Open Sans", Arial, sans-serif;font-size:19px;line-height:1.75}.news-article__source{display:table;margin:0 auto;padding:15px 22px;background:#161616;color:#fff;text-decoration:none}.more-news{max-width:1400px;margin:auto;padding:70px clamp(24px,6vw,90px) 110px;border-top:1px solid #d7d7d2}.more-news>h2{margin:10px 0 40px;font-size:44px;font-weight:400}.more-news .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.more-news .news-card{display:block}.more-news .news-card__image{margin-bottom:15px}
    @media(max-width:760px){.news-archive{padding:115px 18px 70px}.news-archive__header h1{font-size:66px}.news-grid,.more-news .news-grid{grid-template-columns:1fr;gap:34px}.news-card{grid-template-columns:125px 1fr;gap:15px}.news-card h2{font-size:16px}.news-card p{display:none}.news-article{padding:120px 18px 65px}.news-article__body{margin:35px 0;font-size:17px}.more-news{padding:50px 18px 70px}.more-news .news-card{display:grid}}
    .page-news-section{padding:90px clamp(24px,6vw,90px);background:#f6f6f3}.page-news-section__heading{display:flex;max-width:1500px;margin:0 auto 42px;padding-bottom:24px;align-items:end;justify-content:space-between;border-bottom:1px solid #d7d7d2}.page-news-section__heading>div>span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.page-news-section__heading h1{margin:8px 0 0;font-size:clamp(42px,6vw,82px);font-weight:400;letter-spacing:-.055em}.page-news-section__heading p{max-width:650px;color:#666}.page-news-section__heading>a{color:#181818;font-size:12px;font-weight:700;text-transform:uppercase}.page-news-section>.news-grid{max-width:1500px;margin:auto}
    @media(max-width:760px){.page-news-section{padding:60px 18px}.page-news-section__heading{align-items:start}.page-news-section__heading h1{font-size:48px}.page-news-section__heading>a{margin-top:14px}}

    /* Tarjetas expansibles de las portadas */
    .expanding-gallery__background{position:absolute;z-index:-3;inset:0;background-position:center;background-size:cover;opacity:1;pointer-events:none;transition:opacity 850ms cubic-bezier(.22,1,.36,1)}.expanding-gallery__background--next{opacity:0}.expanding-gallery__background--next.is-visible{opacity:1}.expanding-gallery__background--current.is-fading{opacity:0}
    .art-home__collection,.artist-showcase__featured{display:flex;grid-template-columns:none;gap:16px;align-items:stretch}
    .expanding-card{position:relative;display:grid!important;height:218px;min-width:0;overflow:hidden;flex:1 1 0;grid-template-columns:1fr;grid-template-rows:1fr;padding:14px;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:rgba(255,255,255,.74);color:#202020;text-decoration:none;box-shadow:0 16px 38px rgba(0,0,0,.18);backdrop-filter:blur(10px);transition:flex-basis 750ms cubic-bezier(.22,1,.36,1),flex-grow 750ms cubic-bezier(.22,1,.36,1),background-color 300ms ease}
    .expanding-card.is-active{flex:1 1 52%;grid-template-columns:minmax(180px,46%) minmax(0,1fr);gap:16px}
    .expanding-card>img,.artist-showcase-card.expanding-card>img{width:100%;height:100%;min-width:0;min-height:0;grid-column:1;grid-row:1;object-fit:contain;object-position:center;background:rgba(255,255,255,.35);transition:transform 750ms cubic-bezier(.22,1,.36,1)}
    .expanding-card:not(.is-active)>img{object-fit:cover;transform:none}
    .expanding-card__compact-label{position:absolute;z-index:2;top:auto;bottom:10px;left:10px;right:10px;height:auto!important;overflow:hidden;padding:7px;background:rgba(255,255,255,.9);color:#1c1c1c;font:normal 12px/1.2 "Open Sans", Arial, sans-serif!important;font-weight:600!important;letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:1;transition:opacity 180ms ease}
    .expanding-card.is-active>.expanding-card__compact-label{opacity:0;pointer-events:none}
    .expanding-card__copy,.artist-showcase-card .expanding-card__copy{display:flex!important;min-width:0;padding:5px 2px;grid-column:2;grid-row:1;flex-direction:column;align-items:flex-start;text-align:left;opacity:0;visibility:hidden;transform:translateX(12px);transition:opacity 180ms ease,transform 400ms cubic-bezier(.22,1,.36,1),visibility 0s linear 400ms}
    .expanding-card.is-leaving .expanding-card__copy{opacity:0;transition-delay:0s}
    .expanding-card.is-active .expanding-card__copy{opacity:1;visibility:visible;transform:none;transition-delay:350ms,350ms,0s}
    .expanding-card__copy h2,.artist-showcase-card .expanding-card__copy h2{margin:0 0 5px;font-size:18px}.expanding-card__copy small{color:#666;font-size:11px}.expanding-card__copy p{display:-webkit-box;overflow:hidden;margin:10px 0;font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:5}.expanding-card__copy b{margin-top:auto;padding:10px 22px;border-radius:5px;background:#222;color:#fff;font-size:11px;text-transform:uppercase}
    .artist-showcase-card>div:not(.expanding-card__copy){display:none}
    .expanding-card:focus-visible{outline:3px solid #7cc4d7;outline-offset:4px}

    @media(max-width:1050px) and (min-width:701px){.expanding-card{flex-basis:0}.expanding-card.is-active{flex-basis:48%}.art-home__collection,.artist-showcase__featured{grid-template-columns:none}.art-card--featured,.artist-showcase-card.is-featured{grid-column:auto}}
@media(max-width:700px){
        .art-home__collection,.artist-showcase__featured{display:flex;grid-template-columns:none;width:100%;max-width:none;gap:12px;overflow-x:auto;align-items:stretch;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-inline:contain;scrollbar-width:none}
        .art-home__collection::-webkit-scrollbar,.artist-showcase__featured::-webkit-scrollbar{display:none}
        .expanding-card{height:245px;min-width:64vw;flex:0 0 64vw;grid-template-columns:1fr;grid-template-rows:1fr;gap:0;scroll-snap-align:center}
        .expanding-card.is-active{height:390px;min-width:82vw;flex:0 0 82vw;grid-template-columns:1fr;grid-template-rows:220px minmax(0,1fr)}
        .expanding-card>img,.artist-showcase-card.expanding-card>img{height:100%;grid-column:1;grid-row:1}
        .expanding-card.is-active>img,.artist-showcase-card.expanding-card.is-active>img{height:220px}
        .expanding-card__copy,.artist-showcase-card .expanding-card__copy{padding:14px 3px 2px;grid-column:1;grid-row:2}
        .expanding-card__copy p{margin:7px 0;-webkit-line-clamp:2}.expanding-card__copy b,.art-card__cta{min-height:34px;padding:7px 16px}
        .expanding-card.is-active>.expanding-card__compact-label{opacity:0}
        .artist-showcase{min-height:820px;padding-inline:16px}.artist-showcase__intro{bottom:470px}.artist-showcase__featured{grid-template-columns:none}
    }
    @media(prefers-reduced-motion:reduce){.expanding-card,.expanding-card>img,.expanding-card__copy,.expanding-gallery__background{transition-duration:1ms!important;transition-delay:0s!important}.art-home__collection,.artist-showcase__featured{scroll-behavior:auto}}
    @media(max-width:430px){.artworks-grid{grid-template-columns:1fr}}

    body {
        margin: 0;
        color: var(--ink);
        background: var(--white);
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400;
        letter-spacing: -0.012em;
        overflow-x: hidden;
    }

    img, video { max-width: 100%; }

    a {
        color: inherit;
    }

    .site-header {
        position: fixed;
        z-index: 20;
        top: 18px;
        left: clamp(10px, 1vw, 18px);
        right: clamp(10px, 1vw, 18px);
        display: grid;
        grid-template-columns: 82px minmax(420px, 1fr) auto;
        align-items: center;
        gap: 18px;
        min-height: 48px;
        padding: 0 18px;
        border: 1px solid rgba(10, 14, 20, 0.08);
        border-radius: 8px;
        background: rgba(248, 248, 248, 0.86);
        color: var(--ink);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
        backdrop-filter: blur(18px) saturate(115%);
    }

    .mobile-menu-toggle { display:none; }
    .mobile-menu-heading,.mobile-nav-arrow { display:none; }

    .product-page .site-header {
        background: rgba(248, 248, 248, 0.86);
        color: var(--ink);
        border-color: rgba(10, 14, 20, 0.08);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    }

    .product-page .action-divider {
        background: rgba(255, 255, 255, 0.55);
    }

    .brand {
        display: inline-flex;
        align-items: center;
        width: 58px;
        height: 34px;
        text-decoration: none;
    }

    .brand-logo {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .product-page .brand-logo {
        filter: none;
    }

    .site-nav {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        min-width: 0;
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 17px;
        font-weight: 400;
        letter-spacing: 0;
    }

    .site-nav a,
    .site-actions a {
        text-decoration: none;
    }

    .site-nav a {
        position: relative;
        display: flex;
        min-height: 44px;
        padding: 0 clamp(11px, 1vw, 17px);
        align-items: center;
        border-radius: 5px;
        white-space: nowrap;
        transition: background-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
    }

    .site-nav a:hover,
    .site-nav a:focus-visible {
        background: rgba(255, 255, 255, .96);
        color: #111820;
        box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
        outline: none;
    }

    .site-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        white-space: nowrap;
    }

    .shipping-note {
        display: none;
        align-items: center;
        justify-content: center;
        min-width: 190px;
        margin-right: 8px;
        font-size: 15px;
        letter-spacing: .015em;
        opacity: 1;
        transition: opacity 180ms ease;
    }

    .shipping-note.is-changing {
        opacity: 0;
    }

    .action-divider {
        width: 1px;
        height: 36px;
        background: rgba(23, 27, 36, 0.55);
        margin: 0 2px 0 0;
    }

    .icon-link {
        display: inline-grid;
        place-items: center;
        width: 28px;
        height: 28px;
    }

    .icon-link svg,
    .newsletter-form svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.35;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .store-hero {
        position: relative;
        min-height: 100svh;
        background-position: center;
        background-size: cover;
        overflow: hidden;
    }

    .store-hero__video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .store-hero__shade {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .38);
    }

    .store-hero__ctas {
        position: absolute;
        left: 50%;
        bottom: clamp(90px, 18vh, 230px);
        width: min(86vw, 980px);
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 326px));
        justify-content: center;
        gap: clamp(22px, 6vw, 120px);
        transform: translateX(-50%);
    }

    .store-hero__content {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        width: min(760px, 84vw);
        color: #fff;
        text-align: center;
        transform: translate(-50%, -42%);
        text-shadow: 0 2px 18px rgba(0,0,0,.45);
    }

    .store-hero__content h1 { margin: 0 0 18px; font-size: clamp(44px, 6vw, 84px); font-weight: 500; letter-spacing: -.045em; line-height: .95; }
    .store-hero__content p { max-width: 680px; margin: 0 auto 28px; font-size: clamp(16px, 1.25vw, 20px); line-height: 1.45; }
    .store-hero__content a { display: inline-flex; min-width: 220px; min-height: 54px; padding: 0 28px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.85); background: rgba(255,255,255,.94); color: #171717; font-size: 16px; font-weight: 500; text-decoration: none; text-shadow: none; }

    .category-prompt {
        display: grid;
        justify-items: center;
        gap: 20px;
        color: var(--white);
        text-align: center;
    }

    .category-prompt h1 {
        margin: 0;
        font-size: clamp(26px, 2.4vw, 34px);
        font-weight: 500;
    }

    .category-prompt a,
    .featured-copy a,
    .watch-card a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: min(326px, 100%);
        min-height: 54px;
        border: 1px solid currentColor;
        background: var(--white);
        color: var(--black);
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
    }

    .macro-showcase {
        min-height: 100svh;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 120px clamp(18px, 4vw, 72px) 64px;
        background-color: var(--black);
        background-position: center;
        background-size: cover;
    }

    .macro-showcase__cards {
        display: grid;
        grid-template-columns: minmax(420px, 1.5fr) repeat(3, minmax(150px, 180px));
        gap: 20px;
        width: min(1225px, 100%);
    }

    .watch-card {
        position: relative;
        overflow: hidden;
        min-height: 280px;
        gap: 20px;
        padding: 26px;
        border-radius: 8px;
        background: var(--glass);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
        backdrop-filter: blur(14px);
    }

    .watch-card--wide {
        display: grid;
        grid-template-columns: 220px minmax(0, 1fr);
        align-items: center;
    }

    .watch-card--compact {
        display: grid;
        align-content: space-between;
        justify-items: center;
        color: inherit;
        text-align: center;
        text-decoration: none;
    }

    .watch-card__media {
        display: block;
        width: 100%;
        height: 250px;
        object-fit: contain;
        mix-blend-mode: multiply;
    }

    .watch-card__media--compact {
        height: 190px;
        margin-bottom: 20px;
    }

    .watch-card__content {
        display: grid;
        align-content: center;
    }

    .watch-card h2 {
        margin: 0 0 8px;
        font-size: clamp(18px, 2vw, 26px);
    }

    .watch-card span {
        display: block;
        margin-bottom: 20px;
        color: #252a33;
    }

    .watch-card p {
        max-width: 460px;
        color: #20252d;
        font-size: 18px;
        line-height: 1.45;
    }

    .featured-products {
        min-height: 100svh;
        display: grid;
        align-content: center;
        justify-items: center;
        padding: 105px clamp(18px, 4vw, 64px) 70px;
        background: var(--white);
        text-align: center;
    }

    .featured-products h1 {
        margin: 0 0 48px;
        font-size: clamp(34px, 3.2vw, 42px);
        line-height: 1.05;
    }

    .featured-carousel-shell {
        position: relative;
        width: min(100%, 1720px);
    }

    .featured-carousel {
        width: 100%;
        min-height: clamp(390px, 52vw, 590px);
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(190px, 1fr);
        align-items: end;
        gap: clamp(30px, 5vw, 72px);
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        padding: 20px 12px 6px;
        scrollbar-width: none;
    }

    .carousel-button {
        position: absolute;
        z-index: 4;
        top: 47%;
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border: 1px solid rgba(23, 27, 36, 0.14);
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.78);
        color: var(--ink);
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(12px);
        cursor: pointer;
    }

    .carousel-button svg {
        width: 24px;
        height: 24px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .carousel-button--prev {
        left: clamp(4px, 1vw, 18px);
    }

    .carousel-button--next {
        right: clamp(4px, 1vw, 18px);
    }

    .featured-carousel::-webkit-scrollbar {
        display: none;
    }

    .featured-slide {
        display: grid;
        justify-items: center;
        align-content: end;
        gap: 18px;
        min-height: clamp(330px, 43vw, 540px);
        text-decoration: none;
        scroll-snap-align: center;
    }

    .featured-slide img {
        width: min(100%, 230px);
        max-height: 390px;
        object-fit: contain;
        transition: transform 180ms ease;
    }

    .featured-slide.is-active img {
        width: min(100%, 365px);
        max-height: 540px;
    }

    .featured-slide:hover img {
        transform: translateY(-8px);
    }

    .featured-slide span {
        color: rgba(23, 27, 36, 0.68);
        font-weight: 700;
    }

    .featured-copy {
        display: grid;
        justify-items: center;
        gap: 6px;
    }

    .featured-copy h2 {
        margin: 0;
        font-size: clamp(22px, 2vw, 28px);
    }

    .featured-copy p,
    .featured-copy span {
        margin: 0;
        font-size: 18px;
    }

    .featured-copy a {
        margin-top: 22px;
        background: var(--white);
    }

    .product-detail {
        min-height: 100svh;
        display: grid;
        grid-template-columns: minmax(0, 1.45fr) minmax(470px, 1fr);
        background: var(--black);
        color: var(--white);
    }

    .product-gallery {
        position: relative;
        display: grid;
        place-items: center;
        min-height: 100svh;
        padding: 130px clamp(24px, 4vw, 70px) 58px;
        background: #171717;
        overflow: hidden;
    }

    .product-breadcrumb {
        position: absolute;
        top: 137px;
        left: clamp(24px, 4vw, 50px);
        z-index: 2;
        font-size: 18px;
        font-weight: 800;
    }

    .try-on-card {
        position: absolute;
        top: 89px;
        right: clamp(32px, 5vw, 56px);
        z-index: 3;
        display: grid;
        place-items: center;
        gap: 8px;
        width: 120px;
        min-height: 110px;
        border-radius: 8px;
        background: var(--white);
        color: var(--black);
        font-weight: 800;
        text-decoration: none;
        box-shadow: 0 20px 42px rgba(0, 0, 0, 0.35);
    }

    .try-on-card svg,
    .delivery-line svg {
        width: 28px;
        height: 28px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.5;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .product-hero-image {
        width: min(68vw, 560px);
        max-height: 77svh;
        object-fit: contain;
        filter: drop-shadow(0 32px 48px rgba(0, 0, 0, 0.45));
    }

    .product-info {
        min-height: 100svh;
        display: grid;
        align-content: center;
        gap: 24px;
        padding: 126px clamp(30px, 4vw, 62px) 56px;
    }

    .rating-line {
        color: rgba(255, 255, 255, 0.62);
        font-size: 24px;
    }

    .product-info h1 {
        margin: -10px 0 8px;
        font-size: clamp(42px, 4vw, 58px);
        font-weight: 400;
        line-height: 1;
    }

    .product-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .product-badges span {
        display: inline-flex;
        align-items: center;
        min-height: 62px;
        padding: 0 18px;
        border-radius: 10px;
        background: #171717;
        font-size: 18px;
        font-weight: 800;
    }

    .product-description {
        max-width: 660px;
        margin: 4px 0 18px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.45;
    }

    .product-description a {
        display: inline-block;
        color: var(--white);
        text-decoration: underline;
    }

    .price-line {
        display: flex;
        align-items: baseline;
        gap: 8px;
        font-size: 24px;
    }

    .price-line strong {
        font-weight: 700;
    }

    .price-line del {
        color: rgba(255, 255, 255, 0.45);
    }

    .launch-line {
        margin: 2px 0 4px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.48;
    }

    .launch-line span {
        display: inline-grid;
        place-items: center;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: var(--white);
        color: var(--black);
        font-size: 12px;
    }

    .purchase-row {
        display: grid;
        grid-template-columns: minmax(180px, 225px) minmax(260px, 1fr);
        gap: 10px;
    }

    .band-button,
    .cart-button {
        min-height: 52px;
        border-radius: 0;
        border: 1px solid var(--white);
        font: inherit;
        font-size: 20px;
        font-weight: 700;
    }

    .band-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        background: transparent;
        color: var(--white);
    }

    .cart-button {
        background: var(--white);
        color: var(--black);
    }

    .delivery-line {
        display: flex;
        align-items: center;
        gap: 12px;
        color: rgba(255, 255, 255, 0.88);
        font-size: 18px;
        font-weight: 800;
    }

    .product-links {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 26px;
        margin-top: 12px;
    }

    .product-links a {
        display: flex;
        align-items: center;
        gap: 12px;
        color: var(--white);
        font-weight: 800;
        text-decoration: none;
    }

    .product-links span {
        color: rgba(255, 255, 255, 0.84);
        font-size: 26px;
    }

    /* Ficha de producto clara y editorial */
    .product-page .site-header { background: rgba(248,248,248,.86); color: var(--ink); border-color: rgba(10,14,20,.08); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
    .product-page .brand-logo { filter: none; }
    .product-page .action-divider { background: rgba(23,27,36,.28); }
    .product-detail { grid-template-columns: minmax(0, 1.28fr) minmax(520px, .92fr); background: #fff; color: #111; }
    .product-gallery { min-height: 100svh; background: #f3f2ef; color: #171717; }
    .product-breadcrumb { color: #414542; font-size: 15px; font-weight: 500; }
    .try-on-card { top: 118px; width: 108px; min-height: 98px; border: 1px solid #171717; box-shadow: none; font-size: 14px; }
    .product-hero-image { width: min(64vw, 680px); max-height: 76svh; filter: drop-shadow(0 28px 34px rgba(0,0,0,.16)); }
    .product-media-layout { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: clamp(18px, 3vw, 42px); width: 100%; }
    .product-thumbnails { display: grid; gap: 10px; max-height: 68svh; overflow-y: auto; padding: 3px; scrollbar-width: thin; }
    .product-thumbnail { display: grid; place-items: center; width: 82px; height: 96px; padding: 6px; border: 1px solid #d6d5d1; border-radius: 7px; background: #fff; cursor: pointer; }
    .product-thumbnail.is-active { border: 2px solid #171717; }
    .product-thumbnail img { width: 100%; height: 100%; object-fit: contain; }
    .product-media-layout .product-hero-image { justify-self: center; transition: opacity .12s ease, transform .18s ease; }
    .product-media-layout .product-hero-image.is-changing { opacity: .25; transform: scale(.985); }
    .product-info { gap: 22px; padding: 132px clamp(42px, 5vw, 92px) 60px; background: #fff; }
    .rating-line { color: #9a9c9b; font-size: 18px; }
    .rating-line span { font-weight: 400; }
    .product-info h1 { margin: 0 0 10px; font-size: clamp(48px, 4.8vw, 78px); font-weight: 400; line-height: .98; letter-spacing: -.045em; }
    .product-badges { gap: 10px; }
    .product-badges span { min-height: 52px; padding: 0 18px; border-radius: 12px; background: #eeece8; color: #111; font-size: 14px; font-weight: 600; }
    .product-description { max-width: 720px; margin: 6px 0 12px; color: #272a29; font-size: 17px; font-weight: 400; line-height: 1.6; }
    .product-description a { display: block; margin-top: 4px; color: #111; }
    .artwork-specifications{display:grid;margin:18px 0 22px;border-top:1px solid #d8d8d4}.artwork-specifications div{display:grid;grid-template-columns:130px 1fr;padding:13px 0;border-bottom:1px solid #d8d8d4;gap:18px}.artwork-specifications dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.artwork-specifications dd{margin:0;font-size:15px;line-height:1.4}@media(max-width:520px){.artwork-specifications div{grid-template-columns:1fr;gap:4px}}
    .price-line { gap: 10px; color: #111; font-size: 22px; }
    .price-line strong { font-weight: 500; }
    .price-line del { color: #a1a3a2; }
    .launch-line { color: #272a29; font-size: 16px; font-weight: 400; line-height: 1.55; }
    .launch-line span { background: #111; color: #fff; }
    .purchase-row { grid-template-columns: minmax(210px, 240px) minmax(280px, 1fr); gap: 10px; }
    .band-button,
    .cart-button { min-height: 56px; border: 1px solid #171717; font-size: 17px; font-weight: 500; }
    .band-button { background: #fff; color: #111; }
    .cart-button { background: #171717; color: #fff; }
    .delivery-line { color: #303331; font-size: 15px; font-weight: 400; }
    .product-links { padding-top: 20px; border-top: 1px solid #e2e2df; }
    .product-links a { color: #222; font-size: 14px; font-weight: 500; }
    .product-links span { color: #222; }

    .section {
        padding: clamp(48px, 8vw, 104px) clamp(18px, 5vw, 72px);
        border-bottom: 1px solid var(--line);
    }

    .section-alt {
        background: var(--paper);
    }

    .section-inner {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
        align-items: center;
        gap: clamp(28px, 5vw, 72px);
        max-width: 1180px;
        margin: 0 auto;
    }

    .section-copy h1 {
        max-width: 760px;
        margin: 0 0 18px;
        font-size: clamp(38px, 7vw, 72px);
        line-height: 0.98;
    }

    .section-copy p {
        max-width: 680px;
        color: var(--muted);
        font-size: 18px;
        line-height: 1.7;
    }

    .section-image {
        width: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        border-radius: 8px;
        border: 1px solid var(--line);
    }

    .content-gallery {
        padding: clamp(56px, 8vw, 110px) clamp(20px, 5vw, 72px);
        background: #f7f7f5;
        text-align: center;
    }

    .custom-hero {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1.4fr) minmax(300px, .7fr);
        align-items: center;
        gap: clamp(32px, 6vw, 100px);
        min-height: min(900px, 100vh);
        padding: clamp(130px, 14vw, 210px) clamp(24px, 7vw, 130px) 80px;
        background: #19211f center / cover no-repeat;
        color: white;
        overflow: hidden;
    }
    .custom-hero__video,
    .custom-hero__overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
    .custom-hero__video { object-fit: cover; }
    .custom-hero__overlay { background: linear-gradient(90deg, rgba(9, 13, 12, .82), rgba(9, 13, 12, .35)); }
    .custom-hero__content,
    .custom-hero__cards { position: relative; z-index: 1; }
    .custom-hero__content h1 { max-width: 900px; margin: 0 0 28px; font-size: clamp(58px, 7vw, 130px); line-height: .95; letter-spacing: -.055em; }
    .custom-hero__content > p { max-width: 760px; margin: 0 0 34px; color: rgba(255,255,255,.78); font-size: clamp(17px, 1.4vw, 24px); line-height: 1.65; }
    .custom-hero__cards { display: grid; gap: 18px; }
    .custom-hero-card { display: grid; grid-template-columns: 70px 1fr; align-items: center; gap: 20px; padding: 26px 30px; border: 1px solid rgba(255,255,255,.2); border-radius: 26px; background: rgba(42,49,48,.72); backdrop-filter: blur(14px); }
    .custom-hero-card__icon { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 18px; background: rgba(255,255,255,.1); font-size: 28px; }
    .custom-hero-card strong { display: block; font-size: clamp(28px, 3vw, 46px); line-height: 1; }
    .custom-hero-card h2 { margin: 7px 0 0; font-size: 18px; }
    .custom-hero-card p { margin: 4px 0 0; color: rgba(255,255,255,.72); }
    .custom-hero.hero-cards-left { grid-template-columns: minmax(300px, .7fr) minmax(0, 1.4fr); }
    .custom-hero.hero-cards-left .custom-hero__cards { grid-column: 1; grid-row: 1; }
    .custom-hero.hero-cards-left .custom-hero__content { grid-column: 2; }
    .custom-hero.hero-cards-bottom { grid-template-columns: 1fr; }
    .custom-hero.hero-cards-bottom .custom-hero__cards { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
    .custom-hero.hero-template-overlay_right .custom-hero__content { grid-column: 2; text-align: right; }
    .custom-hero.hero-template-overlay_right .custom-hero__content > p { margin-left: auto; }
    .custom-hero.hero-template-overlay_right .custom-hero__cards { grid-column: 1; grid-row: 1; }
    .custom-hero.hero-template-overlay_center { grid-template-columns: 1fr; text-align: center; }
    .custom-hero.hero-template-overlay_center .custom-hero__content { max-width: 1100px; margin: auto; }
    .custom-hero.hero-template-overlay_center .custom-hero__content > p { margin-inline: auto; }
    .custom-hero.hero-template-overlay_center .custom-hero__cards { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
    .custom-hero.hero-template-split { grid-template-columns: minmax(350px, .8fr) minmax(0, 1.2fr); background-color: #f2f4f3; background-position: right; background-size: 55% 100%; background-repeat: no-repeat; color: #14201e; }
    .custom-hero.hero-template-split .custom-hero__overlay { display: none; }
    .custom-hero.hero-template-split .custom-hero__content { grid-column: 1; }
    .custom-hero.hero-template-split .custom-hero__content > p { color: #65716e; }
    .custom-hero.hero-template-split .custom-hero__cards { grid-column: 2; }
    .custom-hero.hero-template-visual_cards { display: flex; min-height: min(940px, 100vh); padding-bottom: 28px; flex-direction: column; justify-content: flex-end; text-align: center; }
    .custom-hero.hero-template-visual_cards .custom-hero__content { max-width: 820px; margin: auto auto 20px; }
    .custom-hero.hero-template-visual_cards .custom-hero__content h1 { margin-inline: auto; }
    .custom-hero.hero-template-visual_cards .custom-hero__content > p { margin-inline: auto; }
    .custom-hero.hero-template-visual_cards .custom-hero__cards { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); width: 100%; max-width: 1500px; margin: 0 auto; }
    .custom-hero.hero-template-visual_cards .custom-hero-card { display: block; min-width: 0; padding: 14px; border-radius: 10px; background: rgba(235,235,232,.78); color: #171717; text-align: left; backdrop-filter: blur(12px); }
    .custom-hero.hero-template-visual_cards .custom-hero-card__image { display: block; width: 100%; height: 180px; margin-bottom: 12px; border-radius: 5px; object-fit: cover; }
    .custom-hero.hero-template-visual_cards .custom-hero-card:first-child { display: grid; grid-template-columns: 1.05fr .95fr; gap: 16px; }
    .custom-hero.hero-template-visual_cards .custom-hero-card:first-child .custom-hero-card__image { height: 100%; min-height: 230px; margin: 0; grid-row: 1 / 3; }
    .custom-hero.hero-template-visual_cards .custom-hero-card__icon { display: none; }
    .custom-hero.hero-template-visual_cards .custom-hero-card strong { font-size: 28px; }
    .custom-hero.hero-template-visual_cards .custom-hero-card h2 { font-size: 20px; }
    .custom-hero.hero-template-visual_cards .custom-hero-card p { color: #3f4442; font-size: 14px; }
    .custom-hero.hero-template-visual_cards .custom-hero-card a { display: inline-flex; min-height: 40px; margin-top: 12px; padding: 0 20px; align-items: center; justify-content: center; border-radius: 5px; background: #171717; color: white; text-decoration: none; }

    .category-links-section { padding: clamp(60px, 9vw, 130px) clamp(20px, 6vw, 90px); text-align: center; background: #f3f5f4; }
    .category-links-section > h1 { margin: 0 0 36px; font-size: clamp(36px, 5vw, 70px); }
    .category-links-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; max-width: 1500px; margin: 0 auto 30px; }
    .category-links-grid a { display: flex; min-height: 320px; padding: 24px; flex-direction: column; align-items: flex-start; justify-content: flex-end; border-radius: 10px; background: linear-gradient(145deg, #829c96, #263532) center / cover no-repeat; color: white; text-align: left; }
    .category-links-grid span { font-size: clamp(25px, 3vw, 44px); font-weight: 700; }
    .category-links-grid b { margin-top: 10px; font-size: 14px; }

    .category-triptych { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-height:620px;background:#090909; }
    .category-triptych__item { position:relative;display:flex;min-width:0;min-height:620px;overflow:hidden;align-items:flex-end;justify-content:center;background:#252525 center/cover no-repeat;color:#171717;text-decoration:none;isolation:isolate; }
    .category-triptych__image { position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center; }
    .category-triptych__item::before { position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(to top,rgba(0,0,0,.48),rgba(0,0,0,.04) 58%,transparent);transition:background-color .35s ease;pointer-events:none; }
    .category-triptych__item::after { position:absolute;z-index:1;inset:0;border-right:1px solid rgba(255,255,255,.18);content:"";pointer-events:none; }
    .category-triptych__item span { position:relative;z-index:2;display:grid;min-width:120px;min-height:38px;margin-bottom:52px;padding:8px 22px;place-items:center;background:rgba(255,255,255,.92);font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;transition:transform .25s ease,background-color .25s ease; }
    .category-triptych__item:hover::before { background-color:rgba(0,0,0,.12); }
    .category-triptych__item:hover span { background:#fff;transform:translateY(-5px); }
    @media(max-width:760px){
        .category-triptych{display:block;min-height:0;background:#090909;overflow:visible}
        .category-triptych__item{position:-webkit-sticky;position:sticky;z-index:var(--stack-index,1);top:0;width:100%;height:76svh;min-height:76svh;overflow:hidden;background-position:center;background-size:cover;box-shadow:0 -1px 0 rgba(255,255,255,.12)}
        .category-triptych__item::before{background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.08) 58%,transparent)}
        .category-triptych__item::after{border:0}
        .category-triptych__item span{position:absolute;right:50%;bottom:32px;min-width:150px;margin:0;transform:translateX(50%);background:rgba(255,255,255,.92)}
        .category-triptych__item:hover span{transform:translateX(50%)}
    }

    .editorial-text { display:flex;width:100%;background:#fff;color:#202020; }
    .media-only-section{width:100%;overflow:hidden;background:#050505;line-height:0}.media-only-section img,.media-only-section video{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.media-only-section video{min-height:min(70svh,720px);background:#000}
    @media(max-width:900px){.media-only-section video{height:auto;min-height:0;aspect-ratio:16/9;object-fit:contain}}
    .editorial-text__inner { width:100%;margin-inline:auto; }
    .editorial-text h1 { margin:0 0 clamp(22px,3vw,40px);font-weight:400;letter-spacing:-.045em;line-height:.95; }
    .editorial-text__body { font-size:clamp(15px,1.25vw,20px);line-height:1.22; }
    .editorial-text__body p { margin:0 0 1em; }.editorial-text__body p:last-child{margin-bottom:0}
    .editorial-text__body h2,.editorial-text__body h3{margin:1.2em 0 .5em;line-height:1.05}.editorial-text__body blockquote{margin:1.3em 0;padding-left:1.2em;border-left:2px solid currentColor;font-style:italic}.editorial-text__body ol,.editorial-text__body ul{margin:1em 0;padding-left:1.4em}.editorial-text__body li{margin:.3em 0}.editorial-text__body li[data-list="bullet"]{list-style:disc}.editorial-text__body li[data-list="ordered"]{list-style:decimal}
    .text-size-small h1{font-size:clamp(34px,4vw,60px)}.text-size-medium h1{font-size:clamp(44px,5.5vw,82px)}.text-size-large h1{font-size:clamp(54px,7vw,110px)}.text-size-monumental h1{font-size:clamp(64px,9vw,150px)}
    .text-font-modern{font-family:"Open Sans", Arial, sans-serif}.text-font-open_sans{font-family:"Open Sans", Arial, sans-serif}.text-font-serif{font-family:"Open Sans", Arial, sans-serif}.text-font-minimal{font-family:"Open Sans", Arial, sans-serif;letter-spacing:0}
    .text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}
    .text-width-narrow .editorial-text__inner{max-width:720px}.text-width-medium .editorial-text__inner{max-width:1120px}.text-width-wide .editorial-text__inner{max-width:1560px}
    .text-position-top{align-items:flex-start}.text-position-center{align-items:center}.text-position-bottom{align-items:flex-end}
    .text-spacing-compact{min-height:320px;padding:60px clamp(20px,6vw,100px)}.text-spacing-normal{min-height:480px;padding:90px clamp(20px,7vw,130px)}.text-spacing-generous{min-height:650px;padding:130px clamp(20px,8vw,160px)}
    .text-background-white{background:#fff}.text-background-light{background:#f2f2ef}.text-background-black{background:#050505}.text-background-transparent{background:transparent}
    .text-color-black{color:#202020}.text-color-white{color:#fff}.text-background-black.text-color-auto{color:#fff}.text-background-white.text-color-auto,.text-background-light.text-color-auto,.text-background-transparent.text-color-auto{color:#202020}
    @media(max-width:760px){.editorial-text{min-height:0;padding:72px 20px}.editorial-text h1{margin-bottom:24px;font-size:clamp(38px,13vw,62px)}.editorial-text__body{font-size:16px;line-height:1.35}.text-align-right{text-align:left}}

    .action-banner { position: relative; display: grid; place-items: center; min-height: clamp(420px, 58vw, 680px); padding: 70px 24px; background: linear-gradient(135deg, #153d35, #071b17) center / cover no-repeat; color: white; overflow: hidden; text-align: center; }
    .action-banner__video,
    .action-banner__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
    .action-banner__video { object-fit: cover; }
    .action-banner__shade { background: rgba(7, 20, 17, .68); }
    .action-banner__content { position: relative; z-index: 1; max-width: 920px; }
    .action-banner h1 { margin: 0 0 18px; font-size: clamp(46px, 7vw, 100px); line-height: 1; letter-spacing: -.045em; }
    .action-banner p { max-width: 680px; margin: 0 auto 30px; color: rgba(255,255,255,.76); font-size: clamp(17px, 1.6vw, 23px); line-height: 1.6; }
    .action-banner .button { background: white; color: #102b26; }

    .editorial-feature { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr); min-height: clamp(580px, 70vw, 880px); background: #102a24; color: white; }
    .editorial-feature.no-media { grid-template-columns: 1fr; min-height: 560px; }
    .editorial-feature__media img,
    .editorial-feature__media video { width: 100%; height: 100%; min-height: 580px; object-fit: cover; }
    .editorial-feature__copy { display: flex; padding: clamp(48px, 8vw, 130px); flex-direction: column; align-items: flex-start; justify-content: center; }
    .editorial-feature__copy > span { margin-bottom: 22px; color: #8fc4b8; font-size: 13px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
    .editorial-feature h1 { margin: 0 0 26px; font-size: clamp(48px, 6vw, 92px); line-height: .98; letter-spacing: -.045em; }
    .editorial-feature p { max-width: 650px; margin: 0 0 32px; color: rgba(255,255,255,.72); font-size: clamp(17px, 1.4vw, 22px); line-height: 1.65; }
    .editorial-feature .button { background: white; color: #102b26; }

    .image-slider-section { position: relative; width: min(1380px, calc(100% - 64px)); margin: clamp(48px, 7vw, 100px) auto; overflow: hidden; border-radius: 12px; background: #111; box-shadow: 0 18px 60px rgba(16, 28, 25, .12); }
    .image-slider-track { display: flex; width: 100%; transition: transform .55s cubic-bezier(.22,.75,.25,1); will-change: transform; }
    .image-slider-slide { flex: 0 0 100%; min-width: 100%; height: clamp(360px, 48vw, 680px); margin: 0; }
    .image-slider-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .image-slider-arrow { position: absolute; z-index: 2; top: 50%; display: grid; place-items: center; width: 54px; height: 54px; padding: 0; transform: translateY(-50%); border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(15,20,19,.45); color: white; font-size: 36px; backdrop-filter: blur(8px); }
    .image-slider-arrow--prev { left: clamp(14px, 3vw, 46px); }
    .image-slider-arrow--next { right: clamp(14px, 3vw, 46px); }
    .image-slider-dots { position: absolute; z-index: 2; right: 0; bottom: 24px; left: 0; display: flex; justify-content: center; gap: 9px; }
    .image-slider-dots button { width: 9px; min-height: 9px; padding: 0; border: 1px solid white; border-radius: 50%; background: transparent; }
    .image-slider-dots button.is-active { background: white; }

    .content-gallery > h1 { margin: 0 0 12px; font-size: clamp(32px, 4vw, 58px); }
    .content-gallery > p { max-width: 720px; margin: 0 auto 34px; color: #626766; line-height: 1.6; }
    .content-gallery__grid { display: grid; gap: 16px; max-width: 1500px; margin: 0 auto; }
    .content-gallery__grid img,
    .content-gallery__grid video { width: 100%; border-radius: 8px; object-fit: cover; }
    .gallery-layout-uniform { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
    .gallery-layout-uniform img,
    .gallery-layout-uniform video { height: clamp(260px, 28vw, 440px); }
    .gallery-layout-mosaic { grid-template-columns: repeat(12, 1fr); grid-auto-flow: dense; }
    .gallery-layout-mosaic img,
    .gallery-layout-mosaic video { grid-column: span 4; height: clamp(260px, 30vw, 460px); }
    .gallery-layout-mosaic :nth-child(5n + 1) { grid-column: span 7; }
    .gallery-layout-mosaic :nth-child(5n + 2) { grid-column: span 5; }
    .gallery-layout-featured { grid-template-columns: repeat(2, 1fr); grid-auto-rows: clamp(220px, 24vw, 360px); }
    .gallery-layout-featured img,
    .gallery-layout-featured video { height: 100%; }
    .gallery-layout-featured :first-child { grid-row: span 2; }
    .content-gallery__action { display: flex; justify-content: center; margin-top: 32px; }

    .preview-mode-banner {
        position: fixed;
        z-index: 1000;
        right: 18px;
        bottom: 18px;
        padding: 11px 16px;
        border-radius: 999px;
        background: #0f766e;
        color: white;
        box-shadow: 0 8px 30px rgba(0, 0, 0, .2);
        font-size: 13px;
        font-weight: 700;
    }

    .button {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        padding: 0 18px;
        border-radius: 8px;
        background: var(--ink);
        color: var(--white);
        font-weight: 700;
        text-decoration: none;
    }

    .empty-state {
        display: grid;
        place-items: start;
        gap: 14px;
        min-height: 60vh;
        padding: clamp(48px, 8vw, 104px) clamp(18px, 5vw, 72px);
    }

    .empty-state h1 {
        margin: 0;
        font-size: clamp(38px, 6vw, 68px);
    }

    .site-footer {
        min-height: 92svh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 54px clamp(24px, 4.2vw, 80px) 42px;
        background: var(--black);
        color: var(--white);
    }

    .footer-rule {
        height: 1px;
        background: rgba(255, 255, 255, 0.72);
    }

    .footer-top {
        display: grid;
        grid-template-columns: minmax(360px, 0.9fr) minmax(620px, 1.3fr);
        gap: clamp(56px, 9vw, 150px);
        margin-top: clamp(56px, 10vw, 100px);
    }

    .newsletter-block h2,
    .footer-columns h3 {
        margin: 0 0 26px;
        font-size: 24px;
    }

    .newsletter-form {
        display: grid;
        grid-template-columns: 1fr 54px;
        align-items: center;
        max-width: 580px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.82);
    }

    .newsletter-form input {
        min-height: 54px;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--white);
        font: inherit;
        font-size: 18px;
    }

    .newsletter-form input::placeholder {
        color: rgba(255, 255, 255, 0.78);
    }

    .newsletter-form button {
        display: grid;
        place-items: center;
        border: 0;
        background: transparent;
        color: var(--white);
        cursor: pointer;
    }

    .social-links {
        display: flex;
        gap: 28px;
        margin-top: 48px;
    }

    .social-links a {
        font-weight: 800;
        text-decoration: none;
    }

    .footer-columns {
        display: grid;
        grid-template-columns: repeat(4, minmax(120px, 1fr));
        gap: 42px;
    }

    .footer-columns div {
        display: grid;
        align-content: start;
        gap: 24px;
    }

    .footer-columns a {
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
    }

    .footer-bottom {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 32px;
    }

    .footer-logo {
        width: min(58vw, 640px);
        max-height: 260px;
        object-fit: contain;
        object-position: left bottom;
        filter: invert(1);
    }

    .footer-meta {
        display: flex;
        align-items: center;
        gap: 20px;
        padding-bottom: 12px;
        font-size: 18px;
    }

    @media (max-width: 1160px) {
        .site-header {
            grid-template-columns: 82px minmax(0, 1fr) auto;
        }

        .shipping-note {
            display: none;
        }

        .macro-showcase__cards {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .watch-card--wide {
            grid-column: 1 / -1;
        }

        .footer-top {
            grid-template-columns: 1fr;
    }
}

.home-page .editorial-text--about{
    min-height:clamp(600px,72svh,760px);
    padding:clamp(90px,10vw,150px) clamp(28px,8vw,150px);
    font-family:"Open Sans", Arial, sans-serif;
    color:#3f3f3f;
}
.home-page .editorial-text--about .editorial-text__inner{
    width:min(100%,1120px);
}
.home-page .editorial-text--about h1{
    margin-bottom:clamp(32px,4vw,52px);
    font-family:"Open Sans", Arial, sans-serif;
    font-size:clamp(42px,4vw,58px);
    font-weight:400;
    letter-spacing:-.035em;
    line-height:1.08;
    text-align:center;
}
.home-page .editorial-text--about .editorial-text__body{
    max-width:1050px;
    margin-inline:auto;
    color:#303030;
    font-family:"Open Sans", Arial, sans-serif;
    font-size:clamp(16px,1.25vw,20px);
    font-weight:400;
    letter-spacing:-.018em;
    line-height:1.32;
    text-align:left;
}
.home-page .editorial-text--about .editorial-text__body p{margin-bottom:1.2em}
.home-page .editorial-text--about .editorial-text__body em{
    font-family:inherit;
    font-style:normal;
}
.home-trajectory{
    width:100%;
    padding:clamp(78px,8vw,126px) clamp(24px,7vw,112px) clamp(92px,10vw,150px);
    background:#fff;
    color:#252525;
    font-family:"Open Sans", Arial, sans-serif;
}
.home-trajectory__heading{
    max-width:940px;
    margin:0 auto clamp(48px,6vw,82px);
    text-align:center;
}
.home-trajectory__heading h1{
    margin:0;
    font-size:clamp(38px,4vw,58px);
    font-weight:400;
    letter-spacing:-.035em;
    line-height:1.08;
    text-transform:uppercase;
}
.home-trajectory__heading p{
    margin:18px auto 0;
    color:#555;
    font-size:clamp(15px,1.15vw,18px);
    line-height:1.5;
}
.home-trajectory__press{
    display:grid;
    width:min(100%,1420px);
    margin-inline:auto;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(18px,2.6vw,44px);
    align-items:start;
}
.home-trajectory__press-item{
    position:relative;
    margin:0;
    overflow:hidden;
    background:#f5f5f3;
}
.home-trajectory__item-action{position:absolute;right:18px;bottom:18px;left:18px;display:grid;min-height:44px;padding:8px 16px;place-items:center;border:1px solid rgba(30,30,30,.38);border-radius:8px;background:rgba(255,255,255,.94);color:#202020;font-family:"Open Sans", Arial, sans-serif;font-size:12px;font-weight:500;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease,transform .2s ease}
.home-trajectory__item-action:hover{background:#fff;transform:translateY(-2px)}
.home-trajectory__press-item img{
    display:block;
    width:100%;
    aspect-ratio:4 / 5;
    object-fit:cover;
    object-position:top center;
}
.home-trajectory__more{
    display:flex;
    width:min(100%,340px);
    min-height:54px;
    margin:clamp(42px,5vw,70px) auto 0;
    padding:12px 24px;
    align-items:center;
    justify-content:center;
    border:1px solid #9b9b9b;
    color:#202020;
    font-size:13px;
    font-weight:600;
    letter-spacing:.035em;
    line-height:1;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.home-trajectory__more:hover{
    border-color:#171717;
    background:#171717;
    color:#fff;
}
@media(max-width:760px){
    .home-page .editorial-text--about{min-height:0;padding:72px 22px}
    .home-page .editorial-text--about h1{margin-bottom:30px;font-size:clamp(36px,11vw,48px);letter-spacing:-.04em;line-height:1.08}
    .home-page .editorial-text--about .editorial-text__body{font-size:16px;line-height:1.4}
    .home-trajectory{padding:68px 20px 82px}
    .home-trajectory__heading{margin-bottom:38px}
    .home-trajectory__press{grid-template-columns:1fr;gap:22px}
    .home-trajectory__press-item img{aspect-ratio:auto;max-height:none;object-fit:contain}
}

.storefront h1,
.storefront h2,
.storefront h3,
.storefront h4{
    font-family:"Open Sans", Arial, sans-serif!important;
    font-weight:300!important;
}

.storefront .hero-more-button{
    display:inline-flex;
    width:auto;
    min-width:0;
    min-height:44px;
    margin-top:auto;
    padding:0 18px;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:8px;
    background:var(--section-button-bg,var(--ink,#171717));
    color:var(--section-button-color,#fff);
    font-family:"Open Sans", Arial, sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    text-transform:none;
    transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
.storefront .hero-more-button:hover{filter:brightness(.88);color:var(--section-button-color,#fff);transform:translateY(-1px)}
.storefront .art-card__copy .hero-more-button{width:100%}
.storefront .expanding-card__detail-link.hero-more-button{position:absolute;display:flex;width:auto;margin:0}
.storefront .category-triptych__item span{
    top:50%;
    right:16px;
    bottom:auto;
    left:16px;
    width:auto;
    min-width:0;
    min-height:54px;
    margin:0;
    padding:0 18px;
    border-radius:9px;
    background:var(--section-button-bg,#171a22);
    color:var(--section-button-color,#fff);
    font-family:"Open Sans", Arial, sans-serif;
    font-size:14px;
    font-weight:700;
    text-transform:none;
    transform:translateY(-50%);
}
.storefront .category-triptych__item:hover span{filter:brightness(.88);color:var(--section-button-color,#fff);transform:translateY(calc(-50% - 1px))}
@media(max-width:760px){
    .storefront .category-triptych__item span{top:auto;right:16px;bottom:34px;left:16px;transform:none}
    .storefront .category-triptych__item:hover span{transform:none}
}
.storefront .button-style-compact .hero-more-button{width:auto;min-width:150px;min-height:46px;padding-inline:24px;border-radius:0}
.storefront .button-style-wide .hero-more-button{min-height:54px;border-radius:9px}
.storefront .category-triptych.button-style-compact .category-triptych__item span{right:50%;left:auto;width:auto;min-width:150px;padding-inline:24px;border-radius:0;transform:translate(50%,-50%)}
.storefront .category-triptych.button-style-compact .category-triptych__item:hover span{transform:translate(50%,calc(-50% - 1px))}
@media(max-width:760px){
    .storefront .category-triptych.button-style-compact .category-triptych__item span,
    .storefront .category-triptych.button-style-compact .category-triptych__item:hover span{transform:translateX(50%)}
}
.storefront .category-triptych .category-triptych__item span,
.storefront .category-triptych.button-style-compact .category-triptych__item span{
    position:absolute;
    top:auto;
    right:50%;
    bottom:40px;
    left:auto;
    width:min(58%,240px);
    min-width:190px;
    min-height:44px;
    margin:0;
    padding:9px 22px;
    border:1px solid #8f8f8f;
    border-radius:12px;
    background:#fff;
    color:#242424;
    font-family:"Open Sans", Arial, sans-serif;
    font-size:14px;
    font-weight:400;
    letter-spacing:0;
    line-height:1;
    text-transform:uppercase;
    transform:translateX(50%);
}
.storefront .category-triptych .category-triptych__item:hover span,
.storefront .category-triptych.button-style-compact .category-triptych__item:hover span{
    border-color:#171717;
    background:#171717;
    color:#fff;
    filter:none;
    transform:translate(50%,-2px);
}
@media(max-width:760px){
    .storefront .category-triptych .category-triptych__item span,
    .storefront .category-triptych.button-style-compact .category-triptych__item span{
        right:50%;
        bottom:32px;
        left:auto;
        width:min(72%,280px);
        min-width:170px;
        transform:translateX(50%);
    }
    .storefront .category-triptych .category-triptych__item:hover span,
    .storefront .category-triptych.button-style-compact .category-triptych__item:hover span{
        transform:translate(50%,-2px);
    }
}
.custom-hero.hero-content-top .custom-hero__content{align-self:start}
.custom-hero.hero-content-center .custom-hero__content{align-self:center}
.custom-hero.hero-content-bottom .custom-hero__content{align-self:end}
.store-hero.hero-content-top .store-hero__content{top:clamp(140px,18vh,220px);bottom:auto;transform:translateX(-50%)}
.store-hero.hero-content-center .store-hero__content{top:50%;bottom:auto;transform:translate(-50%,-42%)}
.store-hero.hero-content-bottom .store-hero__content{top:auto;bottom:clamp(64px,9vh,110px);transform:translateX(-50%)}
@media(max-width:760px){
    .custom-hero.hero-content-top .custom-hero__content{align-self:start}
    .custom-hero.hero-content-bottom .custom-hero__content{align-self:end;margin-bottom:10px}
    .store-hero.hero-content-top .store-hero__content{top:120px;bottom:auto;transform:translateX(-50%)}
    .store-hero.hero-content-center .store-hero__content{top:50%;bottom:auto;transform:translate(-50%,-38%)}
    .store-hero.hero-content-bottom .store-hero__content{top:auto;bottom:34px;transform:translateX(-50%)}
}

    @media (max-width: 860px) {
        .site-header {
            top: 12px;
            grid-template-columns: 1fr auto;
            min-height: auto;
            padding: 10px 14px;
        }

        .site-nav {
            grid-column: 1 / -1;
            order: 3;
            justify-content: flex-start;
            overflow-x: auto;
            padding-top: 8px;
            font-size: 12px;
        }

        .site-actions {
            gap: 10px;
        }

        .action-divider {
            display: none;
        }

        .store-hero__ctas {
            bottom: 54px;
            grid-template-columns: 1fr;
            width: min(86vw, 360px);
            gap: 22px;
        }

        .category-prompt {
            gap: 12px;
        }

        .macro-showcase {
            padding-top: 170px;
        }

        .macro-showcase__cards {
            grid-template-columns: 1fr;
        }

        .watch-card {
            min-height: 180px;
        }

        .watch-card--wide {
            grid-template-columns: 1fr;
        }

        .watch-card__media {
            height: 210px;
        }

        .watch-card__media--compact {
            height: 180px;
        }

        .featured-products {
            min-height: auto;
            padding: 120px 18px 56px;
        }

        .featured-products h1 {
            margin-bottom: 22px;
        }

        .featured-carousel {
            grid-auto-columns: 100%;
            justify-content: start;
            gap: 0;
            min-height: 430px;
            padding: 0;
        }

        .carousel-button {
            top: 48%;
            bottom: auto;
            width: 40px;
            height: 40px;
        }

        .featured-slide.is-active img,
        .featured-slide img {
            width: min(78vw, 300px);
            max-height: 360px;
        }

        .featured-slide {
            min-height: 430px;
            padding: 0 48px;
        }

        .product-detail {
            grid-template-columns: 1fr;
        }

        .product-gallery,
        .product-info {
            min-height: auto;
        }

        .product-media-layout { grid-template-columns: 1fr; }
        .product-thumbnails { grid-row: 2; display: flex; max-width: 100%; overflow-x: auto; overflow-y: hidden; }
        .product-thumbnail { flex: 0 0 72px; width: 72px; height: 78px; }

        .product-info {
            padding-top: 50px;
        }

        .purchase-row,
        .product-links {
            grid-template-columns: 1fr;
        }

        .section-inner {
            grid-template-columns: 1fr;
        }

        .content-gallery { padding-inline: 16px; }
        .custom-hero,
        .custom-hero.hero-cards-left { grid-template-columns: 1fr; min-height: auto; padding: 150px 20px 60px; }
        .custom-hero.hero-cards-left .custom-hero__cards,
        .custom-hero.hero-cards-left .custom-hero__content { grid-column: 1; grid-row: auto; }
        .custom-hero.hero-template-overlay_right .custom-hero__content,
        .custom-hero.hero-template-overlay_right .custom-hero__cards,
        .custom-hero.hero-template-split .custom-hero__content,
        .custom-hero.hero-template-split .custom-hero__cards { grid-column: 1; grid-row: auto; text-align: left; }
        .custom-hero.hero-template-overlay_right .custom-hero__content > p { margin-left: 0; }
        .custom-hero.hero-template-split { background-size: cover; background-position: center; color: white; }
        .custom-hero.hero-template-split .custom-hero__overlay { display: block; }
        .custom-hero.hero-template-split .custom-hero__content > p { color: rgba(255,255,255,.78); }
        .custom-hero.hero-template-visual_cards { padding-bottom: 24px; }
        .custom-hero.hero-template-visual_cards .custom-hero__cards { grid-template-columns: 1fr; }
        .custom-hero.hero-template-visual_cards .custom-hero-card:first-child { display: block; }
        .custom-hero.hero-template-visual_cards .custom-hero-card:first-child .custom-hero-card__image { height: 220px; min-height: 0; margin-bottom: 12px; }
        .custom-hero__content h1 { font-size: clamp(52px, 15vw, 84px); }
        .custom-hero.hero-cards-bottom .custom-hero__cards { grid-template-columns: 1fr; }
        .editorial-feature { grid-template-columns: 1fr; }
        .editorial-feature__media img,
        .editorial-feature__media video { min-height: 420px; max-height: 620px; }
        .image-slider-section { width: calc(100% - 28px); margin-block: 36px; border-radius: 8px; }
        .image-slider-slide { height: clamp(320px, 68vw, 520px); min-height: 0; }
        .image-slider-arrow { width: 42px; height: 42px; font-size: 28px; }
        .gallery-layout-mosaic { grid-template-columns: repeat(2, 1fr); }
        .gallery-layout-mosaic img,
        .gallery-layout-mosaic video,
        .gallery-layout-mosaic :nth-child(5n + 1),
        .gallery-layout-mosaic :nth-child(5n + 2) { grid-column: span 1; height: 280px; }
        .gallery-layout-featured { grid-template-columns: 1fr; grid-auto-rows: 300px; }
        .gallery-layout-featured :first-child { grid-row: auto; }

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

        .footer-bottom {
            grid-template-columns: 1fr;
        }

        .footer-meta {
            flex-wrap: wrap;
        }
    }

    @media (max-width: 560px) {
        .brand {
            width: 118px;
            height: 38px;
        }

        .icon-link {
            width: 24px;
            height: 24px;
        }

        .site-actions .icon-link[aria-label="Tiendas"],
        .site-actions .icon-link[aria-label="Cuenta"] {
            display: none;
        }

        .footer-columns {
            grid-template-columns: 1fr;
        }
    }

    /* Catálogo de arte */
    .catalog-page main { min-height: 70vh; background: #f7f7f5; }
    .catalog-landing { padding: 150px clamp(22px,6vw,90px) 48px; }
    .catalog-landing header { max-width: 760px; }
    .catalog-landing header > span, .artist-profile__copy > span { color: #727272; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .catalog-landing h1, .artist-profile h1 { margin: 8px 0 14px; font-size: clamp(46px,7vw,92px); font-weight: 500; letter-spacing: -.055em; line-height: .95; }
    .catalog-landing header p { max-width: 620px; color: #555; font-size: 17px; line-height: 1.6; }
    .artist-grid, .artwork-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); gap: 24px; }
    .artist-grid { margin-top: 54px; }
    .artist-tile, .artwork-tile { color: #171717; text-decoration: none; }
    .artist-tile img, .artist-placeholder, .artwork-tile img { display: grid; width: 100%; aspect-ratio: 4/5; place-items: center; object-fit: cover; background: #e9e9e6; border-radius: 4px; }
    .artist-placeholder { font-family: "Open Sans", Arial, sans-serif; font-size: 80px; }
    .artist-tile h2, .artwork-tile h3 { margin: 14px 0 3px; font-size: 18px; font-weight: 600; }
    .artist-tile p, .artwork-tile p { margin: 0; color: #6b6b6b; }
    .artist-profile { display: grid; grid-template-columns: minmax(300px,.8fr) minmax(380px,1.2fr); gap: clamp(40px,8vw,130px); padding: 150px clamp(22px,7vw,110px) 80px; }
    .artist-profile__media img { width: 100%; max-height: 680px; object-fit: cover; }
    .artist-profile__copy { align-self: center; }
    .artist-profile__copy > p { max-width: 680px; margin-top: 28px; color: #4e4e4e; font-size: 17px; line-height: 1.75; }
    .artwork-catalog { padding: 40px clamp(22px,7vw,110px) 100px; }
    .artwork-catalog > h2 { margin: 0 0 30px; font-size: 28px; font-weight: 500; }
    .catalog-empty { grid-column: 1/-1; padding: 70px 0; color: #6b6b6b; }
    .product-artists { margin: -8px 0 22px; color: #666; }
    .product-artists a { text-underline-offset: 3px; }
    .related-artworks { padding:80px clamp(22px,6vw,90px) 110px; background:#f5f5f2; color:#171717; }
    .related-artworks__heading { display:flex; margin-bottom:34px; align-items:end; justify-content:space-between; gap:24px; border-bottom:1px solid #d9d9d4; padding-bottom:22px; }
    .related-artworks__heading span { color:#737373; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
    .related-artworks__heading h2 { margin:0; font-size:clamp(28px,3.5vw,48px); font-weight:500; letter-spacing:-.04em; }
    .related-artworks__grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:24px; }
    .related-artwork { overflow:hidden; color:#171717; text-decoration:none; }
    .related-artwork img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; background:#e7e7e3; transition:transform .35s ease; }
    .related-artwork:hover img { transform:scale(1.025); }
    .related-artwork h3 { margin:14px 0 4px; font-size:18px; font-weight:600; }.related-artwork p{margin:0;color:#666}
    @media(max-width:650px){.related-artworks__heading{display:block}.related-artworks__heading h2{margin-top:8px}.related-artworks__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}

    .artist-showcase-layout { width:100%; background:#fff; }
    .artist-showcase { position: relative; display: flex; min-height: min(72svh,760px); padding: 180px clamp(22px,6vw,90px) 56px; align-items: flex-end; overflow: hidden; background-position: center; background-size: cover; color: #fff; isolation: isolate; }
    .artist-showcase__video,.artist-showcase__shade { position:absolute; inset:0; width:100%; height:100%; }
    .artist-showcase__video { z-index:-2; object-fit:cover; }
    .artist-showcase__shade { z-index:-1; background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.3) 55%,rgba(0,0,0,.8)); }
    .artist-showcase__intro { position:relative; bottom:auto; left:auto; width:min(760px,88vw); margin-inline:auto; text-align:center; transform:none; text-shadow:0 2px 20px rgba(0,0,0,.65); }
    .artist-showcase__intro h1 { margin:0 0 12px; font-size:clamp(50px,7vw,94px); font-weight:500; letter-spacing:-.055em; line-height:.95; }
    .artist-showcase__intro p { margin:auto; font-size:14px; font-weight:600; line-height:1.4; }
    .artist-showcase-featured-shell { padding:22px clamp(22px,6vw,90px) 42px; background:#fff; }
    .artist-showcase__featured { display:grid; grid-template-columns:minmax(360px,2fr) repeat(3,minmax(180px,1fr)); gap:18px; width:100%; max-width:1320px; margin:0 auto; align-items:end; }
    .artist-showcase-card { display:flex; height:215px; min-height:0; overflow:hidden; padding:14px; flex-direction:column; align-self:end; border-radius:7px; background:rgba(245,245,245,.92); color:#191919; text-align:center; text-decoration:none; backdrop-filter:blur(10px); }
    .artist-showcase-card img,.artist-showcase-card>span { display:grid; width:100%; height:158px; min-height:0; place-items:center; object-fit:cover; object-position:center; background:#ddd; font:48px "Open Sans", Arial, sans-serif; }
    .artist-showcase-card h2 { margin:10px 0 0; font-size:15px; }
    .artist-showcase-card.is-featured { display:grid; height:215px; grid-template-columns:46% minmax(0,1fr); text-align:left; }
    .artist-showcase-card.is-featured img,.artist-showcase-card.is-featured>span { height:187px; min-height:0; }
    .artist-showcase-card.is-featured div { display:flex; padding:4px 0 4px 16px; flex-direction:column; align-items:flex-start; }
    .artist-showcase-card.is-featured h2 { margin:0; font-size:18px; }.artist-showcase-card.is-featured p{display:-webkit-box;overflow:hidden;margin:10px 0;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:5}.artist-showcase-card.is-featured b{margin-top:auto;padding:9px 24px;border-radius:5px;background:#222;color:#fff;font-size:12px;text-transform:uppercase}
    .artist-directory{padding:42px clamp(24px,5vw,76px) 100px;background:#fff;color:#202020;font-family:"Open Sans", Arial, sans-serif}
    .artist-directory__heading{width:min(100%,1500px);margin:0 auto 42px}
    .artist-directory__heading h1{margin:0;font-family:"Open Sans", Arial, sans-serif;font-size:20px;font-weight:700;line-height:1.3}
    .artist-directory__heading h1 span{font-weight:400}
    .artist-showcase-grid { display:grid; width:min(100%,1500px); margin:0 auto; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px clamp(24px,3vw,48px); background:#fff; }
    .artist-showcase-grid a { display:block;min-width:0;padding:28px 28px 20px;border-radius:6px;background:#f1f1f1;color:#191919;font-family:"Open Sans", Arial, sans-serif;text-align:left;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.artist-showcase-grid a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.artist-showcase-grid img,.artist-showcase-grid span{display:grid;width:100%;aspect-ratio:1;place-items:center;object-fit:cover;background:#ddd;font:42px "Open Sans", Arial, sans-serif}.artist-showcase-grid h2{margin:12px 0 0;font-family:"Open Sans", Arial, sans-serif;font-size:clamp(17px,1.5vw,23px);font-weight:400;line-height:1.2}
    @media(max-width:1050px){.artist-showcase{min-height:680px}.artist-showcase-featured-shell{padding-inline:24px}.artist-showcase__featured{grid-template-columns:repeat(3,1fr)}.artist-showcase-card.is-featured{grid-column:1/-1}}
    @media(max-width:900px){.artist-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:650px){.artist-showcase{min-height:72svh;padding:145px 16px 48px}.artist-showcase-featured-shell{padding:20px 16px 36px}.artist-showcase__featured{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto}.artist-showcase-card{height:205px;padding:10px}.artist-showcase-card img,.artist-showcase-card>span{height:150px}.artist-directory{padding:52px 16px 72px}.artist-directory__heading{margin-bottom:28px}.artist-showcase-grid{gap:14px}.artist-showcase-grid a{padding:12px 12px 14px}.artist-showcase-grid h2{font-size:15px}}

    @media(max-width:720px){.artist-profile{grid-template-columns:1fr}.artist-profile__media img{max-height:480px}.artist-grid,.artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}

    /* Portada Capital del Arte */
    .home-page {
        background: #050505;
    }

    .home-page main {
        min-height: 100svh;
    }

    .home-page .site-header {
        top: 18px;
        left: 10px;
        right: 10px;
        grid-template-columns: 82px minmax(0, 1fr) auto;
        gap: 18px;
        min-height: 48px;
        padding: 0 18px;
        border-radius: 8px;
        background: rgba(248,248,248,.86);
    }

    .home-page .brand { width: 58px; height: 34px; }
    .home-page .site-nav { justify-content: flex-start; gap: 0; font-size: 17px; }
    .home-page .site-actions { gap: 12px; }
    .home-page .shipping-note { display: none; }
    .home-page .action-divider { margin: 0 2px 0 0; }
    .home-page .icon-link { width: 22px; height: 22px; }

    @media (min-width: 1161px) {
        .shipping-note,
        .home-page .shipping-note { display:flex; }
    }

    @media (min-width: 1100px) {
        .site-header,
        .home-page .site-header {
            top:36px;
            left:32px;
            right:32px;
            grid-template-columns:110px minmax(0,1fr) auto;
            gap:22px;
            min-height:70px;
            padding:0 26px;
            border-radius:14px;
        }
        .brand,
        .home-page .brand { width:74px;height:44px; }
        .site-nav,
        .home-page .site-nav {
            gap:2px;
            font-family:"Open Sans", Arial, sans-serif;
            font-size:18px;
            font-weight:400;
            letter-spacing:.005em;
        }
        .site-nav a { min-height:58px;padding-inline:16px; }
        .site-actions,
        .home-page .site-actions { gap:14px; }
        .site-actions .icon-link,
        .home-page .icon-link { width:25px;height:25px; }
        .shipping-note { min-width:210px;font-size:16px;font-weight:400; }
        .action-divider { height:40px;margin-inline:4px 2px; }
    }

    .art-home {
        position: relative;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        min-height: 100svh;
        overflow: hidden;
        padding: 150px clamp(20px, 8vw, 128px) 38px;
        align-items: end;
        color: #fff;
        isolation: isolate;
    }

    .art-home__media,
    .art-home__shade {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .art-home__media {
        z-index: -3;
        object-fit: cover;
    }

    .art-home__shade {
        z-index: -2;
        background: linear-gradient(180deg, rgba(0,0,0,.08) 22%, rgba(0,0,0,.16) 48%, rgba(0,0,0,.82) 100%);
    }

    .art-home--media-only .art-home__shade { background: transparent; }
    .art-home__overlay-logo { display:none; }
    .art-home--free-position .art-home__overlay-logo {
        position:absolute;
        z-index:2;
        top:var(--hero-overlay-y);
        left:var(--hero-overlay-x);
        display:block;
        width:var(--hero-overlay-width);
        max-width:90%;
        max-height:65%;
        object-fit:contain;
        pointer-events:none;
        transform:translate(-50%,-50%);
    }
    .art-home--free-position .art-home__intro {
        position:absolute;
        z-index:3;
        top:var(--hero-text-y);
        left:var(--hero-text-x);
        width:min(760px,78vw);
        margin:0;
        transform:translate(-50%,-50%);
        font-family:var(--hero-font-family);
    }
    .hero-overlay-logo { display:none; }
    .custom-hero.hero-free-position .hero-overlay-logo,
    .store-hero.hero-free-position .hero-overlay-logo {
        position:absolute;
        z-index:3;
        top:var(--hero-overlay-y);
        left:var(--hero-overlay-x);
        display:block;
        width:var(--hero-overlay-width);
        max-width:90%;
        max-height:65%;
        object-fit:contain;
        pointer-events:none;
        transform:translate(-50%,-50%);
    }
    .custom-hero.hero-free-position .custom-hero__content,
    .store-hero.hero-free-position .store-hero__content {
        position:absolute;
        z-index:4;
        top:var(--hero-text-y);
        left:var(--hero-text-x);
        margin:0;
        transform:translate(-50%,-50%);
        font-family:var(--hero-font-family);
    }

    .art-home__intro {
        position: relative;
        z-index: 1;
        left: auto;
        bottom: auto;
        width: min(760px, 78vw);
        margin: 0 auto 34px;
        align-self: end;
        justify-self: center;
        text-align: center;
        transform: none;
        text-shadow: 0 2px 18px rgba(0,0,0,.6);
    }

    .art-home__intro h1 {
        margin: 0 0 10px;
        font-size: clamp(44px, 5vw, 76px);
        font-weight: 500;
        letter-spacing: -.045em;
        line-height: .95;
    }

    .art-home__intro p {
        max-width: 650px;
        margin: 0 auto;
        font-size: clamp(12px, 1.05vw, 16px);
        font-weight: 600;
        line-height: 1.25;
    }

    .art-home__collection {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(370px, 2.05fr) repeat(3, minmax(160px, 1fr));
        gap: 20px;
        width: 100%;
        max-width: 1320px;
        margin: 0 auto;
        align-items: end;
    }

    .art-card {
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.5);
        border-radius: 8px;
        background: rgba(248,248,248,.94);
        color: #202020;
        box-shadow: 0 16px 38px rgba(0,0,0,.18);
        backdrop-filter: blur(12px);
    }

    .art-card--featured {
        display: grid;
        grid-template-columns: 46% 1fr;
        height: 218px;
        min-height: 0;
        padding: 14px;
        text-decoration: none;
    }

    .art-card--featured > img {
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: cover;
    }

    .art-card__copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 18px;
    }

    .art-card h2 {
        margin: 0;
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.25;
    }

    .art-card--featured h2 { font-size: 17px; font-weight: 600; }

    .art-card h2 span { font-weight: 400; }
    .art-card__artist { margin: 4px 0 2px; font-size: 13px; }
    .art-card__price { margin: 0; font-size: 14px; }
    .art-card__details { margin: 14px 0 12px; font-size: 10px; line-height: 1.3; }

    .art-card__copy a,
    .art-card__cta {
        display: grid;
        width: 100%;
        min-height: 40px;
        margin-top: auto;
        place-items: center;
        border-radius: 8px;
        background: #242424;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
    }

    .art-card--compact {
        display: flex;
        flex-direction: column;
        height: 218px;
        min-height: 0;
        padding: 14px 14px 12px;
        text-align: center;
        text-decoration: none;
    }

    .art-card--compact img {
        width: 100%;
        height: 158px;
        min-height: 0;
        flex: 0 0 158px;
        object-fit: cover;
        background: #fff;
    }

    .art-card--compact h2 { margin-top: 12px; }

    @media (max-width: 1050px) {
        .art-home { min-height: 900px; padding-inline: 34px; }
        .art-home__collection { grid-template-columns: repeat(3, 1fr); }
        .art-card--featured { grid-column: 1 / -1; }
        .art-home__intro { margin-bottom: 30px; }
    }

    @media (max-width: 680px) {
        .home-page .site-header { top: 12px; left: 12px; right: 12px; grid-template-columns: 1fr auto; padding: 10px 14px; }
        .home-page .brand { width: 42px; }
        .home-page .site-nav { justify-content: flex-start; font-size: 12px; }
        .art-home { display: block; min-height: 100svh; padding: 310px 16px 24px; overflow: visible; }
        .art-home__media, .art-home__shade { position: fixed; }
        .art-home__intro { width: 100%; margin-bottom: 24px; }
        .art-home__intro h1 { font-size: 44px; }
        .art-home__collection { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .art-card--featured { grid-template-columns: 1fr; padding: 14px; }
        .art-card--featured { height: auto; min-height: 390px; }
        .art-card--featured > img { height: 180px; }
        .art-card__copy { padding: 14px 0 0; }
        .art-card--compact { height: 220px; min-height: 0; padding: 12px; }
        .art-card--compact img { height: 160px; flex-basis: 160px; }
    }

    /* Carrusel editorial de obras */
    .artwork-carousel-section { padding:110px clamp(22px,5vw,80px) 100px; overflow:hidden; background:#f5f5f2; color:#171717; }
    .artwork-carousel-heading { display:flex; max-width:1500px; margin:0 auto 36px; align-items:end; justify-content:space-between; gap:24px; border-bottom:1px solid #d8d8d3; padding-bottom:20px; }
    .artwork-carousel-heading span { color:#737373; font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
    .artwork-carousel-heading h1 { margin:0; font-size:clamp(34px,4vw,58px); font-weight:500; letter-spacing:-.045em; line-height:1; }
    .artwork-carousel-shell { position:relative; max-width:1580px; margin:auto; padding:0 54px; }
    .artwork-carousel { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 60px) / 4); align-items:start; gap:20px; overflow-x:auto; padding:0 0 16px; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .artwork-carousel::-webkit-scrollbar { display:none; }
    .artwork-carousel-card { position:relative; z-index:1; display:flex; min-width:0; overflow:hidden; flex-direction:column; background:#fff; color:#171717; text-decoration:none; scroll-snap-align:start; cursor:pointer; pointer-events:auto; }
    .artwork-carousel-card * { pointer-events:none; }
    .artwork-carousel-card__media { overflow:hidden; aspect-ratio:1; background:#e7e7e3; }
    .artwork-carousel-card__media img { display:block; width:100%; height:100%; object-fit:contain; background:#fff; transition:transform .35s ease; }
    .artwork-carousel-card:hover .artwork-carousel-card__media img { transform:scale(1.025); }
    .artwork-carousel-card__copy { display:flex; min-height:138px; padding:15px 16px; flex-direction:column; align-items:flex-start; }
    .artwork-carousel-card__copy h2 { margin:0 0 5px; font-family:"Open Sans", Arial, sans-serif; font-size:16px; font-weight:500; line-height:1.2; }
    .artwork-carousel-card__copy p { margin:0 0 6px; color:#6c6c6c; font-size:13px; }.artwork-carousel-card__copy strong{font-size:14px;font-weight:500}.artwork-carousel-card__copy span{margin-top:auto;padding-top:14px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
    .artwork-carousel-shell .carousel-button { top:42%; transform:translateY(-50%); background:rgba(255,255,255,.94); }
    .artwork-carousel-shell .carousel-button--prev { left:0; }.artwork-carousel-shell .carousel-button--next { right:0; }
    @media(max-width:1100px){.artwork-carousel{grid-auto-columns:calc((100% - 40px) / 3)}}
    @media(max-width:850px){.artwork-carousel{grid-auto-columns:calc((100% - 20px) / 2)}}
    @media(max-width:700px){.artwork-carousel-section{padding:80px 16px 70px}.artwork-carousel-heading{display:block}.artwork-carousel-heading h1{margin-top:8px}.artwork-carousel-shell{padding:0 38px}.artwork-carousel{grid-auto-columns:100%;gap:14px}.artwork-carousel-shell .carousel-button{width:40px;height:40px}}

    /* Footer institucional */
    .site-footer { display:flex; min-height:430px; padding:70px 24px 58px; align-items:center; justify-content:center; gap:24px; background:#030303; color:#fff; text-align:center; }
    .gallery-footer-brand { display:flex; align-items:center; flex-direction:column; }
    .gallery-footer-brand img { width:104px; height:70px; object-fit:contain; filter:invert(1); }
    .gallery-footer-brand strong { margin-top:3px; font-size:25px; font-weight:400; letter-spacing:.11em; line-height:1; text-transform:uppercase; }
    .gallery-footer-brand span { margin-top:7px; font-size:9px; letter-spacing:.48em; text-transform:uppercase; }
    .gallery-footer-legal { display:flex; min-height:46px; padding:0 16px; align-items:center; gap:18px; border-radius:3px; background:#0c0c0c; }
    .payment-methods { display:flex; gap:7px; }.payment-methods b{display:grid;min-width:44px;height:23px;padding:0 5px;place-items:center;border-radius:3px;background:#282828;color:#bdbdbd;font-size:9px;font-style:italic}
    .gallery-footer-legal nav { display:flex; align-items:center; gap:17px; }.gallery-footer-legal nav a{color:#8d8d8d;font-size:11px;font-weight:500;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.gallery-footer-legal nav a:hover{color:#fff}
    .site-footer > small { color:#5f5f5f; font-size:9px; }
    @media(max-width:650px){.site-footer{min-height:390px;padding-inline:16px}.gallery-footer-brand strong{font-size:20px}.gallery-footer-legal{padding:12px;flex-direction:column}.gallery-footer-legal nav{gap:10px;flex-wrap:wrap;justify-content:center}.gallery-footer-legal nav a{font-size:9px}}

    /* Navegación y ajustes generales para móvil */
    @media (max-width: 760px) {
        body::before { position:fixed;z-index:18;inset:0;content:"";background:rgba(0,0,0,.38);opacity:0;pointer-events:none;transition:opacity .32s ease; }
        body.menu-is-open { overflow:hidden; }
        body.menu-is-open::before { opacity:1;pointer-events:auto; }
        .site-header,
        .home-page .site-header {
            top: 18px;
            left: 16px;
            right: 16px;
            display: grid;
            grid-template-columns: 48px minmax(0,1fr) auto;
            gap: 0;
            min-height: 46px;
            padding: 0 10px 0 0;
            border: 0;
            border-radius: 11px;
            background: rgba(242,242,242,.88);
            box-shadow: 0 8px 24px rgba(0,0,0,.12);
            backdrop-filter: blur(16px);
        }
        .mobile-menu-toggle {
            position:relative;
            display:grid;
            width:48px;
            height:46px;
            padding:0;
            place-items:center;
            border:0;
            border-radius:11px 0 0 11px;
            background:transparent;
            color:#202832;
            cursor:pointer;
        }
        .mobile-menu-toggle::before { position:absolute;width:38px;height:38px;border-radius:50%;background:rgba(80,85,90,.18);content:"";opacity:0;transform:scale(.45);transition:opacity .22s ease,transform .28s ease; }
        .menu-is-open .mobile-menu-toggle::before { opacity:1;transform:scale(1); }
        .mobile-menu-toggle svg { position:relative;z-index:1; }
        .mobile-menu-toggle svg { width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round; }
        .brand,
        .home-page .brand { grid-column:2; width:54px;height:34px; margin:auto; justify-self:center; }
        .site-actions { grid-column:3; gap:13px; }
        .site-actions > .shipping-note,.site-actions > .action-divider { display:none; }
        .site-actions .icon-link[aria-label="Tiendas"],
        .site-actions .icon-link[aria-label="Cuenta"] { display:none; }
        .site-actions .icon-link { display:grid; width:25px;height:25px; }
        .site-nav,
        .home-page .site-nav {
            position:absolute;
            top:60px;
            right:0;
            left:0;
            display:block;
            height:calc(100svh - 96px);
            max-height:none;
            padding:0 26px 34px;
            overflow-x:hidden;
            overflow-y:auto;
            gap:0;
            border-radius:12px;
            background:rgba(245,245,245,.97);
            box-shadow:0 18px 35px rgba(0,0,0,.16);
            font-size:25px;
            opacity:0;
            visibility:hidden;
            pointer-events:none;
            transform:translateY(-18px) scale(.985);
            transform-origin:top center;
            transition:opacity .28s ease,transform .34s cubic-bezier(.22,.8,.25,1),visibility 0s linear .34s;
        }
        .menu-is-open .site-nav { opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s; }
        .mobile-menu-heading { display:flex;height:108px;align-items:center;justify-content:space-between; }
        .mobile-menu-close { display:flex;padding:0;align-items:center;gap:10px;border:0;background:none;color:#202832;font:inherit;font-size:22px;cursor:pointer; }
        .mobile-menu-close svg { width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.35; }
        .mobile-menu-shortcuts { display:flex;align-items:center;gap:22px; }
        .mobile-menu-shortcuts a { display:grid;width:30px;height:30px;min-height:0;padding:0;place-items:center;border:0; }
        .mobile-menu-shortcuts svg { width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.35; }
        .site-nav > a { display:flex;min-height:74px;padding:0 10px;justify-content:space-between;border:0;border-radius:0;opacity:0;transform:translateY(12px);transition:opacity .22s ease,transform .28s ease,background-color .18s ease; }
        .menu-is-open .site-nav > a { opacity:1;transform:none; }
        .menu-is-open .site-nav > a:nth-of-type(1) { transition-delay:.08s; }
        .menu-is-open .site-nav > a:nth-of-type(2) { transition-delay:.11s; }
        .menu-is-open .site-nav > a:nth-of-type(3) { transition-delay:.14s; }
        .menu-is-open .site-nav > a:nth-of-type(4) { transition-delay:.17s; }
        .menu-is-open .site-nav > a:nth-of-type(5) { transition-delay:.20s; }
        .menu-is-open .site-nav > a:nth-of-type(n+6) { transition-delay:.23s; }
        .site-nav > a:last-child { border-bottom:0; }
        .site-nav > a:hover { padding-left:16px;background:rgba(255,255,255,.75);box-shadow:none; }
        .mobile-nav-arrow { display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.35; }

        .store-hero { min-height:100svh; }
        .store-hero__content { width:calc(100% - 36px); transform:translate(-50%,-38%); }
        .store-hero__content h1 { font-size:42px; }.store-hero__content p{font-size:15px}.store-hero__content a{width:100%;min-width:0}
        .art-home { padding-top:180px; }
        .art-home__media,.art-home__shade { position:absolute; }
        .art-home__collection { gap:12px; }
        .art-card--compact h2 { font-size:13px; }
        .artist-showcase__intro { width:calc(100% - 32px); }
        .artist-showcase__intro h1 { font-size:46px; }
        .artist-showcase-grid { grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:16px;gap:14px; }
        .product-info { padding-inline:20px; }
        .product-gallery { padding-inline:16px; }
        .related-artworks { padding-inline:16px; }
        .content-gallery,.editorial-feature__copy,.section-inner { padding-inline:16px; }
    }

    @media (max-width: 430px) {
        .site-header,
        .home-page .site-header { left:10px;right:10px;top:12px; }
        .site-actions { gap:9px; }
        .artist-showcase-grid { grid-template-columns:1fr; }
        .artist-showcase-card.is-featured { display:block; }
        .artist-showcase-card.is-featured img { width:100%;height:230px; }
        .artist-showcase-card.is-featured .artist-showcase-card__copy { padding:16px; }
        .art-home__collection { grid-template-columns:1fr 1fr; }
        .art-card--featured { grid-column:1 / -1; }
        .artwork-carousel-shell { padding:0 30px; }
        .artwork-carousel { grid-auto-columns:100%; }
        .product-info h1 { font-size:34px; }
    }

    /* Ajuste final: acordeón de tarjetas sin alterar el hero */
    @media (min-width: 701px) {
        .art-home__collection,
        .artist-showcase__featured {
            display:flex;
            grid-template-columns:none;
            gap:16px;
            flex-wrap:nowrap;
            align-items:stretch;
        }
        .art-home__collection .expanding-card,
        .artist-showcase__featured .expanding-card {
            display:grid!important;
            width:auto;
            height:218px;
            min-width:0;
            flex:1 1 0;
            padding:14px;
            grid-template-columns:1fr;
            grid-template-rows:1fr;
            gap:0;
            align-self:stretch;
            transition:flex-basis 750ms cubic-bezier(.22,1,.36,1),flex-grow 750ms cubic-bezier(.22,1,.36,1);
        }
        .art-home__collection .expanding-card.is-active,
        .artist-showcase__featured .expanding-card.is-active {
            flex:1 1 52%;
            grid-template-columns:minmax(180px,46%) minmax(0,1fr);
            gap:16px;
        }
        .art-home__collection .expanding-card>img,
        .artist-showcase__featured .expanding-card>img {
            display:block;
            width:100%;
            height:100%;
            min-width:0;
            min-height:0;
            margin:0;
            grid-column:1;
            grid-row:1;
            object-fit:cover;
            object-position:center;
            background:#ddd;
        }
        .art-home__collection .expanding-card.is-active>img,
        .artist-showcase__featured .expanding-card.is-active>img {
            height:100%;
            object-fit:contain;
            background:rgba(255,255,255,.4);
        }
        .artist-showcase__featured .expanding-card__compact-label,
        .art-home__collection .expanding-card__compact-label {
            display:block;
            width:auto;
            height:auto;
            min-height:0;
            place-items:initial;
            background:rgba(255,255,255,.92);
            font:600 12px/1.2 "Open Sans", Arial, sans-serif!important;
        }
        .artist-showcase__featured .expanding-card__copy,
        .art-home__collection .expanding-card__copy {
            display:flex!important;
            min-width:0;
            padding:4px 2px;
            grid-column:2;
            grid-row:1;
            flex-direction:column;
            align-items:flex-start;
            overflow:hidden;
        }
    }

@media (max-width: 700px) {
        .art-home__collection,
        .artist-showcase__featured {
            display:flex;
            grid-template-columns:none;
            gap:12px;
            flex-wrap:nowrap;
            overflow-x:auto;
            align-items:stretch;
        }
        .art-home__collection .expanding-card,
        .artist-showcase__featured .expanding-card {
            display:grid!important;
            width:auto;
            height:245px;
            min-width:64vw;
            flex:0 0 64vw;
            padding:12px;
            grid-template-columns:1fr;
            grid-template-rows:1fr;
            align-self:stretch;
        }
        .art-home__collection .expanding-card.is-active,
        .artist-showcase__featured .expanding-card.is-active {
            height:390px;
            min-width:82vw;
            flex-basis:82vw;
            grid-template-columns:1fr;
            grid-template-rows:220px minmax(0,1fr);
        }
        .art-home__collection .expanding-card>img,
        .artist-showcase__featured .expanding-card>img {
            display:block;
            width:100%;
            height:100%;
            min-height:0;
            grid-column:1;
            grid-row:1;
            object-fit:cover;
        }
        .art-home__collection .expanding-card.is-active>img,
        .artist-showcase__featured .expanding-card.is-active>img {
            height:220px;
            object-fit:contain;
        }
        .artist-showcase__featured .expanding-card__copy,
        .art-home__collection .expanding-card__copy {
            grid-column:1;
            grid-row:2;
        }
        .artist-showcase__featured .expanding-card__compact-label,
        .art-home__collection .expanding-card__compact-label {
            display:block;
            width:auto;
            height:auto;
            font:600 12px/1.2 "Open Sans", Arial, sans-serif!important;
        }
    }

    .expanding-card{cursor:pointer}
    .expanding-card:not(.is-active) .expanding-card__copy{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}
    .expanding-card.is-active .expanding-card__copy{opacity:1;visibility:visible}
    .artist-showcase-card .expanding-card__copy{padding-bottom:50px!important}.artist-showcase-card .expanding-card__copy>b{display:none}
    .expanding-card__detail-link{position:absolute;z-index:4;right:16px;bottom:16px;left:calc(46% + 30px);display:grid;min-height:38px;place-items:center;border-radius:5px;background:#222;color:#fff;font-size:12px;font-weight:700;text-decoration:none;text-transform:uppercase;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 220ms ease}
    .expanding-card.is-active .expanding-card__detail-link{opacity:1;visibility:visible;pointer-events:auto;transition-delay:350ms}
    @media(max-width:700px){.expanding-card__detail-link{right:15px;bottom:14px;left:15px}.expanding-card.is-active .expanding-card__copy{padding-bottom:52px}}
    .art-home__collection .expanding-card,
    .artist-showcase__featured .expanding-card{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.74);backdrop-filter:blur(10px)}

    @media(min-width:701px){
        .artist-showcase{min-height:100svh}
        .artist-showcase-featured-shell{padding-top:24px;padding-bottom:46px}
        .artist-showcase__featured{gap:24px}
        .artist-showcase__featured .artist-showcase-card.expanding-card{
            height:280px;
            padding:14px;
            border:0;
            border-radius:6px;
            background:#f1f1f1;
            box-shadow:none;
            backdrop-filter:none;
        }
        .artist-showcase__featured .artist-showcase-card.expanding-card:not(.is-active){
            padding-bottom:0;
            grid-template-columns:1fr;
            grid-template-rows:minmax(0,1fr) auto;
            gap:0;
        }
        .artist-showcase__featured .artist-showcase-card.expanding-card:not(.is-active)>img{
            width:100%;
            height:100%;
            grid-column:1;
            grid-row:1;
            object-fit:cover;
        }
        .artist-showcase__featured .artist-showcase-card .expanding-card__compact-label{
            position:static;
            display:block;
            width:auto;
            height:auto!important;
            min-height:0;
            margin:0 -14px;
            padding:7px 14px;
            grid-column:1;
            grid-row:2;
            overflow:hidden;
            background:transparent;
            color:#202020;
            font-family:"Open Sans", Arial, sans-serif!important;
            font-size:16px!important;
            font-weight:400!important;
            line-height:1.25!important;
            text-align:center;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
        .artist-showcase__featured .artist-showcase-card.expanding-card.is-active{
            flex:1 1 44%;
            grid-template-columns:minmax(200px,46%) minmax(0,1fr);
            grid-template-rows:1fr;
            gap:24px;
        }
        .artist-showcase__featured .artist-showcase-card.expanding-card.is-active>.expanding-card__compact-label{display:none}
        .artist-showcase__featured .artist-showcase-card.expanding-card.is-active>img{
            width:100%;
            height:100%;
            grid-column:1;
            grid-row:1;
            object-fit:cover;
        }
        .artist-showcase__featured .artist-showcase-card.is-active .expanding-card__copy{
            padding:0 0 62px!important;
            justify-content:center;
        }
        .artist-showcase__featured .artist-showcase-card.is-active .expanding-card__copy h2{
            margin:0;
            font-family:"Open Sans", Arial, sans-serif;
            font-size:clamp(28px,2.4vw,42px);
            font-weight:700;
            letter-spacing:-.035em;
            line-height:1.12;
        }
        .artist-showcase__featured .artist-showcase-card.is-active .expanding-card__copy small,
        .artist-showcase__featured .artist-showcase-card.is-active .expanding-card__copy p,
        .artist-showcase__featured .artist-showcase-card.is-active .expanding-card__copy b{display:none}
        .artist-showcase__featured .artist-showcase-card .expanding-card__detail-link{
            right:14px;
            bottom:14px;
            left:calc(46% + 38px);
            min-height:48px;
            border-radius:4px;
            font-family:"Open Sans", Arial, sans-serif;
            font-size:15px;
        }
    }
    @media(min-width:1200px){
        .artist-showcase__featured .artist-showcase-card.expanding-card.is-active{
            height:260px;
        }
        .artist-showcase__featured .artist-showcase-card.expanding-card:not(.is-active){
            width:260px;
            height:260px;
            min-width:260px;
            flex:0 0 260px;
        }
    }

    @media(max-width:700px){
        .art-home__collection .expanding-card,
        .art-home__collection .expanding-card.is-active,
        .artist-showcase__featured .expanding-card,
        .artist-showcase__featured .expanding-card.is-active{
            height:390px;
            min-width:82vw;
            flex:0 0 82vw;
            grid-template-columns:1fr;
            grid-template-rows:220px minmax(0,1fr);
            gap:0;
            scroll-snap-align:center;
        }
        .art-home__collection .expanding-card>img,
        .art-home__collection .expanding-card.is-active>img,
        .artist-showcase__featured .expanding-card>img,
        .artist-showcase__featured .expanding-card.is-active>img{
            width:100%;
            height:220px;
            grid-column:1;
            grid-row:1;
            object-fit:contain;
        }
        .art-home__collection .expanding-card .expanding-card__copy,
        .artist-showcase__featured .expanding-card .expanding-card__copy{
            position:static;
            display:flex!important;
            padding:14px 3px 52px!important;
            grid-column:1;
            grid-row:2;
            opacity:1;
            visibility:visible;
            transform:none;
            pointer-events:auto;
            transition:none;
        }
        .artist-showcase__featured .expanding-card .expanding-card__detail-link{
            right:15px;
            bottom:14px;
            left:15px;
            opacity:1;
            visibility:visible;
            pointer-events:auto;
            transition:none;
        }
    }
/* Cards de obras: proporción más amplia y título compacto sobre la imagen. */
@media (min-width: 701px) {
    .art-home__collection .expanding-card {
        height: 218px;
        flex-grow: 1;
    }
    .art-home__collection .expanding-card.is-active {
        flex-basis: 30%;
        flex-grow: 1;
    }
    .art-home__collection .expanding-card:not(.is-active)>img {
        padding-top: 35px;
        object-fit: contain;
        background: transparent;
    }
}

/* Paginas legales. */
body.storefront.legal-page main {
    background: #f6f6f3;
    color: #202020;
}

.legal-document {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: clamp(140px, 14vw, 190px) clamp(22px, 6vw, 76px) 110px;
}

.legal-document__header {
    margin-bottom: clamp(48px, 7vw, 82px);
    padding-bottom: clamp(30px, 4vw, 48px);
    border-bottom: 1px solid #d2d2cd;
}

.legal-document__header > span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.legal-document__header h1 {
    margin: 12px 0 18px;
    font-size: clamp(42px, 6vw, 76px);
    font-weight: 400;
    letter-spacing: -.045em;
    line-height: 1;
}

.legal-document__header p {
    max-width: 760px;
    margin: 0;
    color: #606060;
    font-size: clamp(16px, 1.5vw, 19px);
    line-height: 1.6;
}

.legal-document__content {
    display: grid;
    gap: clamp(38px, 5vw, 58px);
}

.legal-document__content section {
    display: grid;
    grid-template-columns: minmax(220px, 31%) minmax(0, 1fr);
    column-gap: clamp(34px, 6vw, 80px);
}

.legal-document__content h2 {
    margin: 0;
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 600;
    line-height: 1.3;
}

.legal-document__content p,
.legal-document__content ul {
    grid-column: 2;
    margin: 0 0 18px;
    color: #424242;
    font-size: 16px;
    line-height: 1.75;
}

.legal-document__content ul {
    display: grid;
    gap: 12px;
    padding-left: 22px;
}

@media (max-width: 760px) {
    .legal-document {
        padding: 118px 20px 76px;
    }

    .legal-document__header h1 {
        font-size: clamp(38px, 12vw, 54px);
    }

    .legal-document__content section {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .legal-document__content p,
    .legal-document__content ul {
        grid-column: 1;
        font-size: 15px;
        line-height: 1.7;
    }
}

/* Subrayado editorial del menú principal en escritorio. */
@media (min-width: 1100px) and (hover: hover) and (pointer: fine) {
    body.storefront .site-nav > a {
        position: relative;
    }

    body.storefront .site-nav > a::after {
        position: absolute;
        right: clamp(11px, 1vw, 17px);
        bottom: 7px;
        left: clamp(11px, 1vw, 17px);
        height: 1px;
        background: currentColor;
        content: "";
        opacity: 0;
        transform: scaleX(0);
        transform-origin: right center;
        transition: transform .32s cubic-bezier(.22, 1, .36, 1), opacity .18s ease;
        pointer-events: none;
    }

    body.storefront .site-nav > a:hover::after,
    body.storefront .site-nav > a:focus-visible::after {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: left center;
    }
}

/* Header aprobado: navegacion y texto rotativo a 18 px en escritorio. */
@media (min-width: 1100px) {
    body.storefront .site-nav,
    body.storefront.home-page .site-nav,
    body.storefront .site-nav > a,
    body.storefront.home-page .site-nav > a,
    body.storefront .site-nav > a > span,
    body.storefront .shipping-note,
    body.storefront.home-page .shipping-note {
        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }
}
.art-home__collection .expanding-card>img,
.art-home__collection .expanding-card.is-active>img {
    background: transparent;
}
.art-home__collection .expanding-card__compact-label {
    top: 11px;
    right: 12px;
    bottom: auto;
    left: 12px;
    padding: 0;
    background: transparent;
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: 1.2!important;
    text-transform: none;
}
@media (max-width: 700px) {
    .art-home__collection .expanding-card:not(.is-active)>img {
        padding-top: 36px;
        object-fit: contain;
    }
}

/* Hero móvil: conserva visible el video y presenta las obras en formato horizontal. */
@media (max-width: 700px) {
    .art-home {
        display: flex;
        height: 100svh;
        min-height: 620px;
        padding: 130px 14px 18px;
        flex-direction: column;
        justify-content: flex-end;
        overflow: hidden;
    }
    .art-home__media,
    .art-home__shade {
        position: absolute;
    }
    .art-home__intro {
        width: 100%;
        margin: 0 auto 18px;
    }
    .art-home__intro h1 {
        margin-bottom: 8px;
        font-size: clamp(38px, 12vw, 52px);
    }
    .art-home__intro p {
        max-width: 520px;
        font-size: 11px;
        line-height: 1.18;
    }
    .art-home__collection {
        width: calc(100vw - 28px);
        margin: 0;
        gap: 10px;
        flex: 0 0 auto;
        overflow-x: auto;
    }
    .art-home__collection .expanding-card,
    .art-home__collection .expanding-card.is-active {
        display: grid!important;
        width: auto;
        height: 158px;
        min-width: min(88vw, 430px);
        flex: 0 0 min(88vw, 430px);
        padding: 10px;
        grid-template-columns: 42% minmax(0, 58%);
        grid-template-rows: 1fr;
        gap: 0;
        scroll-snap-align: center;
    }
    .art-home__collection .expanding-card>img,
    .art-home__collection .expanding-card.is-active>img,
    .art-home__collection .expanding-card:not(.is-active)>img {
        width: 100%;
        height: 100%;
        padding: 0;
        grid-column: 1;
        grid-row: 1;
        object-fit: contain;
        background: transparent;
    }
    .art-home__collection .expanding-card .expanding-card__copy,
    .art-home__collection .expanding-card.is-active .expanding-card__copy {
        position: static;
        display: flex!important;
        min-width: 0;
        padding: 2px 0 0 12px!important;
        grid-column: 2;
        grid-row: 1;
        flex-direction: column;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
        transition: none;
    }
    .art-home__collection .expanding-card__copy h2 {
        margin-bottom: 3px;
        font-size: 14px;
        font-weight: 500;
    }
    .art-home__collection .expanding-card__copy p {
        margin: 2px 0;
        font-size: 9px;
        line-height: 1.18;
        -webkit-line-clamp: 5;
    }
    .art-home__collection .expanding-card__copy .art-card__price {
        font-size: 10px;
    }
    .art-home__collection .art-card__cta {
        min-height: 32px;
        margin-top: auto;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 11px;
    }
    .art-home__collection .expanding-card__compact-label {
        display: none;
    }
}

.automatic-products-section {
    padding: 90px clamp(20px, 6vw, 90px) 110px;
    background: #f5f5f2;
    color: #181818;
}
.automatic-products-section__heading {
    max-width: 1500px;
    margin: 0 auto 38px;
    padding-bottom: 22px;
    border-bottom: 1px solid #d7d7d2;
}
.automatic-products-section__heading h1 {
    margin: 0 0 10px;
    font-size: clamp(42px, 6vw, 76px);
    font-weight: 400;
    letter-spacing: -.05em;
    line-height: .95;
}
.automatic-products-section__heading p {
    max-width: 700px;
    margin: 0;
    color: #656565;
    line-height: 1.5;
}
.automatic-products-grid {
    display: grid;
    max-width: 1500px;
    margin: 0 auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 38px 20px;
}
@media (max-width: 1050px) {
    .automatic-products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .automatic-products-section { padding: 60px 16px 75px; }
    .automatic-products-section__heading { margin-bottom: 25px; }
    .automatic-products-section__heading h1 { font-size: 46px; }
    .automatic-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; }
}

body.modal-is-open { overflow: hidden; }
.inquiry-modal[hidden] { display: none; }
.inquiry-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; }
.inquiry-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .58); backdrop-filter: blur(3px); }
.inquiry-modal__dialog { position: relative; z-index: 1; width: min(100%, 570px); max-height: calc(100vh - 48px); overflow-y: auto; background: #fff; padding: clamp(28px, 5vw, 48px); box-shadow: 0 24px 80px rgba(0, 0, 0, .25); }
.inquiry-modal__dialog h2 { margin: 8px 0 6px; font-size: clamp(28px, 4vw, 42px); font-weight: 500; }
.inquiry-modal__dialog > p { margin: 0 0 24px; color: #606060; }
.inquiry-modal__close { position: absolute; top: 14px; right: 18px; border: 0; background: transparent; font-size: 34px; line-height: 1; cursor: pointer; }
.inquiry-modal form { display: grid; gap: 15px; }
.inquiry-modal label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; }
.inquiry-modal input,
.inquiry-modal textarea { width: 100%; border: 1px solid #c9c9c9; background: #fff; padding: 12px 13px; border-radius: 0; color: #171717; font: inherit; box-sizing: border-box; }
.inquiry-modal input:focus,
.inquiry-modal textarea:focus { outline: 2px solid #171717; outline-offset: 1px; }
.inquiry-modal input[readonly] { background: #f3f3f3; color: #555; }
.inquiry-modal textarea { resize: vertical; }
.inquiry-modal .cart-button { width: 100%; min-height: 54px; margin-top: 4px; }
.inquiry-modal .cart-button:disabled { opacity: .6; cursor: wait; }
.inquiry-form__errors { min-height: 0; color: #a51d1d; font-size: 14px; }
.inquiry-form__errors:empty { display: none; }

/* Modal de solicitud de información */
.inquiry-modal { padding: 20px; }
.inquiry-modal__dialog {
    width: min(100%, 820px);
    max-height: calc(100svh - 40px);
    overflow: hidden;
    padding: 28px 36px 22px;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 22px;
    box-shadow: 0 30px 100px rgba(0,0,0,.32);
}
.inquiry-modal__heading { display:flex; padding-right:42px; align-items:center; gap:24px; }
.inquiry-modal__brand { display:flex; min-width:118px; align-items:center; }
.inquiry-modal__brand img { display:block; width:auto; height:40px; max-width:150px; object-fit:contain; object-position:left center; }
.inquiry-modal__dialog h2 { margin:0; font-size:clamp(30px,4vw,42px); font-weight:600; letter-spacing:-.04em; }
.inquiry-modal__dialog>p { max-width:620px; margin:7px 0 18px; color:#6b6b6b; font-size:15px; line-height:1.35; }
.inquiry-modal__close { top:20px; right:24px; font-size:36px; font-weight:300; }
.inquiry-artwork {
    display:grid;
    margin-bottom:18px;
    padding:10px;
    grid-template-columns:155px minmax(0,1fr);
    gap:18px;
    align-items:center;
    border:1px solid #dededb;
    border-radius:14px;
    background:#faf9f7;
}
.inquiry-artwork img { width:100%; height:88px; border-radius:10px; object-fit:contain; background:#fff; }
.inquiry-artwork span { color:#777; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.inquiry-artwork h3 { margin:4px 0 7px; font-size:21px; line-height:1.1; }
.inquiry-artwork p { margin:3px 0; color:#777; font-size:14px; }
.inquiry-modal form { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; }
.inquiry-field { display:grid; min-width:0; gap:8px; font-size:14px; font-weight:600; }
.inquiry-field--full,
.inquiry-form__errors,
.inquiry-submit,
.inquiry-privacy { grid-column:1/-1; }
.inquiry-field em { color:#777; font-style:normal; font-weight:400; }
.inquiry-modal input,
.inquiry-modal textarea {
    min-height:48px;
    padding:11px 14px;
    border:1px solid #d5d5d5;
    border-radius:10px;
    background:#fff;
}
.inquiry-modal textarea { min-height:72px; }
.inquiry-modal input::placeholder,
.inquiry-modal textarea::placeholder { color:#9a9a9a; }
.inquiry-modal input.is-invalid { border-color:#b42318; }
.inquiry-field small { min-height:0; color:#b42318; font-size:12px; font-weight:500; }
.inquiry-field small:empty { display:none; }
.inquiry-field .iti { width:100%; }
.inquiry-field .iti input { width:100%; }
.inquiry-field .iti__selected-country { border-radius:10px 0 0 10px; }
.inquiry-field .iti__country-container { padding:1px; }
.inquiry-submit {
    display:grid;
    grid-template-columns:24px 1fr 24px;
    width:100%;
    min-height:50px!important;
    margin-top:2px!important;
    padding:0 22px;
    align-items:center;
    border-radius:10px!important;
    text-transform:none;
}
.inquiry-submit b { font-size:25px; font-weight:300; }
.inquiry-privacy { margin:-5px 0 0; color:#777; font-size:12px; text-align:center; }
.inquiry-privacy a { color:inherit; }
@media(max-width:700px) {
    .inquiry-modal { padding:8px; }
    .inquiry-modal__dialog { width:100%; max-height:calc(100svh - 16px); padding:18px 16px 14px; border-radius:16px; }
    .inquiry-modal__heading { padding-right:30px; gap:12px; }
    .inquiry-modal__brand { min-width:70px; }
    .inquiry-modal__brand img { height:29px; max-width:82px; }
    .inquiry-modal__dialog h2 { font-size:25px; }
    .inquiry-modal__dialog>p { margin:5px 0 10px; font-size:12px; }
    .inquiry-modal__close { top:12px; right:15px; font-size:29px; }
    .inquiry-artwork { margin-bottom:10px; padding:7px; grid-template-columns:82px minmax(0,1fr); gap:10px; }
    .inquiry-artwork img { height:62px; }
    .inquiry-artwork h3 { margin:2px 0 3px; font-size:15px; }
    .inquiry-artwork p { margin:1px 0; font-size:10px; }
    .inquiry-modal form { grid-template-columns:1fr; gap:14px; }
    .inquiry-field,
    .inquiry-field--full,
    .inquiry-form__errors,
    .inquiry-submit,
    .inquiry-privacy { grid-column:1; }
    .inquiry-modal form { gap:8px; }
    .inquiry-field { gap:4px; font-size:12px; }
    .inquiry-modal input { min-height:42px; padding:8px 11px; }
    .inquiry-modal textarea { min-height:58px; padding:8px 11px; }
    .inquiry-submit { min-height:44px!important; }
    .inquiry-privacy { font-size:10px; }
}
@media(max-width:700px) and (max-height:680px) {
    .inquiry-modal__dialog>p,
    .inquiry-privacy { display:none; }
    .inquiry-artwork { margin-bottom:7px; }
    .inquiry-modal form { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .inquiry-field--full,
    .inquiry-form__errors,
    .inquiry-submit { grid-column:1/-1; }
    .inquiry-modal textarea { min-height:48px; }
}

/* Presentación editorial del formulario de obra */
.inquiry-modal { padding: clamp(16px, 3vw, 48px); }
.inquiry-modal__dialog {
    display: grid;
    width: min(1280px, 96vw);
    max-height: calc(100svh - 48px);
    padding: 0;
    overflow: hidden;
    grid-template-columns: minmax(330px, 34%) minmax(0, 66%);
    border: 1.5px solid #171717;
    border-radius: 52px;
    background: #fff;
}
.inquiry-modal__close {
    z-index: 3;
    top: 28px;
    right: 34px;
    width: 42px;
    height: 42px;
    padding: 0;
    font-size: 42px;
    font-weight: 500;
}
.inquiry-artwork {
    display: flex;
    min-width: 0;
    margin: 0;
    padding: 50px clamp(28px, 4vw, 58px) 48px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
}
.inquiry-artwork__eyebrow {
    display: block;
    margin: 0 0 18px 5px;
    color: #6b6b6b!important;
    font-size: 13px!important;
    font-weight: 700!important;
    letter-spacing: .12em!important;
    text-transform: uppercase;
}
.inquiry-artwork__image {
    display: flex;
    min-height: 0;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    background: #f8f8f6;
}
.inquiry-artwork .inquiry-artwork__image img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: contain;
}
.inquiry-artwork__details { padding: 21px 5px 0; }
.inquiry-artwork__details h3 {
    margin: 0 0 7px;
    font-size: clamp(19px, 1.7vw, 25px);
    font-weight: 400;
    letter-spacing: -.035em;
}
.inquiry-artwork__details p { margin: 3px 0; color: #202020; font-size: 13px; line-height: 1.35; }
.inquiry-artwork__details strong { font-weight: 600; }
.inquiry-modal__form-panel {
    min-width: 0;
    padding: 45px clamp(40px, 4.5vw, 72px) 34px;
    overflow-y: auto;
    border-radius: 52px 0 0 52px;
    background: linear-gradient(125deg, #f4f4f1 0%, #eeede8 100%);
}
.inquiry-modal__form-panel h2 {
    margin: 0 0 22px;
    padding-right: 50px;
    font-size: clamp(46px, 5vw, 69px);
    font-weight: 300;
    letter-spacing: -.065em;
    line-height: .98;
}
.inquiry-modal__form-panel form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 18px; }
.inquiry-modal__form-panel .inquiry-field { gap: 7px; font-size: 13px; }
.inquiry-modal__form-panel input,
.inquiry-modal__form-panel textarea {
    min-height: 48px;
    padding: 12px 14px;
    border-color: #cecfcc;
    border-radius: 9px;
    background: rgba(255,255,255,.25);
}
.inquiry-modal__form-panel textarea { min-height: 84px; }
.inquiry-modal__form-panel .inquiry-submit { margin-top: 6px!important; }

@media(max-width:900px) {
    .inquiry-modal__dialog { grid-template-columns: minmax(260px, 38%) minmax(0, 62%); border-radius: 34px; }
    .inquiry-artwork { padding: 38px 25px 32px; }
    .inquiry-modal__form-panel { padding: 38px 30px 28px; border-radius: 34px 0 0 34px; }
    .inquiry-modal__form-panel h2 { font-size: 44px; }
}

@media(max-width:700px) {
    .inquiry-modal { padding: 8px; }
    .inquiry-modal__dialog {
        display: block;
        width: 100%;
        max-height: calc(100svh - 16px);
        overflow-y: auto;
        border-radius: 22px;
    }
    .inquiry-modal__close { position: fixed; top: 18px; right: 20px; width: 34px; height: 34px; font-size: 32px; }
    .inquiry-artwork { display: grid; padding: 22px 52px 16px 18px; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 12px; }
    .inquiry-artwork__eyebrow { grid-column: 1 / -1; margin: 0; }
    .inquiry-artwork__image { width: 92px; }
    .inquiry-artwork__details { padding: 0; }
    .inquiry-artwork__details h3 { margin-bottom: 5px; font-size: 16px; }
    .inquiry-artwork__details p { font-size: 10px; }
    .inquiry-modal__form-panel { padding: 22px 18px 18px; border-radius: 22px 22px 0 0; }
    .inquiry-modal__form-panel h2 { margin-bottom: 17px; padding-right: 35px; font-size: 35px; }
    .inquiry-modal__form-panel form { grid-template-columns: 1fr; gap: 9px; }
    .inquiry-modal__form-panel .inquiry-field,
    .inquiry-modal__form-panel .inquiry-field--full,
    .inquiry-modal__form-panel .inquiry-form__errors,
    .inquiry-modal__form-panel .inquiry-submit,
    .inquiry-modal__form-panel .inquiry-privacy { grid-column: 1; }
}

/* Ficha individual inspirada en la vista de galería */
.product-page main { background: #fff; }
.product-page .product-detail {
    grid-template-columns: minmax(0, 58%) minmax(440px, 42%);
    min-height: 100svh;
    background: #fff;
}
.product-page .product-gallery {
    min-height: 100svh;
    padding: 126px clamp(24px, 4vw, 64px) 36px;
    background: #fff;
}
.product-page .product-media-layout {
    height: 100%;
    grid-template-columns: auto minmax(0, 1fr);
    gap: clamp(18px, 2.5vw, 38px);
}
.product-page .product-thumbnails { max-height: 72svh; }
.product-page .product-thumbnail {
    width: 72px;
    height: 82px;
    border-color: #d7d7d4;
    border-radius: 0;
}
.product-page .product-thumbnail.is-active { border-width: 1.5px; }
.product-page .product-media-layout .product-hero-image {
    width: 100%;
    max-width: 700px;
    max-height: calc(100svh - 170px);
    filter: none;
}
.product-page .product-info {
    position: relative;
    min-height: 100svh;
    padding: clamp(140px, 15vh, 190px) clamp(38px, 5vw, 74px) 54px;
    align-content: start;
    gap: 0;
    background: #efefef;
}
.product-page .product-breadcrumb {
    position: static;
    margin: 0 0 clamp(54px, 8vh, 86px);
    color: #666;
    font-size: 14px;
    font-weight: 400;
}
.product-page .product-info h1 {
    margin: 0 0 2px;
    font-size: clamp(34px, 3.2vw, 48px);
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: 1.05;
}
.product-page .product-artists {
    margin: 0 0 20px;
    color: #666;
    font-size: clamp(23px, 2.1vw, 31px);
    line-height: 1.15;
}
.product-page .product-artists a { text-decoration: none; }
.product-page .product-badges { margin-bottom: 10px; }
.product-page .product-badges span {
    min-height: 36px;
    padding: 0 25px;
    border-radius: 5px;
    background: #191919;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}
.product-page .product-badges span:first-child { display: none; }
.product-page .product-description,
.product-page .product-links { display: none; }
.product-page .artwork-specifications {
    margin: 0 0 44px;
    border: 0;
}
.product-page .artwork-specifications div {
    display: flex;
    padding: 2px 0;
    border: 0;
    gap: 5px;
}
.product-page .artwork-specifications dt {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}
.product-page .artwork-specifications dt::after { content: ':'; }
.product-page .artwork-specifications dd { color: #707070; font-size: 15px; }
.product-page .price-line {
    margin: 0 0 14px;
    color: #696969;
    font-size: clamp(26px, 2.4vw, 32px);
}
.product-page .price-line strong { font-weight: 400; }
.product-page .purchase-row { display: block; margin-bottom: 10px; }
.product-page .purchase-row .cart-button {
    width: 100%;
    min-height: 56px;
    border: 0;
    background: #191919;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}
.product-page .delivery-line {
    min-height: 70px;
    padding: 13px 0;
    background: transparent;
    color: #333;
    font-size: 14px;
    line-height: 1.25;
}
.product-page .delivery-line svg { width: 25px; height: 25px; flex: 0 0 auto; }
.product-page .product-socials {
    display: grid;
    margin-top: 0;
    padding: 13px 0;
    grid-template-columns: repeat(5, minmax(42px, 1fr));
    align-items: center;
    background: transparent;
}
.product-page .product-socials a {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    justify-self: center;
    color: #9a9c9a;
    transition: color .2s ease, transform .2s ease;
}
.product-page .product-socials a:hover { color: #191919; transform: translateY(-2px); }
.product-page .product-socials a:focus-visible { outline: 2px solid #191919; outline-offset: 2px; }
.product-page .product-socials svg {
    width: 27px;
    height: 27px;
    overflow: visible;
    fill: currentColor;
    stroke: none;
}
.product-page .product-socials a:nth-child(2) svg,
.product-page .product-socials a:nth-child(3) svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}
.product-page .product-socials svg .is-filled { fill: currentColor; stroke: none; }

@media(max-width:900px) {
    .product-page .product-detail { grid-template-columns: 1fr; }
    .product-page .product-gallery { min-height: auto; padding: 115px 20px 35px; }
    .product-page .product-media-layout { grid-template-columns: auto minmax(0, 1fr); }
    .product-page .product-media-layout .product-hero-image { max-height: 68svh; }
    .product-page .product-info { min-height: auto; padding: 44px clamp(20px, 7vw, 60px) 55px; }
    .product-page .product-breadcrumb { margin-bottom: 38px; }
}

@media(max-width:560px) {
    .product-page .product-gallery { padding-inline: 14px; }
    .product-page .product-media-layout { grid-template-columns: 1fr; }
    .product-page .product-thumbnails {
        grid-row: 2;
        display: flex;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .product-page .product-thumbnail { flex: 0 0 66px; width: 66px; height: 72px; }
    .product-page .product-info { padding-top: 34px; }
    .product-page .product-breadcrumb { margin-bottom: 30px; }
    .product-page .artwork-specifications { margin-bottom: 34px; }
}

/* Mantiene acciones, envío y redes dentro del primer viewport en escritorio */
@media(min-width:901px) {
    .product-page .product-info {
        height: 100svh;
        padding-top: clamp(112px, 13vh, 148px);
        padding-bottom: 14px;
        overflow: hidden;
    }
    .product-page .product-breadcrumb {
        margin-bottom: clamp(24px, 4vh, 42px);
        line-height: 1.2;
    }
    .product-page .product-info h1 { font-size: clamp(32px, 3vw, 45px); }
    .product-page .product-artists {
        margin-bottom: 14px;
        font-size: clamp(21px, 1.9vw, 29px);
    }
    .product-page .product-badges { margin-bottom: 7px; }
    .product-page .product-badges span { min-height: 32px; }
    .product-page .artwork-specifications { margin-bottom: clamp(15px, 2.5vh, 25px); }
    .product-page .artwork-specifications div { padding: 1px 0; }
    .product-page .artwork-specifications dt,
    .product-page .artwork-specifications dd { font-size: 13px; line-height: 1.25; }
    .product-page .price-line {
        margin-bottom: 9px;
        font-size: clamp(23px, 2vw, 29px);
        line-height: 1.15;
    }
    .product-page .purchase-row { margin-bottom: 5px; }
    .product-page .purchase-row .cart-button { min-height: 50px; }
    .product-page .delivery-line { min-height: 52px; padding-block: 8px; }
    .product-page .product-socials { padding-block: 4px; }
    .product-page .product-socials a { width: 42px; height: 42px; }
    .product-page .product-socials svg { width: 25px; height: 25px; }
}

/* Tipografía y proporciones de la ficha de galería */
.product-page .product-detail,
.product-page .product-info,
.product-page .product-breadcrumb,
.product-page .product-artists,
.product-page .artwork-specifications,
.product-page .price-line,
.product-page .purchase-row,
.product-page .delivery-line,
.product-page .product-socials { font-family: "Open Sans", Arial, sans-serif; letter-spacing: 0; }
.product-page .product-info h1 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

@media(min-width:901px) {
    .product-page .product-gallery { padding-inline: clamp(38px, 5.7vw, 78px); }
    .product-page .product-info {
        padding-top: clamp(132px, 18.2vh, 146px);
        padding-right: clamp(38px, 3.8vw, 54px);
        padding-left: clamp(38px, 3vw, 44px);
    }
    .product-page .product-breadcrumb {
        margin-bottom: clamp(48px, 7vh, 58px);
        color: #686868;
        font-size: 14px;
    }
    .product-page .product-info h1 {
        margin-bottom: 1px;
        font-size: clamp(38px, 3.05vw, 44px);
        line-height: 1.08;
    }
    .product-page .product-artists {
        margin-bottom: 20px;
        font-size: clamp(25px, 2.05vw, 30px);
        line-height: 1.1;
    }
    .product-page .product-badges { margin-bottom: 10px; }
    .product-page .product-badges span {
        min-width: 85px;
        min-height: 36px;
        justify-content: center;
        padding-inline: 16px;
        border-radius: 5px;
        font-size: 12px;
    }
    .product-page .artwork-specifications { margin-bottom: clamp(34px, 5vh, 44px); }
    .product-page .artwork-specifications div { padding-block: 2px; }
    .product-page .artwork-specifications dt,
    .product-page .artwork-specifications dd { font-size: 14px; line-height: 1.25; }
    .product-page .price-line {
        margin-left: -16px;
        margin-bottom: 13px;
        font-size: clamp(27px, 2.25vw, 32px);
    }
    .product-page .purchase-row { margin-inline: -16px 0; }
    .product-page .purchase-row .cart-button { min-height: 56px; font-family: "Open Sans", Arial, sans-serif; }
    .product-page .delivery-line { padding: 15px 14px; font-size: 14px; }
    .product-page .product-socials { padding: 5px 8px; }
    .product-page .product-socials a { width: 46px; height: 46px; }
    .product-page .product-socials svg { width: 28px; height: 28px; }
}

/* Footer institucional en dos columnas */
.site-footer {
    display: grid;
    min-height: 440px;
    padding: 76px clamp(42px, 12vw, 190px);
    grid-template-columns: minmax(360px, 1.1fr) minmax(390px, .9fr);
    align-items: center;
    justify-content: initial;
    gap: clamp(70px, 10vw, 150px);
    background: #020202;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    text-align: left;
}
.gallery-footer-brand { display: flex; align-items: center; flex-direction: column; justify-self: center; }
.gallery-footer-brand img {
    width: 158px;
    height: 104px;
    object-fit: contain;
    filter: invert(1);
}
.gallery-footer-brand strong {
    margin-top: 4px;
    font-size: clamp(32px, 3vw, 43px);
    font-weight: 400;
    letter-spacing: .13em;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase;
}
.gallery-footer-brand span {
    margin-top: 14px;
    padding-left: .48em;
    font-size: 14px;
    letter-spacing: .48em;
    text-transform: uppercase;
}
.gallery-footer-info { display: grid; justify-items: start; align-content: center; }
.gallery-footer-info > p {
    margin: 0 0 9px 8px;
    color: #989898;
    font-size: 14px;
    text-transform: uppercase;
}
.gallery-footer-socials {
    display: flex;
    min-height: 44px;
    padding: 4px 9px;
    align-items: center;
    gap: 12px;
    background: #080808;
}
.gallery-footer-socials a { display: grid; width: 34px; height: 34px; place-items: center; color: #eee; }
.gallery-footer-socials svg { width: 27px; height: 27px; fill: currentColor; }
.gallery-footer-socials a:nth-child(2) svg { fill: none; stroke: currentColor; stroke-width: 1.8; }
.gallery-footer-socials a:hover { color: #fff; transform: translateY(-1px); }
.gallery-footer-info .payment-methods {
    display: flex;
    margin: 0;
    padding: 7px 10px;
    gap: 10px;
    background: #0d0d0d;
}
.gallery-footer-info .payment-methods b {
    display: grid;
    min-width: 78px;
    height: 40px;
    padding: 0 10px;
    place-items: center;
    border-radius: 4px;
    background: #272727;
    color: #c0c0c0;
    font-size: 15px;
    font-style: italic;
}
.gallery-footer-info .gallery-footer-legal {
    display: flex;
    min-height: 0;
    padding: 0;
    align-items: center;
    gap: 8px;
    border-radius: 0;
    background: transparent;
}
.gallery-footer-info .gallery-footer-legal a {
    padding: 8px 10px;
    background: #0a0a0a;
    color: #8f8f8f;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    text-decoration: none;
    text-transform: uppercase;
}
.gallery-footer-info .gallery-footer-legal a:hover { color: #fff; }
.gallery-footer-info > small {
    margin: 10px 0 0 10px;
    color: #666;
    font-size: 10px;
}

@media(max-width:900px) {
    .site-footer {
        min-height: 560px;
        padding: 65px 24px;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 55px;
    }
    .gallery-footer-info { justify-items: center; }
    .gallery-footer-info > p,
    .gallery-footer-info > small { margin-left: 0; text-align: center; }
}

@media(max-width:520px) {
    .site-footer { min-height: 520px; padding: 55px 16px; gap: 42px; }
    .gallery-footer-brand img { width: 118px; height: 78px; }
    .gallery-footer-brand strong { font-size: 24px; }
    .gallery-footer-brand span { margin-top: 10px; font-size: 10px; }
    .gallery-footer-info .payment-methods b { min-width: 66px; height: 35px; font-size: 12px; }
    .gallery-footer-info .gallery-footer-legal { justify-content: center; flex-wrap: wrap; }
    .gallery-footer-info .gallery-footer-legal a { font-size: 10px; }
}

/* Carrusel escaparate de obras destacadas */
.artwork-carousel-section {
    min-height: 100svh;
    padding: clamp(48px, 7vh, 76px) 24px 28px;
    overflow: hidden;
    background: #fff;
    color: #222;
}
.artwork-carousel-heading {
    display: block;
    margin: 0 auto 10px;
    padding: 0;
    border: 0;
    text-align: center;
}
.artwork-carousel-heading > span { display: none; }
.artwork-carousel-heading h1 {
    margin: 0;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
}
.artwork-carousel-shell {
    position: relative;
    width: min(1100px, 100%);
    height: calc(100svh - 150px);
    min-height: 520px;
    margin: 0 auto;
    padding: 0;
}
.artwork-carousel {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100% - 28px);
    padding: 0;
    overflow: visible;
}
.artwork-carousel-card {
    position: absolute;
    z-index: 0;
    top: clamp(86px, 13vh, 130px);
    left: 50%;
    display: block;
    width: 13%;
    min-width: 0;
    overflow: visible;
    background: transparent;
    color: #222;
    text-align: center;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) scale(.82);
    transition: left .45s ease, top .45s ease, width .45s ease, opacity .3s ease, transform .45s ease;
}
.artwork-carousel-card.is-far-prev,
.artwork-carousel-card.is-prev,
.artwork-carousel-card.is-active,
.artwork-carousel-card.is-next,
.artwork-carousel-card.is-far-next { opacity: 1; visibility: visible; }
.artwork-carousel-card.is-far-prev { left: 6%; width: 16%; transform: translateX(-50%) scale(.9); }
.artwork-carousel-card.is-prev { left: 23%; width: 20%; transform: translateX(-50%) scale(.96); }
.artwork-carousel-card.is-active { z-index: 3; top: clamp(18px, 3vh, 34px); left: 50%; width: 29%; transform: translateX(-50%) scale(1); }
.artwork-carousel-card.is-next { left: 77%; width: 20%; transform: translateX(-50%) scale(.96); }
.artwork-carousel-card.is-far-next { left: 94%; width: 16%; transform: translateX(-50%) scale(.9); }
.artwork-carousel-card__media {
    width: 100%;
    height: clamp(190px, 26vh, 260px);
    overflow: visible;
    background: transparent;
}
.artwork-carousel-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
    transition: none;
}
.artwork-carousel-card:hover .artwork-carousel-card__media img { transform: none; }
.artwork-carousel-card.is-active .artwork-carousel-card__media { height: clamp(300px, 43vh, 430px); }
.artwork-carousel-card__copy {
    display: none;
    min-height: 0;
    padding: 17px 0 0;
    align-items: center;
    text-align: center;
}
.artwork-carousel-card.is-active .artwork-carousel-card__copy { display: flex; }
.artwork-carousel-card__copy h2 {
    margin: 0 0 4px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.artwork-carousel-card__copy p,
.artwork-carousel-card__copy strong { margin: 0 0 3px; color: #333; font-size: 11px; font-weight: 400; }
.artwork-carousel-card__copy span {
    display: grid;
    width: 164px;
    min-height: 32px;
    margin-top: 7px;
    padding: 0 12px;
    place-items: center;
    border: 1px solid #bbb;
    color: #222;
    font-size: 9px;
    letter-spacing: 0;
    text-transform: uppercase;
}
.artwork-carousel-shell .carousel-button {
    z-index: 5;
    top: auto;
    bottom: 4px;
    width: 30px;
    height: 36px;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
}
.artwork-carousel-shell .carousel-button svg { width: 25px; height: 25px; stroke-width: 1.5; }
.artwork-carousel-shell .carousel-button--prev { left: calc(50% - 34px); }
.artwork-carousel-shell .carousel-button--next { right: calc(50% - 34px); }

@media(max-width:700px) {
    .artwork-carousel-section { min-height: 100svh; padding: 44px 12px 22px; }
    .artwork-carousel-shell { height: calc(100svh - 115px); min-height: 500px; }
    .artwork-carousel { height: calc(100% - 26px); }
    .artwork-carousel-card.is-far-prev,
    .artwork-carousel-card.is-far-next { opacity: 0; visibility: hidden; }
    .artwork-carousel-card.is-prev { left: 10%; width: 20%; }
    .artwork-carousel-card.is-active { left: 50%; width: min(48%, 230px); }
    .artwork-carousel-card.is-next { left: 90%; width: 20%; }
    .artwork-carousel-card__media { height: clamp(150px, 24vh, 210px); }
    .artwork-carousel-card.is-active .artwork-carousel-card__media { height: clamp(260px, 40vh, 350px); }
}

/* Listado limpio de obras por categoría */
.category-page main { min-height: 100svh; background: #fff; }
.category-artworks {
    padding: 132px clamp(34px, 6.5vw, 104px) 110px;
    color: #171717;
    font-family: "Open Sans", Arial, sans-serif;
}
.category-artworks__heading {
    display: flex;
    margin: 0 0 34px;
    align-items: baseline;
    gap: 9px;
    font-size: 14px;
}
.category-artworks__heading strong { font-weight: 400; }
.category-artworks__heading span { color: #a0a0a0; font-weight: 400; }
.category-artworks__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 58px clamp(28px, 6vw, 88px);
}
.category-artwork {
    display: block;
    min-width: 0;
    color: #171717;
    font-family: "Open Sans", Arial, sans-serif;
    text-decoration: none;
}
.category-artwork__image {
    display: flex;
    width: 100%;
    height: clamp(330px, 35vw, 520px);
    margin-bottom: 12px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 0;
    background: transparent;
}
.category-artwork__image img {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: contain;
    transition: transform .3s ease;
}
.category-artwork:hover .category-artwork__image img { transform: scale(1.015); }
.category-artwork h2 {
    margin: 0 0 4px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
}
.category-artwork p {
    margin: 0 0 4px;
    color: #555;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
}
.category-artwork__price {
    display: block;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.2;
}

@media(max-width:900px) {
    .category-artworks { padding: 115px 24px 80px; }
    .category-artworks__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 45px 24px; }
    .category-artwork__image { height: clamp(280px, 52vw, 440px); }
}

@media(max-width:560px) {
    .category-artworks { padding-inline: 16px; }
    .category-artworks__heading { margin-bottom: 25px; }
    .category-artworks__grid { grid-template-columns: 1fr; gap: 42px; }
    .category-artwork__image { height: min(118vw, 510px); }
}

/* Cuadrícula automática de categorías: misma presentación del catálogo editorial */
.automatic-products-section {
    padding: 132px clamp(34px, 6.5vw, 104px) 110px;
    background: #fff;
    color: #171717;
    font-family: "Open Sans", Arial, sans-serif;
}
.automatic-products-section__heading {
    margin: 0 0 34px;
    padding: 0;
    border: 0;
}
.automatic-products-section__heading h1 {
    margin: 0;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
}
.automatic-products-section__heading h1 span { margin-left: 6px; color: #a0a0a0; }
.automatic-products-section__heading p { margin-top: 8px; font-family: "Open Sans", Arial, sans-serif; font-size: 13px; }
.automatic-products-grid {
    max-width: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 58px clamp(28px, 6vw, 88px);
}
.automatic-products-grid .catalog-artwork-card {
    color: #171717;
    font-family: "Open Sans", Arial, sans-serif;
}
.automatic-products-grid .catalog-artwork-card > div {
    display: flex;
    height: clamp(330px, 35vw, 520px);
    aspect-ratio: auto;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 0;
    background: transparent;
}
.automatic-products-grid .catalog-artwork-card img {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: contain;
}
.automatic-products-grid .catalog-artwork-card h2 {
    margin: 12px 0 4px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
}
.automatic-products-grid .catalog-artwork-card p {
    margin: 0 0 4px;
    color: #555;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}
.automatic-products-grid .catalog-artwork-card strong { font-size: 19px; font-weight: 400; }

@media(max-width:900px) {
    .automatic-products-section { padding: 115px 24px 80px; }
    .automatic-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 45px 24px; }
    .automatic-products-grid .catalog-artwork-card > div { height: clamp(280px, 52vw, 440px); }
}

@media(max-width:560px) {
    .automatic-products-section { padding-inline: 16px; }
    .automatic-products-grid { grid-template-columns: 1fr; gap: 42px; }
    .automatic-products-grid .catalog-artwork-card > div { height: min(118vw, 510px); }
}

/* Carrusel compacto de productos sobre la portada */
@media(min-width:701px) {
    .home-page .art-home__collection {
        width: min(950px, calc(100vw - 48px));
        max-width: 950px;
        margin-inline: auto;
        gap: 24px;
        justify-content: center;
        align-items: stretch;
        overflow: visible;
    }
    .home-page .art-home__collection .expanding-card {
        display: grid!important;
        height: 166px;
        min-width: 0;
        padding: 4px 4px 3px;
        flex: 0 0 135px;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr) 32px;
        gap: 0;
        border: 1px solid rgba(255,255,255,.7);
        border-radius: 6px;
        background: rgba(250,250,250,.96);
        box-shadow: none;
        backdrop-filter: none;
    }
    .home-page .art-home__collection .expanding-card.is-active {
        flex-basis: 330px;
        padding: 8px;
        grid-template-columns: 52% minmax(0, 1fr);
        grid-template-rows: 1fr;
        gap: 11px;
    }
    .home-page .art-home__collection .expanding-card > img,
    .home-page .art-home__collection .expanding-card.is-active > img {
        width: 100%;
        height: 150px;
        min-height: 0;
        grid-column: 1;
        grid-row: 1;
        object-fit: contain;
        background: transparent;
        transform: none;
    }
    .home-page .art-home__collection .expanding-card:not(.is-active) > img {
        height: 100%;
        padding: 7px;
        grid-column: 1;
        grid-row: 1;
        object-fit: contain;
        object-position: center;
        align-self: stretch;
        transform: none;
    }
    .home-page .art-home__collection .expanding-card__compact-label {
        display: block;
        position: static;
        width: 100%;
        align-self: end;
        padding: 7px;
        grid-column: 1;
        grid-row: 2;
        overflow: hidden;
        background: transparent;
        color: #202020;
        font: 12px/1.15 "Open Sans", Arial, sans-serif!important;
        font-weight: 400!important;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .home-page .art-home__collection .expanding-card.is-active .expanding-card__compact-label { display: none; }
    .home-page .art-home__collection .expanding-card__copy {
        display: none!important;
        min-width: 0;
        padding: 1px 0;
        grid-column: 2;
        grid-row: 1;
        align-items: stretch;
        opacity: 0;
    }
    .home-page .art-home__collection .expanding-card.is-active .expanding-card__copy {
        display: flex!important;
        visibility: visible;
        opacity: 1;
        transform: none;
    }
    .home-page .art-home__collection .expanding-card__copy h2 {
        margin: 0 0 3px;
        max-width: 100%;
        overflow: visible;
        color: #202020;
        font: 19px/1.1 "Open Sans", Arial, sans-serif;
        font-weight: 400;
        overflow-wrap: break-word;
        white-space: normal;
    }
    .home-page .art-home__collection .expanding-card__copy .art-card__artist {
        display: -webkit-box;
        margin: 0;
        overflow: hidden;
        color: #666;
        font: 15px/1.25 "Open Sans", Arial, sans-serif;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .home-page .art-home__collection .expanding-card__copy .art-card__price { display: none; }
    .home-page .art-home__collection .art-card__cta {
        width: 100%;
        min-height: 34px;
        margin-top: auto;
        padding: 7px 12px;
        border-radius: 4px;
        background: #17191f;
        color: #fff;
        font: 14px "Open Sans", Arial, sans-serif;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
    }
}

@media(max-width:700px) {
    .home-page .art-home__collection .expanding-card {
        height: 150px;
        min-width: 112px;
        padding: 4px 4px 3px;
        flex-basis: 112px;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr) 22px;
    }
    .home-page .art-home__collection .expanding-card:not(.is-active) > img {
        width: 100%;
        height: 100%;
        grid-column: 1;
        grid-row: 1;
        object-fit: cover;
        align-self: stretch;
        transform: scale(1.2);
    }
    .home-page .art-home__collection .expanding-card__compact-label {
        position: static;
        grid-column: 1;
        grid-row: 2;
        align-self: end;
    }
    .home-page .art-home__collection .expanding-card.is-active {
        height: 178px;
        min-width: min(82vw, 330px);
        flex-basis: min(82vw, 330px);
        grid-template-columns: 45% minmax(0, 1fr);
        grid-template-rows: 1fr;
    }
    .home-page .art-home__collection .expanding-card.is-active > img { height: 154px; }
    .home-page .art-home__collection .expanding-card.is-active .expanding-card__copy { grid-column: 2; grid-row: 1; padding: 2px 0 0 10px; }
}

/* Open Sans para todos los listados de catálogo */
.artworks-catalog,
.artworks-catalog button,
.artworks-catalog input,
.artworks-catalog select,
.category-artworks,
.category-artworks__heading,
.category-artwork,
.category-artwork h2,
.category-artwork p,
.automatic-products-section,
.automatic-products-section__heading,
.automatic-products-section__heading h1,
.automatic-products-grid .catalog-artwork-card,
.automatic-products-grid .catalog-artwork-card h2,
.automatic-products-grid .catalog-artwork-card p {
    font-family:"Open Sans", Arial, sans-serif;
}

.press-hero{width:100%;height:100svh;min-height:100svh;overflow:hidden;background:#050505}
.press-hero img,.press-hero video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.press-archive{min-height:100svh;padding:clamp(130px,12vw,190px) clamp(28px,6vw,92px) 110px;background:#fff;color:#202020;font-family:"Open Sans", Arial, sans-serif}
.press-archive--with-hero{padding-top:clamp(58px,7vw,92px)}
.press-archive__header{max-width:900px;margin:0 auto clamp(58px,7vw,92px);text-align:center}
.press-archive__header h1{margin:0;font-family:"Open Sans", Arial, sans-serif;font-size:clamp(58px,6vw,92px);font-weight:400;letter-spacing:-.045em;line-height:1}
.press-archive__header p{margin:20px 0 0;font-size:clamp(15px,1.2vw,19px);line-height:1.5}
.press-grid{display:grid;width:min(100%,1450px);margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px clamp(44px,6vw,100px)}
.press-card{display:grid;min-width:0;grid-template-columns:minmax(190px,44%) minmax(0,1fr);gap:24px;align-items:start}
.press-card__image{display:grid;width:100%;aspect-ratio:1.35;overflow:hidden;place-items:center;background:#f0f0ee;color:#222;text-decoration:none}
.press-card__image img{display:block;width:100%;height:100%;object-fit:cover}
.press-card__image span{font-size:42px;font-weight:700}
.press-card__copy{display:flex;min-height:100%;padding:2px 0;flex-direction:column;align-items:flex-start}
.press-card__copy p{margin:0;font-size:clamp(15px,1.12vw,18px);line-height:1.45}
.press-card__copy small{margin-top:6px;font-size:14px;line-height:1.35}
.press-card__button{display:flex;min-width:112px;min-height:46px;margin-top:22px;padding:10px 20px;align-items:center;justify-content:center;border-radius:8px;background:#080808;color:#fff;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease,transform .2s ease}
.press-card__button:hover{background:#333;transform:translateY(-1px)}
@media(max-width:900px){.press-grid{grid-template-columns:1fr}.press-card{grid-template-columns:minmax(170px,40%) minmax(0,1fr)}}
@media(max-width:560px){.press-hero{height:100svh;min-height:100svh}.press-archive{padding:120px 18px 72px}.press-archive--with-hero{padding-top:62px}.press-archive__header{margin-bottom:48px}.press-card{grid-template-columns:1fr;gap:16px}.press-card__image{aspect-ratio:1.45}.press-card__button{width:100%;margin-top:18px}}

.certificate-showcase{display:grid;width:100%;min-height:clamp(480px,47vw,720px);grid-template-columns:minmax(260px,32%) minmax(0,68%);background:#fff;color:#575757;font-family:"Open Sans", Arial, sans-serif}
.certificate-showcase__copy{display:flex;padding:clamp(36px,5vw,78px);align-items:center}
.certificate-showcase__copy h1{margin:0;font-family:"Open Sans", Arial, sans-serif;font-size:clamp(24px,2.35vw,42px);font-weight:400;letter-spacing:-.035em;line-height:.94}
.certificate-showcase__copy p{max-width:360px;margin:24px 0 0;font-size:15px;line-height:1.5}
.certificate-showcase__media{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.certificate-showcase__media figure{min-width:0;margin:0;overflow:hidden;background:#ddd}
.certificate-showcase__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:720px){.certificate-showcase{min-height:clamp(480px,72svh,620px);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.certificate-showcase__copy{min-height:0;padding:42px 24px}.certificate-showcase__copy h1{font-size:30px}.certificate-showcase__media{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-showcase__media figure{aspect-ratio:4/5;background:#000}.certificate-showcase__media img{width:100%;height:100%;object-fit:contain;object-position:center}}

/* ==================================================
   TIPOGRAFÍA GLOBAL PÚBLICA — OPEN SANS
   ================================================== */

html,
body,
button,
input,
select,
textarea,
option {
    font-family: "Open Sans", Arial, sans-serif;
}

body.storefront,
body.storefront *,
body.storefront *::before,
body.storefront *::after {
    font-family: "Open Sans", Arial, sans-serif;
}

body.storefront svg,
body.storefront path,
body.storefront circle,
body.storefront rect,
body.storefront line,
body.storefront polyline,
body.storefront polygon {
    font-family: inherit;
}

/* Mantener controles heredando correctamente */
body.storefront button,
body.storefront input,
body.storefront select,
body.storefront textarea {
    font: inherit;
}

/* Sustituir variantes configurables por Open Sans */
body.storefront .text-font-modern,
body.storefront .text-font-open_sans,
body.storefront .text-font-"Open Sans",
body.storefront .text-font-minimal {
    font-family: "Open Sans", Arial, sans-serif;
}

/* Hero editable */
body.storefront .art-home,
body.storefront .art-home *,
body.storefront .custom-hero,
body.storefront .custom-hero *,
body.storefront .editorial-text,
body.storefront .editorial-text * {
    --hero-font-family: "Open Sans", Arial, sans-serif;
    font-family: "Open Sans", Arial, sans-serif;
}

/* Menor separación entre párrafos en bloques editoriales */
body.storefront .editorial-text__body p {
    margin-top: 0;
    margin-bottom: 0.55em;
}

body.storefront .editorial-text__body p:last-child {
    margin-bottom: 0;
}

/* ==================================================
   ESPACIADO CORRECTO — ¿QUIÉNES SOMOS?
   ================================================== */

body.storefront.home-page
.editorial-text--about
.editorial-text__body p {
    margin: 0 !important;
    padding: 0 !important;
}

body.storefront.home-page
.editorial-text--about
.editorial-text__body p + p {
    margin-top: 0.7em !important;
}

/* Ocultar párrafos completamente vacíos */
body.storefront.home-page
.editorial-text--about
.editorial-text__body p:empty {
    display: none !important;
}

/* Ocultar párrafos que solamente contienen un salto */
body.storefront.home-page
.editorial-text--about
.editorial-text__body p:has(> br:only-child) {
    display: none !important;
}

/* Evitar saltos duplicados insertados por el editor */
body.storefront.home-page
.editorial-text--about
.editorial-text__body br + br {
    display: none;
}

/* ==================================================
   ¿QUIÉNES SOMOS? — ESPACIADO SEGÚN REFERENCIA
   ================================================== */

body.storefront.home-page
.editorial-text--about
.editorial-text__body {
    line-height: 1.34;
}

body.storefront.home-page
.editorial-text--about
.editorial-text__body p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Separación aproximada de 30 px entre bloques */
body.storefront.home-page
.editorial-text--about
.editorial-text__body p + p {
    margin-top: 1.45em !important;
}

body.storefront.home-page
.editorial-text--about
.editorial-text__body p:empty,
body.storefront.home-page
.editorial-text--about
.editorial-text__body p:has(> br:only-child) {
    display: none !important;
}

@media (max-width: 760px) {
    body.storefront.home-page
    .editorial-text--about
    .editorial-text__body p + p {
        margin-top: 1.25em !important;
    }
}

/* ==================================================
   HERO PRINCIPAL — IDENTIDAD EN TEXTO REAL
   ================================================== */

body.storefront.home-page .art-home {
    grid-template-rows: minmax(0, 1fr) auto;
}

body.storefront.home-page .art-home__identity {
    position: absolute;
    z-index: 3;
    top: clamp(92px, 11vh, 130px);
    left: 50%;
    display: grid;
    width: min(920px, calc(100% - 40px));
    justify-items: center;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .55);
    transform: translateX(-50%);
    pointer-events: none;
}

body.storefront.home-page .art-home__identity-title {
    display: block;
    font-size: clamp(48px, 5.8vw, 88px);
    font-weight: 400;
    letter-spacing: .045em;
    line-height: .98;
    white-space: nowrap;
}

body.storefront.home-page .art-home__identity-subtitle {
    display: block;
    margin-top: 8px;
    font-size: clamp(18px, 2vw, 30px);
    font-weight: 600;
    letter-spacing: .48em;
    line-height: 1;
    text-indent: .48em;
    white-space: nowrap;
}

body.storefront.home-page .art-home__intro {
    position: relative;
    z-index: 2;
    width: min(1180px, 92vw);
    margin: 0 auto clamp(30px, 4vh, 46px);
    align-self: end;
    justify-self: center;
    text-align: center;
    transform: none;
}

body.storefront.home-page .art-home__intro .art-home__statement {
    max-width: 1180px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0;
    text-wrap: balance;
}

/* Anular posiciones libres heredadas del antiguo logotipo */
body.storefront.home-page .art-home--free-position .art-home__intro {
    position: relative;
    top: auto;
    left: auto;
    width: min(1180px, 92vw);
    margin: 0 auto clamp(30px, 4vh, 46px);
    transform: none;
}

body.storefront.home-page .art-home__overlay-logo {
    display: none !important;
}

@media (max-width: 900px) {
    body.storefront.home-page .art-home {
        padding-top: 210px;
    }

    body.storefront.home-page .art-home__identity {
        top: 105px;
        width: calc(100% - 32px);
    }

    body.storefront.home-page .art-home__identity-title {
        font-size: clamp(38px, 8vw, 62px);
        letter-spacing: .025em;
    }

    body.storefront.home-page .art-home__identity-subtitle {
        margin-top: 7px;
        font-size: clamp(14px, 3vw, 22px);
        letter-spacing: .34em;
        text-indent: .34em;
    }

    body.storefront.home-page .art-home__intro .art-home__statement {
        max-width: 820px;
        font-size: clamp(21px, 3.1vw, 27px);
    }
}

@media (max-width: 700px) {
    body.storefront.home-page .art-home {
        padding-top: 190px;
    }

    body.storefront.home-page .art-home__identity {
        top: 96px;
        width: calc(100% - 28px);
    }

    body.storefront.home-page .art-home__identity-title {
        font-size: clamp(30px, 9vw, 46px);
        letter-spacing: .015em;
        white-space: normal;
    }

    body.storefront.home-page .art-home__identity-subtitle {
        margin-top: 6px;
        font-size: clamp(12px, 3.4vw, 17px);
        letter-spacing: .25em;
        text-indent: .25em;
        white-space: normal;
    }

    body.storefront.home-page .art-home__intro {
        width: 100%;
        margin-bottom: 24px;
    }

    body.storefront.home-page .art-home__intro .art-home__statement {
        max-width: 92vw;
        font-size: 20px;
        line-height: 1.25;
    }

    body.storefront.home-page .art-home--free-position .art-home__intro {
        width: 100%;
        margin-bottom: 24px;
    }
}

@media (max-width: 430px) {
    body.storefront.home-page .art-home__identity-title {
        font-size: 31px;
    }

    body.storefront.home-page .art-home__identity-subtitle {
        font-size: 11px;
        letter-spacing: .2em;
        text-indent: .2em;
    }

    body.storefront.home-page .art-home__intro .art-home__statement {
        font-size: 18px;
        line-height: 1.28;
    }
}

/* ==================================================
   HERO PRINCIPAL — FORMATO COMPACTO DE REFERENCIA
   ================================================== */

body.storefront.home-page .art-home {
    grid-template-rows: minmax(0, 1fr) auto;
    padding-top: clamp(130px, 12vh, 190px);
    padding-bottom: clamp(22px, 3vh, 38px);
}

body.storefront.home-page .art-home__intro,
body.storefront.home-page .art-home--free-position .art-home__intro {
    position: relative;
    z-index: 4;
    top: auto;
    left: auto;
    width: min(880px, 90vw);
    margin: 0 auto clamp(18px, 2.2vh, 28px);
    align-self: end;
    justify-self: center;
    transform: none;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.48);
}

body.storefront.home-page .art-home__identity {
    display: grid;
    justify-items: center;
    gap: 2px;
    margin: 0 0 12px;
}

body.storefront.home-page .art-home__intro h1,
body.storefront.home-page .art-home--free-position .art-home__intro h1 {
    margin: 0;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(42px, 4.1vw, 68px);
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

body.storefront.home-page .art-home__identity > span {
    display: block;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(15px, 1.45vw, 22px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.55em;
    text-indent: 0.55em;
    text-transform: uppercase;
}

body.storefront.home-page .art-home__intro p,
body.storefront.home-page .art-home--free-position .art-home__intro p {
    max-width: 850px;
    margin: 0 auto;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(17px, 1.35vw, 21px);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
    text-wrap: balance;
}

body.storefront.home-page .art-home__collection {
    position: relative;
    z-index: 3;
    margin-top: 0;
}

/* Evitar que el logotipo anterior se duplique sobre el texto */
body.storefront.home-page .art-home__overlay-logo {
    display: none !important;
}

/* iPad y pantallas medianas */
@media (max-width: 1100px) {
    body.storefront.home-page .art-home {
        padding-top: 155px;
    }

    body.storefront.home-page .art-home__intro,
    body.storefront.home-page .art-home--free-position .art-home__intro {
        width: min(760px, 91vw);
        margin-bottom: 22px;
    }

    body.storefront.home-page .art-home__intro h1,
    body.storefront.home-page .art-home--free-position .art-home__intro h1 {
        font-size: clamp(40px, 6vw, 58px);
    }

    body.storefront.home-page .art-home__identity > span {
        font-size: clamp(14px, 2vw, 19px);
        letter-spacing: 0.46em;
        text-indent: 0.46em;
    }

    body.storefront.home-page .art-home__intro p,
    body.storefront.home-page .art-home--free-position .art-home__intro p {
        max-width: 720px;
        font-size: clamp(16px, 2vw, 19px);
    }
}

/* Móvil */
@media (max-width: 700px) {
    body.storefront.home-page .art-home {
        display: flex;
        min-height: 100svh;
        padding: 155px 16px 24px;
        flex-direction: column;
        justify-content: flex-end;
    }

    body.storefront.home-page .art-home__intro,
    body.storefront.home-page .art-home--free-position .art-home__intro {
        width: 100%;
        margin: 0 auto 20px;
        padding-inline: 4px;
    }

    body.storefront.home-page .art-home__identity {
        gap: 4px;
        margin-bottom: 13px;
    }

    body.storefront.home-page .art-home__intro h1,
    body.storefront.home-page .art-home--free-position .art-home__intro h1 {
        font-size: clamp(29px, 9.5vw, 42px);
        line-height: 1.03;
        letter-spacing: 0.04em;
        white-space: nowrap;
    }

    body.storefront.home-page .art-home__identity > span {
        font-size: clamp(11px, 3.6vw, 15px);
        line-height: 1.1;
        letter-spacing: 0.34em;
        text-indent: 0.34em;
        white-space: nowrap;
    }

    body.storefront.home-page .art-home__intro p,
    body.storefront.home-page .art-home--free-position .art-home__intro p {
        max-width: 94%;
        font-size: 16px;
        line-height: 1.25;
        text-wrap: pretty;
    }

    body.storefront.home-page .art-home__collection {
        width: 100%;
        margin-top: 0;
    }
}

/* Teléfonos pequeños */
@media (max-width: 390px) {
    body.storefront.home-page .art-home__intro h1,
    body.storefront.home-page .art-home--free-position .art-home__intro h1 {
        font-size: 27px;
    }

    body.storefront.home-page .art-home__identity > span {
        font-size: 10px;
        letter-spacing: 0.28em;
        text-indent: 0.28em;
    }

    body.storefront.home-page .art-home__intro p,
    body.storefront.home-page .art-home--free-position .art-home__intro p {
        font-size: 15px;
    }
}

/* ==================================================
   HERO PRINCIPAL — TÍTULO Y TEXTO UNIFICADOS
   ================================================== */

/* El bloque completo queda inmediatamente arriba de las tarjetas */
body.storefront.home-page .art-home .art-home__intro,
body.storefront.home-page .art-home.art-home--free-position .art-home__intro {
    position: relative !important;
    z-index: 3;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: min(100%, 1120px) !important;
    margin: 0 auto 28px !important;
    align-self: end;
    justify-self: center;
    transform: none !important;
    text-align: center;
}

/* CAPITAL DEL ARTE */
body.storefront.home-page .art-home .art-home__intro h1 {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100%;
    margin: 0 0 6px !important;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(38px, 4.7vw, 58px);
    font-weight: 400;
    line-height: 0.96;
    letter-spacing: 0.035em;
    text-align: center;
    transform: none !important;
}

/* FINE ART GALLERY debajo del título */
body.storefront.home-page .art-home .art-home__intro h1::after {
    display: block;
    margin-top: 12px;
    content: "FINE ART GALLERY";
    font-size: clamp(16px, 1.7vw, 27px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.48em;
    text-indent: 0.48em;
}

/* Texto descriptivo */
body.storefront.home-page .art-home .art-home__intro p {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    max-width: 1050px;
    margin: 26px auto 0 !important;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    transform: none !important;
}

/* Mantener las tarjetas debajo del bloque de texto */
body.storefront.home-page .art-home .art-home__collection {
    position: relative;
    z-index: 3;
}

/* TABLET */
@media (max-width: 1050px) {
    body.storefront.home-page .art-home .art-home__intro {
        width: min(100%, 900px) !important;
        margin-bottom: 24px !important;
    }

    body.storefront.home-page .art-home .art-home__intro h1 {
        font-size: clamp(42px, 7vw, 68px);
    }

    body.storefront.home-page .art-home .art-home__intro p {
        max-width: 850px;
        margin-top: 22px !important;
        font-size: 24px;
    }
}

/* MÓVIL */
@media (max-width: 700px) {
    body.storefront.home-page .art-home,
    body.storefront.home-page .art-home.art-home--free-position {
        padding-top: 128px !important;
    }

    body.storefront.home-page .art-home .art-home__intro,
    body.storefront.home-page .art-home.art-home--free-position .art-home__intro {
        width: 100% !important;
        margin: 0 auto 22px !important;
        padding-inline: 8px;
    }

    body.storefront.home-page .art-home .art-home__intro h1 {
        margin-bottom: 4px !important;
        font-size: clamp(34px, 10.5vw, 48px);
        line-height: 1;
        letter-spacing: 0.015em;
    }

    body.storefront.home-page .art-home .art-home__intro h1::after {
        margin-top: 9px;
        font-size: clamp(11px, 3.5vw, 15px);
        letter-spacing: 0.35em;
        text-indent: 0.35em;
    }

    body.storefront.home-page .art-home .art-home__intro p {
        max-width: 620px;
        margin-top: 20px !important;
        font-size: 18px;
        line-height: 1.25;
    }
}

@media (max-width: 430px) {
    body.storefront.home-page .art-home .art-home__intro h1 {
        font-size: 32px;
    }

    body.storefront.home-page .art-home .art-home__intro h1::after {
        font-size: 10px;
        letter-spacing: 0.28em;
        text-indent: 0.28em;
    }

    body.storefront.home-page .art-home .art-home__intro p {
        font-size: 17px;
    }
}

/* ==================================================
   HERO PRINCIPAL — ORDEN FINAL
   Identidad, frase y tarjetas
   ================================================== */

body.storefront.home-page .art-home,
body.storefront.home-page .art-home.art-home--free-position {
    display: flex !important;
    min-height: 100svh;
    padding: clamp(130px, 15vh, 175px) clamp(20px, 8vw, 128px) 38px;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
}

/* CAPITAL DEL ARTE / FINE ART GALLERY */
body.storefront.home-page .art-home .art-home__identity {
    position: relative !important;
    z-index: 4;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: grid !important;
    width: min(100%, 1000px);
    margin: 0 auto 18px !important;
    justify-items: center;
    gap: 5px;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .55);
    transform: none !important;
}

body.storefront.home-page .art-home .art-home__identity-title {
    display: block;
    margin: 0;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(48px, 5.5vw, 84px);
    font-weight: 300;
    line-height: .96;
    letter-spacing: .045em;
    white-space: nowrap;
}

body.storefront.home-page .art-home .art-home__identity-subtitle {
    display: block;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(15px, 1.5vw, 23px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: .52em;
    text-indent: .52em;
    white-space: nowrap;
}

/* FRASE DEL HERO */
body.storefront.home-page .art-home .art-home__intro,
body.storefront.home-page .art-home.art-home--free-position .art-home__intro {
    position: relative !important;
    z-index: 4;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: min(100%, 900px) !important;
    margin: 0 auto 26px !important;
    padding: 0;
    align-self: auto;
    justify-self: auto;
    color: #fff;
    text-align: center;
    transform: none !important;
}

/* Regresar la frase al tamaño correcto anterior */
body.storefront.home-page .art-home .art-home__intro .art-home__statement,
body.storefront.home-page .art-home.art-home--free-position .art-home__intro .art-home__statement {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    max-width: 850px;
    margin: 0 auto !important;
    padding: 0;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(17px, 1.35vw, 21px) !important;
    font-weight: 400;
    line-height: 1.25 !important;
    letter-spacing: 0;
    text-align: center;
    text-wrap: balance;
    transform: none !important;
}

/* Anular reglas antiguas que buscaban un h1 inexistente */
body.storefront.home-page .art-home .art-home__intro h1,
body.storefront.home-page .art-home .art-home__intro h1::after {
    display: none !important;
    content: none !important;
}

/* TARJETAS */
body.storefront.home-page .art-home .art-home__collection {
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 0 auto;
}

/* TABLET / IPAD */
@media (max-width: 1050px) {
    body.storefront.home-page .art-home,
    body.storefront.home-page .art-home.art-home--free-position {
        padding: 145px 28px 30px;
    }

    body.storefront.home-page .art-home .art-home__identity {
        margin-bottom: 15px !important;
    }

    body.storefront.home-page .art-home .art-home__identity-title {
        font-size: clamp(43px, 7vw, 66px);
    }

    body.storefront.home-page .art-home .art-home__identity-subtitle {
        font-size: clamp(13px, 2vw, 18px);
        letter-spacing: .44em;
        text-indent: .44em;
    }

    body.storefront.home-page .art-home .art-home__intro,
    body.storefront.home-page .art-home.art-home--free-position .art-home__intro {
        margin-bottom: 23px !important;
    }

    body.storefront.home-page .art-home .art-home__intro .art-home__statement {
        max-width: 760px;
        font-size: clamp(16px, 2vw, 19px) !important;
    }
}

/* MÓVIL */
@media (max-width: 700px) {
    body.storefront.home-page .art-home,
    body.storefront.home-page .art-home.art-home--free-position {
        min-height: 100svh;
        padding: 132px 16px 24px;
        justify-content: flex-end;
    }

    body.storefront.home-page .art-home .art-home__identity {
        width: 100%;
        margin-bottom: 14px !important;
        gap: 4px;
    }

    body.storefront.home-page .art-home .art-home__identity-title {
        font-size: clamp(30px, 9.5vw, 42px);
        line-height: 1;
        letter-spacing: .025em;
    }

    body.storefront.home-page .art-home .art-home__identity-subtitle {
        font-size: clamp(10px, 3.3vw, 14px);
        letter-spacing: .31em;
        text-indent: .31em;
    }

    body.storefront.home-page .art-home .art-home__intro,
    body.storefront.home-page .art-home.art-home--free-position .art-home__intro {
        width: 100% !important;
        margin-bottom: 20px !important;
        padding-inline: 4px;
    }

    body.storefront.home-page .art-home .art-home__intro .art-home__statement {
        max-width: 94%;
        font-size: 16px !important;
        line-height: 1.28 !important;
        text-wrap: pretty;
    }
}

@media (max-width: 390px) {
    body.storefront.home-page .art-home .art-home__identity-title {
        font-size: 28px;
    }

    body.storefront.home-page .art-home .art-home__identity-subtitle {
        font-size: 9px;
        letter-spacing: .27em;
        text-indent: .27em;
    }

    body.storefront.home-page .art-home .art-home__intro .art-home__statement {
        font-size: 15px !important;
    }
}

/* CAPITAL DEL ARTE — 40% DEL TAMAÑO ANTERIOR */
body.storefront.home-page
.art-home
.art-home__identity-title {
    font-size: clamp(19px, 2.2vw, 34px) !important;
}

/* TABLET / IPAD */
@media (max-width: 1050px) {
    body.storefront.home-page
    .art-home
    .art-home__identity-title {
        font-size: clamp(17px, 2.8vw, 26px) !important;
    }
}

/* MÓVIL */
@media (max-width: 700px) {
    body.storefront.home-page
    .art-home
    .art-home__identity-title {
        font-size: clamp(18px, 5vw, 22px) !important;
    }
}

@media (max-width: 390px) {
    body.storefront.home-page
    .art-home
    .art-home__identity-title {
        font-size: 18px !important;
    }
}

/* CAPITAL DEL ARTE — 20% MÁS GRANDE QUE EL AJUSTE ANTERIOR */
body.storefront.home-page
.art-home
.art-home__identity-title {
    font-size: clamp(23px, 2.65vw, 41px) !important;
}

/* TABLET / IPAD */
@media (max-width: 1050px) {
    body.storefront.home-page
    .art-home
    .art-home__identity-title {
        font-size: clamp(20px, 3.35vw, 31px) !important;
    }
}

/* MÓVIL */
@media (max-width: 700px) {
    body.storefront.home-page
    .art-home
    .art-home__identity-title {
        font-size: clamp(22px, 6vw, 27px) !important;
    }
}

@media (max-width: 390px) {
    body.storefront.home-page
    .art-home
    .art-home__identity-title {
        font-size: 22px !important;
    }
}

/* ==================================================
   TÍTULOS PRINCIPALES HOME — HOMOLOGACIÓN FINAL
   TRAYECTORIA / DESCUBRE MÁS PRODUCTOS / QUIÉNES SOMOS
   ================================================== */

body.storefront.home-page .home-trajectory__heading h1,
body.storefront.home-page .artwork-carousel-heading h1,
body.storefront.home-page .editorial-text--about h1 {
    margin-top: 0;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: clamp(38px, 4vw, 58px) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
    text-align: center;
    text-transform: uppercase !important;
}

/* Mantener la separación propia de cada sección */
body.storefront.home-page .home-trajectory__heading h1 {
    margin-bottom: 0;
}

body.storefront.home-page .artwork-carousel-heading h1 {
    margin-bottom: 0;
}

body.storefront.home-page .editorial-text--about h1 {
    margin-bottom: clamp(32px, 4vw, 52px);
}

/* Móvil: los tres conservan exactamente la misma escala */
@media (max-width: 760px) {
    body.storefront.home-page .home-trajectory__heading h1,
    body.storefront.home-page .artwork-carousel-heading h1,
    body.storefront.home-page .editorial-text--about h1 {
        font-size: clamp(36px, 10vw, 48px) !important;
        font-weight: 400 !important;
        line-height: 1.08 !important;
        letter-spacing: -0.035em !important;
        text-transform: uppercase !important;
    }

    body.storefront.home-page .editorial-text--about h1 {
        margin-bottom: 30px;
    }
}

/* ==================================================
   HOMOLOGACIÓN TIPOGRÁFICA FINAL — CAPITAL DEL ARTE
   ================================================== */

:root {
    --capital-body-size: clamp(16px, 1.25vw, 20px);
    --capital-body-line: 1.32;
    --capital-small-title-size: 11px;
    --capital-button-radius: 8px;
}

/* ==================================================
   TÍTULOS PEQUEÑOS:
   MISMO TAMAÑO QUE ESCULTURA / GRÁFICA / PINTURA
   ================================================== */

/* WILD dentro de la tarjeta principal */
body.storefront.home-page
.art-home__collection
.expanding-card__copy h2,

/* WILD y demás títulos de Descubre más productos */
body.storefront.home-page
.artwork-carousel-card__copy h2 {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: var(--capital-small-title-size) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}

/* ==================================================
   BOTONES:
   MISMA TIPOGRAFÍA Y REDONDEZ QUE CATEGORÍAS
   ================================================== */

body.storefront
.category-triptych__item span,

body.storefront.home-page
.art-home__collection
.art-card__cta,

body.storefront.home-page
.artwork-carousel-card__copy span,

body.storefront.home-page
.home-trajectory__more {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: var(--capital-small-title-size) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    border-radius: var(--capital-button-radius) !important;
}

/* VER MÁS */
body.storefront.home-page
.art-home__collection
.art-card__cta {
    min-height: 38px !important;
    padding: 8px 18px !important;
}

/* COMPRA YA */
body.storefront.home-page
.artwork-carousel-card__copy span {
    display: inline-flex !important;
    min-height: 38px !important;
    margin-top: auto !important;
    padding: 8px 18px !important;
    align-items: center;
    justify-content: center;
    background: #17191f;
    color: #fff;
}

/* CONOCE MÁS DE NOSOTROS */
body.storefront.home-page
.home-trajectory__more {
    min-height: 44px !important;
    padding: 10px 22px !important;
}

/* ==================================================
   TAMAÑO BODY
   ================================================== */

/* Rabí Montoya dentro de la tarjeta principal */
body.storefront.home-page
.art-home__collection
.expanding-card__copy
.art-card__artist,

/* Rabí Montoya y precio en Descubre más productos */
body.storefront.home-page
.artwork-carousel-card__copy p,

body.storefront.home-page
.artwork-carousel-card__copy strong,

/* Texto bajo Trayectoria */
body.storefront.home-page
.home-trajectory__heading p,

/* Descubre más en nuestras redes */
body.storefront
.gallery-footer-info > p,

/* Métodos de pago */
body.storefront
.payment-methods b,

/* Aviso de privacidad y términos */
body.storefront
.gallery-footer-legal a,

/* Copyright */
body.storefront
.gallery-footer-info > small {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: var(--capital-body-size) !important;
    font-weight: 400 !important;
    line-height: var(--capital-body-line) !important;
    letter-spacing: 0 !important;
}

/* Evitar que los métodos de pago se compriman con la nueva tipografía */
body.storefront
.payment-methods b {
    width: auto !important;
    min-width: 72px !important;
    height: auto !important;
    min-height: 38px !important;
    padding: 7px 12px !important;
    font-style: normal !important;
}

/* Footer legal con espacio suficiente */
body.storefront
.gallery-footer-legal {
    min-height: 54px;
    padding: 10px 18px;
    flex-wrap: wrap;
    justify-content: center;
}

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

@media (max-width: 700px) {
    :root {
        --capital-body-size: 16px;
        --capital-small-title-size: 11px;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card__copy h2,

    body.storefront.home-page
    .artwork-carousel-card__copy h2 {
        font-size: var(--capital-small-title-size) !important;
    }

    body.storefront
    .gallery-footer-info > p,

    body.storefront
    .payment-methods b,

    body.storefront
    .gallery-footer-legal a,

    body.storefront
    .gallery-footer-info > small {
        font-size: var(--capital-body-size) !important;
    }

    body.storefront
    .gallery-footer-legal {
        gap: 12px;
    }

    body.storefront
    .payment-methods {
        flex-wrap: wrap;
        justify-content: center;
    }
}


/* ==================================================
   HOMOLOGACIÓN REAL — REFERENCIA ESCULTURA
   Fuente real: 14 px / peso 400 / línea 1
   ================================================== */

:root {
    --capital-ui-size: 14px;
    --capital-ui-weight: 400;
    --capital-ui-line: 1;
    --capital-ui-radius: 12px;
    --capital-ui-border: #8f8f8f;
    --capital-ui-text: #242424;
    --capital-ui-background: #ffffff;
}

/* ==================================================
   TÍTULOS DE OBRAS
   WILD PRINCIPAL + WILD DESCUBRE MÁS PRODUCTOS
   ================================================== */

/* Título visible dentro de la tarjeta principal activa */
body.storefront.home-page
.art-home__collection
.expanding-card__copy h2,

/* Títulos inferiores de las tarjetas compactas */
body.storefront.home-page
.art-home__collection
.expanding-card__compact-label,

/* Títulos del carrusel Descubre más productos */
body.storefront.home-page
.artwork-carousel-card__copy h2 {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: var(--capital-ui-size) !important;
    font-weight: var(--capital-ui-weight) !important;
    line-height: var(--capital-ui-line) !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* Ajuste exclusivo del título WILD dentro de la tarjeta activa */
body.storefront.home-page
.art-home__collection
.expanding-card__copy h2 {
    margin: 0 0 6px !important;
}

/* ==================================================
   BOTONES HOMOLOGADOS
   ESCULTURA / VER MÁS / COMPRA YA / CONOCE MÁS
   ================================================== */

body.storefront.home-page
.art-home__collection
.art-card__cta,

body.storefront.home-page
.artwork-carousel-card__copy span,

body.storefront.home-page
.home-trajectory__more {
    display: inline-flex !important;
    width: auto !important;
    min-width: 190px !important;
    min-height: 44px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 9px 22px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--capital-ui-border) !important;
    border-radius: var(--capital-ui-radius) !important;
    background: var(--capital-ui-background) !important;
    color: var(--capital-ui-text) !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: var(--capital-ui-size) !important;
    font-weight: var(--capital-ui-weight) !important;
    line-height: var(--capital-ui-line) !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

/* VER MÁS dentro de la tarjeta principal */
body.storefront.home-page
.art-home__collection
.art-card__cta {
    width: 100% !important;
    min-width: 0 !important;
    margin-top: auto !important;
}

/* COMPRA YA */
body.storefront.home-page
.artwork-carousel-card__copy span {
    margin-top: 10px !important;
}

/* CONOCE MÁS DE NOSOTROS */
body.storefront.home-page
.home-trajectory__more {
    width: min(100%, 340px) !important;
    margin-top: clamp(42px, 5vw, 70px) !important;
}

/* Hover idéntico a Escultura */
body.storefront.home-page
.art-home__collection
.art-card__cta:hover,

body.storefront.home-page
.artwork-carousel-card:hover
.artwork-carousel-card__copy span,

body.storefront.home-page
.home-trajectory__more:hover {
    border-color: #171717 !important;
    background: #171717 !important;
    color: #ffffff !important;
    filter: none !important;
    transform: translateY(-2px) !important;
}

/* ==================================================
   TEXTOS BODY DE OBRAS
   ================================================== */

/* Autor dentro de la tarjeta principal */
body.storefront.home-page
.art-home__collection
.expanding-card__copy
.art-card__artist,

/* Autor y precio en Descubre más productos */
body.storefront.home-page
.artwork-carousel-card__copy p,

body.storefront.home-page
.artwork-carousel-card__copy strong {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: clamp(16px, 1.25vw, 20px) !important;
    font-weight: 400 !important;
    line-height: 1.32 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Permitir que autor y precio se vean completos */
body.storefront.home-page
.artwork-carousel-card__copy p,

body.storefront.home-page
.artwork-carousel-card__copy strong {
    display: block !important;
    margin: 0 0 3px !important;
}

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

@media (max-width: 700px) {
    body.storefront.home-page
    .art-home__collection
    .expanding-card__copy h2,

    body.storefront.home-page
    .art-home__collection
    .expanding-card__compact-label,

    body.storefront.home-page
    .artwork-carousel-card__copy h2,

    body.storefront.home-page
    .art-home__collection
    .art-card__cta,

    body.storefront.home-page
    .artwork-carousel-card__copy span,

    body.storefront.home-page
    .home-trajectory__more {
        font-size: 14px !important;
    }

    body.storefront.home-page
    .artwork-carousel-card__copy p,

    body.storefront.home-page
    .artwork-carousel-card__copy strong {
        font-size: 16px !important;
    }

    body.storefront.home-page
    .art-home__collection
    .art-card__cta {
        min-height: 44px !important;
        padding: 9px 12px !important;
    }

    body.storefront.home-page
    .artwork-carousel-card__copy span {
        width: min(100%, 190px) !important;
        min-width: 170px !important;
    }
}

/* ==================================================
   CATEGORÍAS COMO COMPRA YA — SOLO ESCRITORIO
   ================================================== */

@media (min-width: 761px) {
    body.storefront.home-page
    .category-triptych
    .category-triptych__item span {
        min-width: 190px !important;
        min-height: 44px !important;
        padding: 9px 22px !important;
        border: 1px solid #8f8f8f !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        color: #242424 !important;
        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        box-shadow: none !important;
    }

    body.storefront.home-page
    .category-triptych
    .category-triptych__item:hover span {
        border-color: #171717 !important;
        background: #171717 !important;
        color: #ffffff !important;
        filter: none !important;
    }
}


/* ==================================================
   CENTRAR CONOCE MÁS DE NOSOTROS — ESCRITORIO
   ================================================== */

@media (min-width: 761px) {
    body.storefront.home-page
    .home-trajectory__more {
        display: flex !important;
        width: min(100%, 340px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
        text-align: center !important;
    }
}


/* ==================================================
   FOOTER LEGAL — UNA SOLA FILA EN ESCRITORIO
   ================================================== */

@media (min-width: 761px) {
    body.storefront
    .gallery-footer-legal {
        display: flex !important;
        width: auto !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 18px !important;
        white-space: nowrap !important;
    }

    body.storefront
    .gallery-footer-legal a {
        display: inline-flex !important;
        width: auto !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }
}


/* ==================================================
   EXCEPCIÓN — VER MÁS EN TARJETAS DEL HERO
   Texto tamaño body y botón más compacto
   ================================================== */

@media (min-width: 701px) {
    body.storefront.home-page
    .art-home__collection
    .expanding-card__copy
    .art-card__cta {
        display: inline-flex !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 30px !important;
        margin: auto 0 0 !important;
        padding: 5px 10px !important;
        align-self: flex-start !important;
        justify-content: center !important;

        border: 1px solid #8f8f8f !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        color: #242424 !important;

        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: clamp(16px, 1.25vw, 20px) !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card__copy
    .art-card__cta:hover {
        border-color: #171717 !important;
        background: #171717 !important;
        color: #ffffff !important;
        filter: none !important;
        transform: translateY(-1px) !important;
    }
}


/* ==================================================
   VER MÁS — FULL WIDTH / NEGRO — ESCRITORIO
   ================================================== */

@media (min-width: 701px) {
    body.storefront.home-page
    .art-home__collection
    .expanding-card__copy
    .art-card__cta {
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 30px !important;

        margin: auto 0 0 !important;
        padding: 5px 10px !important;

        align-self: stretch !important;
        align-items: center !important;
        justify-content: center !important;

        border: 1px solid #171717 !important;
        border-radius: 8px !important;

        background: #171717 !important;
        color: #ffffff !important;

        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: clamp(16px, 1.25vw, 20px) !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }
}


/* ==================================================
   FLECHAS DESCUBRE MÁS PRODUCTOS — 50% MÁS GRANDES
   ================================================== */

body.storefront.home-page
.artwork-carousel-shell
.carousel-button {
    width: 45px !important;
    height: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.storefront.home-page
.artwork-carousel-shell
.carousel-button svg {
    width: 38px !important;
    height: 38px !important;
    fill: none !important;
    stroke: #5b5b5b !important;
    stroke-width: 2.4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Mantenerlas centradas debajo de COMPRA YA */
body.storefront.home-page
.artwork-carousel-shell
.carousel-button--prev {
    left: calc(50% - 49px) !important;
}

body.storefront.home-page
.artwork-carousel-shell
.carousel-button--next {
    right: calc(50% - 49px) !important;
}

/* Sin fondo ni círculo al pasar el cursor */
body.storefront.home-page
.artwork-carousel-shell
.carousel-button:hover,
body.storefront.home-page
.artwork-carousel-shell
.carousel-button:focus-visible {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none !important;
}

body.storefront.home-page
.artwork-carousel-shell
.carousel-button:hover svg,
body.storefront.home-page
.artwork-carousel-shell
.carousel-button:focus-visible svg {
    stroke: #171717 !important;
}

/* Móvil */
@media (max-width: 700px) {
    body.storefront.home-page
    .artwork-carousel-shell
    .carousel-button {
        width: 42px !important;
        height: 50px !important;
    }

    body.storefront.home-page
    .artwork-carousel-shell
    .carousel-button svg {
        width: 35px !important;
        height: 35px !important;
    }

    body.storefront.home-page
    .artwork-carousel-shell
    .carousel-button--prev {
        left: calc(50% - 45px) !important;
    }

    body.storefront.home-page
    .artwork-carousel-shell
    .carousel-button--next {
        right: calc(50% - 45px) !important;
    }
}

/* ==================================================
   FLECHAS CARRUSEL — 20% MÁS PEQUEÑAS
   Antes: SVG 38px / contenedor 45x54
   Ahora: SVG 30px / contenedor 36x43
   ================================================== */

@media (min-width: 701px) {

    body.storefront.home-page
    .artwork-carousel-shell
    .carousel-button {
        width: 36px !important;
        height: 43px !important;
    }

    body.storefront.home-page
    .artwork-carousel-shell
    .carousel-button svg {
        width: 30px !important;
        height: 30px !important;
        stroke-width: 2.4 !important;
    }

    body.storefront.home-page
    .artwork-carousel-shell
    .carousel-button--prev {
        left: calc(50% - 40px) !important;
    }

    body.storefront.home-page
    .artwork-carousel-shell
    .carousel-button--next {
        right: calc(50% - 40px) !important;
    }
}


/* ==================================================
   CARRUSEL — CHEVRON ESTILO TABLER
   ================================================== */

body.storefront.home-page
.artwork-carousel-shell
.carousel-button {
    width: 36px !important;
    height: 43px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.storefront.home-page
.artwork-carousel-shell
.carousel-button svg {
    width: 30px !important;
    height: 30px !important;

    fill: none !important;
    stroke: #5b5b5b !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Posición */
body.storefront.home-page
.artwork-carousel-shell
.carousel-button--prev {
    left: calc(50% - 40px) !important;
}

body.storefront.home-page
.artwork-carousel-shell
.carousel-button--next {
    right: calc(50% - 40px) !important;
}

/* Hover */
body.storefront.home-page
.artwork-carousel-shell
.carousel-button:hover {
    background: transparent !important;
    transform: none !important;
}

body.storefront.home-page
.artwork-carousel-shell
.carousel-button:hover svg {
    stroke: #171717 !important;
}


/* ==================================================
   TARJETAS DEL HERO — EXPANSIÓN SUAVE TIPO CITIZEN
   Solo escritorio
   ================================================== */

@media (min-width: 701px) {

    body.storefront.home-page
    .art-home__collection {
        align-items: stretch;
    }

    /*
     * Estado compacto.
     * Mantiene siempre las dos columnas para que el navegador
     * pueda interpolar su tamaño cuando la tarjeta se expande.
     */
    body.storefront.home-page
    .art-home__collection
    .expanding-card {
        flex: 0 0 135px;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 0fr) !important;
        grid-template-rows: 1fr !important;
        gap: 0 !important;

        will-change: flex-basis, grid-template-columns, transform;
        transform: translateZ(0);

        transition:
            flex-basis 720ms cubic-bezier(.22, 1, .36, 1),
            grid-template-columns 720ms cubic-bezier(.22, 1, .36, 1),
            gap 720ms cubic-bezier(.22, 1, .36, 1),
            padding 520ms cubic-bezier(.22, 1, .36, 1),
            box-shadow 420ms ease,
            transform 420ms cubic-bezier(.22, 1, .36, 1) !important;
    }

    /*
     * Estado expandido.
     * Ya no cambia display ni aparece instantáneamente.
     */
    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active {
        flex-basis: 330px !important;
        grid-template-columns:
            minmax(0, 52fr)
            minmax(0, 48fr) !important;
        gap: 11px !important;
        transform: translateZ(0) scale(1);
    }

    /*
     * La imagen se mantiene en la misma fila y columna.
     * Solamente cambia su escala suavemente.
     */
    body.storefront.home-page
    .art-home__collection
    .expanding-card > img,
    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active > img {
        width: 100% !important;
        height: 150px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        padding: 7px !important;
        object-fit: contain !important;
        object-position: center !important;
        transform: scale(.94) translateZ(0) !important;
        transform-origin: center;

        will-change: transform, padding;

        transition:
            transform 720ms cubic-bezier(.22, 1, .36, 1),
            padding 520ms cubic-bezier(.22, 1, .36, 1),
            opacity 320ms ease !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active > img {
        padding: 0 !important;
        transform: scale(1) translateZ(0) !important;
    }

    /*
     * El contenido ya no usa display:none.
     * Permanece renderizado y entra con opacidad y desplazamiento.
     */
    body.storefront.home-page
    .art-home__collection
    .expanding-card
    .expanding-card__copy {
        display: flex !important;
        min-width: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 1px 0 !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        overflow: hidden !important;
        flex-direction: column !important;
        align-items: stretch !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(18px) scale(.985) !important;

        will-change: opacity, transform;

        transition:
            opacity 240ms ease,
            transform 520ms cubic-bezier(.22, 1, .36, 1),
            visibility 0s linear 520ms !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .expanding-card__copy {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(0) scale(1) !important;

        transition:
            opacity 320ms ease 210ms,
            transform 620ms cubic-bezier(.22, 1, .36, 1) 90ms,
            visibility 0s linear 0s !important;
    }

    /*
     * Al salir, el contenido desaparece antes de que termine
     * de cerrarse la tarjeta.
     */
    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-leaving
    .expanding-card__copy {
        opacity: 0 !important;
        visibility: visible !important;
        pointer-events: none !important;
        transform: translateX(-10px) scale(.985) !important;

        transition:
            opacity 170ms ease,
            transform 300ms cubic-bezier(.4, 0, 1, 1),
            visibility 0s linear 300ms !important;
    }

    /*
     * Etiqueta inferior de las tarjetas compactas.
     * Se desvanece en lugar de desaparecer inmediatamente.
     */
    body.storefront.home-page
    .art-home__collection
    .expanding-card
    .expanding-card__compact-label {
        display: flex !important;
        position: absolute !important;
        z-index: 3;
        right: 4px !important;
        bottom: 3px !important;
        left: 4px !important;
        width: auto !important;
        min-height: 28px;
        padding: 5px 7px !important;
        align-items: center;
        justify-content: center;
        background: rgba(250, 250, 250, .96) !important;

        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;

        transition:
            opacity 190ms ease 260ms,
            transform 420ms cubic-bezier(.22, 1, .36, 1) 160ms,
            visibility 0s linear 0s !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .expanding-card__compact-label {
        display: flex !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(8px) !important;
        pointer-events: none !important;

        transition:
            opacity 140ms ease,
            transform 260ms ease,
            visibility 0s linear 260ms !important;
    }

    /*
     * Entrada escalonada de título, autor y botón.
     */
    body.storefront.home-page
    .art-home__collection
    .expanding-card__copy h2,
    body.storefront.home-page
    .art-home__collection
    .expanding-card__copy .art-card__artist,
    body.storefront.home-page
    .art-home__collection
    .expanding-card__copy .art-card__cta {
        opacity: 0;
        transform: translateY(9px);

        transition:
            opacity 260ms ease,
            transform 520ms cubic-bezier(.22, 1, .36, 1) !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .expanding-card__copy h2 {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 230ms !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .expanding-card__copy .art-card__artist {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 285ms !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .expanding-card__copy .art-card__cta {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 340ms !important;
    }

    /*
     * Pequeño impulso suave, sin rebote exagerado.
     */
    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active {
        animation: capital-card-soft-settle 720ms
            cubic-bezier(.22, 1, .36, 1) both;
    }

    @keyframes capital-card-soft-settle {
        0% {
            transform: translateZ(0) scale(.985);
        }

        62% {
            transform: translateZ(0) scale(1.012);
        }

        100% {
            transform: translateZ(0) scale(1);
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    body.storefront.home-page
    .art-home__collection
    .expanding-card {
        animation: none !important;
    }
}

/* ==================================================
   TARJETAS HERO — ANCHO ESCRITORIO 1100 PX
   ================================================== */

@media (min-width: 1100px) {
    body.storefront.home-page
    .art-home__collection {
        width: min(1100px, calc(100vw - 64px)) !important;
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* ==================================================
   HERO — CUATRO CARDS CON ANCHO REAL DE 1100 PX
   Solo escritorio
   ================================================== */

@media (min-width: 1100px) {

    body.storefront.home-page
    .art-home__collection {
        width: min(1100px, calc(100vw - 80px)) !important;
        max-width: 1100px !important;
        gap: 23px !important;
        margin-inline: auto !important;
        justify-content: center !important;
    }

    /* Tres tarjetas compactas */
    body.storefront.home-page
    .art-home__collection
    .expanding-card {
        flex: 0 0 200px !important;
        flex-basis: 200px !important;
        width: 200px !important;
        max-width: 200px !important;
    }

    /* Tarjeta abierta */
    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active {
        flex: 0 0 430px !important;
        flex-basis: 430px !important;
        width: 430px !important;
        max-width: 430px !important;
    }
}


/* ==================================================
   HERO — ANCHO REAL 1000 PX — ESCRITORIO
   ================================================== */

@media (min-width: 1100px) {

    body.storefront.home-page
    .art-home__collection {
        width: 1000px !important;
        max-width: 1000px !important;
        gap: 23px !important;
        margin-inline: auto !important;
        justify-content: center !important;
    }

    /* Tarjetas compactas */
    body.storefront.home-page
    .art-home__collection
    .expanding-card {
        flex: 0 0 180px !important;
        flex-basis: 180px !important;
        width: 180px !important;
        max-width: 180px !important;
    }

    /* Tarjeta activa */
    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active {
        flex: 0 0 390px !important;
        flex-basis: 390px !important;
        width: 390px !important;
        max-width: 390px !important;
    }
}


/* ==================================================
   HERO VIDEO — STACKING SEGURO PARA SAFARI / IOS
   ================================================== */

body.storefront.home-page .art-home {
    isolation: isolate;
}

body.storefront.home-page .art-home > .art-home__media {
    z-index: 0;
    pointer-events: none;
}

body.storefront.home-page .art-home > .art-home__shade {
    z-index: 1;
    pointer-events: none;
}

body.storefront.home-page .art-home__identity,
body.storefront.home-page .art-home__intro,
body.storefront.home-page .art-home__collection {
    position: relative;
    z-index: 2;
}


/* ==================================================
   HERO MÓVIL — IMÁGENES COMPLETAS Y CON MARGEN
   ================================================== */

@media (max-width: 700px) {

    body.storefront.home-page
    .art-home__collection
    .expanding-card > img,

    body.storefront.home-page
    .art-home__collection
    .expanding-card:not(.is-active) > img,

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active > img {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;

        padding: 8px !important;

        object-fit: contain !important;
        object-position: center !important;

        background: transparent !important;

        transform: none !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card:not(.is-active) > img {
        height: 100% !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active > img {
        height: 154px !important;
    }
}

/* ==================================================
   HERO MÓVIL — LAYOUT FINAL DE CARDS
   ================================================== */

@media (max-width: 700px) {

    /* =========================================
       CARD COMPACTA
       ========================================= */

    body.storefront.home-page
    .art-home__collection
    .expanding-card:not(.is-active) {
        height: 150px !important;
        min-width: 112px !important;
        flex: 0 0 112px !important;

        padding: 6px !important;

        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(0, 1fr) 30px !important;
        gap: 0 !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card:not(.is-active) > img {
        display: block !important;

        width: 100% !important;
        height: 108px !important;

        padding: 5px !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        align-self: center !important;
        justify-self: center !important;

        object-fit: contain !important;
        object-position: center !important;

        transform: none !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card:not(.is-active)
    .expanding-card__compact-label {
        display: flex !important;
        position: static !important;

        width: 100% !important;
        height: 30px !important;
        min-height: 30px !important;

        padding: 2px 4px !important;

        grid-column: 1 !important;
        grid-row: 2 !important;

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

        overflow: hidden !important;

        font-size: 11px !important;
        line-height: 1.05 !important;

        text-align: center !important;
        white-space: normal !important;

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


    /* =========================================
       CARD ACTIVA
       ========================================= */

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active {
        height: 178px !important;

        min-width: min(82vw, 330px) !important;
        flex: 0 0 min(82vw, 330px) !important;

        padding: 8px !important;

        grid-template-columns: 46% minmax(0, 1fr) !important;
        grid-template-rows: 1fr !important;

        gap: 10px !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active > img {
        display: block !important;

        width: 100% !important;
        height: 154px !important;

        padding: 6px !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        align-self: center !important;

        object-fit: contain !important;
        object-position: center !important;

        transform: none !important;
    }

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .expanding-card__copy {
        display: flex !important;

        position: relative !important;

        width: 100% !important;
        height: 154px !important;

        padding: 18px 0 8px 4px !important;

        grid-column: 2 !important;
        grid-row: 1 !important;

        flex-direction: column !important;
        align-items: stretch !important;

        overflow: visible !important;

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

    /* Título */
    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .expanding-card__copy h2 {
        margin: 0 0 7px !important;

        font-size: 16px !important;
        line-height: 1.1 !important;
    }

    /* Artista */
    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .expanding-card__copy
    .art-card__artist {
        margin: 0 !important;

        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    /* Botón VER MÁS */
    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .art-card__cta,

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .expanding-card__detail-link {
        position: static !important;

        width: 100% !important;
        min-height: 42px !important;

        margin: auto 0 0 !important;
        padding: 7px 10px !important;

        align-self: stretch !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

}


/* ==================================================
   HERO MÓVIL — TODAS LAS OBRAS EXPANDIDAS
   ================================================== */

@media (max-width: 700px) {

    /*
     * Todas las cards utilizan exactamente
     * la misma estructura visual de la card activa.
     */
    body.storefront.home-page
    .art-home__collection
    .expanding-card,

    body.storefront.home-page
    .art-home__collection
    .expanding-card:not(.is-active),

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active {

        height: 178px !important;

        min-width: min(82vw, 330px) !important;
        width: min(82vw, 330px) !important;
        max-width: min(82vw, 330px) !important;

        flex: 0 0 min(82vw, 330px) !important;
        flex-basis: min(82vw, 330px) !important;

        padding: 8px !important;

        grid-template-columns:
            46% minmax(0, 1fr) !important;

        grid-template-rows: 1fr !important;

        gap: 10px !important;

        scroll-snap-align: center;
    }


    /* =========================================
       IMAGEN — TODAS LAS CARDS
       ========================================= */

    body.storefront.home-page
    .art-home__collection
    .expanding-card > img,

    body.storefront.home-page
    .art-home__collection
    .expanding-card:not(.is-active) > img,

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active > img {

        display: block !important;

        width: 100% !important;
        height: 154px !important;

        min-width: 0 !important;
        min-height: 0 !important;

        padding: 6px !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        align-self: center !important;
        justify-self: center !important;

        object-fit: contain !important;
        object-position: center !important;

        background: transparent !important;

        transform: none !important;
    }


    /* =========================================
       OCULTAR ETIQUETA DE CARD COMPACTA
       ========================================= */

    body.storefront.home-page
    .art-home__collection
    .expanding-card
    .expanding-card__compact-label {

        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }


    /* =========================================
       INFORMACIÓN — VISIBLE EN TODAS
       ========================================= */

    body.storefront.home-page
    .art-home__collection
    .expanding-card
    .expanding-card__copy,

    body.storefront.home-page
    .art-home__collection
    .expanding-card:not(.is-active)
    .expanding-card__copy,

    body.storefront.home-page
    .art-home__collection
    .expanding-card.is-active
    .expanding-card__copy {

        display: flex !important;

        position: relative !important;

        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        height: 154px !important;

        min-width: 0 !important;

        padding: 18px 0 8px 4px !important;

        grid-column: 2 !important;
        grid-row: 1 !important;

        flex-direction: column !important;
        align-items: stretch !important;

        overflow: visible !important;

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

        pointer-events: auto !important;

        transform: none !important;

        transition: none !important;
    }


    /* =========================================
       TÍTULO
       ========================================= */

    body.storefront.home-page
    .art-home__collection
    .expanding-card
    .expanding-card__copy h2 {

        margin: 0 0 7px !important;

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

        font-size: 16px !important;
        line-height: 1.1 !important;

        transform: none !important;
    }


    /* =========================================
       ARTISTA
       ========================================= */

    body.storefront.home-page
    .art-home__collection
    .expanding-card
    .expanding-card__copy
    .art-card__artist {

        display: block !important;

        margin: 0 !important;

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

        font-size: 15px !important;
        line-height: 1.2 !important;

        transform: none !important;
    }


    /* =========================================
       BOTÓN VER MÁS
       ========================================= */

    body.storefront.home-page
    .art-home__collection
    .expanding-card
    .art-card__cta,

    body.storefront.home-page
    .art-home__collection
    .expanding-card
    .expanding-card__detail-link {

        display: flex !important;

        position: static !important;

        inset: auto !important;

        width: 100% !important;
        min-height: 42px !important;

        margin: auto 0 0 !important;
        padding: 7px 10px !important;

        align-items: center !important;
        justify-content: center !important;
        align-self: stretch !important;

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

        pointer-events: auto !important;

        transform: none !important;
        transition: none !important;
    }

}



/* ==================================================
   ¿QUIÉNES SOMOS? — TEXTO JUSTIFICADO
   ================================================== */

body.storefront.home-page
.editorial-text--about
.editorial-text__body {
    text-align: justify !important;
    text-justify: inter-word;
}

body.storefront.home-page
.editorial-text--about
.editorial-text__body p {
    text-align: justify !important;
    text-justify: inter-word;
}


/* ==================================================
   MÓVIL — EVITAR DESPLAZAMIENTO LATERAL DE LA PÁGINA
   ================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

@supports not (overflow: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

body.storefront {
    position: relative;
    max-width: 100vw;
}

/* Los carruseles sí conservan su desplazamiento horizontal */
body.storefront .art-home__collection,
body.storefront .artwork-carousel,
body.storefront .product-thumbnails,
body.storefront .artist-showcase__featured {
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
}


/* ==================================================
   FINE ART GALLERY — 20PX SOLO MÓVIL
   ================================================== */

@media (max-width: 700px) {
    body.storefront.home-page .art-home__identity-subtitle {
        font-size: 16px !important;
    }
}


/* ==================================================
   HEADER — TEXTO ROTATIVO MISMO TAMAÑO QUE EL MENÚ
   ================================================== */

@media (min-width: 1100px) {
    body.storefront .shipping-note,
    body.storefront.home-page .shipping-note {
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
    }
}


/* ==================================================
   IOS / MÓVIL — BLOQUEAR RUBBER-BAND HORIZONTAL
   La página solo se desplaza verticalmente.
   Los carruseles conservan gesto horizontal.
   ================================================== */

@media (max-width: 900px) {

    html {
        width: 100%;
        max-width: 100%;
        overflow-x: clip !important;
        overscroll-behavior-x: none;
    }

    body.storefront {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: clip !important;
        overscroll-behavior-x: none;
        touch-action: pan-y;
    }

    body.storefront main,
    body.storefront section,
    body.storefront header,
    body.storefront footer {
        max-width: 100%;
    }

    /*
     * ÚNICAMENTE estos elementos pueden recibir
     * desplazamiento horizontal.
     */
    body.storefront .art-home__collection,
    body.storefront .artwork-carousel,
    body.storefront .product-thumbnails,
    body.storefront .artist-showcase__featured {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        overscroll-behavior-y: none;
        touch-action: pan-x;
        -webkit-overflow-scrolling: touch;
    }
}


/* ==================================================
   CATEGORY TRIPTYCH — RECUPERAR STACK STICKY EN IOS
   Mantiene bloqueado el movimiento horizontal global
   ================================================== */

@media (max-width: 760px) {

    body.storefront.home-page .category-triptych {
        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 0 !important;

        overflow: visible !important;
        overflow-x: clip !important;
        overflow-y: visible !important;

        contain: none !important;
        transform: none !important;
    }


    body.storefront.home-page
    .category-triptych
    .category-triptych__item {

        position: -webkit-sticky !important;
        position: sticky !important;

        top: 0 !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 76svh !important;
        min-height: 76svh !important;

        margin: 0 !important;

        z-index: var(--stack-index, 1) !important;

        transform: none !important;

        will-change: auto !important;
    }
}


/* ==================================================
   CATEGORY TRIPTYCH — STICKY NATIVO IOS
   No crear contenedor de overflow alrededor del sticky
   ================================================== */

@media (max-width: 760px) {

    body.storefront.home-page .category-triptych {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;

        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;

        contain: none !important;
        transform: none !important;
        isolation: auto !important;
    }

    body.storefront.home-page
    .category-triptych
    .category-triptych__item {
        position: -webkit-sticky !important;
        position: sticky !important;

        top: 0 !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 76svh !important;
        min-height: 76svh !important;

        margin: 0 !important;

        transform: none !important;
    }

    body.storefront.home-page
    .category-triptych
    .category-triptych__item:nth-child(1) {
        z-index: 1 !important;
    }

    body.storefront.home-page
    .category-triptych
    .category-triptych__item:nth-child(2) {
        z-index: 2 !important;
    }

    body.storefront.home-page
    .category-triptych
    .category-triptych__item:nth-child(3) {
        z-index: 3 !important;
    }
}


/* ==================================================
   CATEGORÍAS MÓVIL — MISMO TAMAÑO QUE COMPRA YA
   Escultura / Gráfica / Pintura
   ================================================== */

@media (max-width: 760px) {

    body.storefront.home-page
    .category-triptych
    .category-triptych__item span {

        right: 50% !important;
        bottom: 32px !important;
        left: auto !important;

        display: inline-flex !important;

        width: auto !important;
        min-width: 190px !important;
        max-width: calc(100% - 32px) !important;

        min-height: 44px !important;

        margin: 0 !important;
        padding: 9px 22px !important;

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

        border: 1px solid #8f8f8f !important;
        border-radius: 12px !important;

        background: #ffffff !important;
        color: #242424 !important;

        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: .02em !important;

        text-align: center !important;
        text-transform: uppercase !important;

        transform: translateX(50%) !important;
    }

    body.storefront.home-page
    .category-triptych
    .category-triptych__item:hover span {
        transform: translate(50%, -2px) !important;
    }
}



/* ==================================================
   PRODUCTO — GALERÍA VERTICAL EDITORIAL
   Imágenes hacen scroll / ficha queda fija en escritorio
   ================================================== */

.product-page .product-scroll-gallery {
    display: grid;
    width: 100%;
    margin: 0;
    gap: 0;
}

.product-page .product-scroll-gallery__item {
    display: grid;
    width: 100%;
    min-height: 100svh;
    margin: 0;
    padding: 126px clamp(24px, 4vw, 64px) 54px;
    place-items: center;
    background: #f3f2ef;
}

.product-page .product-scroll-gallery__item img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 720px;
    max-height: calc(100svh - 180px);
    object-fit: contain;
    object-position: center;
}


/* =========================================
   ESCRITORIO
   ========================================= */

@media (min-width: 901px) {

    .product-page .product-detail {
        display: grid !important;
        grid-template-columns: minmax(0, 58%) minmax(440px, 42%) !important;
        align-items: start !important;
        min-height: 100svh;
    }

    .product-page .product-gallery {
        min-height: 100svh !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #f3f2ef;
    }

    .product-page .product-info {
        position: sticky !important;
        top: 0 !important;

        height: 100svh !important;
        min-height: 100svh !important;

        align-self: start !important;

        overflow: hidden !important;

        z-index: 2;
    }

}


/* =========================================
   TABLET / MÓVIL
   La ficha vuelve al flujo normal
   ========================================= */

@media (max-width: 900px) {

    .product-page .product-detail {
        display: block !important;
    }

    .product-page .product-gallery {
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .product-page .product-scroll-gallery__item {
        min-height: auto;
        padding: 105px 20px 30px;
    }

    .product-page .product-scroll-gallery__item + .product-scroll-gallery__item {
        padding-top: 30px;
    }

    .product-page .product-scroll-gallery__item img {
        max-width: 100%;
        max-height: 72svh;
    }

    .product-page .product-info {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }

}


/* =========================================
   MÓVIL PEQUEÑO
   ========================================= */

@media (max-width: 560px) {

    .product-page .product-scroll-gallery__item {
        padding: 100px 14px 24px;
    }

    .product-page .product-scroll-gallery__item + .product-scroll-gallery__item {
        padding-top: 24px;
    }

    .product-page .product-scroll-gallery__item img {
        max-height: 68svh;
    }

}



/* ==================================================
   PRODUCTO — FICHA DERECHA INMÓVIL EN ESCRITORIO
   La galería izquierda continúa desplazándose
   ================================================== */

@media (min-width: 901px) {

    body.storefront.product-page
    .product-detail {
        position: relative !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 58%)
            minmax(440px, 42%) !important;

        align-items: start !important;

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

        overflow: visible !important;
    }


    /* =========================================
       GALERÍA IZQUIERDA
       ========================================= */

    body.storefront.product-page
    .product-gallery {
        position: relative !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 100svh !important;

        padding: 0 !important;

        overflow: visible !important;

        align-self: stretch !important;

        z-index: 1;
    }


    body.storefront.product-page
    .product-scroll-gallery {
        position: relative !important;

        display: block !important;

        width: 100% !important;
        height: auto !important;

        overflow: visible !important;
    }


    body.storefront.product-page
    .product-scroll-gallery__item {
        width: 100% !important;

        height: 100svh !important;
        min-height: 100svh !important;

        margin: 0 !important;

        display: grid !important;
        place-items: center !important;
    }


    /* =========================================
       INFORMACIÓN DERECHA
       ========================================= */

    body.storefront.product-page
    .product-info {
        position: sticky !important;

        top: 0 !important;

        align-self: start !important;

        width: 100% !important;

        height: 100svh !important;
        min-height: 100svh !important;
        max-height: 100svh !important;

        overflow: hidden !important;

        margin: 0 !important;

        z-index: 5 !important;
    }

}



/* ==================================================
   PRODUCTO — TERMINAR GALERÍA ANTES DEL FOOTER
   La última obra permanece completa en pantalla.
   La ficha derecha continúa sticky.
   ================================================== */

@media (min-width: 901px) {

    body.storefront.product-page
    .product-scroll-gallery {
        padding-bottom: 100svh !important;
        box-sizing: border-box !important;
    }

    /*
     * El espacio final pertenece todavía a product-detail.
     * Por eso la ficha derecha continúa fija y el footer
     * no entra mientras se observa la última imagen.
     */
    body.storefront.product-page
    .product-detail {
        align-items: stretch !important;
    }

    body.storefront.product-page
    .product-info {
        position: sticky !important;
        top: 0 !important;
        align-self: start !important;

        height: 100svh !important;
        min-height: 100svh !important;
        max-height: 100svh !important;
    }

    /*
     * Footer siempre después del recorrido completo.
     */
    body.storefront.product-page
    .site-footer {
        position: relative !important;
        z-index: 10 !important;
        clear: both !important;
    }

}




/* ==================================================
   PRODUCTO ESCRITORIO — FOOTER NO TAPA INFORMACIÓN
   Galería izquierda scroll / ficha derecha sticky
   ================================================== */

@media (min-width: 901px) {

    /*
     * Quitar el espacio artificial agregado después
     * de la última imagen.
     */
    body.storefront.product-page
    .product-scroll-gallery {
        padding-bottom: 0 !important;
    }


    /*
     * El alto real de product-detail lo determina
     * la cantidad de imágenes de la galería.
     */
    body.storefront.product-page
    .product-detail {
        position: relative !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 58%)
            minmax(440px, 42%) !important;

        align-items: start !important;

        overflow: visible !important;

        z-index: 2 !important;
    }


    /*
     * GALERÍA IZQUIERDA
     */
    body.storefront.product-page
    .product-gallery {
        position: relative !important;

        height: auto !important;
        min-height: 100svh !important;

        overflow: visible !important;

        z-index: 1 !important;
    }


    body.storefront.product-page
    .product-scroll-gallery {
        position: relative !important;

        display: block !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: visible !important;
    }


    body.storefront.product-page
    .product-scroll-gallery__item {
        display: grid !important;

        width: 100% !important;

        height: 100svh !important;
        min-height: 100svh !important;

        margin: 0 !important;

        place-items: center !important;
    }


    /*
     * FICHA DERECHA
     *
     * Permanece fija únicamente mientras estamos
     * dentro de product-detail.
     */
    body.storefront.product-page
    .product-info {
        position: -webkit-sticky !important;
        position: sticky !important;

        top: 0 !important;

        align-self: start !important;

        width: 100% !important;

        height: 100svh !important;
        min-height: 100svh !important;
        max-height: 100svh !important;

        margin: 0 !important;

        overflow: hidden !important;

        z-index: 20 !important;
    }


    /*
     * FOOTER
     *
     * Importante:
     * NO debe estar encima de product-info.
     */
    body.storefront.product-page
    .site-footer {
        position: relative !important;

        z-index: 1 !important;

        clear: both !important;
    }

}




/* ==================================================
   PRODUCTO INDIVIDUAL — OCULTAR CATEGORÍA REPETIDA
   Conserva únicamente el breadcrumb superior
   ================================================== */

body.storefront.product-page
.product-badges {
    display: none !important;
}



/* ==================================================
   PRODUCTO ESCRITORIO — FICHA STICKY COMPLETA
   No recortar envío ni redes sociales
   ================================================== */

@media (min-width: 901px) {

    body.storefront.product-page
    .product-info {
        position: -webkit-sticky !important;
        position: sticky !important;

        top: 0 !important;
        align-self: start !important;

        width: 100% !important;

        /*
         * IMPORTANTE:
         * Ya no forzamos exactamente 100svh.
         * La ficha puede medir lo que necesite.
         */
        height: auto !important;
        min-height: 100svh !important;
        max-height: none !important;

        /*
         * No cortar envío ni redes.
         */
        overflow: visible !important;

        box-sizing: border-box !important;

        margin: 0 !important;

        z-index: 20 !important;
    }


    /*
     * El detalle completo sigue siendo el límite
     * natural del sticky.
     */
    body.storefront.product-page
    .product-detail {
        position: relative !important;
        align-items: start !important;
        overflow: visible !important;
    }


    /*
     * El footer queda después del product-detail
     * y no se monta encima de la ficha.
     */
    body.storefront.product-page
    .site-footer {
        position: relative !important;
        z-index: 1 !important;
    }

}




/* ==================================================
   PRODUCTO INDIVIDUAL — QUITAR BLOQUE BAJO ENVÍO
   ================================================== */

body.storefront.product-page
.product-socials {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}


/* Evitar espacio residual debajo de envío */
body.storefront.product-page
.delivery-line {
    margin-bottom: 0 !important;
}



/* ==================================================
   HERO VIDEO — BOTÓN FALLBACK IPAD / SAFARI
   ================================================== */

body.storefront.home-page
.art-home {
    position: relative;
}


body.storefront.home-page
.hero-video-play-fallback {

    position: absolute;
    z-index: 8;

    left: 50%;
    bottom: clamp(24px, 5vh, 48px);

    display: none;

    min-width: 150px;
    min-height: 46px;

    padding: 10px 20px;

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

    gap: 9px;

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

    background: rgba(255,255,255,.92);
    color: #171717;

    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;

    transform: translateX(-50%);

    cursor: pointer;

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


body.storefront.home-page
.hero-video-play-fallback.is-visible {
    display: inline-flex;
}


body.storefront.home-page
.hero-video-play-fallback__icon {

    display: grid;

    width: 19px;
    height: 19px;

    place-items: center;
}


body.storefront.home-page
.hero-video-play-fallback__icon svg {

    display: block;

    width: 100%;
    height: 100%;

    fill: currentColor;
}


body.storefront.home-page
.hero-video-play-fallback:hover {
    background: #fff;
}


@media (max-width: 900px) {

    body.storefront.home-page
    .hero-video-play-fallback {

        bottom: 24px;

        min-width: 142px;
        min-height: 44px;

        padding: 9px 18px;

        font-size: 14px;
    }

}


/* ==================================================
   HOME — TÍTULOS DE SECCIÓN HOMOLOGADOS
   Descubre más productos / ¿Quiénes somos? / Trayectoria
   ================================================== */

body.storefront.home-page
.automatic-products-section__heading h1,

body.storefront.home-page
.editorial-text h1,

body.storefront.home-page
.home-trajectory__heading h1 {
    color: #171717 !important;

    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: clamp(42px, 4.6vw, 66px) !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;

    letter-spacing: 0 !important;
}


/* Tablet */
@media (max-width: 900px) {

    body.storefront.home-page
    .automatic-products-section__heading h1,

    body.storefront.home-page
    .editorial-text h1,

    body.storefront.home-page
    .home-trajectory__heading h1 {
        font-size: clamp(40px, 7vw, 56px) !important;
    }

}


/* Móvil */
@media (max-width: 700px) {

    body.storefront.home-page
    .automatic-products-section__heading h1,

    body.storefront.home-page
    .editorial-text h1,

    body.storefront.home-page
    .home-trajectory__heading h1 {
        font-size: 46px !important;
    }

}



/* ==================================================
   CAPITAL DEL ARTE — TIPOGRAFÍA GLOBAL
   Toda la web usa Open Sans
   ================================================== */

html,
body,
button,
input,
select,
textarea {
    font-family: "Open Sans", Arial, sans-serif !important;
}


/*
 * Forzar Open Sans también en títulos, textos,
 * navegación y componentes que tenían otra fuente.
 */
body.storefront,
body.storefront h1,
body.storefront h2,
body.storefront h3,
body.storefront h4,
body.storefront h5,
body.storefront h6,
body.storefront p,
body.storefront span,
body.storefront a,
body.storefront strong,
body.storefront b,
body.storefront small,
body.storefront label,
body.storefront dt,
body.storefront dd,
body.storefront button,
body.storefront input,
body.storefront textarea,
body.storefront select {
    font-family: "Open Sans", Arial, sans-serif !important;
}


/*
 * Títulos principales de HOME
 * Mantener tamaños homologados pero con Open Sans.
 */
body.storefront.home-page
.automatic-products-section__heading h1,

body.storefront.home-page
.editorial-text h1,

body.storefront.home-page
.home-trajectory__heading h1 {
    font-family: "Open Sans", Arial, sans-serif !important;
}




/* ==================================================
   HOME — PRIMERAS 4 OBRAS
   Títulos WILD / Home / Permutaciones / Vaquita
   ================================================== */

body.storefront.home-page
.art-home__collection
.expanding-card
.expanding-card__copy h2 {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
}




/* ==================================================
   DESCUBRE MÁS PRODUCTOS — TÍTULO DE OBRA
   WILD / Home / Permutaciones / etc.
   ================================================== */

body.storefront.home-page
.artwork-carousel-card__copy h2 {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}




/* ==================================================
   HOME — TÍTULOS PRINCIPALES -30%
   Descubre más productos / ¿Quiénes somos? / Trayectoria
   ================================================== */

body.storefront.home-page
.automatic-products-section__heading h1,

body.storefront.home-page
.artwork-carousel-heading h1,

body.storefront.home-page
.editorial-text h1,

body.storefront.home-page
.home-trajectory__heading h1 {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: clamp(29px, 3.22vw, 46px) !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}


/* MÓVIL */
@media (max-width: 700px) {

    body.storefront.home-page
    .automatic-products-section__heading h1,

    body.storefront.home-page
    .artwork-carousel-heading h1,

    body.storefront.home-page
    .editorial-text h1,

    body.storefront.home-page
    .home-trajectory__heading h1 {
        font-size: 32px !important;
    }

}




/* ==================================================
   HOME — TÍTULOS PRINCIPALES RESPONSIVE FINAL
   Descubre más productos / ¿Quiénes somos? / Trayectoria
   ================================================== */

/* ESCRITORIO */
body.storefront.home-page .automatic-products-section__heading h1,
body.storefront.home-page .artwork-carousel-heading h1,
body.storefront.home-page .editorial-text h1,
body.storefront.home-page .home-trajectory__heading h1 {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: clamp(29.4px, 3.22vw, 46.2px) !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}


/* TABLETA */
@media (min-width: 701px) and (max-width: 1100px) {

    body.storefront.home-page .automatic-products-section__heading h1,
    body.storefront.home-page .artwork-carousel-heading h1,
    body.storefront.home-page .editorial-text h1,
    body.storefront.home-page .home-trajectory__heading h1 {
        font-size: clamp(28px, 4.9vw, 39.2px) !important;
    }

}


/* MÓVIL */
@media (max-width: 700px) {

    body.storefront.home-page .automatic-products-section__heading h1,
    body.storefront.home-page .artwork-carousel-heading h1,
    body.storefront.home-page .editorial-text h1,
    body.storefront.home-page .home-trajectory__heading h1 {
        font-size: 32.2px !important;
    }

}




/* ==================================================
   PRODUCTO ESCRITORIO — CONTINUAR FONDO DE FICHA
   Evita bloque blanco debajo de la columna derecha
   mientras continúa la galería izquierda.
   ================================================== */

@media (min-width: 901px) {

    body.storefront.product-page
    .product-detail {
        background: #efefef;
    }

    /*
     * La galería izquierda conserva su fondo blanco.
     * La columna derecha conserva el gris claro
     * cuando termina product-info.
     */
    body.storefront.product-page
    .product-gallery {
        background: #ffffff !important;
    }

    body.storefront.product-page
    .product-info {
        background: #efefef;
    }

}



/* ==================================================
   PRODUCTO — RESTAURAR REDES SOCIALES
   ================================================== */

body.storefront.product-page
.product-socials {
    display: flex !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 18px 0 0 !important;
    padding: 0 !important;

    align-items: center !important;
    gap: 18px !important;

    border: 0 !important;

    overflow: visible !important;
}


body.storefront.product-page
.product-socials a {
    display: inline-grid !important;

    width: 24px !important;
    height: 24px !important;

    place-items: center !important;

    color: #303331 !important;

    text-decoration: none !important;
}


body.storefront.product-page
.product-socials svg {
    display: block !important;

    width: 22px !important;
    height: 22px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6 !important;
}


/* Facebook y algunos trazos sólidos */
body.storefront.product-page
.product-socials svg .is-filled {
    fill: currentColor !important;
    stroke: none !important;
}

/* Homologacion tipografica global: todas las vistas publicas usan Open Sans. */
body.storefront,
body.storefront *,
body.storefront *::before,
body.storefront *::after,
body.storefront input,
body.storefront button,
body.storefront select,
body.storefront textarea {
    font-family: "Open Sans", Arial, sans-serif !important;
}

body.storefront.home-page .art-home .art-home__intro .art-home__statement {
    font-weight: 300 !important;
}

/* Homologacion global de CTA basada en los botones aprobados de la portada. */
body.storefront :is(
    a.button,
    .hero-more-button,
    .art-card__cta,
    .home-trajectory__more,
    .news-card__button,
    .news-article__source,
    .press-card__button,
    .cart-button,
    .inquiry-submit,
    .catalog-filters form > button,
    .artwork-carousel-card__copy > span,
    .category-triptych__item > span
) {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 190px !important;
    min-height: 44px !important;
    padding: 9px 22px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid #8f8f8f !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #242424 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}

body.storefront :is(
    a.button,
    .hero-more-button,
    .art-card__cta,
    .home-trajectory__more,
    .news-card__button,
    .news-article__source,
    .press-card__button,
    .cart-button,
    .inquiry-submit,
    .catalog-filters form > button,
    .artwork-carousel-card__copy > span,
    .category-triptych__item > span
):hover {
    border-color: #171717 !important;
    background: #171717 !important;
    color: #ffffff !important;
    filter: none !important;
    transform: translateY(-2px) !important;
}

body.storefront.product-page .purchase-row .cart-button,
body.storefront .inquiry-submit {
    width: 100% !important;
}

body.storefront .category-triptych .category-triptych__item > span {
    right: 50% !important;
    width: min(58%, 240px) !important;
    text-transform: none !important;
    transform: translateX(50%) !important;
}

body.storefront .category-triptych .category-triptych__item:hover > span {
    transform: translate(50%, -2px) !important;
}

body.storefront :is(.cart-button, .inquiry-submit, .catalog-filters form > button):focus-visible,
body.storefront :is(a.button, .hero-more-button, .news-card__button, .news-article__source, .press-card__button):focus-visible {
    outline: 2px solid #171717;
    outline-offset: 3px;
}

@media (max-width: 700px) {
    body.storefront :is(a.button, .news-card__button, .news-article__source, .press-card__button, .catalog-filters form > button) {
        width: 100% !important;
    }

    body.storefront .category-triptych .category-triptych__item > span {
        width: min(72%, 280px) !important;
    }
}

/* Carrusel movil estable: dimensiones fijas y movimiento solo por transform. */
@media (max-width: 700px) {
    body.storefront.home-page .artwork-carousel {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        overscroll-behavior-x: none !important;
        touch-action: pan-y !important;
    }

    body.storefront.home-page .artwork-carousel-card,
    body.storefront.home-page .artwork-carousel-card.is-far-prev,
    body.storefront.home-page .artwork-carousel-card.is-prev,
    body.storefront.home-page .artwork-carousel-card.is-active,
    body.storefront.home-page .artwork-carousel-card.is-next,
    body.storefront.home-page .artwork-carousel-card.is-far-next {
        top: clamp(18px, 3vh, 34px) !important;
        left: 50% !important;
        width: min(48vw, 230px) !important;
        transform-origin: center top;
        will-change: transform, opacity;
        transition: transform .48s cubic-bezier(.22, .72, .24, 1), opacity .28s ease !important;
    }

    body.storefront.home-page .artwork-carousel-card__media,
    body.storefront.home-page .artwork-carousel-card.is-active .artwork-carousel-card__media {
        height: clamp(260px, 40vh, 350px) !important;
        transition: none !important;
    }

    body.storefront.home-page .artwork-carousel-card.is-prev {
        z-index: 1;
        transform: translate3d(calc(-50% - 40vw), clamp(58px, 9vh, 86px), 0) scale(.58) !important;
    }

    body.storefront.home-page .artwork-carousel-card.is-active {
        z-index: 3;
        transform: translate3d(-50%, 0, 0) scale(1) !important;
    }

    body.storefront.home-page .artwork-carousel-card.is-next {
        z-index: 1;
        transform: translate3d(calc(-50% + 40vw), clamp(58px, 9vh, 86px), 0) scale(.58) !important;
    }

    body.storefront.home-page .artwork-carousel-card.is-far-prev {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(calc(-50% - 72vw), clamp(58px, 9vh, 86px), 0) scale(.58) !important;
    }

    body.storefront.home-page .artwork-carousel-card.is-far-next {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(calc(-50% + 72vw), clamp(58px, 9vh, 86px), 0) scale(.58) !important;
    }

    body.storefront.home-page .artwork-carousel-card__copy {
        display: flex !important;
        position: relative;
        left: 50%;
        width: min(88vw, 360px);
        max-width: none;
        box-sizing: border-box;
        align-items: center;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transform: translate(-50%, 10px);
        transition: opacity .22s ease .08s, transform .3s ease .08s, visibility 0s linear .3s;
    }

    body.storefront.home-page .artwork-carousel-card.is-active .artwork-carousel-card__copy {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0);
        transition-delay: .16s, .16s, 0s;
    }

    body.storefront.home-page .artwork-carousel-card__copy h2 {
        width: 100%;
        white-space: normal !important;
        overflow-wrap: break-word;
        text-wrap: balance;
    }

    body.storefront.home-page .artwork-carousel-card__copy > span {
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
    body.storefront.home-page .artwork-carousel-card,
    body.storefront.home-page .artwork-carousel-card__copy {
        transition: none !important;
    }
}

/* Tablet: header compacto de una fila y navegacion desplegable. */
@media (min-width: 761px) and (max-width: 1099px) {
    body.storefront::before {
        position: fixed;
        z-index: 18;
        inset: 0;
        content: "";
        background: rgba(0, 0, 0, .38);
        opacity: 0;
        pointer-events: none;
        transition: opacity .32s ease;
    }

    body.storefront.menu-is-open {
        overflow: hidden;
    }

    body.storefront.menu-is-open::before {
        opacity: 1;
        pointer-events: auto;
    }

    body.storefront .site-header,
    body.storefront.home-page .site-header {
        top: 18px;
        right: 20px;
        left: 20px;
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr) auto;
        gap: 0;
        min-height: 52px;
        padding: 0 12px 0 0;
        border: 0;
        border-radius: 12px;
    }

    body.storefront .mobile-menu-toggle {
        position: relative;
        display: grid;
        width: 52px;
        height: 52px;
        padding: 0;
        place-items: center;
        border: 0;
        background: transparent;
        color: #202832;
        cursor: pointer;
    }

    body.storefront .mobile-menu-toggle svg {
        width: 27px;
        height: 27px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.5;
    }

    body.storefront .brand,
    body.storefront.home-page .brand {
        grid-column: 2;
        width: 62px;
        height: 40px;
        margin: auto;
        justify-self: center;
    }

    body.storefront .site-actions {
        grid-column: 3;
        gap: 12px;
    }

    body.storefront .site-actions > .shipping-note,
    body.storefront .site-actions > .action-divider,
    body.storefront .site-actions .icon-link[aria-label="Tiendas"],
    body.storefront .site-actions .icon-link[aria-label="Cuenta"] {
        display: none;
    }

    body.storefront .site-nav,
    body.storefront.home-page .site-nav {
        position: absolute;
        top: 64px;
        right: 0;
        left: 0;
        display: block;
        height: calc(100svh - 104px);
        padding: 0 32px 36px;
        overflow-x: hidden;
        overflow-y: auto;
        border-radius: 14px;
        background: rgba(245, 245, 245, .98);
        box-shadow: 0 18px 35px rgba(0, 0, 0, .16);
        font-size: 24px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-16px) scale(.985);
        transform-origin: top center;
        transition: opacity .28s ease, transform .34s cubic-bezier(.22, .8, .25, 1), visibility 0s linear .34s;
    }

    body.storefront.menu-is-open .site-nav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        transition-delay: 0s;
    }

    body.storefront .mobile-menu-heading {
        display: flex;
        height: 102px;
        align-items: center;
        justify-content: space-between;
    }

    body.storefront .mobile-menu-close,
    body.storefront .mobile-menu-shortcuts {
        display: flex;
    }

    body.storefront .mobile-menu-close {
        padding: 0;
        align-items: center;
        gap: 10px;
        border: 0;
        background: none;
        color: #202832;
        font-size: 21px;
        cursor: pointer;
    }

    body.storefront .mobile-menu-shortcuts {
        align-items: center;
        gap: 22px;
    }

    body.storefront .mobile-menu-shortcuts a {
        display: grid;
        width: 30px;
        height: 30px;
        min-height: 0;
        padding: 0;
        place-items: center;
        border: 0;
    }

    body.storefront .site-nav > a {
        display: flex;
        min-height: 68px;
        padding: 0 10px;
        align-items: center;
        justify-content: space-between;
        border: 0;
        border-radius: 0;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity .22s ease, transform .28s ease, background-color .18s ease;
    }

    body.storefront.menu-is-open .site-nav > a {
        opacity: 1;
        transform: none;
    }

    body.storefront .mobile-nav-arrow {
        display: block;
        width: 24px;
        height: 24px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.35;
    }
}

/* Tablet: artista activo completo y tarjetas secundarias uniformes. */
@media (min-width: 701px) and (max-width: 1099px) {
    body.storefront.artists-page .artist-showcase-featured-shell {
        padding: 24px clamp(20px, 4vw, 40px) 44px;
    }

    body.storefront.artists-page .artist-showcase__featured {
        display: grid !important;
        width: 100% !important;
        max-width: 980px !important;
        margin: 0 auto !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
        overflow: visible !important;
        touch-action: auto !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card {
        order: 1;
        width: 100% !important;
        height: 220px !important;
        min-width: 0 !important;
        padding: 12px !important;
        flex: none !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card.is-active {
        order: 0;
        width: 100% !important;
        height: 280px !important;
        grid-column: 1 / -1;
        grid-template-columns: minmax(230px, 42%) minmax(0, 1fr) !important;
        grid-template-rows: 1fr !important;
        gap: 24px !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card > img,
    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card.is-active > img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        object-fit: cover !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card:not(.is-active) .expanding-card__compact-label {
        width: auto !important;
        margin: 0 -10px -10px !important;
        padding: 6px 8px !important;
        font-size: clamp(11px, 1.6vw, 15px) !important;
        line-height: 1.2 !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.is-active .expanding-card__copy {
        position: static !important;
        display: flex !important;
        padding: 0 0 62px !important;
        grid-column: 2;
        grid-row: 1;
        justify-content: center;
        opacity: 1;
        visibility: visible;
        transform: none !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card .expanding-card__detail-link {
        right: 14px !important;
        bottom: 14px !important;
        left: calc(42% + 38px) !important;
    }
}

/* Tablet: coleccion del hero dentro del ancho visible, sin tarjetas cortadas. */
@media (min-width: 701px) and (max-width: 1099px) {
    body.storefront.home-page .art-home__collection {
        display: flex !important;
        width: calc(100% - 32px) !important;
        max-width: 920px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        gap: clamp(8px, 1.5vw, 14px) !important;
        justify-content: stretch !important;
        overflow: visible !important;
        overscroll-behavior-x: none !important;
        touch-action: auto !important;
    }

    body.storefront.home-page .art-home__collection .expanding-card,
    body.storefront.home-page .art-home__collection .expanding-card:not(.is-active) {
        width: 0 !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 1 1 0 !important;
        flex-basis: 0 !important;
    }

    body.storefront.home-page .art-home__collection .expanding-card.is-active {
        width: 0 !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 1.85 1 0 !important;
        flex-basis: 0 !important;
    }
}

/* Tablet: menu ajustado a su contenido, sin espacio vacio inferior. */
@media (min-width: 761px) and (max-width: 1099px) {
    body.storefront .site-nav,
    body.storefront.home-page .site-nav {
        height: auto !important;
        max-height: calc(100svh - 104px) !important;
        padding: 0 26px 18px !important;
        font-size: 18px !important;
    }

    body.storefront .mobile-menu-heading {
        height: 66px !important;
    }

    body.storefront .mobile-menu-close {
        font-size: 18px !important;
    }

    body.storefront .site-nav > a {
        min-height: 54px !important;
        padding: 0 8px !important;
    }
}

/* iPad Pro horizontal y tablets anchas: navegacion y artistas estables. */
@media (min-width: 1100px) and (max-width: 1399px) {
    body.storefront.artists-page .site-header {
        top: 16px !important;
        right: 24px !important;
        left: 24px !important;
        min-height: 60px !important;
        padding: 0 18px !important;
        grid-template-columns: 118px minmax(0, 1fr) auto !important;
    }

    body.storefront.artists-page .site-nav {
        gap: clamp(20px, 2.2vw, 32px) !important;
        font-size: 17px !important;
    }

    body.storefront.artists-page .site-actions {
        gap: 14px !important;
    }

    body.storefront.artists-page .artist-showcase-featured-shell {
        padding: 22px clamp(32px, 4vw, 56px) 42px !important;
    }

    body.storefront.artists-page .artist-showcase__featured {
        display: flex !important;
        width: 100% !important;
        max-width: 1280px !important;
        margin: 0 auto !important;
        gap: 18px !important;
        align-items: stretch !important;
        overflow: visible !important;
        touch-action: auto !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card,
    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card:not(.is-active) {
        order: 1;
        width: 0 !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 260px !important;
        flex: 1 1 0 !important;
        flex-basis: 0 !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card.is-active {
        order: 0;
        width: auto !important;
        max-width: 480px !important;
        min-width: 360px !important;
        height: 260px !important;
        flex: 0 1 38% !important;
        flex-basis: 38% !important;
        grid-template-columns: minmax(190px, 46%) minmax(0, 1fr) !important;
        grid-template-rows: 1fr !important;
        gap: 20px !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.is-active .expanding-card__copy {
        position: static !important;
        display: flex !important;
        min-width: 0 !important;
        padding: 0 0 60px !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card .expanding-card__detail-link {
        right: 14px !important;
        bottom: 14px !important;
        left: calc(46% + 34px) !important;
    }
}

/* Tablet: referencia final, una activa horizontal y tres compactas alineadas. */
@media (min-width: 701px) and (max-width: 1099px) {
    body.storefront.artists-page .artist-showcase-featured-shell {
        padding: 22px clamp(16px, 3vw, 32px) 40px !important;
    }

    body.storefront.artists-page .artist-showcase__featured {
        display: flex !important;
        width: 100% !important;
        max-width: 1040px !important;
        margin: 0 auto !important;
        gap: clamp(10px, 1.5vw, 16px) !important;
        align-items: stretch !important;
        overflow: visible !important;
        touch-action: auto !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card,
    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card:not(.is-active) {
        order: 1;
        width: 0 !important;
        max-width: none !important;
        min-width: 0 !important;
        height: clamp(220px, 29vw, 280px) !important;
        padding: 10px !important;
        flex: 1 1 0 !important;
        flex-basis: 0 !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card.is-active {
        order: 0;
        width: auto !important;
        max-width: none !important;
        min-width: clamp(280px, 40vw, 420px) !important;
        height: clamp(220px, 29vw, 280px) !important;
        padding: 10px !important;
        flex: 0 1 42% !important;
        flex-basis: 42% !important;
        grid-template-columns: minmax(125px, 46%) minmax(0, 1fr) !important;
        grid-template-rows: 1fr !important;
        gap: clamp(12px, 1.8vw, 20px) !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card > img,
    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card.is-active > img {
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        object-fit: cover !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.is-active .expanding-card__copy {
        position: static !important;
        display: flex !important;
        min-width: 0 !important;
        padding: 0 0 58px !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-content: center !important;
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.is-active .expanding-card__copy h2 {
        width: 100% !important;
        font-size: clamp(20px, 2.7vw, 30px) !important;
        font-weight: 400 !important;
        line-height: 1.12 !important;
        overflow-wrap: anywhere;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card .expanding-card__detail-link {
        right: 10px !important;
        bottom: 10px !important;
        left: calc(46% + clamp(22px, 2.8vw, 34px)) !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 44px !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 1100px) and (max-width: 1399px) {
    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card .expanding-card__detail-link {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
}

/* Tablet: mas aire sobre el titulo de la obra activa del hero. */
@media (min-width: 701px) and (max-width: 1399px) {
    body.storefront.home-page .art-home__collection .expanding-card.is-active .expanding-card__copy {
        padding: clamp(12px, 1.4vw, 18px) 0 4px !important;
        box-sizing: border-box !important;
    }

    body.storefront.home-page .art-home__collection .expanding-card.is-active .expanding-card__copy h2 {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }
}

/* Escritorio: separacion superior del titulo dentro de la card activa. */
@media (min-width: 1400px) {
    body.storefront.home-page .art-home__collection .expanding-card.is-active .expanding-card__copy {
        padding: clamp(14px, 1.1vw, 20px) 0 4px !important;
        box-sizing: border-box !important;
    }

    body.storefront.home-page .art-home__collection .expanding-card.is-active .expanding-card__copy h2 {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }
}

/* Subtitulos de paginas secundarias: misma tipografia ligera del hero de inicio. */
body.storefront:not(.home-page) .artworks-catalog__heading > p,
body.storefront:not(.home-page) .store-hero__content > p,
body.storefront:not(.home-page) .custom-hero__content > p,
body.storefront:not(.home-page) .artist-showcase__intro > p,
body.storefront:not(.home-page) .press-archive__header > p,
body.storefront:not(.home-page) .catalog-landing > header > p,
body.storefront:not(.home-page) .empty-state > p {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: clamp(17px, 1.35vw, 21px) !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-wrap: balance;
}

@media (max-width: 1100px) {
    body.storefront:not(.home-page) .artworks-catalog__heading > p,
    body.storefront:not(.home-page) .store-hero__content > p,
    body.storefront:not(.home-page) .custom-hero__content > p,
    body.storefront:not(.home-page) .artist-showcase__intro > p,
    body.storefront:not(.home-page) .press-archive__header > p,
    body.storefront:not(.home-page) .catalog-landing > header > p,
    body.storefront:not(.home-page) .empty-state > p {
        font-size: clamp(16px, 2vw, 19px) !important;
    }
}

@media (max-width: 700px) {
    body.storefront:not(.home-page) .artworks-catalog__heading > p,
    body.storefront:not(.home-page) .store-hero__content > p,
    body.storefront:not(.home-page) .custom-hero__content > p,
    body.storefront:not(.home-page) .artist-showcase__intro > p,
    body.storefront:not(.home-page) .press-archive__header > p,
    body.storefront:not(.home-page) .catalog-landing > header > p,
    body.storefront:not(.home-page) .empty-state > p {
        font-size: 16px !important;
        line-height: 1.25 !important;
        text-wrap: pretty;
    }
}

/* Obra con varias imágenes: recorrido vertical a sangre completa, como los mosaicos de inicio. */
@media (max-width: 700px) {
    body.storefront.product-page .product-gallery--multiple {
        position: relative !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box;
        overflow: visible !important;
        contain: none !important;
        transform: none !important;
    }

    body.storefront.product-page .product-scroll-gallery--multiple {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        contain: none !important;
        transform: none !important;
        isolation: auto !important;
        background: #fff;
    }

    body.storefront.product-page .product-scroll-gallery--multiple .product-scroll-gallery__item,
    body.storefront.product-page .product-scroll-gallery--multiple .product-scroll-gallery__item + .product-scroll-gallery__item {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        z-index: var(--stack-index, 1) !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
        height: 76svh !important;
        min-height: 76svh !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        background: #fff;
        line-height: 0;
        transform: none !important;
        will-change: auto !important;
    }

    body.storefront.product-page .product-scroll-gallery--multiple .product-scroll-gallery__item img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: contain !important;
        object-position: center;
        cursor: zoom-in;
        touch-action: pan-y;
        transform-origin: var(--product-zoom-x, 50%) var(--product-zoom-y, 50%);
        transition: transform .28s ease;
        will-change: transform;
    }

    body.storefront.product-page
    .product-scroll-gallery--multiple
    .product-scroll-gallery__item.is-touch-zoomed img {
        cursor: zoom-out;
        transform: scale(2.2) !important;
        touch-action: none;
    }
}

/* Ruta de la ficha: Categoría/Nombre de la obra. */
body.storefront.product-page .product-info .product-breadcrumb {
    color: #000 !important;
}

.automatic-products-grid .catalog-artwork-card del {
    margin-left: 8px;
    color: #8a8a8a;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.artwork-tile .artwork-tile__price {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.artwork-tile .artwork-tile__price strong {
    color: #171717;
    font-weight: 500;
}

.artwork-tile .artwork-tile__price del {
    color: #999;
    font-size: .88em;
}

body.storefront.artworks-page .catalog-artwork-card h2 {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-weight: 700 !important;
}

body.storefront.artworks-page .catalog-artwork-card__prices {
    display: flex;
    margin: 0;
    align-items: baseline;
    gap: 8px;
}

body.storefront.artworks-page .catalog-artwork-card__price {
    color: #171717;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700 !important;
}

body.storefront.artworks-page .catalog-artwork-card__prices del {
    color: #999;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: .88em;
    font-weight: 400;
}

/* La regla global de texto negro no debe ocultar el estado sobre fondo oscuro. */
body.storefront.artworks-page .catalog-artwork-card .availability-sold {
    z-index: 2;
    color: #ffffff !important;
    background: #181818;
    line-height: 1.2;
}

/* Ficha de obra: una sola línea de alineación y etiquetas técnicas en negritas. */
body.storefront.product-page .product-info .artwork-specifications dt {
    color: #242424;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700 !important;
}

body.storefront.product-page .product-info .price-line,
body.storefront.product-page .product-info .purchase-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.storefront.product-page .product-info .price-line,
body.storefront.product-page .product-info .price-line strong {
    color: #000 !important;
    font-weight: 400 !important;
}

body.storefront.product-page .product-info .price-line del {
    color: #999 !important;
    font-weight: 400 !important;
}

body.storefront.product-page .product-info .delivery-line,
body.storefront.product-page .product-info .product-socials {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ficha individual de artista: misma escala de “¿Quiénes somos?” en inicio. */
body.storefront .artist-profile__copy > :is(span, h1, strong, p) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-indent: 0 !important;
    left: auto !important;
    transform: none !important;
}

body.storefront .artist-profile h1 {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: clamp(29.4px, 3.22vw, 46.2px) !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    transform: translateX(-0.06em) !important;
}

body.storefront .artist-profile__copy > strong {
    display: block;
    transform: translateX(-0.025em) !important;
}

/* Mantiene el retrato visible mientras se recorre una biografía extensa. */
@media (min-width: 721px) {
    body.storefront .artist-profile__media:has(img) {
        position: sticky;
        top: 110px;
        align-self: start;
    }

    body.storefront .artist-profile__media img {
        display: block;
        max-height: calc(100svh - 150px);
        object-position: center top;
    }
}

@media (min-width: 701px) and (max-width: 1100px) {
    body.storefront .artist-profile h1 {
        font-size: clamp(28px, 4.9vw, 39.2px) !important;
    }
}

@media (max-width: 700px) {
    body.storefront .artist-profile h1 {
        font-size: 32.2px !important;
    }
}

/* Fondo blanco solo en las obras del artista, sin cambiar su biografía. */
body.storefront .artist-profile + .artwork-catalog,
body.storefront .artist-profile + .artwork-catalog .artwork-tile img {
    background-color: #fff;
}

/* Ficha individual de artista: tres obras por fila. */
body.storefront .artist-profile + .artwork-catalog .artwork-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.storefront .artist-profile__copy > p {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

@media (max-width: 700px) {
    body.storefront .artist-profile + .artwork-catalog .artwork-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Trayectoria: misma composición visual del mosaico de categorías. */
body.storefront.home-page .home-trajectory {
    padding-right: 0;
    padding-left: 0;
}

body.storefront.home-page .home-trajectory__heading {
    padding-right: clamp(24px, 7vw, 112px);
    padding-left: clamp(24px, 7vw, 112px);
}

body.storefront.home-page .home-trajectory__press {
    width: 100%;
    max-width: none;
    gap: 0;
    align-items: stretch;
}

body.storefront.home-page .home-trajectory__press-item {
    min-width: 0;
    min-height: 620px;
    background: #252525;
}

body.storefront.home-page .home-trajectory__press-item img {
    width: 100%;
    height: 100%;
    min-height: 620px;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
}

body.storefront.home-page .home-trajectory__item-action {
    position: absolute;
    right: 50%;
    bottom: 40px;
    left: auto;
    display: inline-flex;
    width: min(58%, 240px);
    min-width: 190px;
    min-height: 44px;
    padding: 9px 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid #8f8f8f;
    border-radius: 12px;
    background: #fff;
    color: #242424;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-transform: none;
    transform: translateX(50%);
}

body.storefront.home-page .home-trajectory__item-action:hover {
    border-color: #171717;
    background: #171717;
    color: #fff;
    transform: translate(50%, -2px);
}

/* Ficha de obra: zoom, escala, autenticidad y servicio. */
.product-scroll-gallery__item{position:relative}
@media(hover:hover) and (pointer:fine){[data-product-hover-zoom]{overflow:hidden;cursor:zoom-in}[data-product-hover-zoom]>img{transform-origin:var(--product-zoom-x,50%) var(--product-zoom-y,50%);transition:transform .38s cubic-bezier(.22,1,.36,1);will-change:transform}[data-product-hover-zoom]:hover>img{transform:scale(2.2)}}

/* ==================================================
   MOVIMIENTO EDITORIAL — ESCRITORIO
   ================================================== */
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
    @keyframes capitalHeaderArrival {
        from { opacity: 0; transform: translate3d(0, -20px, 0) scale(.985); }
        to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
    }

    @keyframes capitalHeroReveal {
        from { opacity: 0; transform: translate3d(0, 28px, 0); filter: blur(7px); }
        to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
    }

    @keyframes capitalMediaOpening {
        from { opacity: .55; transform: scale(1.075); }
        to { opacity: 1; transform: scale(1.025); }
    }

    body.storefront .site-header {
        animation: capitalHeaderArrival .8s .08s cubic-bezier(.22, 1, .36, 1) both;
    }

    body.storefront .art-home__media,
    body.storefront .store-hero > :is(img, video),
    body.storefront .press-hero > :is(img, video) {
        animation: capitalMediaOpening 1.6s cubic-bezier(.22, 1, .36, 1) both;
    }

    body.storefront .art-home__identity {
        animation: capitalHeroReveal .9s .32s cubic-bezier(.22, 1, .36, 1) both;
    }

    body.storefront .art-home__intro {
        animation: capitalHeroReveal .9s .5s cubic-bezier(.22, 1, .36, 1) both;
    }

    body.storefront .art-home__collection {
        animation: capitalHeroReveal .95s .68s cubic-bezier(.22, 1, .36, 1) both;
    }

    .has-depth-motion body.storefront :is(.art-home__media, .press-hero img, .press-hero video, .custom-hero__media img, .custom-hero__media video) {
        transform: translate3d(0, var(--motion-depth-y, 0), 0) scale(1.035);
        transition: transform .18s linear;
        will-change: transform;
    }

    .has-desktop-motion .motion-reveal {
        opacity: 0;
        transform: translate3d(0, 34px, 0);
        transition:
            opacity .8s cubic-bezier(.22, 1, .36, 1),
            transform .9s cubic-bezier(.22, 1, .36, 1);
        will-change: opacity, transform;
    }

    .has-desktop-motion .motion-reveal.is-revealed {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        will-change: auto;
    }

    .has-desktop-motion .motion-reveal > :is(.catalog-artwork-card, .news-card, .press-card, .home-trajectory__press-item) {
        opacity: 0;
        transform: translate3d(0, 22px, 0);
        transition:
            opacity .65s cubic-bezier(.22, 1, .36, 1),
            transform .75s cubic-bezier(.22, 1, .36, 1);
    }

    .has-desktop-motion .motion-reveal.is-revealed > :is(.catalog-artwork-card, .news-card, .press-card, .home-trajectory__press-item) {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .has-desktop-motion .motion-reveal.is-revealed > :is(.catalog-artwork-card, .news-card, .press-card, .home-trajectory__press-item):nth-child(2) { transition-delay: .08s; }
    .has-desktop-motion .motion-reveal.is-revealed > :is(.catalog-artwork-card, .news-card, .press-card, .home-trajectory__press-item):nth-child(3) { transition-delay: .16s; }
    .has-desktop-motion .motion-reveal.is-revealed > :is(.catalog-artwork-card, .news-card, .press-card, .home-trajectory__press-item):nth-child(4) { transition-delay: .24s; }
    .has-desktop-motion .motion-reveal.is-revealed > :is(.catalog-artwork-card, .news-card, .press-card, .home-trajectory__press-item):nth-child(n+5) { transition-delay: .3s; }

    /* También protege los catálogos cuando el navegador conserva el JS anterior. */
    .has-desktop-motion body.storefront :is(.artworks-catalog, .artworks-grid, .automatic-products-section, .automatic-products-grid, .category-artworks, .artwork-catalog, .site-search).motion-reveal,
    .has-desktop-motion body.storefront .motion-reveal > :is(.catalog-artwork-card, .category-artwork, .artwork-tile, .search-artwork) {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
    }

    body.storefront .catalog-artwork-card,
    body.storefront .news-card,
    body.storefront .press-card {
        position: relative;
        transition: transform .4s cubic-bezier(.22, 1, .36, 1);
    }

    body.storefront :is(.catalog-artwork-card, .news-card, .press-card, .home-trajectory__press-item)::after {
        position: absolute;
        z-index: 3;
        inset: 0;
        border-radius: inherit;
        background: radial-gradient(300px circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.2), transparent 58%);
        content: "";
        opacity: 0;
        pointer-events: none;
        transition: opacity .35s ease;
    }

    body.storefront :is(.catalog-artwork-card, .news-card, .press-card, .home-trajectory__press-item):hover::after {
        opacity: 1;
    }

    body.storefront .catalog-artwork-card:hover,
    body.storefront .news-card:hover,
    body.storefront .press-card:hover {
        transform: translateY(-6px);
    }

    body.storefront :is(.catalog-artwork-card, .news-card, .press-card) img {
        transition: transform .65s cubic-bezier(.22, 1, .36, 1), filter .45s ease;
    }

    body.storefront :is(.catalog-artwork-card, .news-card, .press-card):hover img {
        transform: scale(1.035);
        filter: saturate(1.04) contrast(1.015);
    }

    body.storefront :is(.hero-more-button, .news-card__button, .press-card__button, .home-trajectory__more) {
        transition: transform .28s cubic-bezier(.22, 1, .36, 1), box-shadow .28s ease, background-color .28s ease, color .28s ease;
    }

    body.storefront :is(.hero-more-button, .news-card__button, .press-card__button, .home-trajectory__more):hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 26px rgba(0, 0, 0, .16);
    }

    body.storefront .icon-link {
        border-radius: 50%;
        transition: transform .25s ease, background-color .25s ease;
    }

    body.storefront .icon-link:hover {
        background: rgba(255, 255, 255, .72);
        transform: translateY(-2px) scale(1.06);
    }

    body.storefront .site-nav a::after {
        position: absolute;
        right: 16px;
        bottom: 6px;
        left: 16px;
        height: 1px;
        background: currentColor;
        content: "";
        transform: scaleX(0);
        transform-origin: right;
        transition: transform .35s cubic-bezier(.22, 1, .36, 1);
    }

    body.storefront .site-nav a:hover::after,
    body.storefront .site-nav a:focus-visible::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    body.storefront .site-footer :is(.gallery-footer-brand, .gallery-footer-info) {
        transition: transform .55s cubic-bezier(.22, 1, .36, 1), opacity .45s ease;
    }

    body.storefront .site-footer:hover .gallery-footer-brand { transform: translateY(-7px); }
    body.storefront .site-footer:hover .gallery-footer-info { transform: translateY(5px); }
}

@media (max-width: 760px) {
    body.storefront.home-page .home-trajectory__press {
        position: relative;
        display: block;
        overflow: visible;
    }

    body.storefront.home-page .home-trajectory__press-item {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: var(--stack-index, 1);
        width: 100%;
        height: 76svh;
        min-height: 76svh;
    }

    body.storefront.home-page .home-trajectory__press-item img {
        height: 100%;
        min-height: 76svh;
    }

    body.storefront.home-page .home-trajectory__item-action {
        bottom: 32px;
        width: min(72%, 280px);
        min-width: 170px;
    }
}

/* ==================================================
   TEXTO GLOBAL — NEGRO Y OPEN SANS
   ================================================== */
body.storefront,
body.storefront *,
body.storefront *::before,
body.storefront *::after {
    font-family: "Open Sans", Arial, sans-serif !important;
}

body.storefront {
    --muted: #000000;
    color: #000000;
}

body.storefront main :where(h1, h2, h3, h4, h5, h6, p, span, small, strong, b, em, i, dt, dd, label, li, blockquote, figcaption),
body.storefront main .muted {
    color: #000000 !important;
}

body.storefront input,
body.storefront select,
body.storefront textarea,
body.storefront input::placeholder,
body.storefront textarea::placeholder {
    color: #000000 !important;
    opacity: 1;
}

/* Superficies oscuras: el blanco es necesario para conservar contraste. */
body.storefront :is(.art-home, .store-hero, .custom-hero, .press-hero, .site-footer, .inquiry-submit, .cart-button, .news-card__button, .press-card__button, .availability-sold),
body.storefront :is(.art-home, .store-hero, .custom-hero, .press-hero, .site-footer, .inquiry-submit, .cart-button, .news-card__button, .press-card__button, .availability-sold) * {
    color: inherit !important;
}

body.storefront .artist-showcase .artist-showcase__intro,
body.storefront .artist-showcase .artist-showcase__intro :is(h1, p, span, strong) {
    color: #ffffff !important;
}

/* Artistas destacados: misma cadencia suave y editorial del hero. */
@media (min-width: 701px) {
    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card {
        order: 0 !important;
        will-change: flex-basis, min-width, max-width, grid-template-columns, transform;
        transform: translateZ(0);
        transition:
            flex-basis 900ms cubic-bezier(.16, 1, .3, 1),
            min-width 900ms cubic-bezier(.16, 1, .3, 1),
            max-width 900ms cubic-bezier(.16, 1, .3, 1),
            grid-template-columns 900ms cubic-bezier(.16, 1, .3, 1),
            gap 760ms cubic-bezier(.16, 1, .3, 1),
            padding 620ms cubic-bezier(.22, 1, .36, 1),
            box-shadow 420ms ease,
            transform 620ms cubic-bezier(.22, 1, .36, 1) !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card > img {
        transform: scale(.975) translateZ(0);
        transform-origin: center;
        will-change: transform;
        transition: transform 900ms cubic-bezier(.16, 1, .3, 1), opacity 360ms ease !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.expanding-card.is-active > img {
        transform: scale(1) translateZ(0);
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card .expanding-card__copy {
        display: flex !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(20px) scale(.985) !important;
        transition:
            opacity 220ms ease,
            transform 520ms cubic-bezier(.22, 1, .36, 1),
            visibility 0s linear 520ms !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.is-active .expanding-card__copy {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(0) scale(1) !important;
        transition:
            opacity 340ms ease 240ms,
            transform 680ms cubic-bezier(.22, 1, .36, 1) 80ms,
            visibility 0s linear 0s !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card.is-leaving .expanding-card__copy {
        opacity: 0 !important;
        visibility: visible !important;
        transform: translateX(-12px) scale(.985) !important;
        transition: opacity 190ms ease, transform 360ms cubic-bezier(.4, 0, 1, 1) !important;
    }

    body.storefront.artists-page .artist-showcase__featured .artist-showcase-card .expanding-card__detail-link {
        transition: opacity 320ms ease 220ms, transform 620ms cubic-bezier(.22, 1, .36, 1) 100ms, background-color .25s ease !important;
    }
}

body.storefront :is(.inquiry-submit, .cart-button, .news-card__button, .press-card__button),
body.storefront :is(.inquiry-submit, .cart-button, .news-card__button, .press-card__button) * {
    color: #ffffff !important;
}

body.storefront .inquiry-modal .inquiry-submit {
    border-color: #171717 !important;
    background: #171717 !important;
    color: #ffffff !important;
}

body.storefront .inquiry-modal .inquiry-submit:hover:not(:disabled) {
    border-color: #303030 !important;
    background: #303030 !important;
    color: #ffffff !important;
}

body.storefront .inquiry-modal .inquiry-submit:disabled {
    border-color: #171717 !important;
    background: #171717 !important;
    color: #ffffff !important;
}

/* Los títulos superpuestos en portadas conservan su color blanco original. */
body.storefront :is(.art-home, .store-hero, .custom-hero, .press-hero)
    :is(h1, h2, h3, p, small, .art-home__statement, .art-home__identity-title, .art-home__identity-subtitle) {
    color: #ffffff !important;
}

body.storefront .site-footer,
body.storefront .site-footer * {
    color: #ffffff !important;
}

/* Buscador público. */
.site-search{min-height:100vh;padding:150px clamp(22px,6vw,92px) 110px;background:#f6f5f1;color:#000}.site-search__header{max-width:1120px;margin:0 auto 70px}.site-search__header>span{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.site-search__header h1{margin:12px 0 34px;font-size:clamp(58px,8vw,112px);font-weight:400;letter-spacing:-.065em;line-height:.85}.site-search__header>p{margin:17px 0 0;font-size:13px}.site-search__form{display:grid;min-height:70px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:14px;border-bottom:2px solid #000}.site-search__form svg{width:25px;height:25px;fill:none;stroke:#000;stroke-width:1.4}.site-search__form input{min-width:0;height:68px;padding:0;border:0;background:transparent;font-size:clamp(17px,2vw,25px);outline:0}.site-search__form button{min-width:120px;min-height:46px;border:0;background:#000;color:#fff!important;font-size:11px;font-weight:700;cursor:pointer;text-transform:uppercase}.site-search__empty{max-width:1120px;margin:0 auto;padding:70px 0;border-top:1px solid #d9d6cf;text-align:center}.site-search__empty h2{margin:0 0 10px;font-size:32px;font-weight:500}.site-search__empty a{display:inline-block;margin-top:20px;padding-bottom:4px;border-bottom:1px solid #000;text-decoration:none}.search-results-section{max-width:1400px;margin:0 auto 85px}.search-results-section__heading{display:flex;margin-bottom:25px;padding-bottom:15px;align-items:center;justify-content:space-between;border-bottom:1px solid #d5d2ca}.search-results-section__heading h2{margin:0;font-size:30px;font-weight:500}.search-results-section__heading span{display:grid;width:28px;height:28px;place-items:center;border:1px solid #bbb7ae;border-radius:50%;font-size:10px}.search-artworks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 18px}.search-artwork{text-decoration:none}.search-artwork>div{overflow:hidden;aspect-ratio:1;background:#fff}.search-artwork img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s ease}.search-artwork:hover img{transform:scale(1.035)}.search-artwork h3{margin:13px 0 5px;font-size:16px;font-weight:600}.search-artwork p,.search-artwork small{display:block;margin:0 0 4px;font-size:11px}.search-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.search-people-grid>a{display:grid;min-height:105px;padding:12px;grid-template-columns:78px 1fr 25px;align-items:center;gap:16px;border:1px solid #dcd8cf;background:#fff;text-decoration:none;transition:transform .25s ease}.search-people-grid>a:hover{transform:translateY(-3px)}.search-people-grid img,.search-people-grid>a>span{display:grid;width:78px;height:78px;place-items:center;object-fit:cover;background:#ece9e2;font-size:30px}.search-people-grid h3{margin:0 0 4px;font-size:16px}.search-people-grid p{margin:0;font-size:11px}.search-category-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d7d3ca}.search-category-links a{display:flex;min-height:85px;padding:0 24px;align-items:center;justify-content:space-between;background:#fff;text-decoration:none}.search-category-links a>span{font-size:20px}.search-category-links b{font-size:10px;text-transform:uppercase}
@media(max-width:900px){.search-artworks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-people-grid{grid-template-columns:1fr}.site-search{padding-top:120px}.site-search__form{grid-template-columns:25px minmax(0,1fr)}.site-search__form button{grid-column:1/-1;width:100%;margin-bottom:12px}.search-category-links{grid-template-columns:1fr}}

/* Buscador modal con resultados en tiempo real. */
.search-modal[hidden]{display:none}.search-modal{position:fixed;z-index:110;inset:0}.search-modal-is-open{overflow:hidden}.search-modal__backdrop{position:absolute;inset:0;background:rgba(10,10,9,.76);backdrop-filter:blur(10px)}.search-modal__dialog{position:relative;width:min(920px,calc(100% - 40px));max-height:calc(100svh - 70px);margin:35px auto;padding:24px clamp(22px,4vw,48px) 38px;overflow-y:auto;background:#f6f5f1;color:#000;box-shadow:0 30px 80px rgba(0,0,0,.32)}.search-modal__dialog>header{display:flex;min-height:42px;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d4cc}.search-modal__dialog>header>span{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.search-modal__dialog>header button{width:38px;height:38px;padding:0;border:0;background:transparent;color:#000;font-size:29px;cursor:pointer}.search-modal__dialog>form{display:grid;min-height:90px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:13px;border-bottom:2px solid #000}.search-modal__dialog>form svg{width:25px;height:25px;fill:none;stroke:#000;stroke-width:1.5}.search-modal__dialog>form input{min-width:0;height:70px;padding:0;border:0;background:transparent;color:#000;font-size:clamp(17px,2.2vw,24px);outline:0}.search-modal__dialog>form button{min-width:100px;min-height:43px;border:0;background:#000;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase}.search-modal__status{padding:17px 0;color:#000;font-size:10px}.search-modal__results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.search-modal__results section{min-width:0}.search-modal__results h2{margin:0 0 9px;padding-bottom:8px;border-bottom:1px solid #d9d5cc;font-size:11px;font-weight:700;text-transform:uppercase}.search-modal-result{display:grid;min-height:68px;padding:8px 0;grid-template-columns:54px minmax(0,1fr) 18px;align-items:center;gap:10px;border-bottom:1px solid #e0ddd6;color:#000;text-decoration:none;transition:transform .2s ease}.search-modal-result:hover{transform:translateX(3px)}.search-modal-result img,.search-modal-result>span{display:grid;width:54px;height:54px;place-items:center;object-fit:contain;background:#fff;font-size:21px}.search-modal-result strong,.search-modal-result small{display:block;color:#000}.search-modal-result strong{font-size:11px;line-height:1.25}.search-modal-result small{margin-top:4px;font-size:8px;line-height:1.25}.search-modal-result>b{font-size:14px}.search-modal__all{display:none}
@media(max-width:700px){.search-modal__dialog{width:100%;height:100svh;max-height:none;margin:0;padding:18px}.search-modal__dialog>form{grid-template-columns:24px minmax(0,1fr)}.search-modal__dialog>form button{display:none}.search-modal__results{grid-template-columns:1fr;gap:25px}.search-modal-result{grid-template-columns:60px minmax(0,1fr) 20px}.search-modal-result img,.search-modal-result>span{width:60px;height:60px}}

/* Búsqueda rápida desplegable desde el encabezado. */
body.storefront .site-actions{position:relative}.search-quick[hidden]{display:none}.search-quick{position:absolute;z-index:95;top:calc(100% + 14px);right:38px;width:min(470px,calc(100vw - 40px));padding:14px 18px 18px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:rgba(250,250,248,.97);color:#000;box-shadow:0 22px 55px rgba(0,0,0,.2);backdrop-filter:blur(18px);animation:searchQuickOpen .28s cubic-bezier(.22,1,.36,1) both}@keyframes searchQuickOpen{from{opacity:0;transform:translate3d(18px,-8px,0) scale(.98)}to{opacity:1;transform:none}}.search-quick::before{position:absolute;top:-7px;right:11px;width:13px;height:13px;border-top:1px solid rgba(0,0,0,.12);border-left:1px solid rgba(0,0,0,.12);background:#fafaf8;content:"";transform:rotate(45deg)}.search-quick>form{display:grid;height:52px;grid-template-columns:22px minmax(0,1fr) 30px;align-items:center;gap:10px;border-bottom:1.5px solid #000}.search-quick>form svg{width:19px;height:19px;fill:none;stroke:#000;stroke-width:1.5}.search-quick>form input{min-width:0;height:50px;padding:0;border:0;background:transparent;color:#000!important;font-size:14px;outline:0}.search-quick>form button{width:30px;height:30px;min-height:30px;padding:0;border:0;background:transparent;color:#000;font-size:22px;cursor:pointer}.search-quick__status{padding:12px 0 8px;color:#000;font-size:9px}.search-quick__results{display:grid;max-height:min(480px,65vh);grid-template-columns:1fr;overflow-y:auto}.search-quick__results section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.search-quick__results h2{grid-column:1/-1;margin:10px 0 2px;padding-bottom:6px;border-bottom:1px solid #ddd9d0;color:#000;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.search-quick .search-modal-result{grid-template-columns:48px minmax(0,1fr) 15px;min-height:61px;padding:6px 0}.search-quick .search-modal-result img,.search-quick .search-modal-result>span{width:48px;height:48px}.search-quick .search-modal-result strong{font-size:10px}.search-quick .search-modal-result small{font-size:8px}
@media(max-width:700px){.search-quick{position:fixed;top:72px;right:10px;left:10px;width:auto;max-height:calc(100svh - 90px)}.search-quick::before{right:54px}.search-quick__results{max-height:calc(100svh - 190px)}.search-quick__results section{grid-template-columns:1fr}}

/* Campo alineado a la izquierda de la lupa; resultados debajo. */
@media(min-width:701px){.search-quick{top:50%;right:70px;width:380px;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;backdrop-filter:none;animation:searchFieldOpen .3s cubic-bezier(.22,1,.36,1) both}.search-quick::before{display:none}@keyframes searchFieldOpen{from{opacity:0;transform:translate3d(18px,-50%,0) scaleX(.94);transform-origin:right}to{opacity:1;transform:translate3d(0,-50%,0) scaleX(1)}}.search-quick>form{height:44px;padding:0 8px 0 14px;grid-template-columns:20px minmax(0,1fr) 25px 28px;gap:5px;border:1px solid rgba(0,0,0,.16);border-radius:8px;background:rgba(250,250,248,.97);box-shadow:0 8px 22px rgba(0,0,0,.12);backdrop-filter:blur(18px)}.search-quick>form input{height:42px;font-size:13px}.search-quick__dropdown{position:absolute;top:calc(100% + 14px);right:-38px;width:470px;max-height:min(560px,70vh);padding:12px 18px 18px;overflow-y:auto;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:rgba(250,250,248,.98);box-shadow:0 22px 55px rgba(0,0,0,.2);backdrop-filter:blur(18px)}.search-quick__dropdown::before{position:absolute;top:-7px;right:49px;width:13px;height:13px;border-top:1px solid rgba(0,0,0,.12);border-left:1px solid rgba(0,0,0,.12);background:#fafaf8;content:"";transform:rotate(45deg)}.search-quick__results{max-height:none;overflow:visible}}
@media(max-width:700px){.search-quick__dropdown{display:block}.search-quick{padding-bottom:14px}.search-quick>form{margin-bottom:0}.search-quick__status{padding-inline:0}}

/* Cards del hero: texto legible y una tarjeta completa por vista móvil. */
body.storefront.home-page .art-home__collection .expanding-card,
body.storefront.home-page .art-home__collection .expanding-card :is(h2, h3, p, small, strong, .expanding-card__compact-label, .expanding-card__copy) {
    color: #000000 !important;
}

.search-quick input[type="search"]::-webkit-search-cancel-button,
.search-quick input[type="search"]::-webkit-search-decoration {
    display: none;
    appearance: none;
}
.search-quick__clear[hidden]{display:none!important}.search-quick>form .search-quick__clear{width:25px;height:25px;min-height:25px;border-radius:50%;background:#e5e3de;color:#000;font-size:15px;line-height:1}.search-quick>form .search-quick__close{border-left:1px solid #d4d1ca;border-radius:0}
@media(max-width:700px){.search-quick>form{grid-template-columns:20px minmax(0,1fr) 25px 28px}}
.search-quick>form:has(.search-quick__clear[hidden]){grid-template-columns:20px minmax(0,1fr) 28px;gap:8px}

/* Ficha de obra: jerarquía equilibrada entre título, artista y precio. */
body.storefront.product-page .product-info h1 {
    margin: 0 0 7px !important;
    font-size: clamp(32px, 3vw, 43px) !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
}

body.storefront.product-page .product-info .product-artists {
    margin: 0 0 24px !important;
    font-size: clamp(16px, 1.35vw, 20px) !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    position: static;
    left: auto;
    transform: none;
}

body.storefront.product-page .product-info .product-artists a {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body.storefront.product-page .product-info > :is(.product-breadcrumb, h1, .product-artists, .product-badges, .product-description, .artwork-specifications, .price-line, .purchase-row, .delivery-line, .product-socials) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

/* Zoom de obra más pausado y contenido. */
@media (hover: hover) and (pointer: fine) {
    body.storefront.product-page [data-product-hover-zoom] > img {
        transition: transform .7s cubic-bezier(.22, .75, .25, 1) !important;
    }

    body.storefront.product-page [data-product-hover-zoom]:hover > img {
        transform: scale(2.2) !important;
    }
}

body.storefront.product-page .product-info .price-line {
    margin-top: 4px !important;
    margin-bottom: 15px !important;
    font-size: clamp(22px, 1.8vw, 27px) !important;
    line-height: 1.15 !important;
}

@media (max-width: 700px) {
    body.storefront.product-page .product-info {
        padding-top: 30px !important;
    }

    body.storefront.product-page .product-info .product-breadcrumb {
        margin-bottom: 28px !important;
        font-size: 12px !important;
    }

    body.storefront.product-page .product-info h1 {
        font-size: 34px !important;
    }

    body.storefront.product-page .product-info .product-artists {
        margin-bottom: 22px !important;
        font-size: 18px !important;
    }

    body.storefront.product-page .product-info .price-line {
        font-size: 24px !important;
    }
}

@media (max-width: 700px) {
    body.storefront.home-page .art-home__collection {
        width: 100% !important;
        max-width: 100% !important;
        scroll-padding-inline: 0 !important;
    }

    body.storefront.home-page .art-home__collection .expanding-card,
    body.storefront.home-page .art-home__collection .expanding-card:not(.is-active),
    body.storefront.home-page .art-home__collection .expanding-card.is-active {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        scroll-snap-align: start !important;
    }

    body.storefront.home-page .art-home__collection .art-card__cta {
        color: #000000 !important;
    }
}

/* Prensa: conserva todos los botones alineados al pie de sus tarjetas. */
@media (min-width: 561px) {
    body.storefront .press-card {
        align-items: stretch;
    }

    body.storefront .press-card__copy {
        height: 100%;
    }

    body.storefront .press-card__button {
        margin-top: auto;
    }
}

/* Ajustes puntuales de botones: alineacion y estados tactiles. */
body.storefront.home-page .home-trajectory__more {
    display: flex !important;
    margin-right: auto !important;
    margin-left: auto !important;
    align-self: center !important;
}

body.storefront.artists-page .artist-showcase__featured .expanding-card__detail-link,
body.storefront.artists-page .artist-showcase__featured .expanding-card__detail-link:hover,
body.storefront.artists-page .artist-showcase__featured .expanding-card__detail-link:focus,
body.storefront.artists-page .artist-showcase__featured .expanding-card__detail-link:active {
    box-shadow: none !important;
}

@media (hover: none) {
    body.storefront.artists-page .artist-showcase__featured .expanding-card__detail-link:hover {
        transform: none !important;
    }
}

/* Obras: white surroundings blend with white margins inside artwork photos.
   This does not recolor or crop the actual artwork images. */
body.storefront.artworks-page,
body.storefront.artworks-page main,
body.storefront.artworks-page .artworks-catalog,
body.storefront.artworks-page .catalog-filters,
body.storefront.artworks-page .artworks-grid .catalog-artwork-card > div {
    background-color: #fff;
}

/* Individual artwork: white surroundings for the gallery and related works;
   keep the information panel in its original light gray. */
body.storefront.product-page,
body.storefront.product-page main,
body.storefront.product-page .product-gallery,
body.storefront.product-page .product-scroll-gallery,
body.storefront.product-page .product-scroll-gallery__item,
body.storefront.product-page .related-artworks,
body.storefront.product-page .related-artwork img {
    background-color: #fff;
}

body.storefront.product-page .product-info {
    background-color: #efefef;
}

body.storefront.artworks-page .artworks-results {
    min-width: 0;
    scroll-margin-top: 145px;
}

body.storefront.artworks-page .artworks-results__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
}

body.storefront.artworks-page .catalog-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 28px;
    font-size: 14px;
}

body.storefront.artworks-page .catalog-pagination--inferior { margin: 36px 0 0; }
body.storefront.artworks-page .catalog-pagination__pages {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.storefront.artworks-page .catalog-pagination a,
body.storefront.artworks-page .catalog-pagination span {
    display: inline-flex;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid #b5b5b5;
    border-radius: 8px;
    background: #fff;
    line-height: 1.2;
    text-decoration: none;
}

body.storefront.artworks-page .catalog-pagination a:hover { background: #f2f2f2; }
body.storefront.artworks-page .catalog-pagination a:focus-visible { outline: 2px solid #171717; outline-offset: 3px; }
body.storefront.artworks-page .catalog-pagination [aria-current="page"] {
    border-color: #171717;
    background: #171717;
    color: #fff !important;
}
body.storefront.artworks-page .catalog-pagination [aria-disabled="true"] { opacity: .45; }
body.storefront.artworks-page .catalog-pagination__gap { padding: 0 4px; }

@media (max-width: 760px) {
    body.storefront.artworks-page .artworks-results { scroll-margin-top: 110px; }
    body.storefront.artworks-page .catalog-pagination { display: grid; grid-template-columns: 1fr 1fr; }
    body.storefront.artworks-page .catalog-pagination__pages { grid-column: 1 / -1; grid-row: 1; }
    body.storefront.artworks-page .catalog-pagination__previous { justify-self: start; }
    body.storefront.artworks-page .catalog-pagination__next { justify-self: end; }
}

/* Obras: keep the square image box independent of image decoding/intrinsic size.
   Scope to the catalog: other sections reuse .catalog-artwork-card. */
body.storefront.artworks-page .artworks-grid .catalog-artwork-card > div > img {
    position: absolute;
    inset: 0;
}

/* Native rendering deferral, not a JS reveal: links and text remain in the DOM
   and cards render automatically near the viewport, including with JS disabled.
   The browser remembers actual card heights after their first render. */
@supports (content-visibility: auto) {
    body.storefront.artworks-page .artworks-grid .catalog-artwork-card {
        content-visibility: auto;
        contain-intrinsic-height: auto 420px;
    }

    @media (min-width: 761px) and (max-width: 1050px) {
        body.storefront.artworks-page .artworks-grid .catalog-artwork-card {
            contain-intrinsic-height: auto 440px;
        }
    }

    @media (max-width: 760px) {
        body.storefront.artworks-page .artworks-grid .catalog-artwork-card {
            contain-intrinsic-height: auto 320px;
        }
    }

    @media print {
        body.storefront.artworks-page .artworks-grid .catalog-artwork-card {
            content-visibility: visible;
            contain-intrinsic-height: none;
        }
    }
}

/* Home video recovery control: keep it off the artwork cards. */
body.storefront.home-page .hero-video-play-fallback {
    top: clamp(140px, 20vh, 180px);
    right: clamp(16px, 3vw, 48px);
    bottom: auto;
    left: auto;
    transform: none;
}

@media (max-width: 900px) {
    body.storefront.home-page .hero-video-play-fallback {
        top: 110px;
    }
}