body {
  background: url('/media/templates/site/cassiopeia/images/bg-image-cotiana.png') 
    no-repeat center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

.item-page p, 
.item-page span {
    font-size: 18px;
    color: black;
    font-family: Georgia, serif;
    position: relative;
    z-index: 1;
}

.item-page p::before, 
.item-page span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0.5;
    z-index: -1;
}

/* Garante que imagens dentro da .item-page não sejam cobertas */
.item-page img {
    position: relative;
    z-index: 2;
}

@charset "UTF-8";
:root {
  --cassiopeia-color-primary: transparent !important; /* Deixa o topo transparente */
  --cassiopeia-color-link: #224faa;
  --link-color: #224faa;
  --link-color-rgb: 34, 79, 170;
  --cassiopeia-color-hover: #000000;
  --link-hover-color: #424077;
  --link-hover-color-rgb: 66, 64, 119;
}

#header, .header-container, header {
  background-color: transparent !important; /* Garantir que o fundo do topo fique transparente */
}

/* Grade geral de programação da Rádio Cotiana */
.programa-cotiana {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #ccc;
  border-radius: 16px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  padding: 16px;
  margin: 24px auto;
  max-width: 800px;
  transition: transform 0.3s ease;
}

.programa-cotiana:hover {
  transform: scale(1.01);
}

.programa-cotiana .horario {
  font-size: 1.4em;
  font-weight: bold;
  color: #444;
  margin-bottom: 12px;
  border-bottom: 1px dashed #bbb;
  padding-bottom: 6px;
}

.programa-cotiana .conteudo {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

.programa-cotiana .avatar {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #444;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.programa-cotiana .descricao {
  flex: 1;
}

.programa-cotiana h3 {
  font-size: 1.3em;
  margin: 0 0 8px;
  color: #222;
}

.programa-cotiana p {
  margin: 4px 0 12px;
  color: #555;
}

.programa-cotiana .saiba-mais {
  display: inline-block;
  background: #005f73;
  color: #fff;
  padding: 8px 14px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s;
}

.programa-cotiana .saiba-mais:hover,
.programa-cotiana .saiba-mais:focus {
  background: #0a9396;
  outline: none;
}