/* ========== REPORTAGEM ========== */
:root {
    --cor-titulo:    #E2561E;
    --cor-subtitulo: #1E5D62;
    --cor-texto:     #000;
}

.reportagem-wrapper {
    max-width: 980px;
    margin: 0 auto;
    padding: 60px 24px 10px;
}

/* Título principal */
.reportagem-titulo {
    font-family: 'SaoTorpes', sans-serif;
    font-size: 40px;
    line-height: 1.2;
    color: var(--cor-titulo);
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 24px;
}

/* Subtítulo (chamada) */
.reportagem-subtitulo {
    /*font-family: 'Crimson Pro', Georgia, serif;*/
    font-family: 'Lexend Deca', sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--cor-subtitulo);
    text-align: center;
    margin: 0 0 24px;
}

/* Créditos */
.reportagem-creditos {
    /*font-family: 'Crimson Pro', Georgia, serif;*/
    font-family: 'Lexend Deca', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--cor-subtitulo);
    border-top: 1px solid rgba(30,93,98,0.2);
    border-bottom: 1px solid rgba(30,93,98,0.2);
    padding: 10px 0;
    margin: 0 0 10px;
}

/* Data */
.reportagem-data {
    /*font-family: 'Crimson Pro', Georgia, serif;*/
    font-family: 'Lexend Deca', sans-serif;
    font-size: 16px;
    color: var(--cor-subtitulo);
    margin: 0 0 32px;
}

/* Texto corrido */
.reportagem-texto p {
    /*font-family: 'Crimson Pro', Georgia, serif;*/
    font-family: 'Lexend Deca', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--cor-texto);
    margin: 0 0 20px;
    text-align: justify;
}

.reportagem-texto a {
    color: var(--cor-subtitulo);
    text-decoration: underline;
}

/* Subtítulo interno */
.reportagem-subtitulo-interno {
    font-family: 'SaoTorpes', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: var(--cor-subtitulo);
    text-align: center;
    margin: 48px 0 24px;
    line-height: 1.3;
}

/* ========== BLOCO COM IMAGEM ========== */
.reportagem-bloco {
    display: grid;
    gap: 32px;
    margin: 32px 0;
    align-items: center;
}

/* Imagem à esquerda, texto à direita */
.reportagem-bloco.img-esquerda {
    grid-template-columns: 1fr 1fr;
}

/* Imagem à direita, texto à esquerda */
.reportagem-bloco.img-direita {
    grid-template-columns: 1fr 1fr;
}
.reportagem-bloco.img-direita .bloco-imagem { order: 2; }
.reportagem-bloco.img-direita .bloco-texto  { order: 1; }

.bloco-imagem img {
    width: 100%;
    height: auto;
    display: block;
}

.bloco-imagem figcaption {
    /*font-family: 'Crimson Pro', Georgia, serif;*/
    font-family: 'Lexend Deca', sans-serif;
    font-size: 13px;
    color: #555;
    margin-top: 8px;
    line-height: 1.5;
    border-left: 3px solid var(--cor-titulo);
    padding-left: 10px;
}

.bloco-texto p {
    /*font-family: 'Crimson Pro', Georgia, serif;*/
    font-family: 'Lexend Deca', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--cor-texto);
    margin: 0 0 20px;
    text-align: justify;
}

/* ========== RESPONSIVO ========== */
@media (max-width: 768px) {
    .reportagem-titulo { font-size: 42px; }
    .reportagem-subtitulo { font-size: 22px; }
    .reportagem-subtitulo-interno { font-size: 26px; }

    .reportagem-bloco.img-esquerda,
    .reportagem-bloco.img-direita {
        grid-template-columns: 1fr;
    }

    /* Imagem sempre vai para baixo do texto em mobile */
    .reportagem-bloco.img-esquerda .bloco-imagem { order: 2; }
    .reportagem-bloco.img-esquerda .bloco-texto  { order: 1; }
    .reportagem-bloco.img-direita  .bloco-imagem { order: 2; }
    .reportagem-bloco.img-direita  .bloco-texto  { order: 1; }

    /* Polaroid menor em mobile */
    /*
    .bloco-imagem {
        max-width: 340px;
        margin: 0 auto;
    }
    */
    .reportagem-bloco .bloco-imagem {
        max-width: 300px;
        margin: 0 auto; /* funciona agora com display:block */
    }
}

@media (max-width: 480px) {
    .reportagem-titulo { font-size: 32px; }
    .reportagem-wrapper { padding: 40px 16px 60px; }
}

