/*
 * Eurisko Reader Retention Engine: estilos do front-end.
 * Prefixo eure- para evitar conflitos.
 *
 * Modo claro e escuro (Foxiz): NENHUMA cor de texto ou de fundo fixa.
 * O texto herda a cor do tema (color: inherit) e os fundos e bordas são translúcidos,
 * então o bloco acompanha o modo ativo sem depender de body.dark-mode, data-theme ou
 * qualquer seletor de modo. É o mesmo princípio do bloco "Apoie o Eurisko":
 *   fundo rgba(37,99,235,.08), borda rgba(37,99,235,.15), topo 3px #2563eb, raio 10px,
 *   rótulo 12px/700 em maiúsculas na cor de destaque, texto secundário com opacity.
 * O destaque padrão é #2563eb (configurável em Aparência).
 *
 * Os links usam !important só nos resets, porque o Foxiz aplica sublinhado, gradiente e
 * pseudo-elementos aos links do conteúdo com alta especificidade.
 */
.eure-module{--eure-accent:#2563eb;display:block;clear:both;margin:20px 0;font-family:inherit;font-size:1rem;line-height:1.5;color:inherit;box-sizing:border-box}
.eure-module *,.eure-module *::before,.eure-module *::after{box-sizing:border-box}
.eure-module ul,.eure-module ol{list-style:none;margin:0;padding:0}
.eure-module li{list-style:none;margin:0;padding:0;background:none}
.eure-module li::before,.eure-module li::after{content:none!important;display:none!important}
.eure-module p{margin:0;padding:0;color:inherit}
.eure-module img{display:block;max-width:100%;height:auto;margin:0;border-radius:0}

/* Links: sem sublinhado, gradiente ou seta do tema */
.eure-module a,.eure-module a:hover,.eure-module a:focus,.eure-module a:visited{color:inherit!important;text-decoration:none!important;box-shadow:none!important;border-bottom:0!important;background:none!important;background-image:none!important}
.eure-module a::before,.eure-module a::after{content:none!important;display:none!important}
.eure-module a:hover .eure-cta__title,.eure-module a:hover .eure-card__title{text-decoration:underline;text-underline-offset:3px}
.eure-module a:focus-visible .eure-cta__title,.eure-module a:focus-visible .eure-card__title{outline:2px solid currentColor;outline-offset:3px}

/* Título do bloco (H2, H3 ou texto): mesma aparência, qualquer tag */
.eure-module .eure-cta__label,.eure-module .eure-related__title{margin:0;padding:0;font-family:inherit;text-transform:none;letter-spacing:normal;color:inherit;border:0;background:none}
.eure-module .eure-cta__label{margin:0 0 8px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;color:var(--eure-accent)}
.eure-module .eure-related__title{margin:0 0 14px;font-size:20px;font-weight:700;line-height:1.3}

/* Metadados */
.eure-module .eure-cta__cat,.eure-module .eure-card__cat{display:block;margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--eure-accent)}
.eure-module .eure-cta__excerpt,.eure-module .eure-card__excerpt{margin:6px 0 0;font-size:14px;line-height:1.6;opacity:.85}
.eure-module .eure-meta{margin:6px 0 0;font-size:12px;opacity:.7}
.eure-module .eure-meta>*+*::before{content:"\00b7";margin:0 6px}
.eure-module .eure-reason{margin:6px 0 0;font-size:12px;opacity:.7}

/* Chamada editorial (Leia também): igual ao bloco "Apoie o Eurisko" */
.eure-module.eure-cta{padding:20px;background:rgba(37,99,235,.08);background:color-mix(in srgb,var(--eure-accent) 8%,transparent);border:1px solid rgba(37,99,235,.15);border-color:color-mix(in srgb,var(--eure-accent) 15%,transparent);border-top:3px solid var(--eure-accent);border-radius:10px}
.eure-module.eure-cta--minimal{padding:14px 0;background:transparent;border:0;border-top:3px solid var(--eure-accent);border-radius:0}
.eure-module.eure-cta--card{background:rgba(127,127,127,.07);border:1px solid rgba(127,127,127,.28);border-radius:10px}
.eure-module .eure-cta__item{display:block}
.eure-module .eure-cta__item+.eure-cta__item{margin-top:14px}
.eure-module .eure-cta__link{display:inline}
.eure-module .eure-cta__title{display:inline;font-size:18px;font-weight:700;line-height:1.4}
.eure-module .eure-cta__media{display:block;overflow:hidden;border-radius:8px}
.eure-module .eure-cta__media img{width:120px;height:80px;object-fit:cover}

