/* =========================================================
   HOTEL MONARCA
   ABOUT V15
   Diseño más limpio, tipografía contenida y referencias
   visuales inspiradas en layouts hoteleros editoriales.
========================================================= */

:root {
    --a15-ink: #21352c;
    --a15-gold: #b48c58;
    --a15-cream: #f8f5ef;
    --a15-sage: #dfe9e1;
    --a15-sand: #eadcc9;
    --a15-blue: #dce7eb;
    --a15-line: rgba(33,53,44,.12);
}


/* =========================================================
   HERO - MISMO DISEÑO, TIPOGRAFÍA MÁS CONTENIDA
========================================================= */

.about13-hero {
    padding:
        calc(var(--topbar-height) + var(--header-height) + 66px)
        0
        88px;

    background:
        radial-gradient(circle at 88% 18%, rgba(223,233,225,.75), transparent 30%),
        #faf8f4;

    overflow: hidden;
}

.about13-hero__grid {
    min-height: 650px;

    display: grid;
    grid-template-columns: .92fr 1.08fr;
    align-items: center;
    gap: 72px;
}

.about13-hero__content {
    position: relative;
    z-index: 2;
}

.about13-hero__title {
    max-width: 660px;
    margin: 0;

    font-family: var(--font-display);
    font-size: clamp(56px, 5.8vw, 84px);
    line-height: .94;
    font-weight: 500;
    letter-spacing: -.045em;
    color: var(--a15-ink);
}

.about13-hero__title span {
    display: block;
    color: var(--a15-gold);
}

.about13-hero__lead {
    max-width: 560px;
    margin: 24px 0 0;

    font-size: 13px;
    line-height: 1.85;
    color: #738078;
}

.about13-hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;

    margin-top: 28px;
}

.about13-hero__signature {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 34px;
    padding-top: 18px;

    border-top: 1px solid var(--a15-line);

    font-size: 8px;
    letter-spacing: .17em;
}

.about13-hero__signature span { color: #8b958f; }
.about13-hero__signature strong { color: var(--a15-ink); }

.about13-hero__visual {
    position: relative;
    min-height: 600px;
}

.about13-hero__frame {
    position: absolute;
    top: 3%;
    right: 2%;

    width: 79%;
    height: 82%;

    border: 1px solid rgba(33,53,44,.18);

    transform: translate(18px,-18px);
}

.about13-hero__image {
    position: absolute;
    top: 7%;
    right: 7%;

    width: 78%;
    height: 78%;

    overflow: hidden;
}

.about13-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: transform 1s cubic-bezier(.22,1,.36,1);
}

.about13-hero__visual:hover .about13-hero__image img {
    transform: scale(1.035);
}

.about13-hero__vertical {
    position: absolute;
    right: -12px;
    top: 12%;

    writing-mode: vertical-rl;

    font-size: 7px;
    font-weight: 800;
    letter-spacing: .18em;
    color: #8b958f;
}

.about13-hero__seal {
    position: absolute;
    left: 4%;
    top: 11%;

    width: 108px;
    height: 108px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--a15-sand);

    box-shadow: 0 18px 45px rgba(33,53,44,.08);

    transform: rotate(-8deg);
}

.about13-hero__seal small,
.about13-hero__seal span {
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .15em;
    color: #7f8a83;
}

.about13-hero__seal strong {
    margin: 4px 0;

    font-family: var(--font-display);
    font-size: 16px;
    color: var(--a15-ink);
}

.about13-hero__quote {
    position: absolute;
    left: 0;
    bottom: 5%;

    width: 270px;

    padding: 20px 20px 18px 46px;

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

    box-shadow: 0 22px 55px rgba(33,53,44,.10);
}

.about13-hero__quote > span {
    position: absolute;
    left: 15px;
    top: 5px;

    font-family: var(--font-display);
    font-size: 50px;
    line-height: 1;
    color: var(--a15-gold);
}

.about13-hero__quote p {
    margin: 0;

    font-family: var(--font-display);
    font-size: 17px;
    line-height: 1.45;
    color: var(--a15-ink);
}


