/* Solapa el hero bajo el nav sticky (altura real vía --barc-nav-offset) */
.fondo-nuestra-isla
{
    margin-top: calc(-1 * var(--barc-nav-offset, 100px) - 2px);
}

@media (max-width: 768px)
{
    .fondo-nuestra-isla
    {
        margin-top: calc(-1 * var(--barc-nav-offset, 90px) - 2px);
    }
}

.fondo-nuestra-isla .wp-block-cover__inner-container
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-bottom: 3rem;
}

.barc-scroll-cta
{
    margin-top: auto;
    padding-top: 2rem;
    text-align: center;
}

.barc-scroll-btn
{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    font-size: 0.7rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-weight: 400;
    transition: color 0.3s ease, transform 0.3s ease;
    cursor: pointer;
}

.barc-scroll-btn:hover
{
    color: #ffffff;
    transform: translateY(4px);
}

.barc-scroll-btn__label
{
    display: block;
}

.barc-scroll-btn__arrow
{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    animation: barc-bounce 2s ease-in-out infinite;
    transition: border-color 0.3s ease;
}

.barc-scroll-btn__arrow::before
{
    content: "";
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-0.08rem) rotate(45deg);
}

.barc-scroll-btn:hover .barc-scroll-btn__arrow
{
    border-color: rgba(255, 255, 255, 0.9);
}

@keyframes barc-bounce
{
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(6px); }
}

#isla-story
{
    display: block;
    height: 0;
    pointer-events: none;
}

/*
 * Márgenes laterales del contenido bajo el hero.
 * El banner .fondo-nuestra-isla permanece full-bleed.
 * Covers posteriores (alma / CTA) también full-bleed.
 */
body.barc-layout-la-isla .fondo-nuestra-isla ~ .wp-block-group > .wp-block-group__inner-container
{
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1.25rem, 4.5vw, 3rem);
    padding-right: clamp(1.25rem, 4.5vw, 3rem);
    box-sizing: border-box;
}

body.barc-layout-la-isla .fondo-nuestra-isla ~ .wp-bootstrap-blocks-container.container,
body.barc-layout-la-isla .fondo-nuestra-isla ~ .container
{
    padding-left: clamp(1.25rem, 4.5vw, 3rem);
    padding-right: clamp(1.25rem, 4.5vw, 3rem);
}

/* Si el group full-bleed anida un .container, unificar padding lateral */
body.barc-layout-la-isla .fondo-nuestra-isla ~ .wp-block-group .container
{
    padding-left: clamp(1.25rem, 4.5vw, 3rem);
    padding-right: clamp(1.25rem, 4.5vw, 3rem);
}

/* Titulares Fraunces — sin mayúsculas forzadas */
body.barc-layout-la-isla .entry-content .wp-block-heading,
body.barc-layout-la-isla .entry-content .barc-isla-card-title
{
    font-family: var(--font-titulares, serif);
    text-transform: none;
    letter-spacing: -0.02em;
}

body.barc-layout-la-isla .entry-content .barc-page-kicker
{
    font-family: var(--font-secundaria, sans-serif);
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

body.barc-layout-la-isla .barc-isla-phase-label,
body.barc-layout-la-isla .barc-timeline-cols .barc-isla-phase-label
{
    font-family: var(--font-secundaria, sans-serif) !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: none !important;
    color: #9C8A7E !important;
    margin-bottom: 0.75rem !important;
}

/* Iconos outline */
body.barc-layout-la-isla .barc-icon-outline
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 8px;
    background-color: #f2eeea;
    color: #61685c;
    font-size: 1.15rem;
    margin-bottom: 1.25rem;
}

/* Tarjetas paisaje — mosaico uniforme */
body.barc-layout-la-isla .barc-isla-landscape-grid
{
    align-items: stretch !important;
    gap: clamp(1rem, 2vw, 1.5rem) !important;
}

body.barc-layout-la-isla .barc-isla-landscape-grid > .wp-block-column
{
    display: flex !important;
    flex-direction: column;
    min-width: 0;
}

body.barc-layout-la-isla .barc-isla-landscape-grid .wp-block-image
{
    margin: 0;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    flex-shrink: 0;
}

body.barc-layout-la-isla .barc-isla-landscape-grid .wp-block-image img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

body.barc-layout-la-isla .barc-isla-landscape-grid .wp-block-column:nth-child(3) .wp-block-image img
{
    object-position: center 35%;
}

@media (max-width: 781px)
{
    body.barc-layout-la-isla .barc-isla-landscape-grid .wp-block-image
    {
        aspect-ratio: 16 / 10;
    }
}

body.barc-layout-la-isla .barc-isla-landscape-card
{
    flex: 1;
    display: flex;
    flex-direction: column;
    height: auto;
}

body.barc-layout-la-isla .barc-isla-landscape-card .barc-isla-card-title
{
    color: #1f1f1f;
}

/* Cita — El alma de la isla */
body.barc-layout-la-isla .barc-isla-alma
{
    min-height: 75vh !important;
    padding-block: clamp(4rem, 10vh, 6rem);
}

body.barc-layout-la-isla .barc-isla-alma .wp-block-cover__inner-container
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: clamp(1.5rem, 4vw, 2.5rem);
}

body.barc-layout-la-isla .barc-isla-alma-inner
{
    width: 100%;
    max-width: min(54rem, 100%);
    margin-inline: auto;
    padding-inline: 0;
    padding-block: clamp(1.25rem, 3vh, 2rem);
}

body.barc-layout-la-isla .barc-isla-alma-inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull))
{
    max-width: none;
    margin-inline: 0;
}

body.barc-layout-la-isla .barc-isla-alma .barc-page-kicker
{
    margin-bottom: 1.25rem !important;
    color: #ffffff !important;
}

body.barc-layout-la-isla .barc-isla-alma-quote
{
    text-transform: none;
    letter-spacing: -0.015em;
    line-height: 1.4 !important;
    font-size: clamp(1.9rem, 3.8vw, 2.85rem) !important;
    margin-top: 0 !important;
    max-width: none;
    padding-inline: 0;
}

body.barc-layout-la-isla .barc-isla-alma-quote em
{
    display: block;
    margin-top: 0.55em;
    font-style: italic;
    font-weight: 400;
    opacity: 0.92;
}