/* ========== POLAROID ========== */
.bloco-imagem {
    /*background: #fff;*/
    /*padding: 12px 12px 40px;*/
    /*box-shadow: 0 4px 18px rgba(0,0,0,0.18), 0 1.5px 4px rgba(0,0,0,0.10);*/
    /*transform: rotate(-1.5deg);*/
    /*transition: transform 0.3s ease, box-shadow 0.3s ease;*/
    /*margin: 0;*/
    /*display: inline-block;*/
    /*width: 100%;*/
    /*box-sizing: border-box;*/
    background: #fff;
    padding: 12px 12px 40px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.18), 0 1.5px 4px rgba(0,0,0,0.10);
    transform: rotate(-1.5deg);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block; /* ← era inline-block */
    width: 100%;
    box-sizing: border-box;
}

.bloco-imagem:hover {
    transform: rotate(0deg) scale(1.02);
    box-shadow: 0 8px 32px rgba(0,0,0,0.22);
}

/* Alterna a rotação para não ficar igual em todos */
.img-direita .bloco-imagem {
    transform: rotate(1.5deg);
}
.img-direita .bloco-imagem:hover {
    transform: rotate(0deg) scale(1.02);
}

.bloco-imagem img {
    width: 100%;
    height: auto;
    display: block;
}

.bloco-imagem figcaption {
    /*font-family: 'Crimson Pro', Georgia, serif;*/
    font-family: 'Lexend Deca', sans-serif;
    font-size: 13px;
    color: #555;
    margin-top: 12px;
    line-height: 1.5;
    text-align: center; /* centralizado, estilo polaroid */
    border-left: none;  /* remove o border-left anterior */
    padding-left: 0;
}

/* ========== MAPA COM PIN ========== */
.mapa-wrapper {
    position: relative;
    margin: 40px auto 48px;
    max-width: 780px;
    text-align: center;
}

.mapa-pin {
    font-size: 36px;
    line-height: 1;
    margin-bottom: -8px;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

.mapa-figura {
    margin: 0;
    background: #fff;
    padding: 10px 10px 36px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.18), 0 1.5px 4px rgba(0,0,0,0.10);
    transform: rotate(-0.5deg);
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.mapa-figura img {
    width: 100%;
    height: auto;
    display: block;
}

/* ========== DUPLA POLAROID COM PIN ========== */
.dupla-polaroid-wrapper {
    position: relative;
    margin: 48px 0;
    text-align: center;
}

.dupla-pin {
    font-size: 36px;
    line-height: 1;
    margin-bottom: -8px;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

.dupla-polaroid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
}

/* Rotação alternada nas duas */
.dupla-polaroid-item {
    transform: rotate(-1deg) !important;
}
.dupla-polaroid-item--direita {
    transform: rotate(1.2deg) !important;
    margin-top: 32px; /* leve desalinhamento como na imagem */
}

/* ========== RESPONSIVO DUPLA POLAROID ========== */
@media (max-width: 768px) {
    .dupla-polaroid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .dupla-polaroid-item,
    .dupla-polaroid-item--direita {
        max-width: 300px;
        margin: 0 auto !important;
        transform: rotate(-1deg) !important;
    }

    .mapa-figura {
        transform: rotate(0deg);
    }
}

/* ========== POLAROID ÚNICA CENTRALIZADA ========== */
.polaroid-unica {
    display: block;
    max-width: 520px;
    margin: 40px auto;
    background: #fff;
    padding: 14px 14px 30px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.18), 0 1.5px 4px rgba(0,0,0,0.10);
    transform: rotate(-1deg);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
}

.polaroid-unica:hover {
    transform: rotate(0deg) scale(1.02);
    box-shadow: 0 8px 32px rgba(0,0,0,0.22);
}

.polaroid-unica img {
    width: 100%;
    height: auto;
    display: block;
}

.polaroid-unica figcaption {
    font-family: 'Lexend Deca', sans-serif;
    font-size: 13px;
    color: #555;
    margin-top: 12px;
    line-height: 1.5;
    text-align: center;
}

.polaroid-unica-grande {
    display: block;
    max-width: 780px;
    margin: 40px auto;
    background: #fff;
    padding: 14px 14px 30px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.18), 0 1.5px 4px rgba(0,0,0,0.10);
    transform: rotate(-1deg);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
}

.polaroid-unica-grande:hover {
    transform: rotate(0deg) scale(1.02);
    box-shadow: 0 8px 32px rgba(0,0,0,0.22);
}

.polaroid-unica-grande img {
    width: 100%;
    height: auto;
    display: block;
}

.polaroid-unica-grande figcaption {
    font-family: 'Lexend Deca', sans-serif;
    font-size: 13px;
    color: #555;
    margin-top: 12px;
    line-height: 1.5;
    text-align: center;
}

@media (max-width: 768px) {
    .polaroid-unica {
        max-width: 300px;
    }

    .polaroid-unica-grande {
        max-width: 300px;
    }
}

.reportagem-wrapper a {
    color: var(--cor-subtitulo);
    text-decoration: none;
    padding: 0 3px;
}

.reportagem-wrapper a:hover {
    background-color: var(--cor-subtitulo);
    color: white;
    padding: 3px;
    letter-spacing: 1px;
}