/* =========================================================
   TITULARES INTERNOS
========================================================= */

.about15-title {
    margin: 0;

    font-family: var(--font-display);
    font-size: clamp(48px, 5vw, 72px);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -.04em;
    color: var(--a15-ink);
}

.about15-title span {
    display: block;
    color: var(--a15-gold);
}


/* =========================================================
   STORY
========================================================= */

.about15-story {
    padding: 104px 0;
    background: #fff;
}

.about15-story__grid {
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: 80px;
    align-items: center;
}

.about15-story__lead {
    max-width: 570px;
    margin: 24px 0 0;

    font-family: var(--font-display);
    font-size: 20px;
    line-height: 1.55;
    color: var(--a15-ink);
}

.about15-story__text {
    max-width: 570px;
    margin: 18px 0 0;

    font-size: 13px;
    line-height: 1.85;
    color: #748078;
}

.about15-story__quote {
    position: relative;

    max-width: 520px;

    margin: 26px 0;
    padding: 17px 0 0 30px;

    border-top: 1px solid var(--a15-line);
}

.about15-story__quote > span {
    position: absolute;
    left: 0;
    top: 7px;

    font-family: var(--font-display);
    font-size: 42px;
    color: var(--a15-gold);
}

.about15-story__quote p {
    margin: 0;

    font-family: var(--font-display);
    font-size: 18px;
    line-height: 1.45;
    color: #536159;
}

.about15-story__visual {
    position: relative;
    min-height: 610px;
}

.about15-story__image {
    position: absolute;
    margin: 0;
    overflow: hidden;
}

.about15-story__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about15-story__image--main {
    right: 0;
    top: 0;

    width: 72%;
    height: 100%;
}

.about15-story__image--small {
    left: 4%;
    top: 12%;

    width: 43%;
    height: 62%;

    border: 5px solid #fff;

    box-shadow: 0 24px 55px rgba(33,53,44,.12);
}

.about15-story__label {
    position: absolute;
    left: 6%;
    bottom: 5%;

    padding: 14px 16px;

    background: #fff;

    box-shadow: 0 18px 45px rgba(33,53,44,.10);
}

.about15-story__label small {
    display: block;

    margin-bottom: 3px;

    font-size: 7px;
    font-weight: 800;
    letter-spacing: .16em;
    color: #87928b;
}

.about15-story__label strong {
    font-family: var(--font-display);
    font-size: 18px;
    color: var(--a15-ink);
}


/* =========================================================
   BENEFITS 3D
========================================================= */

.about15-benefits {
    padding: 104px 0;
    background: var(--a15-cream);
}

.about15-benefits__header,
.about15-gallery__header {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 50px;
    align-items: end;

    margin-bottom: 40px;
}

.about15-benefits__intro,
.about15-gallery__intro {
    margin: 0 0 4px;

    font-size: 13px;
    line-height: 1.8;
    color: #748078;
}

.about15-benefits__grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 14px;

    perspective: 1400px;
}

.about15-benefit-card {
    min-height: 390px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 22px;

    border-radius: 22px;

    transform-style: preserve-3d;

    transition:
        transform .2s ease-out,
        box-shadow .4s ease;
}

