@charset "utf-8";

.dia-texto-card > .dia-hora > time, .dia-cartao > .dia-hora > time { display: block; font: inherit; }

@media (min-width: 961px) {
  .dia-texto-card { --dia-card-recuo: calc(48px + (min(96vw, 1300px) - min(94vw, 1300px)) / 2); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; max-width: 560px; min-height: var(--dia-card-altura, 0px); padding: 28px 20px 28px var(--dia-card-recuo); border: 1px solid rgba(12, 12, 13, 0.04); border-radius: var(--dia-raio); background: rgb(245, 245, 247); }
  .dia-texto-card > .dia-hora { display: block; padding: 0px; margin-bottom: 12px; border: 0px; background: none; color: rgb(115, 115, 122); font-size: 1rem; font-weight: 400; letter-spacing: 0px; line-height: 1.4; }
  .dia-texto-card > .dia-titulo { max-width: 26ch; margin-bottom: 16px; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; }
  .dia-texto-card > .dia-corpo { max-width: 46ch; margin: 0px; font-size: 1rem; font-weight: 300; line-height: 1.7; text-wrap: pretty; }
}

@media (min-width: 961px) and (max-width: 1100px) {
  .dia-texto-card { padding: 24px 24px 24px var(--dia-card-recuo); }
}

@media (min-width: 961px) and (max-height: 640px) {
  .dia-texto-card { padding: 24px 24px 24px var(--dia-card-recuo); }
}

@media (min-width: 961px) and (max-height: 560px) {
  .dia-texto-card { padding: 20px 20px 20px var(--dia-card-recuo); }
  .dia-texto-card > .dia-corpo { font-size: 0.9375rem; line-height: 1.5; }
}

@media (max-width: 960px), (prefers-reduced-motion: reduce) {
  .dia-cartao > .dia-hora { display: block; padding: 0px; margin-bottom: 12px; border: 0px; background: none; color: rgb(115, 115, 122); font-size: 1rem; font-weight: 400; letter-spacing: 0px; line-height: 1.4; }
}

@media (min-width: 961px) and (prefers-reduced-motion: no-preference) {
  .dia-texto-card { --dia-card-extensao: 16px; position: relative; isolation: isolate; border-color: transparent; background: transparent; }
  .dia-texto-card::before { content: ""; position: absolute; z-index: -1; inset: -1px -1px -1px calc(-1px - var(--dia-card-extensao)); border: 1px solid rgba(12, 12, 13, 0.04); border-radius: inherit; background: rgb(245, 245, 247); pointer-events: none; }
  .dia-texto-card > :is(.dia-hora, .dia-titulo, .dia-corpo) { position: relative; left: -30px; }
}

@media (min-width: 1280px) and (prefers-reduced-motion: no-preference) {
  .dia-texto-card { --dia-card-extensao: 40px; }
}