/* =========================================================
   CONTEÚDO DO RPG — ESTRUTURA FINAL
   ========================================================= */

.rpg-info-shell{
    box-sizing:border-box !important;
}

/* MENU SUPERIOR PRIMEIRO; TÍTULO LOGO ABAIXO */
.rpg-info-topbar-final{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
}

.rpg-info-actions-final{
    order:1 !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:none !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    margin:0 0 14px !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.rpg-info-actions-final > *{
    flex:0 0 auto !important;
    margin:0 !important;
}

.rpg-info-title-block{
    order:2 !important;
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
}

.rpg-info-title-block h1{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

.rpg-title-position-esquerda h1,
.rpg-title-position-esquerda .rpg-info-kicker{
    text-align:left !important;
}

.rpg-title-position-centro h1,
.rpg-title-position-centro .rpg-info-kicker{
    text-align:center !important;
}

.rpg-title-position-direita h1,
.rpg-title-position-direita .rpg-info-kicker{
    text-align:right !important;
}

.rpg-title-position-centro .rpg-info-kicker,
.rpg-title-position-direita .rpg-info-kicker{
    display:block !important;
    width:100% !important;
}

/* WORD/PDF: SOMENTE ÍCONE */
.rpg-export-icon-public-final{
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    height:42px !important;
    min-height:42px !important;
    padding:5px !important;
    box-sizing:border-box !important;
}

.rpg-export-icon-public-final img{
    display:block !important;
    width:29px !important;
    height:29px !important;
    object-fit:contain !important;
    margin:auto !important;
}

/* PRIMEIRA CAIXA + MENU LATERAL */
.rpg-first-content-row-final{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 255px !important;
    gap:16px !important;
    align-items:start !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

.rpg-first-content-column-final{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
}

.rpg-first-content-column-final > .rpg-content-block,
.rpg-first-content-column-final > .rpg-content-empty{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

.rpg-info-links-final{
    position:static !important;
    inset:auto !important;
    width:255px !important;
    min-width:255px !important;
    max-width:255px !important;
    margin:0 !important;
    padding:14px !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    align-self:start !important;
}

/* Sem título "SUBPÁGINAS": só os botões */
.rpg-info-links-final::before,
.rpg-info-links-final::after{
    content:none !important;
    display:none !important;
}

.rpg-info-links-final .rpg-info-link-button{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:42px !important;
    height:auto !important;
    margin:0 !important;
    padding:8px 12px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
    line-height:1.12 !important;
}

/* TODAS AS CAIXAS APÓS A PRIMEIRA USAM 100% */
.rpg-content-flow-rest-final,
.rpg-content-flow-full-final{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

.rpg-content-flow-rest-final > .rpg-content-block,
.rpg-content-flow-full-final > .rpg-content-block,
.rpg-content-flow-full-final > .rpg-content-empty{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

/* Neutraliza grades antigas que reservavam coluna sem necessidade. */
.rpg-content-flow-full-final{
    grid-template-columns:1fr !important;
}

/* Responsivo */
@media(max-width:860px){
    .rpg-info-actions-final{
        flex-wrap:wrap !important;
        justify-content:flex-start !important;
    }

    .rpg-first-content-row-final{
        grid-template-columns:1fr !important;
    }

    .rpg-info-links-final{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }
}


/* =========================================================
   ESPAÇAMENTO ENTRE AS CAIXAS DE CONTEÚDO
   ========================================================= */

/* Primeira linha e continuação da página */
.rpg-first-content-row-final{
    margin-bottom:22px !important;
}

/* Caixas seguintes não ficam encostadas umas nas outras */
.rpg-content-flow-rest-final > .rpg-content-block,
.rpg-content-flow-full-final > .rpg-content-block{
    margin-top:0 !important;
    margin-bottom:22px !important;
}

/* Evita margem dupla no fim da página */
.rpg-content-flow-rest-final > .rpg-content-block:last-child,
.rpg-content-flow-full-final > .rpg-content-block:last-child{
    margin-bottom:0 !important;
}

/* Se houver mensagem de página vazia, mantém o mesmo respiro visual */
.rpg-content-flow-full-final > .rpg-content-empty,
.rpg-first-content-column-final > .rpg-content-empty{
    margin-bottom:22px !important;
}


/* =========================================================
   IMAGENS ADAPTATIVAS NAS CAIXAS DE CONTEÚDO
   ========================================================= */

/*
   A largura da área da imagem agora acompanha a proporção real do arquivo.
   O JS da página adiciona automaticamente:
   - image-landscape
   - image-square
   - image-portrait
*/

.rpg-content-block.has-image{
    min-width:0 !important;
    overflow:visible !important;
}

.rpg-content-block.has-image .rpg-content-image-wrap{
    min-width:0 !important;
    max-width:none !important;
    width:100% !important;
    height:auto !important;

    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;
    box-sizing:border-box !important;
}

.rpg-content-block.has-image .rpg-content-image{
    display:block !important;
    width:100% !important;
    height:auto !important;

    min-width:0 !important;
    max-width:100% !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center top !important;

    border-radius:14px !important;
    box-sizing:border-box !important;
}

/* ------------------------------
   IMAGEM AO LADO DO TEXTO
   ------------------------------ */

.rpg-content-block.has-image.image-lado{
    display:grid !important;
    gap:clamp(22px,3vw,42px) !important;
    align-items:start !important;

    width:100% !important;
    max-width:none !important;

    grid-template-columns:
        minmax(300px,38%)
        minmax(0,1fr) !important;
}

/* Horizontal: usa quase metade da caixa, sem desperdiçar área disponível. */
.rpg-content-block.has-image.image-lado.image-landscape{
    grid-template-columns:
        minmax(390px,48%)
        minmax(0,1fr) !important;
}

/* Quase quadrada: equilíbrio entre imagem e texto. */
.rpg-content-block.has-image.image-lado.image-square{
    grid-template-columns:
        minmax(340px,42%)
        minmax(0,1fr) !important;
}

/* Vertical: continua grande, mas preserva mais espaço para o texto. */
.rpg-content-block.has-image.image-lado.image-portrait{
    grid-template-columns:
        minmax(310px,36%)
        minmax(0,1fr) !important;
}

/*
   Antes da imagem carregar, usa um tamanho intermediário.
   Isso evita salto visual exagerado.
*/
.rpg-content-block.has-image.image-lado:not(.image-landscape):not(.image-square):not(.image-portrait){
    grid-template-columns:
        minmax(330px,40%)
        minmax(0,1fr) !important;
}

.rpg-content-block.has-image.image-lado > .rpg-content-image-wrap,
.rpg-content-block.has-image.image-lado > .rpg-rich-content{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
}

/* ------------------------------
   IMAGEM ACIMA DO TEXTO
   ------------------------------ */

.rpg-content-block.has-image.image-acima{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:clamp(18px,2.4vw,30px) !important;
}

/* Horizontal aproveita toda a largura disponível. */
.rpg-content-block.has-image.image-acima.image-landscape .rpg-content-image-wrap{
    width:100% !important;
}

/* Quadrada não precisa ocupar 100% em monitores largos. */
.rpg-content-block.has-image.image-acima.image-square .rpg-content-image-wrap{
    width:min(76%,780px) !important;
    align-self:center !important;
}

/* Vertical cresce bastante, mas não vira uma coluna gigante. */
.rpg-content-block.has-image.image-acima.image-portrait .rpg-content-image-wrap{
    width:min(56%,590px) !important;
    align-self:center !important;
}

/* ------------------------------
   PRIMEIRA CAIXA COM MENU LATERAL
   ------------------------------ */

/*
   Quando a primeira caixa divide espaço com o menu lateral, reduzimos
   ligeiramente os mínimos para que o texto nunca seja espremido.
*/
.rpg-first-content-column-final
.rpg-content-block.has-image.image-lado.image-landscape{
    grid-template-columns:
        minmax(330px,46%)
        minmax(0,1fr) !important;
}

.rpg-first-content-column-final
.rpg-content-block.has-image.image-lado.image-square{
    grid-template-columns:
        minmax(300px,40%)
        minmax(0,1fr) !important;
}

.rpg-first-content-column-final
.rpg-content-block.has-image.image-lado.image-portrait{
    grid-template-columns:
        minmax(270px,34%)
        minmax(0,1fr) !important;
}

/* ------------------------------
   RESPONSIVO
   ------------------------------ */

@media(max-width:980px){
    .rpg-content-block.has-image.image-lado,
    .rpg-content-block.has-image.image-lado.image-landscape,
    .rpg-content-block.has-image.image-lado.image-square,
    .rpg-content-block.has-image.image-lado.image-portrait,
    .rpg-first-content-column-final .rpg-content-block.has-image.image-lado.image-landscape,
    .rpg-first-content-column-final .rpg-content-block.has-image.image-lado.image-square,
    .rpg-first-content-column-final .rpg-content-block.has-image.image-lado.image-portrait{
        grid-template-columns:1fr !important;
    }

    .rpg-content-block.has-image.image-lado .rpg-content-image-wrap{
        width:min(100%,760px) !important;
        justify-self:center !important;
    }

    .rpg-content-block.has-image.image-lado.image-portrait .rpg-content-image-wrap{
        width:min(68%,560px) !important;
    }
}

@media(max-width:640px){
    .rpg-content-block.has-image.image-lado.image-portrait .rpg-content-image-wrap,
    .rpg-content-block.has-image.image-acima.image-portrait .rpg-content-image-wrap,
    .rpg-content-block.has-image.image-acima.image-square .rpg-content-image-wrap{
        width:100% !important;
    }

    .rpg-content-block.has-image .rpg-content-image{
        border-radius:10px !important;
    }
}


/* =========================================================
   BLOCO DE IMAGEM SEM CAIXA DE TEXTO
   ========================================================= */

.rpg-content-block.image-only-block{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    max-width:none !important;

    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}

.rpg-content-block.image-only-block .rpg-content-image-wrap{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
}

.rpg-content-block.image-only-block .rpg-content-image{
    display:block !important;
    width:100% !important;
    height:auto !important;

    max-width:100% !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center !important;
}

/* Horizontal: aproveita praticamente toda a largura da página. */
.rpg-content-block.image-only-block.image-landscape .rpg-content-image-wrap{
    width:100% !important;
}

/* Quadrada: grande, sem exagerar em telas muito largas. */
.rpg-content-block.image-only-block.image-square .rpg-content-image-wrap{
    width:min(82%,900px) !important;
}

/* Vertical: ocupa altura e largura úteis sem virar uma faixa estreita. */
.rpg-content-block.image-only-block.image-portrait .rpg-content-image-wrap{
    width:min(62%,680px) !important;
}

/* Antes de a proporção ser detectada. */
.rpg-content-block.image-only-block:not(.image-landscape):not(.image-square):not(.image-portrait) .rpg-content-image-wrap{
    width:min(88%,980px) !important;
}

@media(max-width:720px){
    .rpg-content-block.image-only-block.image-square .rpg-content-image-wrap,
    .rpg-content-block.image-only-block.image-portrait .rpg-content-image-wrap,
    .rpg-content-block.image-only-block:not(.image-landscape):not(.image-square):not(.image-portrait) .rpg-content-image-wrap{
        width:100% !important;
    }
}

.rpg-info-topbar-separated{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
}
.rpg-info-topbar-separated .rpg-info-title-block,
.rpg-info-topbar-separated .rpg-info-actions{
    width:100%!important;
    box-sizing:border-box!important;
}
.rpg-info-topbar-separated .rpg-info-title-block{
    padding:18px 22px!important;
    border:1px solid rgba(100,205,250,.30)!important;
    border-radius:12px!important;
    background:rgba(5,45,70,.72)!important;
}
.rpg-info-topbar-separated .rpg-info-actions{
    padding:10px 14px!important;
    border:1px solid rgba(100,205,250,.24)!important;
    border-radius:10px!important;
    background:rgba(4,34,54,.66)!important;
}
.rpg-content-image-gallery{
    display:grid!important;
    gap:12px!important;
    align-items:start!important;
}
.rpg-content-image-gallery.count-1{grid-template-columns:1fr}
.rpg-content-image-gallery.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rpg-content-image-gallery.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rpg-content-image-gallery .rpg-content-image{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
}
@media(max-width:800px){
    .rpg-content-image-gallery.count-2,
    .rpg-content-image-gallery.count-3{grid-template-columns:1fr}
}

/* Galeria dentro da mesma caixa sempre empilhada verticalmente */
.rpg-content-image-gallery{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important}
.rpg-content-image-gallery.count-1,.rpg-content-image-gallery.count-2,.rpg-content-image-gallery.count-3{grid-template-columns:none!important}
.rpg-content-image-gallery .rpg-content-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important}

/* =========================================================
   TEXTO CONTORNA A IMAGEM E VOLTA À LARGURA TOTAL ABAIXO
   ========================================================= */
/*
   Em "Ao lado do texto", a imagem funciona como um float real.
   Enquanto houver imagem ao lado, o texto ocupa o espaço restante.
   Assim que o texto passa da altura da imagem, os parágrafos seguintes
   voltam automaticamente a usar 100% da largura da caixa.
*/
.rpg-content-block.has-image.image-lado{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    overflow:visible !important;
}

.rpg-content-block.has-image.image-lado::after{
    content:"";
    display:block;
    clear:both;
}

.rpg-content-block.has-image.image-lado > .rpg-content-image-wrap{
    float:left !important;
    width:38% !important;
    max-width:520px !important;
    min-width:260px !important;
    margin:0 clamp(22px,3vw,42px) clamp(18px,2.5vw,30px) 0 !important;
    padding:0 !important;
}

.rpg-content-block.has-image.image-lado.image-landscape > .rpg-content-image-wrap{
    width:48% !important;
    max-width:650px !important;
}

.rpg-content-block.has-image.image-lado.image-square > .rpg-content-image-wrap{
    width:42% !important;
    max-width:560px !important;
}

.rpg-content-block.has-image.image-lado.image-portrait > .rpg-content-image-wrap{
    width:36% !important;
    max-width:470px !important;
}

.rpg-content-block.has-image.image-lado > .rpg-rich-content{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
}

/* Na primeira caixa, que pode dividir espaço com o menu lateral, usa medidas menores. */
.rpg-first-content-column-final .rpg-content-block.has-image.image-lado.image-landscape > .rpg-content-image-wrap{
    width:46% !important;
    min-width:240px !important;
}
.rpg-first-content-column-final .rpg-content-block.has-image.image-lado.image-square > .rpg-content-image-wrap{
    width:40% !important;
    min-width:230px !important;
}
.rpg-first-content-column-final .rpg-content-block.has-image.image-lado.image-portrait > .rpg-content-image-wrap{
    width:34% !important;
    min-width:220px !important;
}

@media(max-width:980px){
    .rpg-content-block.has-image.image-lado > .rpg-content-image-wrap,
    .rpg-content-block.has-image.image-lado.image-landscape > .rpg-content-image-wrap,
    .rpg-content-block.has-image.image-lado.image-square > .rpg-content-image-wrap,
    .rpg-content-block.has-image.image-lado.image-portrait > .rpg-content-image-wrap,
    .rpg-first-content-column-final .rpg-content-block.has-image.image-lado.image-landscape > .rpg-content-image-wrap,
    .rpg-first-content-column-final .rpg-content-block.has-image.image-lado.image-square > .rpg-content-image-wrap,
    .rpg-first-content-column-final .rpg-content-block.has-image.image-lado.image-portrait > .rpg-content-image-wrap{
        float:none !important;
        width:min(100%,760px) !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 auto clamp(18px,2.5vw,28px) !important;
    }
}


/* =========================================================
   RESPONSIVIDADE REAL — JANELA DIVIDIDA + MOBILE
   ========================================================= */
html, body{width:100% !important;max-width:100% !important;min-width:0 !important;overflow-x:hidden !important;}
.rpg-info-page{width:100% !important;max-width:100vw !important;min-width:0 !important;box-sizing:border-box !important;overflow-x:hidden !important;padding-left:clamp(12px,2.4vw,34px) !important;padding-right:clamp(12px,2.4vw,34px) !important;}
.rpg-info-shell{width:min(100%,1240px) !important;max-width:100% !important;min-width:0 !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important;}
.rpg-info-topbar,.rpg-info-topbar-final,.rpg-info-title-block,.rpg-info-actions,.rpg-info-actions-final,.rpg-first-content-row-final,.rpg-first-content-column-final,.rpg-content-flow,.rpg-content-flow-rest-final,.rpg-content-flow-full-final,.rpg-content-block,.rpg-rich-content,.rpg-info-links-final{min-width:0 !important;max-width:100% !important;box-sizing:border-box !important;}
.rpg-rich-content,.rpg-rich-content p,.rpg-rich-content li,.rpg-rich-content strong,.rpg-rich-content em,.rpg-info-title-block h1{overflow-wrap:anywhere !important;word-break:normal !important;}
.rpg-info-actions-final{flex-wrap:wrap !important;justify-content:flex-start !important;}
.rpg-info-actions-final .rpg-info-small-button{max-width:100% !important;box-sizing:border-box !important;}
@media(max-width:1080px){.rpg-first-content-row-final{grid-template-columns:1fr !important;gap:18px !important;}.rpg-info-links-final{width:100% !important;min-width:0 !important;max-width:none !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:760px){.rpg-info-page{padding-left:14px !important;padding-right:14px !important;}.rpg-info-shell{width:100% !important;}.rpg-info-topbar-separated .rpg-info-title-block{padding:16px 16px !important;}.rpg-info-topbar-separated .rpg-info-actions{padding:10px !important;}.rpg-info-actions-final{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}.rpg-info-actions-final > *{width:100% !important;min-width:0 !important;}.rpg-info-actions-final > .rpg-export-icon-public-final{width:100% !important;max-width:none !important;min-width:0 !important;}.rpg-info-links-final{grid-template-columns:1fr !important;padding:12px !important;}.rpg-content-block:not(.image-only-block){padding:0 !important;}.rpg-content-block .rpg-rich-content{padding-left:16px !important;padding-right:16px !important;padding-top:14px !important;padding-bottom:14px !important;}.rpg-content-block.has-image.image-lado > .rpg-content-image-wrap,.rpg-content-block.has-image.image-acima > .rpg-content-image-wrap{margin-bottom:18px !important;}.rpg-content-block.has-image.image-acima{gap:18px !important;}.rpg-content-image-gallery{gap:16px !important;}.rpg-content-flow-rest-final > .rpg-content-block,.rpg-content-flow-full-final > .rpg-content-block{margin-bottom:26px !important;}}
@media(max-width:480px){.rpg-info-page{padding-left:12px !important;padding-right:12px !important;}.rpg-info-actions-final{grid-template-columns:1fr !important;}.rpg-info-title-block h1{font-size:clamp(26px,9vw,38px) !important;line-height:1.08 !important;}.rpg-content-block .rpg-rich-content{padding-left:18px !important;padding-right:18px !important;padding-top:16px !important;padding-bottom:16px !important;line-height:1.58 !important;}.rpg-content-block.has-image .rpg-content-image{border-radius:10px !important;}.rpg-content-block.has-image.image-lado > .rpg-content-image-wrap,.rpg-content-block.has-image.image-acima > .rpg-content-image-wrap{margin-bottom:20px !important;}}


/* =========================================================
   V76 — MOBILE: TOPO COMPACTO + SUBPÁGINAS SEM CORTAR TEXTO
   ========================================================= */
@media(max-width:760px){
    .rpg-info-actions-final,
    .rpg-info-actions{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:wrap !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:8px !important;
        width:100% !important;
        margin:0 0 10px !important;
        padding:8px !important;
    }

    .rpg-info-actions-final > *,
    .rpg-info-actions > *{
        flex:0 0 auto !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 !important;
    }

    .rpg-info-actions-final .rpg-export-icon-public-final,
    .rpg-info-actions .rpg-export-icon-public-final{
        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;
        height:42px !important;
        min-height:42px !important;
        padding:5px !important;
        overflow:hidden !important;
        font-size:0 !important;
        line-height:0 !important;
    }

    .rpg-info-actions-final .rpg-export-icon-public-final img,
    .rpg-info-actions .rpg-export-icon-public-final img{
        display:block !important;
        width:28px !important;
        height:28px !important;
        object-fit:contain !important;
        margin:auto !important;
    }

    .rpg-info-actions-final > a:not(.rpg-export-icon-public-final),
    .rpg-info-actions-final > button:not(.rpg-export-icon-public-final),
    .rpg-info-actions > a:not(.rpg-export-icon-public-final),
    .rpg-info-actions > button:not(.rpg-export-icon-public-final){
        width:auto !important;
        min-width:92px !important;
        min-height:42px !important;
        padding:8px 16px !important;
    }

    .rpg-info-links-final,
    .rpg-info-links{
        position:static !important;
        float:none !important;
        clear:both !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 0 16px !important;
        padding:10px !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
        box-sizing:border-box !important;
    }

    .rpg-info-links-final .rpg-info-link-button,
    .rpg-info-links .rpg-info-link-button{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
    }

    .rpg-first-content-row-final{
        display:block !important;
        grid-template-columns:1fr !important;
        width:100% !important;
        margin:0 0 22px !important;
    }

    .rpg-first-content-column-final{
        width:100% !important;
        max-width:100% !important;
    }
}

@media(max-width:480px){
    .rpg-info-actions-final,
    .rpg-info-actions{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:wrap !important;
        gap:7px !important;
    }

    .rpg-info-actions-final .rpg-export-icon-public-final,
    .rpg-info-actions .rpg-export-icon-public-final{
        width:40px !important;
        min-width:40px !important;
        max-width:40px !important;
        height:40px !important;
        min-height:40px !important;
    }

    .rpg-info-actions-final > a:not(.rpg-export-icon-public-final),
    .rpg-info-actions-final > button:not(.rpg-export-icon-public-final),
    .rpg-info-actions > a:not(.rpg-export-icon-public-final),
    .rpg-info-actions > button:not(.rpg-export-icon-public-final){
        min-width:84px !important;
        min-height:40px !important;
        padding:7px 13px !important;
    }
}