.about15-benefit-card--sage { background: #dce8df; }
.about15-benefit-card--cream { background: #fbf8f2; }
.about15-benefit-card--sand { background: #ead8bf; }
.about15-benefit-card--blue { background: #dce6eb; }

.about15-benefit-card:hover {
    box-shadow: 0 28px 65px rgba(33,53,44,.12);
}

.about15-benefit-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    transform: translateZ(24px);
}

.about15-benefit-card__top > span {
    font-family: var(--font-display);
    font-size: 26px;
    color: var(--a15-gold);
}

.about15-benefit-card__top i {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border: 1px solid rgba(33,53,44,.13);
    border-radius: 50%;

    color: var(--a15-ink);
}

.about15-benefit-card__body {
    transform: translateZ(30px);
}

.about15-benefit-card__body small {
    display: block;

    margin-bottom: 8px;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: .17em;
    color: #7e8982;
}

.about15-benefit-card__body h3 {
    margin: 0 0 12px;

    font-family: var(--font-display);
    font-size: 29px;
    line-height: 1.05;
    font-weight: 500;
    color: var(--a15-ink);
}

.about15-benefit-card__body p {
    margin: 0;

    font-size: 11px;
    line-height: 1.72;
    color: #657169;
}


/* =========================================================
   TRUST
========================================================= */

.about15-trust {
    padding: 105px 0;
    background: var(--a15-sage);
}

.about15-trust__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 75px;
    align-items: center;
}

.about15-trust__visual {
    position: relative;
    min-height: 650px;
}

.about15-trust__image {
    position: absolute;
    inset: 0 8% 0 0;

    overflow: hidden;
}

.about15-trust__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about15-trust__badge {
    position: absolute;
    right: 0;
    bottom: 6%;

    width: 190px;
    height: 190px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f8f5ef;

    box-shadow: 0 22px 55px rgba(33,53,44,.10);
}

.about15-trust__badge span {
    font-family: var(--font-display);
    font-size: 52px;
    line-height: .9;
    color: var(--a15-ink);
}

.about15-trust__badge small {
    margin-top: 6px;

    font-size: 7px;
    font-weight: 800;
    letter-spacing: .17em;
    color: #87928b;
}

.about15-trust__lead {
    max-width: 530px;
    margin: 24px 0 0;

    font-size: 13px;
    line-height: 1.85;
    color: #748078;
}

.about15-trust__metrics {
    margin-top: 32px;

    border-top: 1px solid var(--a15-line);
}

.about15-trust__metric {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 22px;
    align-items: center;

    padding: 22px 0;

    border-bottom: 1px solid var(--a15-line);
}

.about15-trust__metric strong {
    font-family: var(--font-display);
    font-size: 54px;
    line-height: .9;
    font-weight: 500;
    color: var(--a15-ink);
}

.about15-trust__metric small {
    display: block;

    margin-bottom: 5px;

    font-size: 7px;
    font-weight: 800;
    letter-spacing: .16em;
    color: #87928b;
}

.about15-trust__metric p {
    margin: 0;

    font-size: 11px;
    color: #748078;
}

.about15-trust__statement {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 16px;

    margin-top: 27px;
}

.about15-trust__statement > span {
    font-family: var(--font-display);
    font-size: 28px;
    color: var(--a15-gold);
}

.about15-trust__statement strong {
    display: block;

    margin-bottom: 5px;

    font-family: var(--font-display);
    font-size: 20px;
    color: var(--a15-ink);
}

.about15-trust__statement p {
    margin: 0;

    font-size: 11px;
    line-height: 1.7;
    color: #748078;
}


/* =========================================================
   EXPERIENCE HERO
========================================================= */

.about15-experience {
    position: relative;

    min-height: 720px;

    display: flex;
    align-items: flex-end;

    color: #fff;
    background: var(--a15-ink);

    overflow: hidden;
}

.about15-experience__background,
.about15-experience__overlay {
    position: absolute;
    inset: 0;
}

.about15-experience__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition:
        opacity .35s ease,
        transform .8s cubic-bezier(.22,1,.36,1);
}

.about15-experience__background.is-changing img {
    opacity: .3;
    transform: scale(1.03);
}

.about15-experience__overlay {
    background:
        linear-gradient(180deg, rgba(8,15,11,.20), rgba(8,15,11,.70) 72%, rgba(8,15,11,.86));
}

.about15-experience__content {
    position: relative;
    z-index: 2;

    padding-top: 90px;
    padding-bottom: 38px;
}

.about15-experience__content h2 {
    max-width: 760px;
    margin: 0;

    font-family: var(--font-display);
    font-size: clamp(52px,5.7vw,80px);
    line-height: .98;
    font-weight: 500;
    letter-spacing: -.04em;
}

.about15-experience__content h2 span {
    display: block;
    color: #efd8af;
}

.about15-experience__lead {
    max-width: 560px;
    margin: 20px 0 34px;

    font-size: 13px;
    line-height: 1.8;
    color: rgba(255,255,255,.68);
}

.about15-experience__cards {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
}

.about15-experience-card {
    min-height: 135px;

    display: grid;
    grid-template-columns: 1fr auto;
    align-content: end;
    gap: 8px 16px;

    padding: 20px;

    color: #fff;
    background: rgba(255,255,255,.14);

    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;

    backdrop-filter: blur(12px);

    text-align: left;
    cursor: pointer;

    transition:
        background .3s ease,
        transform .3s ease;
}

.about15-experience-card:hover,
.about15-experience-card.is-active {
    background: rgba(255,255,255,.24);
    transform: translateY(-4px);
}

.about15-experience-card small {
    grid-column: 1 / -1;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: .16em;
    color: #efd8af;
}

.about15-experience-card strong {
    font-family: var(--font-display);
    font-size: 21px;
    line-height: 1.2;
    font-weight: 500;
}

.about15-experience-card i {
    align-self: end;
}


/* =========================================================
   GALLERY
========================================================= */

.about15-gallery {
    padding: 104px 0;
    background: #fff;
}

.about15-gallery__grid {
    display: grid;
    grid-template-columns: 1.25fr .75fr .75fr;
    gap: 14px;
}

.about15-gallery-card {
    position: relative;

    min-height: 500px;

    padding: 0;

    overflow: hidden;

    border-radius: 14px;

    cursor: pointer;
}

.about15-gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: transform .8s cubic-bezier(.22,1,.36,1);
}