/* Com imagem: o link (imagem + título) usa display:contents para a imagem ficar ao lado dos textos */
.eure-module .eure-cta__item--media{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:16px;align-items:start}
.eure-module .eure-cta__item--media .eure-cta__link{display:contents}
.eure-module .eure-cta__item--media .eure-cta__media{grid-column:1;grid-row:1 / span 5}
.eure-module .eure-cta__item--media .eure-cta__cat{grid-column:2;grid-row:1}
.eure-module .eure-cta__item--media .eure-cta__title{grid-column:2;grid-row:2;display:block}
.eure-module .eure-cta__item--media .eure-cta__excerpt{grid-column:2;grid-row:3}
.eure-module .eure-cta__item--media .eure-meta{grid-column:2;grid-row:4}
.eure-module .eure-cta__item--media .eure-reason{grid-column:2;grid-row:5}

/* Cartões (Continue lendo) */
.eure-module.eure-related--grid .eure-related__list{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.eure-module.eure-related--grid.eure-cols-3 .eure-related__list{grid-template-columns:repeat(3,minmax(0,1fr))}
.eure-module.eure-related--list .eure-related__list{display:flex;flex-direction:column;gap:16px}
.eure-module .eure-card{display:flex;flex-direction:column;overflow:hidden;padding:0 0 16px;background:rgba(37,99,235,.06);background:color-mix(in srgb,var(--eure-accent) 6%,transparent);border:1px solid rgba(37,99,235,.15);border-color:color-mix(in srgb,var(--eure-accent) 15%,transparent);border-radius:10px;transition:transform .2s ease,border-color .2s ease}
.eure-module .eure-card:hover{transform:translateY(-2px);border-color:var(--eure-accent)}
.eure-module .eure-card__link{display:contents}
.eure-module .eure-card__media{order:1;display:block;margin:0 0 14px}
.eure-module .eure-card__media img{width:100%;aspect-ratio:16/9;object-fit:cover}
.eure-module .eure-card__cat{order:2;margin:0 16px 4px}
.eure-module .eure-card__title{order:3;display:block;margin:0 16px;font-size:17px;font-weight:700;line-height:1.35}
.eure-module .eure-card:not(.eure-card--media){padding-top:16px}
.eure-module .eure-card__excerpt{order:4;margin:8px 16px 0}
.eure-module .eure-card .eure-meta{order:5;margin:8px 16px 0}
.eure-module .eure-card .eure-reason{order:6;margin:8px 16px 0}

/* Lista: imagem ao lado */
.eure-module.eure-related--list .eure-card--media{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:16px;align-items:start;padding:0 16px 0 0}
.eure-module.eure-related--list .eure-card--media .eure-card__media{grid-column:1;grid-row:1 / span 5;margin:0;height:100%}
.eure-module.eure-related--list .eure-card--media .eure-card__media img{height:100%;min-height:110px;aspect-ratio:auto}
.eure-module.eure-related--list .eure-card--media .eure-card__cat,.eure-module.eure-related--list .eure-card--media .eure-card__title,.eure-module.eure-related--list .eure-card--media .eure-card__excerpt,.eure-module.eure-related--list .eure-card--media .eure-meta,.eure-module.eure-related--list .eure-card--media .eure-reason{grid-column:2;margin-left:0;margin-right:0}
.eure-module.eure-related--list .eure-card--media .eure-card__cat{grid-row:1;margin-top:14px}
.eure-module.eure-related--list .eure-card--media .eure-card__title{grid-row:2}
.eure-module.eure-related--list .eure-card--media .eure-card__excerpt{grid-row:3}
.eure-module.eure-related--list .eure-card--media .eure-meta{grid-row:4}
.eure-module.eure-related--list .eure-card--media .eure-reason{grid-row:5}

@media (max-width:640px){
  .eure-module.eure-related--grid .eure-related__list,
  .eure-module.eure-related--grid.eure-cols-3 .eure-related__list{grid-template-columns:1fr}
  .eure-module .eure-cta__item--media{grid-template-columns:88px minmax(0,1fr);column-gap:12px}
  .eure-module .eure-cta__media img{width:88px;height:60px}
  .eure-module.eure-related--list .eure-card--media{grid-template-columns:110px minmax(0,1fr)}
}