/* =========================================================
   Fotógrafo Premium · Single (detalle de entrada)
   ========================================================= */

@layer plugins {

    .fp-single {
        max-width: var(--layout-max-width);
        margin: 0 auto;
        padding: calc(var(--header-height) + clamp(48px, 6vw, 96px)) var(--sp-lateral) var(--sp-section-y);
    }

    .fp-single__header {
        max-width: var(--layout-max-width-prose);
        margin: 0 auto clamp(40px, 5vw, 72px);
        text-align: center;
    }

    .fp-single__cat {
        display: inline-block;
        font-family: var(--font-body);
        font-weight: var(--peso-medium);
        font-size: var(--fs-eyebrow);
        text-transform: uppercase;
        letter-spacing: 0.2em;
        color: var(--color-tinta-secundaria);
        margin: 0 0 12px;
    }

    .fp-single__title {
        margin: 0 0 16px;
    }

    .fp-single__meta {
        display: flex;
        gap: 16px;
        justify-content: center;
        font-size: var(--fs-small);
        color: var(--color-tinta-secundaria);
    }

    .fp-single__meta span {
        position: relative;
    }

    .fp-single__meta span + span::before {
        content: '·';
        position: absolute;
        left: -10px;
    }

    .fp-single__media {
        margin: 0 0 clamp(40px, 5vw, 72px);
    }

    .fp-single__media .ad-picture {
        display: block;
        width: 100%;
        max-height: 80vh;
        object-fit: contain;
    }

    .fp-single__video-wrap {
        position: relative;
        aspect-ratio: 16 / 9;
        background: #000;
    }

    .fp-single__video-wrap video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .fp-single__body {
        max-width: var(--layout-max-width-prose);
        margin: 0 auto;
        font-size: var(--fs-lead);
        line-height: 1.7;
        color: var(--color-tinta-secundaria);
    }

}