.about15-gallery-card:hover img {
    transform: scale(1.04);
}

.about15-gallery-card::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(180deg, transparent 48%, rgba(9,17,12,.74));
}

.about15-gallery-card__overlay {
    position: absolute;
    left: 22px;
    right: 20px;
    bottom: 20px;
    z-index: 2;

    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 7px 14px;

    color: #fff;
}

.about15-gallery-card__overlay small {
    grid-column: 1 / -1;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: .16em;
    color: #efd8af;
}

.about15-gallery-card__overlay strong {
    font-family: var(--font-display);
    font-size: 27px;
    font-weight: 500;
}


/* =========================================================
   FINAL
========================================================= */

.about15-final {
    padding: 105px 0;
    background: var(--a15-cream);
}

.about15-final__grid {
    min-height: 590px;

    display: grid;
    grid-template-columns: .9fr 1.1fr;

    background: var(--a15-sage);
}

.about15-final__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 52px;
}

.about15-final__lead {
    max-width: 470px;
    margin: 22px 0 0;

    font-size: 13px;
    line-height: 1.8;
    color: #748078;
}

.about15-final__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;

    margin-top: 28px;
}

.about15-final__phone {
    display: flex;
    flex-direction: column;

    color: var(--a15-ink);
}

.about15-final__phone small {
    margin-bottom: 2px;
    font-size: 8px;
    color: #7f8a83;
}

.about15-final__phone strong {
    font-family: var(--font-display);
    font-size: 20px;
}

.about15-final__visual {
    position: relative;
    overflow: hidden;
}

.about15-final__image {
    width: 100%;
    height: 100%;
}

.about15-final__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about15-final__floating {
    position: absolute;
    left: 22px;
    bottom: 22px;

    width: 132px;
    height: 132px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(248,245,239,.90);
    backdrop-filter: blur(10px);
}

.about15-final__floating span,
.about15-final__floating small {
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .15em;
    color: #7f8a83;
}

.about15-final__floating strong {
    margin: 4px 0;

    font-family: var(--font-display);
    font-size: 16px;
    color: var(--a15-ink);
}


/* =========================================================
   MODAL (HEREDADO)
========================================================= */

.about13-modal {
    position: fixed;
    inset: 0;
    z-index: 9600;

    display: grid;
    place-items: center;

    padding: 40px;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    background: rgba(10,18,14,.95);
    backdrop-filter: blur(13px);

    transition: opacity .3s ease, visibility .3s ease;
}

