.channels-preview .mobile-plan-hero { min-height: 540px; background-image: linear-gradient(90deg,rgba(5,30,57,.81),rgba(5,30,57,.22) 55%,rgba(5,30,57,.04) 80%),url('../images/hero-canais-v1.png'); background-position: center; }
.channels-preview .mobile-plan-hero__inner { padding-top: 190px; padding-bottom: 120px; }
.channels-preview .channels-section { padding: 80px 0 110px; }
.channels-preview .channels-controls { display: grid; gap: 20px; margin-bottom: 32px; }
.channels-preview .channels-tabs { display: flex; flex-wrap: wrap; gap: 9px; justify-content: center; }
.channels-preview .channels-tabs button { background: #e6eef5; border: 1px solid #cedde9; border-radius: 8px; color: #24516d; cursor: pointer; font-family: 'Poppins',sans-serif; font-size: 13px; font-weight: 700; padding: 12px 17px; }
.channels-preview .channels-tabs button[aria-selected="true"] { background: #0c789e; border-color: #0c789e; color: #fff; }
.channels-preview .channels-tabs button:focus-visible, .channels-preview .channels-search input:focus-visible { outline: 3px solid #20bdd7; outline-offset: 3px; }
.channels-preview .channels-search { align-items: center; background: #fff; border: 1px solid #d3e0ea; border-radius: 8px; color: #4a7188; display: flex; gap: 10px; margin: auto; max-width: 560px; padding: 10px 16px; width: 100%; }
.channels-preview .channels-search input { border: 0; color: #123650; flex: 1; font-size: 15px; min-width: 0; outline: 0; }
.channels-preview .channels-panel__head { align-items: center; border-bottom: 1px solid #dce7f0; display: flex; justify-content: space-between; margin-bottom: 28px; padding-bottom: 17px; }
.channels-preview .channels-panel__head .mobile-plan-kicker { margin-bottom: 4px; }
.channels-preview .channels-panel__head h2 { color: #143956; font-size: 30px; font-weight: 700; margin: 0; }
.channels-preview .channels-panel__head strong { color: #0c789e; font-size: 16px; }
.channels-preview .channels-category { margin-bottom: 50px; }
.channels-preview .channels-category h3 { color: #143956; font-size: 21px; font-weight: 700; margin-bottom: 18px; }
.channels-preview .channels-grid { display: grid; gap: 15px; grid-template-columns: repeat(5,minmax(0,1fr)); }
.channels-preview .channel-card { align-items: center; background: #fff; border: 1px solid #dce7ee; border-radius: 12px; box-shadow: 0 8px 24px rgba(15,51,76,.05); display: flex; flex-direction: column; justify-content: center; min-height: 150px; padding: 15px; text-align: center; }
.channels-preview .channel-card__logo { align-items: center; display: flex; height: 75px; justify-content: center; margin-bottom: 10px; width: 100%; }
.channels-preview .channel-card__logo img { max-height: 66px; max-width: 100%; object-fit: contain; }
.channels-preview .channel-card__logo--dark { background: #143956; border-radius: 7px; padding: 5px 10px; }
.channels-preview .channel-card__logo--dark img { max-height: 59px; }
.channels-preview .channel-card__logo--image { border-radius: 7px; overflow: hidden; }
.channels-preview .channel-card__logo--image img { height: 75px; max-height: none; max-width: none; object-fit: cover; width: 100%; }
.channels-preview .channel-card__logo--edye { background: #b5cf5a; border-radius: 7px; height: 50px; overflow: hidden; position: relative; }
.channels-preview .channel-card__logo--edye img { bottom: 0; height: 240px; left: 50%; max-height: none; max-width: none; position: absolute; transform: translateX(-50%); width: 180px; }
.channels-preview .channel-card__logo--missing { color: #7690a2; font-size: 11px; }
.channels-preview .channel-card h4 { color: #234b65; font-size: 13px; font-weight: 700; line-height: 1.35; margin: 0; overflow-wrap: anywhere; text-transform: none; }
.channels-preview .channels-empty { color: #637f90; padding: 35px; text-align: center; }
@media (max-width: 1000px) { .channels-preview .channels-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 767px) { .channels-preview .mobile-plan-hero { background-image: linear-gradient(90deg,rgba(5,30,57,.85),rgba(5,30,57,.38)),url('../images/hero-canais-v1.png'); background-position: 62% center; } .channels-preview .channels-section { padding: 65px 0 75px; } .channels-preview .channels-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 8px; } .channels-preview .channels-tabs button { flex: 0 0 auto; } .channels-preview .channels-panel__head { align-items: flex-start; display: block; } .channels-preview .channels-panel__head strong { display: block; margin-top: 8px; } .channels-preview .channels-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .channels-preview .channel-card { min-height: 138px; } }