/* CSS gerado dinamicamente para canais */

:root {
  --canal-aquarismo-sereno-primary: #1e88e5;
  --canal-aquarismo-sereno-secondary: #1565c0;
  --canal-aquarismo-sereno-gradient: linear-gradient(135deg, #1e88e5, #1565c0);
}

.hero-canal.aquarismo-sereno {
  background: var(--canal-aquarismo-sereno-gradient);
}

.hero-tools-button.aquarismo-sereno {
  background: var(--canal-aquarismo-sereno-primary);
}

.canal-aquarismo-sereno .canal-linha-topo {
  background-color: #1e88e5;
}

.canal-aquarismo-sereno .canal-title {
  color: #1e88e5;
}

.canal-aquarismo-sereno {
  --primary-color: #1e88e5;
  --secondary-color: #1565c0;
}

.canal-aquarismo-sereno .canal-header {
  background: linear-gradient(135deg, #1e88e5, #1565c0);
  transition: all 0.3s ease;
  border-radius: 8px 8px 0 0;
  padding: 15px;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

.canal-aquarismo-sereno .canal-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.canal-aquarismo-sereno .canal-title {
  color: white !important;
}

/* Desktop: Coesão visual entre header e block */
@media (min-width: 769px) {
  .canal-aquarismo-sereno .canal-header {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
  }
  
  .canal-aquarismo-sereno .canal-block {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border-left: 4px solid #1e88e5;
    border-right: 4px solid #1e88e5;
    border-bottom: 4px solid #1e88e5;
    border-top: none;
    background: linear-gradient(135deg, #f8fbff 0%, #e8f4ff 100%);
    box-shadow: 0 4px 15px rgba(30, 136, 229, 0.1);
    transition: all 0.3s ease;
  }
  
  .canal-aquarismo-sereno .canal-block:hover {
    box-shadow: 0 6px 20px rgba(30, 136, 229, 0.15);
    transform: translateY(-1px);
  }
}

.canal-aquarismo-sereno .canal-block {
  background: linear-gradient(135deg, #e8f4ff, #f0f8ff);
  border: 2px solid #1e88e5;
  border-top: none;
  border-radius: 0 0 8px 8px;
  padding: 24px;
  margin-top: 0;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}

.canal-aquarismo-sereno .canal-block:hover {
  box-shadow: 0 6px 20px rgba(30, 136, 229, 0.2);
  transform: translateY(-1px);
}

:root {
  --canal-andarilho-sereno-primary: #43a047;
  --canal-andarilho-sereno-secondary: #2e7d32;
  --canal-andarilho-sereno-gradient: linear-gradient(135deg, #43a047, #2e7d32);
}

.hero-canal.andarilho-sereno {
  background: var(--canal-andarilho-sereno-gradient);
}

.hero-tools-button.andarilho-sereno {
  background: var(--canal-andarilho-sereno-primary);
}

.canal-andarilho-sereno .canal-linha-topo {
  background-color: #43a047;
}

.canal-andarilho-sereno .canal-title {
  color: #43a047;
}

.canal-andarilho-sereno {
  --primary-color: #43a047;
  --secondary-color: #2e7d32;
}

.canal-andarilho-sereno .canal-header {
  background: linear-gradient(135deg, #43a047, #2e7d32);
  transition: all 0.3s ease;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.canal-andarilho-sereno .canal-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.canal-andarilho-sereno .canal-title {
  color: white !important;
}

/* Desktop: Coesão visual entre header e block */
@media (min-width: 769px) {
  .canal-andarilho-sereno .canal-header {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
  }
  
  .canal-andarilho-sereno .canal-block {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border-left: 4px solid #43a047;
    border-right: 4px solid #43a047;
    border-bottom: 4px solid #43a047;
    border-top: none;
    background: linear-gradient(135deg, #f8fff8 0%, #f0f7f0 100%);
    box-shadow: 0 4px 15px rgba(67, 160, 71, 0.1);
    transition: all 0.3s ease;
  }
  
  .canal-andarilho-sereno .canal-block:hover {
    box-shadow: 0 6px 20px rgba(67, 160, 71, 0.15);
    transform: translateY(-1px);
  }
}

:root {
  --canal-comprao-primary: #ff9800;
  --canal-comprao-secondary: #f57c00;
  --canal-comprao-gradient: linear-gradient(135deg, #ff9800, #f57c00);
}

.hero-canal.comprao {
  background: var(--canal-comprao-gradient);
}

.hero-tools-button.comprao {
  background: var(--canal-comprao-primary);
}

.canal-comprao .canal-linha-topo {
  background-color: #ff9800;
}

.canal-comprao .canal-title {
  color: #ff9800;
}

.canal-comprao {
  --primary-color: #ff9800;
  --secondary-color: #f57c00;
}

.canal-comprao .canal-header {
  background: linear-gradient(135deg, #ff9800, #f57c00);
  transition: all 0.3s ease;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.canal-comprao .canal-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.canal-comprao .canal-title {
  color: white !important;
}

/* Desktop: Coesão visual entre header e block */
@media (min-width: 769px) {
  .canal-comprao .canal-header {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
  }
  
  .canal-comprao .canal-block {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border-left: 4px solid #ff9800;
    border-right: 4px solid #ff9800;
    border-bottom: 4px solid #ff9800;
    border-top: none;
    background: linear-gradient(135deg, #fffbf0 0%, #fff8e1 100%);
    box-shadow: 0 4px 15px rgba(255, 152, 0, 0.1);
    transition: all 0.3s ease;
  }
  
  .canal-comprao .canal-block:hover {
    box-shadow: 0 6px 20px rgba(255, 152, 0, 0.15);
    transform: translateY(-1px);
  }
}

:root {
  --canal-dump-existencial-primary: #607d8b;
  --canal-dump-existencial-secondary: #546e7a;
  --canal-dump-existencial-gradient: linear-gradient(135deg, #607d8b, #546e7a);
}

.hero-canal.dump-existencial {
  background: var(--canal-dump-existencial-gradient);
}

.hero-tools-button.dump-existencial {
  background: var(--canal-dump-existencial-primary);
}

.canal-dump-existencial .canal-linha-topo {
  background-color: #607d8b;
}

.canal-dump-existencial .canal-title {
  color: #607d8b;
}

.canal-dump-existencial {
  --primary-color: #607d8b;
  --secondary-color: #546e7a;
}

.canal-dump-existencial .canal-header {
  background: linear-gradient(135deg, #607d8b, #546e7a);
  transition: all 0.3s ease;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.canal-dump-existencial .canal-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.canal-dump-existencial .canal-title {
  color: white !important;
}

/* Desktop: Coesão visual entre header e block */
@media (min-width: 769px) {
  .canal-dump-existencial .canal-header {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
  }
  
  .canal-dump-existencial .canal-block {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border-left: 4px solid #607d8b;
    border-right: 4px solid #607d8b;
    border-bottom: 4px solid #607d8b;
    border-top: none;
    background: linear-gradient(135deg, #f8f9fa 0%, #eceff1 100%);
    box-shadow: 0 4px 15px rgba(96, 125, 139, 0.1);
    transition: all 0.3s ease;
  }
  
  .canal-dump-existencial .canal-block:hover {
    box-shadow: 0 6px 20px rgba(96, 125, 139, 0.15);
    transform: translateY(-1px);
  }
}

:root {
  --canal-papai-sereno-kids-primary: #4facfe;
  --canal-papai-sereno-kids-secondary: #29b6f6;
  --canal-papai-sereno-kids-gradient: linear-gradient(135deg, #4facfe, #29b6f6);
}

.hero-canal.papai-sereno-kids {
  background: var(--canal-papai-sereno-kids-gradient);
}

.hero-tools-button.papai-sereno-kids {
  background: var(--canal-papai-sereno-kids-primary);
}

.canal-papai-sereno-kids .canal-linha-topo {
  background-color: #4facfe;
}

.canal-papai-sereno-kids .canal-title {
  color: #4facfe;
}

.canal-papai-sereno-kids {
  --primary-color: #4facfe;
  --secondary-color: #29b6f6;
}

.canal-papai-sereno-kids .canal-header {
  background: linear-gradient(135deg, #4facfe, #29b6f6);
  transition: all 0.3s ease;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.canal-papai-sereno-kids .canal-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.canal-papai-sereno-kids .canal-title {
  color: white !important;
}

/* Desktop: Coesão visual entre header e block */
@media (min-width: 769px) {
  .canal-papai-sereno-kids .canal-header {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
  }
  
  .canal-papai-sereno-kids .canal-block {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border-left: 4px solid #4facfe;
    border-right: 4px solid #4facfe;
    border-bottom: 4px solid #4facfe;
    border-top: none;
    background: linear-gradient(135deg, #f0fcff 0%, #e1f5fe 100%);
    box-shadow: 0 4px 15px rgba(79, 172, 254, 0.1);
    transition: all 0.3s ease;
  }
  
  .canal-papai-sereno-kids .canal-block:hover {
    box-shadow: 0 6px 20px rgba(79, 172, 254, 0.15);
    transform: translateY(-1px);
  }
}

:root {
  --canal-papai-sereno-parentalidade-primary: #009688;
  --canal-papai-sereno-parentalidade-secondary: #00796b;
  --canal-papai-sereno-parentalidade-gradient: linear-gradient(135deg, #009688, #00796b);
}

.hero-canal.papai-sereno-parentalidade {
  background: var(--canal-papai-sereno-parentalidade-gradient);
}

.hero-tools-button.papai-sereno-parentalidade {
  background: var(--canal-papai-sereno-parentalidade-primary);
}

.canal-papai-sereno-parentalidade .canal-linha-topo {
  background-color: #009688;
}

.canal-papai-sereno-parentalidade .canal-title {
  color: #009688;
}

.canal-papai-sereno-parentalidade {
  --primary-color: #009688;
  --secondary-color: #00796b;
}

.canal-papai-sereno-parentalidade .canal-header {
  background: linear-gradient(135deg, #009688, #00796b);
  transition: all 0.3s ease;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.canal-papai-sereno-parentalidade .canal-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.canal-papai-sereno-parentalidade .canal-title {
  color: white !important;
}

/* Desktop: Coesão visual entre header e block */
@media (min-width: 769px) {
  .canal-papai-sereno-parentalidade .canal-header {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
  }
  
  .canal-papai-sereno-parentalidade .canal-block {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border-left: 4px solid #009688;
    border-right: 4px solid #009688;
    border-bottom: 4px solid #009688;
    border-top: none;
    background: linear-gradient(135deg, #f0fffe 0%, #e0f2f1 100%);
    box-shadow: 0 4px 15px rgba(0, 150, 136, 0.1);
    transition: all 0.3s ease;
  }
  
  .canal-papai-sereno-parentalidade .canal-block:hover {
    box-shadow: 0 6px 20px rgba(0, 150, 136, 0.15);
    transform: translateY(-1px);
  }
}

:root {
  --canal-rabiscos-legais-primary: #ff5722;
  --canal-rabiscos-legais-secondary: #e64a19;
  --canal-rabiscos-legais-gradient: linear-gradient(135deg, #ff5722, #e64a19);
}

.hero-canal.rabiscos-legais {
  background: var(--canal-rabiscos-legais-gradient);
}

.hero-tools-button.rabiscos-legais {
  background: var(--canal-rabiscos-legais-primary);
}

.canal-rabiscos-legais .canal-linha-topo {
  background-color: #ff5722;
}

.canal-rabiscos-legais .canal-title {
  color: #ff5722;
}

.canal-rabiscos-legais {
  --primary-color: #ff5722;
  --secondary-color: #e64a19;
}

.canal-rabiscos-legais .canal-header {
  background: linear-gradient(135deg, #ff5722, #e64a19);
  transition: all 0.3s ease;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.canal-rabiscos-legais .canal-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.canal-rabiscos-legais .canal-title {
  color: white !important;
}

/* Desktop: Coesão visual entre header e block */
@media (min-width: 769px) {
  .canal-rabiscos-legais .canal-header {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
  }
  
  .canal-rabiscos-legais .canal-block {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border-left: 4px solid #ff5722;
    border-right: 4px solid #ff5722;
    border-bottom: 4px solid #ff5722;
    border-top: none;
    background: linear-gradient(135deg, #fff5f0 0%, #fbe9e7 100%);
    box-shadow: 0 4px 15px rgba(255, 87, 34, 0.1);
  transition: all 0.3s ease;
}

  .canal-rabiscos-legais .canal-block:hover {
    box-shadow: 0 6px 20px rgba(255, 87, 34, 0.15);
    transform: translateY(-1px);
  }
}

:root {
  --canal-terravision-relax-primary: #4caf50;
  --canal-terravision-relax-secondary: #388e3c;
  --canal-terravision-relax-gradient: linear-gradient(135deg, #4caf50, #388e3c);
}

.hero-canal.terravision-relax {
  background: var(--canal-terravision-relax-gradient);
}

.hero-tools-button.terravision-relax {
  background: var(--canal-terravision-relax-primary);
}

.canal-terravision-relax .canal-linha-topo {
  background-color: #4caf50;
}

.canal-terravision-relax .canal-title {
  color: #4caf50;
}

.canal-terravision-relax {
  --primary-color: #4caf50;
  --secondary-color: #388e3c;
}

.canal-terravision-relax .canal-header {
  background: linear-gradient(135deg, #4caf50, #388e3c);
  transition: all 0.3s ease;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.canal-terravision-relax .canal-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.canal-terravision-relax .canal-title {
  color: white !important;
}

/* Desktop: Coesão visual entre header e block */
@media (min-width: 769px) {
  .canal-terravision-relax .canal-header {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
  }
  
  .canal-terravision-relax .canal-block {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border-left: 4px solid #4caf50;
    border-right: 4px solid #4caf50;
    border-bottom: 4px solid #4caf50;
    border-top: none;
    background: linear-gradient(135deg, #f8fff8 0%, #e8f5e9 100%);
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.1);
  transition: all 0.3s ease;
}

  .canal-terravision-relax .canal-block:hover {
    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.15);
    transform: translateY(-1px);
  }
}

:root {
  --canal-urbanis-tortus-primary: #000000;
  --canal-urbanis-tortus-secondary: #000000;
  --canal-urbanis-tortus-gradient: linear-gradient(135deg, #000000, #000000);
}

.hero-canal.urbanis-tortus {
  background: var(--canal-urbanis-tortus-gradient);
}

.hero-tools-button.urbanis-tortus {
  background: var(--canal-urbanis-tortus-primary);
}

.canal-urbanis-tortus .canal-linha-topo {
  background-color: #000000;
}

.canal-urbanis-tortus .canal-title {
  color: #000000;
}

.canal-urbanis-tortus {
  --primary-color: #000000;
  --secondary-color: #000000;
}

.canal-urbanis-tortus .canal-header {
  background: linear-gradient(135deg, #000000, #000000);
  transition: all 0.3s ease;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.canal-urbanis-tortus .canal-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.canal-urbanis-tortus .canal-title {
  color: white !important;
}

/* Desktop: Coesão visual entre header e block */
@media (min-width: 769px) {
  .canal-urbanis-tortus .canal-header {
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
  }
  
  .canal-urbanis-tortus .canal-block {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border-left: 4px solid #000000;
    border-right: 4px solid #000000;
    border-bottom: 4px solid #000000;
    border-top: none;
    background: linear-gradient(135deg, #f8f8f8 0%, #f0f0f0 100%);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  
  .canal-urbanis-tortus .canal-block:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
  }
}