.about13-modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.about13-modal__close {
    position: absolute;
    top: 22px;
    right: 22px;

    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    color: #fff;
    background: transparent;

    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;

    cursor: pointer;
}

.about13-modal__inner {
    width: min(1100px,100%);
    height: min(78vh,760px);

    display: flex;
    flex-direction: column;
    align-items: center;
}

.about13-modal__inner img {
    width: 100%;
    height: calc(100% - 38px);
    object-fit: contain;
}

.about13-modal__inner p {
    margin: 13px 0 0;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .16em;
    color: rgba(255,255,255,.62);
}


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

@media (max-width: 1050px) {

    .about13-hero__grid,
    .about15-story__grid,
    .about15-trust__grid,
    .about15-final__grid {
        grid-template-columns: 1fr;
    }

    .about13-hero__visual {
        min-height: 560px;
    }

    .about15-story__visual,
    .about15-trust__visual {
        min-height: 560px;
    }

    .about15-benefits__grid {
        grid-template-columns: repeat(2,1fr);
    }

    .about15-gallery__grid {
        grid-template-columns: 1fr 1fr;
    }

    .about15-gallery-card--large {
        grid-column: span 2;
    }

    .about15-final__visual {
        min-height: 500px;
    }
}


@media (max-width: 700px) {

    .about13-hero {
        padding-top:
            calc(var(--topbar-height) + var(--header-height) + 42px);
        padding-bottom: 65px;
    }

    .about13-hero__grid {
        min-height: auto;
        gap: 40px;
    }

    .about13-hero__title {
        font-size: clamp(48px, 13vw, 64px);
    }

    .about13-hero__visual {
        min-height: 450px;
    }

    .about13-hero__image {
        width: 82%;
        height: 76%;
    }

    .about13-hero__frame {
        width: 82%;
        height: 79%;
    }

    .about13-hero__quote {
        width: 220px;
    }

    .about13-hero__vertical {
        display: none;
    }

    .about15-story,
    .about15-benefits,
    .about15-trust,
    .about15-gallery,
    .about15-final {
        padding-top: 68px;
        padding-bottom: 68px;
    }

    .about15-title {
        font-size: clamp(40px, 11vw, 54px);
    }

    .about15-story__visual {
        min-height: 460px;
    }

    .about15-story__image--main {
        width: 78%;
    }

    .about15-story__image--small {
        width: 48%;
        height: 55%;
    }

    .about15-benefits__header,
    .about15-gallery__header {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .about15-benefits__grid {
        grid-template-columns: 1fr;
    }

    .about15-benefit-card {
        min-height: 320px;
    }

    .about15-trust__visual {
        min-height: 450px;
    }

    .about15-trust__badge {
        width: 140px;
        height: 140px;
    }

    .about15-trust__badge span {
        font-size: 42px;
    }

    .about15-trust__metric {
        grid-template-columns: 110px 1fr;
    }

    .about15-experience {
        min-height: 680px;
    }

    .about15-experience__content {
        padding-top: 70px;
    }

    .about15-experience__content h2 {
        font-size: clamp(44px,12vw,58px);
    }

    .about15-experience__cards {
        grid-template-columns: 1fr;
    }

    .about15-experience-card {
        min-height: 105px;
    }

    .about15-gallery__grid {
        grid-template-columns: 1fr;
    }

    .about15-gallery-card,
    .about15-gallery-card--large {
        grid-column: auto;
        min-height: 420px;
    }

    .about15-final__content {
        padding: 34px 22px;
    }

    .about15-final__visual {
        min-height: 390px;
    }

    .about13-modal {
        padding: 18px;
    }
}


/* =========================================================
   ABOUT V16 - ANIMACIONES DE ENTRADA
========================================================= */

body.about15-motion .reveal-text,
body.about15-motion .reveal-card,
body.about15-motion .reveal-group {
    opacity: 0;
    will-change: opacity, transform;
}

body.about15-motion .reveal-text {
    transform: translate3d(0, 26px, 0);
    transition:
        opacity .78s cubic-bezier(.22,1,.36,1),
        transform .78s cubic-bezier(.22,1,.36,1);
}

body.about15-motion .reveal-card {
    transform: translate3d(0, 34px, 0) scale(.985);
    transition:
        opacity .78s cubic-bezier(.22,1,.36,1),
        transform .78s cubic-bezier(.22,1,.36,1),
        box-shadow .35s ease;
}

body.about15-motion .reveal-group {
    transform: translate3d(22px, 0, 0);
    transition:
        opacity .9s cubic-bezier(.22,1,.36,1),
        transform .9s cubic-bezier(.22,1,.36,1);
}

body.about15-motion .reveal-text.is-inview,
body.about15-motion .reveal-card.is-inview,
body.about15-motion .reveal-group.is-inview {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
}

body.about15-motion .reveal-group img {
    transform: scale(1.045);
    transition: transform 1.15s cubic-bezier(.22,1,.36,1);
}

body.about15-motion .reveal-group.is-inview img {
    transform: scale(1);
}

body.about15-motion [data-about-delay] {
    transition-delay: var(--about-delay, 0ms);
}


/* =========================================================
   MICROINTERACCIONES
========================================================= */

.about15-trust__badge {
    padding: 18px;
    text-align: center;
    transition:
        transform .75s cubic-bezier(.22,1,.36,1),
        box-shadow .35s ease;
}

body.about15-motion .about15-trust__badge {
    transform: translateY(18px) scale(.94);
}

body.about15-motion .about15-trust__visual.is-inview .about15-trust__badge {
    transform: translateY(0) scale(1);
}

.about15-trust__badge span {
    max-width: 110px;
    font-size: 20px;
    line-height: 1.05;
    letter-spacing: .03em;
}

.about15-trust__badge small {
    max-width: 115px;
    line-height: 1.45;
}


/* =========================================================
   ENTRADAS ESPECIALES
========================================================= */

body.about15-motion .about15-experience__cards .about15-experience-card {
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity .7s cubic-bezier(.22,1,.36,1),
        transform .7s cubic-bezier(.22,1,.36,1),
        background .3s ease;
}

body.about15-motion .about15-experience__cards.is-inview .about15-experience-card {
    opacity: 1;
    transform: translateY(0);
}

body.about15-motion .about15-experience__cards.is-inview .about15-experience-card:nth-child(2) {
    transition-delay: 90ms;
}

body.about15-motion .about15-experience__cards.is-inview .about15-experience-card:nth-child(3) {
    transition-delay: 180ms;
}

body.about15-motion .about15-gallery-card {
    opacity: 0;
    transform: translateY(30px) scale(.99);
    transition:
        opacity .75s cubic-bezier(.22,1,.36,1),
        transform .75s cubic-bezier(.22,1,.36,1);
}

body.about15-motion .about15-gallery__grid.is-inview .about15-gallery-card {
    opacity: 1;
    transform: translateY(0) scale(1);
}

body.about15-motion .about15-gallery__grid.is-inview .about15-gallery-card:nth-child(2) {
    transition-delay: 90ms;
}

body.about15-motion .about15-gallery__grid.is-inview .about15-gallery-card:nth-child(3) {
    transition-delay: 180ms;
}


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

@media (max-width: 700px) {

    body.about15-motion .reveal-text {
        transform: translate3d(0, 18px, 0);
        transition-duration: .62s;
    }

    body.about15-motion .reveal-card {
        transform: translate3d(0, 22px, 0) scale(.99);
        transition-duration: .64s;
    }

    body.about15-motion .reveal-group {
        transform: translate3d(0, 20px, 0);
        transition-duration: .72s;
    }

    body.about15-motion .reveal-group img {
        transform: scale(1.025);
    }

    .about15-trust__badge span {
        font-size: 17px;
    }

    .about15-trust__badge small {
        font-size: 6px;
    }
}