/**
 * Estilos do Bloco About Split — Fortunna Lusitanos
 * @package FortunnaLusitanosBlocks
 */

.flb-about {
    padding-block: var(--fl-gap-section, clamp(5rem,10vw,9rem));
}

.flb-about__inner {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   clamp(4rem, 8vw, 9rem);
    align-items:           center;
}

.flb-about__inner--reversed { direction: rtl; }
.flb-about__inner--reversed > * { direction: ltr; }

/* Texto */
.flb-about__title {
    font-family:    var(--fl-font-heading, 'Cinzel', serif);
    font-size:      clamp(2rem, 3.8vw, 3.2rem);
    font-weight:    700;
    color:          var(--fl-noir, #141210);
    line-height:    1.08;
    letter-spacing: 0.04em;
    margin-top:     0.75rem;
}

.flb-about--dark .flb-about__title { color: var(--fl-white, #FDFCFA); }

.flb-about__title-highlight {
    color:  var(--fl-champagne, #D8CAAF);
    filter: brightness(0.82);
}

.flb-about__body {
    margin-top:    1.25rem;
    margin-bottom: 0;
}

/* Pills de localização */
.flb-about__pills {
    display:   flex;
    gap:       0.55rem;
    flex-wrap: wrap;
    margin:    1.75rem 0;
}

.flb-about__pill {
    font-family:    var(--fl-font-body, 'Raleway', sans-serif);
    font-size:      9.5px;
    font-weight:    400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding:        0.4rem 0.95rem;
    border:         1px solid var(--fl-champagne-border, rgba(216,202,175,.38));
    color:          var(--fl-stone, #B0A898);
    transition:     all 0.3s;
    cursor:         default;
}

.flb-about--dark .flb-about__pill {
    border-color: rgba(216,202,175,.25);
    color:        rgba(253,252,250,.45);
}

/* Imagem */
.flb-about__image-wrap {
    position: relative;
}

.flb-about__image {
    width:      100%;
    height:     520px;
    object-fit: cover;
    display:    block;
}

.flb-about__image-placeholder {
    width:           100%;
    height:          520px;
    background:      var(--fl-champagne-bg, #F5F1EA);
    display:         flex;
    align-items:     center;
    justify-content: center;
}

/* Badge */
.flb-about__badge {
    position:   absolute;
    bottom:     2rem;
    left:       -1.5rem;
    background: var(--fl-champagne, #D8CAAF);
    padding:    1.25rem 1.5rem;
    text-align: center;
    z-index:    2;
}

.flb-about__inner--reversed .flb-about__badge {
    left:  auto;
    right: -1.5rem;
}

.flb-about__badge-value {
    font-family:  var(--fl-font-heading, 'Cinzel', serif);
    font-size:    2rem;
    font-weight:  700;
    color:        var(--fl-noir, #141210);
    line-height:  1;
}

.flb-about__badge-label {
    font-family:    var(--fl-font-body, 'Raleway', sans-serif);
    font-size:      8px;
    font-weight:    400;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color:          var(--fl-noir, #141210);
    margin-top:     0.25rem;
}

/* Responsive */
@media (max-width: 1100px) {
    .flb-about__inner,
    .flb-about__inner--reversed {
        grid-template-columns: 1fr;
        gap:       2.5rem;
        direction: ltr;
    }
    .flb-about__inner--reversed > * { direction: ltr; }
    .flb-about__badge { left: 1rem; bottom: 1rem; }
    .flb-about__inner--reversed .flb-about__badge { right: 1rem; left: auto; }
}

@media (max-width: 560px) {
    .flb-about__image { height: 320px; }
    .flb-about__image-placeholder { height: 320px; }
    .flb-about__badge { left: 0.5rem; }
}
