canais.css
/* ==========================
CANAIS
========================== */
.canais-section{
padding:40px 0;
}
.canais-slider{
display:flex;
gap:16px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;
}
.canais-slider::-webkit-scrollbar{
display:none;
}
/* CARD */
.canal-card{
flex:0 0 185px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
overflow:hidden;
cursor:pointer;
transition:.30s;
}
.canal-card:hover{
transform:translateY(-5px);
border-color:#2563eb;
box-shadow:0 10px 30px rgba(37,99,235,.18);
}
/* LOGO */
.canal-logo{
height:110px;
display:flex;
align-items:center;
justify-content:center;
background:#f8fafc;
padding:20px;
}
.canal-logo img{
max-width:100%;
max-height:55px;
object-fit:contain;
transition:.30s;
}
.canal-card:hover img{
transform:scale(1.08);
}
/* TEXTO */
.canal-info{
padding:14px;
}
.canal-info h3{
font-size:16px;
color:#111827;
margin-bottom:8px;
}
.canal-info p{
font-size:13px;
color:#6b7280;
line-height:1.4;
}
.canal-info strong{
color:#2563eb;
}