* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, sans-serif; color: #222; }
.container { width: min(1180px, calc(100% - 28px)); margin: 28px auto; padding: clamp(18px, 3vw, 34px); background: rgba(255,255,255,.96); border-radius: 18px; text-align: center; box-shadow: 0 8px 28px rgba(0,0,0,.14); }
.page-card { min-height: calc(100vh - 56px); }
.logo { width: min(260px, 75vw); max-height: 180px; object-fit: contain; margin: 10px auto 18px; display: block; }
h1 { margin: 8px 0 6px; font-size: clamp(1.7rem, 4vw, 3rem); }
h2 { font-size: clamp(1.35rem, 3vw, 2.1rem); }
.frase-principal { font-size: clamp(1rem, 2vw, 1.25rem); font-weight: bold; }
.icones { display: grid; grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); justify-content: center; align-items: center; gap: 10px; max-width: 920px; margin: 22px auto; padding: 0 10px; }
.icones a { padding: 10px 14px; border-radius: 24px; font-size: 14px; font-weight: bold; color: white; text-decoration: none; display: inline-block; }
.whatsapp { background: #25D366; } .instagram { background: #E1306C; } .facebook { background: #1877F2; } .youtube { background: #FF0000; } .tiktok { background: #000000; } .email { background: #D44638; } .android { background: #A4C639; } .iphone { background: #007AFF; } .multi { background: #FFA500; }
.player-box { width: min(760px, 100%); margin: 22px auto; display: flex; justify-content: center; }
.player-box iframe { max-width: 100% !important; width: 100% !important; aspect-ratio: 16 / 9; height: auto !important; min-height: 260px; border-radius: 14px; }
.botao { display: inline-block; padding: 12px 22px; margin: 10px 5px; background: #ff0066; color: white; text-decoration: none; border-radius: 9px; font-weight: bold; }
.programas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; margin: 24px auto; text-align: center; }
.programa-card { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 18px; box-shadow: 0 5px 18px rgba(0,0,0,.08); }
.programa-card img { width: 120px; height: 120px; object-fit: cover; border-radius: 14px; display: block; margin: 0 auto 12px; }
.programa-card strong { display: block; font-size: 1.1rem; margin-bottom: 7px; }
.programa-card span { display: block; color: #666; }
footer { margin-top: 30px; font-size: .95em; color: #444; }
@media (max-width: 600px) { .container { width: calc(100% - 16px); margin: 8px auto; border-radius: 12px; } .icones { grid-template-columns: 1fr 1fr; } .player-box iframe { min-height: 210px; } }