/* =============================================================================
   ROCHA NOTÍCIAS — Tema visual (RN)
   Carregado DEPOIS de mix-premium.css / mix-extras.css.
   Escopo: body.mix-premium — não afeta o painel administrativo.
   ========================================================================== */

/* -----------------------------------------------------------------------------
   1. TOKENS
   -------------------------------------------------------------------------- */
:root {
    --rn-navy: #0b2143;
    --rn-navy-2: #102c56;
    --rn-navy-3: #17406f;
    --rn-blue: #1e5aa8;
    --rn-blue-soft: #e8f0fb;
    --rn-orange: #f97316;
    --rn-orange-2: #ea6a06;
    --rn-red: #dc2626;
    --rn-green: #16a34a;

    --rn-ink: #0f1c33;
    --rn-text: #33415c;
    --rn-muted: #64748b;
    --rn-line: #e3e9f2;
    --rn-line-2: #eef2f8;
    --rn-bg: #f2f5f9;

    --rn-r-sm: 8px;
    --rn-r: 12px;
    --rn-r-lg: 16px;

    --rn-sh-sm: 0 1px 3px rgba(11, 33, 67, .06);
    --rn-sh: 0 4px 16px rgba(11, 33, 67, .08);
    --rn-sh-lg: 0 12px 34px rgba(11, 33, 67, .13);

    --rn-gap: 16px;
    --rn-header-h: 96px;
}

/* Evita scroll horizontal em qualquer breakpoint */
body.mix-premium,
body.mix-premium #wrapper {
    overflow-x: hidden;
}

body.mix-premium img {
    max-width: 100%;
}

/* -----------------------------------------------------------------------------
   2. CONJUNTO DE ÍCONES (SVG via CSS mask)
   Font Awesome não existe no site público — este é o substituto.
   Uso: <i class="rn-i rn-i--home"></i>
   -------------------------------------------------------------------------- */
.rn-i {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    background-color: currentColor;
    vertical-align: -.125em;
    -webkit-mask: var(--rn-i) center / contain no-repeat;
    mask: var(--rn-i) center / contain no-repeat;
}

.rn-i:before { content: none !important; }

.rn-i--home { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.2 12 3l9 7.2V20a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
.rn-i--trophy { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10v5a5 5 0 0 1-10 0z'/%3E%3Cpath d='M7 5H4v2a3 3 0 0 0 3 3'/%3E%3Cpath d='M17 5h3v2a3 3 0 0 1-3 3'/%3E%3Cpath d='M12 14v4'/%3E%3Cpath d='M8 21h8'/%3E%3C/svg%3E"); }
.rn-i--shield { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v6.2c0 4.6-3.1 7.9-7.5 9.3-4.4-1.4-7.5-4.7-7.5-9.3V6z'/%3E%3Cpath d='M9.5 12.2 11.4 14l3.6-3.7'/%3E%3C/svg%3E"); }
.rn-i--landmark { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M4 9.5 12 4l8 5.5'/%3E%3Cpath d='M6.5 21V11.5'/%3E%3Cpath d='M10.2 21V11.5'/%3E%3Cpath d='M13.8 21V11.5'/%3E%3Cpath d='M17.5 21V11.5'/%3E%3C/svg%3E"); }
.rn-i--music { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V6.2l11-2v11.6'/%3E%3Cpath d='M9 18a2.6 2.6 0 1 1-5.2 0 2.6 2.6 0 0 1 5.2 0z'/%3E%3Cpath d='M20 15.8a2.6 2.6 0 1 1-5.2 0 2.6 2.6 0 0 1 5.2 0z'/%3E%3C/svg%3E"); }
.rn-i--news { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='15' rx='2'/%3E%3Cpath d='M7 9.5h6'/%3E%3Cpath d='M7 13.5h10'/%3E%3Cpath d='M7 16.8h10'/%3E%3C/svg%3E"); }
.rn-i--heart { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.4l-1.3-1.2C6.5 15.5 3.7 12.9 3.7 9.7A4.7 4.7 0 0 1 8.4 5c1.5 0 2.9.7 3.6 1.8A4.4 4.4 0 0 1 15.6 5a4.7 4.7 0 0 1 4.7 4.7c0 3.2-2.8 5.8-7 9.5z'/%3E%3C/svg%3E"); }
.rn-i--pin { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.5s7-5.9 7-11.3A7 7 0 1 0 5 10.2c0 5.4 7 11.3 7 11.3z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E"); }
.rn-i--video { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='2'/%3E%3Cpath d='M16 10.5 21 7.5v9l-5-3z'/%3E%3C/svg%3E"); }
.rn-i--tv { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 3.5 12 7l4-3.5'/%3E%3C/svg%3E"); }
.rn-i--image { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.6'/%3E%3Cpath d='M21 16.5 15.5 11 9 17.5'/%3E%3C/svg%3E"); }
.rn-i--leaf { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20c9 2 17-4 17-15-9-2-17 4-17 15z'/%3E%3Cpath d='M4.6 19.4C6.6 13 11 9.5 16 8'/%3E%3C/svg%3E"); }
.rn-i--book { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3H19v18H6.5A2.5 2.5 0 0 1 4 18.5z'/%3E%3Cpath d='M8 8h7'/%3E%3Cpath d='M8 12h7'/%3E%3C/svg%3E"); }
.rn-i--user { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E"); }
.rn-i--info { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11.2v5'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E"); }
.rn-i--plus { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.rn-i--camera { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h3l1.7-2.5h6.6L17 7h3a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13.5' r='3.5'/%3E%3C/svg%3E"); }
.rn-i--loader { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E"); }

/* Ícone girando (loaders) */
.rn-i.rn-spin { animation: rn-i-spin .8s linear infinite; }

/* Blocos dos classificados que antes esperavam <svg> inline */
.mix-classified-empty-icon .rn-i { font-size: 29px; }
.mix-cl-location-icon .rn-i { font-size: 18px; }

@keyframes rn-i-spin { to { transform: rotate(360deg); } }

.rn-i--sparkle { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5 14 9l6.5 2-6.5 2-2 6.5-2-6.5L3.5 11 10 9z'/%3E%3Cpath d='M18.5 3.5v3'/%3E%3Cpath d='M17 5h3'/%3E%3C/svg%3E"); }
.rn-i--mail { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.6 6.4 12 12.6l8.4-6.2'/%3E%3C/svg%3E"); }
.rn-i--send { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3 10.8 13.2'/%3E%3Cpath d='M21 3l-6.8 18-3.4-7.8L3 9.8z'/%3E%3C/svg%3E"); }
.rn-i--megaphone { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11v2.6L15 19V5z'/%3E%3Cpath d='M15 9h2.2a3.2 3.2 0 0 1 0 6.4H15'/%3E%3Cpath d='M7 15.2V19'/%3E%3C/svg%3E"); }
.rn-i--radio { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12.5' r='1.8'/%3E%3Cpath d='M8.6 9.1a4.8 4.8 0 0 0 0 6.8'/%3E%3Cpath d='M15.4 9.1a4.8 4.8 0 0 1 0 6.8'/%3E%3Cpath d='M5.6 6.1a9 9 0 0 0 0 12.8'/%3E%3Cpath d='M18.4 6.1a9 9 0 0 1 0 12.8'/%3E%3C/svg%3E"); }
.rn-i--cloud { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='7.4' r='2.8'/%3E%3Cpath d='M8 2.2v1.2'/%3E%3Cpath d='M3.9 3.9l.9.9'/%3E%3Cpath d='M2.4 7.4h1.2'/%3E%3Cpath d='M12.1 3.9l-.9.9'/%3E%3Cpath d='M9.6 19.6h8a3.5 3.5 0 0 0 0-7 5 5 0 0 0-9.5-1.2 3.1 3.1 0 0 0 1.5 8.2z'/%3E%3C/svg%3E"); }
.rn-i--tag { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 13.3 13.3 20.5a1.5 1.5 0 0 1-2.1 0L3.5 12.8V4a.5.5 0 0 1 .5-.5h8.8l7.7 7.7a1.5 1.5 0 0 1 0 2.1z'/%3E%3Cpath d='M7.6 7.6h.01'/%3E%3C/svg%3E"); }
.rn-i--search { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5 21 21'/%3E%3C/svg%3E"); }
.rn-i--play { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 4.6 19.6 12 8 19.4z'/%3E%3C/svg%3E"); }
.rn-i--pause { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 4.6h3.4v14.8H7zM13.6 4.6H17v14.8h-3.4z'/%3E%3C/svg%3E"); }
.rn-i--volume { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.2h3L12 5v14l-5-4.2H4z'/%3E%3Cpath d='M15.8 9.6a3.4 3.4 0 0 1 0 4.8'/%3E%3Cpath d='M18.4 7a7 7 0 0 1 0 10'/%3E%3C/svg%3E"); }
.rn-i--clock { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5.3l3.8 2.2'/%3E%3C/svg%3E"); }
.rn-i--calendar { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='15' rx='2'/%3E%3Cpath d='M8 3.2v4'/%3E%3Cpath d='M16 3.2v4'/%3E%3Cpath d='M3.5 11h17'/%3E%3C/svg%3E"); }
.rn-i--flame { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.5c3.9 0 6.6-2.6 6.6-6 0-4.5-4-6.2-4.7-11.1-2.9 2-4.9 5-4.9 8 0 1.5-1 2-1.6 1.4-.9-.8-1.6-2.1-1.6-3.4-1.1 1.6-1.6 3.6-1.6 5.6 0 3.4 3.9 5.5 7.8 5.5z'/%3E%3C/svg%3E"); }
.rn-i--building { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V6.5L11 3.5V21'/%3E%3Cpath d='M11 10h6a2 2 0 0 1 2 2v9'/%3E%3Cpath d='M7.2 8.6h.01'/%3E%3Cpath d='M7.2 12.6h.01'/%3E%3Cpath d='M7.2 16.6h.01'/%3E%3Cpath d='M15 14.2h.01'/%3E%3Cpath d='M15 18h.01'/%3E%3C/svg%3E"); }
.rn-i--globe { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3.2 12h17.6'/%3E%3Cpath d='M12 3a13.5 13.5 0 0 1 0 18 13.5 13.5 0 0 1 0-18z'/%3E%3C/svg%3E"); }
.rn-i--headphones { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14.5V12a8 8 0 0 1 16 0v2.5'/%3E%3Cpath d='M4 14.5h3.2V21H5.5A1.5 1.5 0 0 1 4 19.5z'/%3E%3Cpath d='M20 14.5h-3.2V21h1.7a1.5 1.5 0 0 0 1.5-1.5z'/%3E%3C/svg%3E"); }
.rn-i--chevron { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5 16 12l-6.5 6.5'/%3E%3C/svg%3E"); }
.rn-i--chevron-left { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5 8 12l6.5 6.5'/%3E%3C/svg%3E"); }
.rn-i--chevron-down { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 9.5 12 16l6.5-6.5'/%3E%3C/svg%3E"); }
.rn-i--dots { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5.5 12h.01'/%3E%3Cpath d='M12 12h.01'/%3E%3Cpath d='M18.5 12h.01'/%3E%3C/svg%3E"); }
.rn-i--bolt { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.6 2 4.4 13.7h6.4l-1.4 8.3 9.2-11.7h-6.4z'/%3E%3C/svg%3E"); }
.rn-i--pdf { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13.5h6'/%3E%3Cpath d='M9 17h4'/%3E%3C/svg%3E"); }
.rn-i--external { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4 11 13'/%3E%3Cpath d='M18 14.5V19a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4.5'/%3E%3C/svg%3E"); }
.rn-i--check-square { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11.6 11.6 14.2 16.4 8.8'/%3E%3Cpath d='M20 12.4V19a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h10.5'/%3E%3C/svg%3E"); }
.rn-i--menu { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 17h16'/%3E%3C/svg%3E"); }
.rn-i--close { --rn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6 6 18'/%3E%3C/svg%3E"); }

/* -----------------------------------------------------------------------------
   3. UTILITÁRIOS DO TEMA
   -------------------------------------------------------------------------- */
.rn-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    line-height: 1.4;
}

.rn-pill--orange { background: var(--rn-orange); color: #fff; }
.rn-pill--red { background: var(--rn-red); color: #fff; }
.rn-pill--blue { background: var(--rn-blue); color: #fff; }
.rn-pill--navy { background: var(--rn-navy); color: #fff; }
.rn-pill--green { background: var(--rn-green); color: #fff; }

.rn-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    animation: rn-pulse 1.6s ease-in-out infinite;
}

@keyframes rn-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .35; transform: scale(.8); }
}

@media (prefers-reduced-motion: reduce) {
    .rn-live-dot { animation: none; }
}

/* Título de seção padrão do tema */
.rn-sec-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--rn-line);
}

.rn-sec-head h2,
.rn-sec-head h3 {
    margin: 0;
    color: var(--rn-ink);
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.01em;
    text-transform: uppercase;
}

.rn-sec-head .rn-sec-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--rn-blue);
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
}

.rn-sec-head .rn-sec-more:hover { color: var(--rn-orange); }

/* -----------------------------------------------------------------------------
   4. BARRA SUPERIOR
   -------------------------------------------------------------------------- */
body.mix-premium .top-bar.rn-topbar {
    background: var(--rn-navy);
    border: 0;
    padding: 0;
    color: rgba(255, 255, 255, .92);
    font-size: 12px;
    line-height: 1.4;
}

body.mix-premium .rn-topbar .container { position: relative; }

body.mix-premium .rn-topbar-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 18px;
    min-height: 38px;
    padding: 5px 0;
}

body.mix-premium .rn-topbar-left,
body.mix-premium .rn-topbar-right {
    display: flex;
    align-items: center;
    gap: 8px 10px;
    min-width: 0;
}

body.mix-premium .rn-topbar-left { flex: 1 1 auto; flex-wrap: wrap; }
body.mix-premium .rn-topbar-right { flex: 0 0 auto; }

/* Chips de informação */
body.mix-premium .rn-tb-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    color: rgba(255, 255, 255, .9);
}

body.mix-premium .rn-tb-chip .rn-i {
    font-size: 13px;
    opacity: .7;
}

body.mix-premium .rn-tb-loc {
    padding: 3px 10px 3px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

body.mix-premium .rn-tb-city { font-weight: 700; }

body.mix-premium .rn-tb-uf {
    padding: 1px 6px;
    border-radius: 4px;
    background: var(--rn-blue);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
}

body.mix-premium .rn-tb-clock span,
body.mix-premium .rn-tb-date span { font-weight: 600; }
body.mix-premium .rn-tb-clock span { font-variant-numeric: tabular-nums; }

/* Clima */
body.mix-premium .rn-tb-weather { gap: 7px; }
body.mix-premium .rn-wx-now { font-weight: 800; font-size: 12.5px; }
body.mix-premium .rn-wx-range { opacity: .72; font-weight: 600; font-size: 11.5px; }

body.mix-premium .rn-tb-skel {
    width: 54px;
    height: 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
}

body.mix-premium .rn-wx-ico {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    background-color: #fbbf24;
    -webkit-mask: var(--rn-wx) center / contain no-repeat;
    mask: var(--rn-wx) center / contain no-repeat;
}

body.mix-premium .rn-wx-ico--sun { --rn-wx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.4'/%3E%3Cpath d='M12 2.5v2.2'/%3E%3Cpath d='M12 19.3v2.2'/%3E%3Cpath d='M2.5 12h2.2'/%3E%3Cpath d='M19.3 12h2.2'/%3E%3Cpath d='M5.3 5.3l1.6 1.6'/%3E%3Cpath d='M17.1 17.1l1.6 1.6'/%3E%3Cpath d='M18.7 5.3l-1.6 1.6'/%3E%3Cpath d='M6.9 17.1l-1.6 1.6'/%3E%3C/svg%3E"); }
body.mix-premium .rn-wx-ico--partly { background-color: #fcd34d; --rn-wx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='7.5' r='3.2'/%3E%3Cpath d='M8.5 1.8v1.4'/%3E%3Cpath d='M3.4 3.4l1 1'/%3E%3Cpath d='M2 7.5h1.4'/%3E%3Cpath d='M13.6 3.4l-1 1'/%3E%3Cpath d='M9.5 20.2h8.2a3.6 3.6 0 0 0 0-7.2 5.2 5.2 0 0 0-9.8-1.2 3.2 3.2 0 0 0 1.6 8.4z'/%3E%3C/svg%3E"); }
body.mix-premium .rn-wx-ico--cloud { background-color: #cbd5e1; --rn-wx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 18.5h10.2a4 4 0 0 0 0-8 6 6 0 0 0-11.4-1.4A3.7 3.7 0 0 0 7 18.5z'/%3E%3C/svg%3E"); }
body.mix-premium .rn-wx-ico--rain { background-color: #93c5fd; --rn-wx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 15.5h10.2a4 4 0 0 0 0-8 6 6 0 0 0-11.4-1.4A3.7 3.7 0 0 0 7 15.5z'/%3E%3Cpath d='M8.5 19v2'/%3E%3Cpath d='M12 19.5v2.2'/%3E%3Cpath d='M15.5 19v2'/%3E%3C/svg%3E"); }
body.mix-premium .rn-wx-ico--storm { background-color: #a5b4fc; --rn-wx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 14.5h10.2a4 4 0 0 0 0-8A6 6 0 0 0 5.8 5.1 3.7 3.7 0 0 0 7 14.5z'/%3E%3Cpath d='M12.8 16.5 10 20h3l-1 3 3.4-4.2h-2.8z'/%3E%3C/svg%3E"); }

/* Links de página do topo */
body.mix-premium .rn-tb-pages {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 14px;
    margin: 0;
    padding: 0 0 0 12px;
    list-style: none;
    border-left: 1px solid rgba(255, 255, 255, .16);
}

body.mix-premium .rn-tb-pages li { display: inline-block; }

body.mix-premium .rn-tb-pages a {
    color: rgba(255, 255, 255, .8);
    font-size: 11.5px;
    font-weight: 600;
}

body.mix-premium .rn-tb-pages a:hover { color: #fff; }

/* Redes sociais */
body.mix-premium .rn-tb-social {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mix-premium .rn-tb-social li { display: inline-block; }

body.mix-premium .rn-tb-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: #fff !important;
    font-size: 12px;
    transition: transform .16s ease, background-color .16s ease;
}

body.mix-premium .rn-tb-social a:hover { transform: translateY(-1px); }
body.mix-premium .rn-tb-social a.facebook { background: #1877f2; }
body.mix-premium .rn-tb-social a.instagram { background: linear-gradient(45deg, #f58529, #dd2a7b 55%, #8134af); }
body.mix-premium .rn-tb-social a.youtube { background: #ff0000; }
body.mix-premium .rn-tb-social a.tiktok { background: #111; }
body.mix-premium .rn-tb-social a.kwai { background: #ff4906; }
body.mix-premium .rn-tb-social a.twitter { background: #111; }
body.mix-premium .rn-tb-social a.whatsapp { background: #25d366; }
body.mix-premium .rn-tb-social a.linkedin { background: #0a66c2; }
body.mix-premium .rn-tb-social a.pinterest { background: #bd081c; }

/* Busca */
body.mix-premium .rn-tb-search-form {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}

body.mix-premium .rn-tb-search-form input {
    width: 172px;
    height: 27px;
    padding: 0 30px 0 12px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 11.5px;
    outline: none;
    transition: width .2s ease, background-color .2s ease, border-color .2s ease;
}

body.mix-premium .rn-tb-search-form input::placeholder { color: rgba(255, 255, 255, .55); }

body.mix-premium .rn-tb-search-form input:focus {
    width: 210px;
    background: #fff;
    border-color: #fff;
    color: var(--rn-ink);
}

body.mix-premium .rn-tb-search-form input:focus::placeholder { color: #94a3b8; }

body.mix-premium .rn-tb-search-form button {
    position: absolute;
    right: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: rgba(255, 255, 255, .75);
    font-size: 12px;
    cursor: pointer;
}

body.mix-premium .rn-tb-search-form input:focus + button { color: var(--rn-blue); }

/* Botão AO VIVO */
body.mix-premium .rn-tb-live {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 27px;
    padding: 0 14px;
    border-radius: 999px;
    background: var(--rn-red);
    color: #fff !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    white-space: nowrap;
    box-shadow: 0 2px 10px rgba(220, 38, 38, .38);
}

body.mix-premium .rn-tb-live:hover { background: #b91c1c; }

/* Usuário / idioma */
body.mix-premium .rn-tb-user {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0 0 0 6px;
    list-style: none;
    border-left: 1px solid rgba(255, 255, 255, .16);
}

body.mix-premium .rn-tb-user > li { display: inline-block; position: relative; }

body.mix-premium .rn-tb-user > li > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border-radius: 6px;
    color: rgba(255, 255, 255, .85);
    font-size: 11.5px;
    font-weight: 600;
}

body.mix-premium .rn-tb-user > li > a:hover { background: rgba(255, 255, 255, .1); color: #fff; }

body.mix-premium .rn-tb-user .a-profile img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}

body.mix-premium .rn-tb-auth { color: rgba(255, 255, 255, .45); }

body.mix-premium .rn-tb-auth a {
    display: inline-block;
    padding: 4px 4px;
    color: rgba(255, 255, 255, .85);
    font-size: 11.5px;
    font-weight: 600;
}

body.mix-premium .rn-tb-auth a:hover { color: #fff; }

body.mix-premium .rn-tb-user .dropdown-menu { right: 0; left: auto; }

/* -----------------------------------------------------------------------------
   5. CABEÇALHO (logo + publicidade)
   -------------------------------------------------------------------------- */
body.mix-premium .logo-banner.rn-brandbar {
    padding: 0;
    border-bottom: 1px solid var(--rn-line);
    background:
        radial-gradient(ellipse 70% 100% at 12% -10%, rgba(30, 90, 168, .07), transparent 60%),
        linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

body.mix-premium .rn-brandbar-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 104px;
    padding: 14px 0;
}

body.mix-premium .rn-brand {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 0 1 auto;
    min-width: 0;
}

body.mix-premium .rn-brand-link { display: block; flex: 0 0 auto; }

body.mix-premium .rn-brand-link .logo {
    width: auto;
    max-width: 290px;
    max-height: 76px;
    object-fit: contain;
}

body.mix-premium .rn-brand-slogan {
    display: block;
    padding-left: 16px;
    border-left: 2px solid var(--rn-line);
    line-height: 1.28;
}

body.mix-premium .rn-brand-slogan > span {
    display: block;
    color: var(--rn-navy);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .01em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.mix-premium .rn-brand-slogan > span.rn-brand-slogan-hl { color: var(--rn-orange); }

body.mix-premium .rn-brand-ad {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    min-width: 0;
    max-width: 640px;
}

body.mix-premium .rn-brand-ad .mix-header-ad-slot { width: 100%; }
body.mix-premium .rn-brand-ad .bn-lg,
body.mix-premium .rn-brand-ad .bn-md,
body.mix-premium .rn-brand-ad .bn-sm { padding: 0; }
body.mix-premium .rn-brand-ad img { max-width: 100%; height: auto; }

/* Banner "casa" — aparece só quando o slot de anúncio está vazio */
body.mix-premium .rn-house-ad {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    max-width: 620px;
    min-height: 84px;
    padding: 16px 22px;
    overflow: hidden;
    border-radius: var(--rn-r);
    background: linear-gradient(115deg, var(--rn-navy) 0%, var(--rn-navy-3) 62%, #1c4d86 100%);
    color: #fff !important;
    box-shadow: var(--rn-sh);
}

body.mix-premium .rn-house-ad:before {
    content: "";
    position: absolute;
    right: -40px;
    top: -60px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
}

body.mix-premium .rn-house-ad-copy {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 0;
}

body.mix-premium .rn-house-ad-copy strong {
    display: block;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.15;
}

body.mix-premium .rn-house-ad-copy small {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, .74);
    font-size: 12px;
    font-weight: 500;
}

body.mix-premium .rn-house-ad-btn {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    padding: 10px 20px;
    border-radius: var(--rn-r-sm);
    background: var(--rn-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    box-shadow: 0 4px 14px rgba(249, 115, 22, .4);
    transition: background-color .16s ease;
}

body.mix-premium .rn-house-ad:hover .rn-house-ad-btn { background: var(--rn-orange-2); }

body.mix-premium .rn-house-ad-ico {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    font-size: 40px;
    color: var(--rn-orange);
    opacity: .55;
}

/* -----------------------------------------------------------------------------
   6. MENU PRINCIPAL
   -------------------------------------------------------------------------- */
body.mix-premium .main-menu.rn-menu {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: var(--rn-navy);
    box-shadow: 0 2px 12px rgba(11, 33, 67, .18);
}

body.mix-premium .rn-menu .navbar-collapse { padding: 0; border: 0; box-shadow: none; }
body.mix-premium .rn-menu .navbar-collapse > .row { margin: 0; display: flex; align-items: center; justify-content: space-between; }

/* A barra mobile do tema base é float:left. Sem limpar o float, qualquer faixa
   depois dela fica com largura disponível zero e o conteúdo desaparece. */
body.mix-premium .rocha-election-bar { clear: both; }

/* Destaque e atalhos são col-* flutuantes do Bootstrap. Sem clear, a área de
   duas colunas sobe por baixo deles e abre um vão branco na home. */
body.mix-premium #wrapper.index-wrapper { clear: both; }

/* Blocos que eram faixas de largura total (TV, colunistas, coberturas) passaram
   para a coluna de conteúdo. O .container do Bootstrap tem largura fixa por
   breakpoint e estouraria a coluna. */
body.mix-premium #content .container {
    width: auto;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* nowrap: com 9 categorias + MAIS o item final caía para uma segunda linha e
   ficava escondido atrás da faixa seguinte. */
body.mix-premium .rn-menu .navbar-nav { margin: 0; float: none; display: flex; flex-wrap: nowrap; align-items: center; }
body.mix-premium .rn-menu .navbar-nav > li { flex: 0 0 auto; }
body.mix-premium .rn-menu .navbar-nav > li { float: none; }

body.mix-premium .rn-menu .navbar-nav > li > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 15px 13px;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    line-height: 1.2;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease;
}

body.mix-premium .rn-menu .navbar-nav > li > a:hover,
body.mix-premium .rn-menu .navbar-nav > li > a:focus {
    background: rgba(255, 255, 255, .07) !important;
    color: #fff !important;
}

body.mix-premium .rn-menu .navbar-nav > li.active > a,
body.mix-premium .rn-menu .navbar-nav > li.open > a {
    background: rgba(255, 255, 255, .07) !important;
    border-bottom-color: var(--rn-orange);
    color: #fff !important;
}

body.mix-premium .rn-menu .rn-menu-ico {
    font-size: 15px;
    opacity: .8;
}

body.mix-premium .rn-menu .navbar-nav > li > a:hover .rn-menu-ico,
body.mix-premium .rn-menu .navbar-nav > li.active > a .rn-menu-ico { opacity: 1; }

body.mix-premium .rn-menu .navbar-nav > li > a .caret {
    margin-left: 1px;
    border-top-color: rgba(255, 255, 255, .55);
    border-bottom-color: rgba(255, 255, 255, .55);
}

body.mix-premium .rn-menu-more-label { font-size: 12.5px; }

/* Busca do menu */
body.mix-premium .rn-menu .navbar-right { margin: 0; float: none; }
body.mix-premium .rn-menu .li-search { position: relative; }

body.mix-premium .rn-menu .li-search > a.search-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    padding: 15px 0;
    color: rgba(255, 255, 255, .85) !important;
    font-size: 15px;
    cursor: pointer;
}

body.mix-premium .rn-menu .li-search > a.search-icon:hover { color: #fff !important; }

/* Dropdowns */
body.mix-premium .rn-menu .dropdown-menu {
    border: 0;
    border-top: 3px solid var(--rn-orange);
    border-radius: 0 0 var(--rn-r-sm) var(--rn-r-sm);
    box-shadow: var(--rn-sh-lg);
    padding: 6px 0;
}

body.mix-premium .rn-menu .dropdown-menu > li > a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 16px;
    color: var(--rn-text);
    font-size: 13px;
    font-weight: 600;
}

body.mix-premium .rn-menu .dropdown-menu > li > a:hover {
    background: var(--rn-blue-soft);
    color: var(--rn-navy);
}

body.mix-premium .rn-menu .dropdown-menu .rn-menu-ico { font-size: 15px; color: var(--rn-blue); opacity: .9; }

/* Megamenu herda o painel branco do tema, só ajusta a borda superior */
body.mix-premium .rn-menu .megamenu-content { border-top: 3px solid var(--rn-orange); }

/* -----------------------------------------------------------------------------
   7. BARRA MOBILE (hambúrguer)
   -------------------------------------------------------------------------- */
body.mix-premium .nav-mobile.rn-mobilebar {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 8px 14px;
    background: #fff;
    border-bottom: 1px solid var(--rn-line);
    box-shadow: 0 3px 14px rgba(11, 33, 67, .07);
}

body.mix-premium .rn-mb-burger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: var(--rn-r-sm);
    background: var(--rn-navy);
    color: #fff;
    font-size: 19px;
    cursor: pointer;
}

body.mix-premium .rn-mb-logo {
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
}

body.mix-premium .rn-mb-logo .logo {
    max-width: 100%;
    max-height: 42px;
    width: auto;
    object-fit: contain;
}

body.mix-premium .rn-mb-actions {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
}

body.mix-premium .rn-mb-live,
body.mix-premium .rn-mb-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: var(--rn-r-sm);
    font-size: 17px;
    cursor: pointer;
}

body.mix-premium .rn-mb-live { background: var(--rn-red); color: #fff !important; }
body.mix-premium .rn-mb-search { background: var(--rn-bg); color: var(--rn-navy) !important; }

/* -----------------------------------------------------------------------------
   8. TICKER DE ÚLTIMAS NOTÍCIAS
   -------------------------------------------------------------------------- */
body.mix-premium .rn-ticker {
    width: 100%;
    margin: 0 0 18px;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid var(--rn-line);
    box-shadow: 0 2px 10px rgba(11, 33, 67, .05);
}

body.mix-premium .rn-ticker-row {
    display: flex;
    align-items: stretch;
    gap: 0;
    min-height: 44px;
    overflow: hidden;
}

body.mix-premium .rn-ticker-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    padding: 0 26px 0 16px;
    background: var(--rn-red);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    white-space: nowrap;
}

body.mix-premium .rn-ticker-label:after {
    content: "";
    position: absolute;
    right: -11px;
    top: 0;
    bottom: 0;
    width: 22px;
    background: var(--rn-red);
    clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0 100%);
}

body.mix-premium .rn-ticker-label b { opacity: .6; font-weight: 800; }

body.mix-premium .rn-ticker-view {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 24px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 24px), transparent 100%);
}

body.mix-premium .rn-ticker-view::-webkit-scrollbar { display: none; height: 0; }

body.mix-premium .rn-ticker-track {
    display: flex;
    align-items: center;
    width: max-content;
}

/* Setas de navegação */
body.mix-premium .rn-ticker-nav {
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 0 12px 0 8px;
    border-left: 1px solid var(--rn-line);
}

body.mix-premium .rn-ticker-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid var(--rn-line);
    border-radius: 50%;
    background: #fff;
    color: var(--rn-muted);
    font-size: 12px;
    cursor: pointer;
    transition: border-color .16s ease, color .16s ease, background-color .16s ease;
}

body.mix-premium .rn-ticker-btn:hover {
    border-color: var(--rn-red);
    background: var(--rn-red);
    color: #fff;
}

body.mix-premium .rn-ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 6px 0 20px;
    color: var(--rn-text) !important;
    font-size: 13.5px;
    font-weight: 600;
    white-space: nowrap;
}

body.mix-premium .rn-ticker-item:hover { color: var(--rn-blue) !important; }

body.mix-premium .rn-ticker-dot {
    width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--rn-orange);
}

@media (prefers-reduced-motion: reduce) {
    body.mix-premium .rn-ticker-view { scroll-behavior: auto; }
}

/* Faixa de stories — entra entre o ticker e o destaque.
   O ticker já deixa 18px embaixo e a faixa trazia a margem de quando vivia no
   meio da coluna de conteúdo; sem zerar, sobra um vão dobrado aqui em cima. */
body.mix-premium .rn-stories-outer { margin: 0 0 18px; }

body.mix-premium .rn-stories-section .news-stories-strip-outer,
body.mix-premium.mix-home .rn-stories-section .news-stories-strip-outer {
    margin: 0;
}

/* Mesma liberação de largura que o destaque tem em .section-featured: sem isso
   a faixa fica presa no limite de 1200px e nasce 20px mais estreita de cada
   lado que o destaque logo abaixo dela. */
body.mix-premium .rn-stories-section .container { max-width: 100%; }

/* -----------------------------------------------------------------------------
   9. BOTÕES DO TEMA
   -------------------------------------------------------------------------- */
body.mix-premium .rn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 16px;
    border: 0;
    border-radius: var(--rn-r-sm);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

body.mix-premium a.rn-btn:hover,
body.mix-premium a.rn-btn:focus { text-decoration: none; }

body.mix-premium .rn-btn:hover { transform: translateY(-1px); }
body.mix-premium .rn-btn--orange { background: var(--rn-orange); color: #fff !important; box-shadow: 0 4px 14px rgba(249, 115, 22, .34); }
body.mix-premium .rn-btn--orange:hover { background: var(--rn-orange-2); }
body.mix-premium .rn-btn--green { background: #25d366; color: #fff !important; box-shadow: 0 4px 14px rgba(37, 211, 102, .3); }
body.mix-premium .rn-btn--green:hover { background: #1eb757; }
body.mix-premium .rn-btn--navy { background: var(--rn-navy); color: #fff !important; }
body.mix-premium .rn-btn--navy:hover { background: var(--rn-navy-3); }
body.mix-premium .rn-btn .rn-i { font-size: 14px; }

/* -----------------------------------------------------------------------------
   10. HERO — DESTAQUE PRINCIPAL
   -------------------------------------------------------------------------- */
body.mix-premium .section-featured.rn-hero-section {
    margin: 0 0 20px;
    padding: 0;
    background: transparent;
}

body.mix-premium .rn-hero {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--rn-gap);
    align-items: stretch;
}

body.mix-premium .rn-hero-main,
body.mix-premium .rn-hero-side,
body.mix-premium .rn-hero-aside { min-width: 0; }

body.mix-premium .rn-hero-side,
body.mix-premium .rn-hero-aside {
    display: flex;
    flex-direction: column;
    gap: var(--rn-gap);
}

/* O rádio é o único item da coluna: acompanha a altura do destaque e a área da
   logo absorve a sobra. */
body.mix-premium .rn-hero-aside > .rn-radio-card { flex: 1 1 auto; }
body.mix-premium .rn-hero-aside > .rn-radio-card .rn-radio-stage { flex: 1 1 auto; }

/* --- Coluna 1: slider grande --- */
body.mix-premium .rn-hero-main {
    position: relative;
    height: 100%;
    min-height: 442px;
    border-radius: var(--rn-r-lg);
    overflow: hidden;
    background: var(--rn-navy);
    box-shadow: var(--rn-sh);
}

/* O carrossel é ancorado ao card para preencher toda a altura da coluna. Sem
   isso ele parava na altura do próprio conteúdo e sobrava um vão azul embaixo,
   já que a coluna estica para acompanhar as colunas vizinhas. */
body.mix-premium .rn-hero-main .featured-slider {
    position: absolute;
    inset: 0;
    /* o tema base trava .featured-slider em max-height:436px */
    max-height: none;
    overflow: hidden;
}

body.mix-premium .rn-hero-main .owl-stage-outer,
body.mix-premium .rn-hero-main .owl-stage,
body.mix-premium .rn-hero-main .owl-item,
body.mix-premium .rn-hero-main .featured-slider-item { height: 100%; }

/* Sem isto o slide seguinte do carrossel vaza na borda direita do destaque */
body.mix-premium .rn-hero-main .owl-stage-outer { overflow: hidden; }

body.mix-premium .rn-hero-main .featured-slider-item {
    position: relative;
    overflow: hidden;
}

/* A imagem é posicionada de forma absoluta para cobrir o card inteiro,
   independente da altura que o owl-carousel calcula para o slide. */
body.mix-premium .rn-hero-main .featured-slider-item .img-link {
    position: absolute;
    inset: 0;
    display: block;
}

body.mix-premium .rn-hero-main .featured-slider-item .img-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    transition: transform .6s ease;
}

body.mix-premium .rn-hero-main .img-no-slider {
    width: 100%;
    height: 100%;
    min-height: 442px;
    object-fit: cover;
}

/* Cada slide ocupa exatamente a largura do palco */
body.mix-premium .rn-hero-main .owl-item { min-width: 0; }

body.mix-premium .rn-hero-main .featured-slider-item:hover .img-bg { transform: scale(1.035); }

body.mix-premium .rn-hero-main .featured-slider-item:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to top, rgba(6, 18, 38, .9) 0%, rgba(6, 18, 38, .6) 30%, rgba(6, 18, 38, .08) 62%, rgba(6, 18, 38, 0) 100%);
}

/* Selo laranja "DESTAQUE" no canto superior esquerdo */
body.mix-premium .rn-hero-flag {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 3;
    padding: 6px 14px;
    border-radius: 6px;
    background: var(--rn-orange);
    color: #fff;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .3);
}

/* Selo azul da editoria/cidade, acima do título */
body.mix-premium .rn-hero-cat {
    display: inline-block;
    margin-bottom: 12px;
    padding: 5px 13px;
    border-radius: 6px;
    background: var(--rn-blue);
    color: #fff !important;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .28);
}

body.mix-premium .rn-hero-cat:hover { background: var(--rn-navy-3); }

body.mix-premium .rn-hero-main .caption {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 26px 28px 24px;
    background: none;
}

body.mix-premium .rn-hero-main .caption .title {
    margin: 0 0 10px;
    font-size: 29px;
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.2;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .45);
}

body.mix-premium .rn-hero-main .caption .title a { color: #fff !important; }
body.mix-premium .rn-hero-main .caption .title a:hover { color: #fdba74 !important; }

body.mix-premium .rn-hero-summary {
    margin: 0 0 16px;
    max-width: 64ch;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
}

body.mix-premium .rn-hero-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

body.mix-premium .rn-hero-date {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 12.5px;
    font-weight: 600;
}

body.mix-premium .rn-hero-date .rn-i { font-size: 13px; }

body.mix-premium .rn-hero-main .post-meta,
body.mix-premium .rn-hero-main .post-meta a,
body.mix-premium .rn-hero-main .post-meta span,
body.mix-premium .rn-hero-main .post-meta i {
    margin: 0;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 12px;
}

body.mix-premium .rn-hero-cta { padding: 11px 20px; font-size: 12px; }

/* Setas do slider */
body.mix-premium .rn-hero-main .owl-nav > div {
    background: rgba(255, 255, 255, .16);
    backdrop-filter: blur(3px);
}

body.mix-premium .rn-hero-main .owl-nav > div:hover { background: var(--rn-orange); }

/* --- Coluna 2: cards secundários --- */
body.mix-premium .rn-hero-card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    border-radius: var(--rn-r);
    background: var(--rn-navy);
    box-shadow: var(--rn-sh);
}

body.mix-premium .rn-hero-card-media {
    position: relative;
    display: block;
    flex: 1 1 auto;
    min-height: 148px;
    overflow: hidden;
}

body.mix-premium .rn-hero-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

body.mix-premium .rn-hero-card:hover .rn-hero-card-media img { transform: scale(1.05); }

body.mix-premium .rn-hero-card-media:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6, 18, 38, .92) 0%, rgba(6, 18, 38, .45) 42%, rgba(6, 18, 38, 0) 78%);
}

body.mix-premium .rn-hero-card-cat {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--rn-blue);
    color: #fff;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

body.mix-premium .rn-hero-card-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 14px 16px 15px;
}

body.mix-premium .rn-hero-card-title {
    margin: 0 0 6px;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.32;
}

body.mix-premium .rn-hero-card-title a { color: #fff !important; text-shadow: 0 1px 10px rgba(0, 0, 0, .5); }
body.mix-premium .rn-hero-card-title a:hover { color: #fdba74 !important; }

body.mix-premium .rn-hero-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

body.mix-premium .rn-hero-card-date {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: rgba(255, 255, 255, .68);
    font-size: 11px;
    font-weight: 600;
}

body.mix-premium .rn-hero-card-date .rn-i { font-size: 12px; }

body.mix-premium .rn-hero-card-go {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: #fff !important;
    font-size: 12px;
    transition: background-color .16s ease, transform .16s ease;
}

body.mix-premium .rn-hero-card:hover .rn-hero-card-go { background: var(--rn-orange); transform: translateX(2px); }

/* --- Coluna 3: rádio + patrocínio --- */
body.mix-premium .rn-radio-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--rn-r);
    background: linear-gradient(165deg, var(--rn-navy) 0%, #123156 55%, var(--rn-navy-3) 100%);
    box-shadow: var(--rn-sh);
}

body.mix-premium .rn-radio-head {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 15px;
    background: rgba(0, 0, 0, .22);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

body.mix-premium .rn-radio-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--rn-orange);
    color: #fff;
    font-size: 14px;
}

body.mix-premium .rn-radio-badge {
    flex: 1 1 auto;
    color: #fff;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .09em;
}

body.mix-premium .rn-radio-head .rn-live-dot { color: var(--rn-red); }

/* Palco com a logo grande */
body.mix-premium .rn-radio-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 16px 14px;
    min-height: 104px;
}

body.mix-premium .rn-radio-logo {
    max-width: 88%;
    max-height: 76px;
    width: auto;
    object-fit: contain;
}

body.mix-premium .rn-radio-stage-name {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.02em;
    text-align: center;
}

/* Barra do player */
body.mix-premium .rn-radio-player {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 15px;
    padding: 9px 11px;
    border-radius: var(--rn-r-sm);
    background: rgba(0, 0, 0, .26);
}

body.mix-premium .rn-radio-play {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: var(--rn-blue);
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: background-color .16s ease;
}

body.mix-premium .rn-radio-play:hover { background: #2a6fc4; }
body.mix-premium .rn-radio-card.is-playing .rn-radio-play { background: var(--rn-orange); }

body.mix-premium .rn-radio-pause-ico { display: none; }
body.mix-premium .rn-radio-card.is-playing .rn-radio-play-ico { display: none; }
body.mix-premium .rn-radio-card.is-playing .rn-radio-pause-ico { display: inline-block; }

/* Spinner de carregamento do stream */
body.mix-premium .rn-radio-spin {
    position: absolute;
    inset: 0;
    display: none;
    border-radius: 10px;
    background: var(--rn-blue);
}

body.mix-premium .rn-radio-spin:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: rn-spin .7s linear infinite;
}

body.mix-premium .rn-radio-card.is-loading .rn-radio-spin { display: block; }

@keyframes rn-spin { to { transform: rotate(360deg); } }

/* Ondas de áudio */
body.mix-premium .rn-radio-eq {
    display: flex;
    align-items: center;
    gap: 2.5px;
    height: 26px;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

body.mix-premium .rn-radio-eq i {
    display: block;
    width: 3px;
    flex: 0 0 auto;
    border-radius: 2px;
    background: rgba(255, 255, 255, .72);
    transition: height .2s ease;
}

/* Parado, as barras já formam o desenho de onda da referência. */
body.mix-premium .rn-radio-eq i:nth-child(6n + 1) { height: 9px; }
body.mix-premium .rn-radio-eq i:nth-child(6n + 2) { height: 17px; }
body.mix-premium .rn-radio-eq i:nth-child(6n + 3) { height: 24px; }
body.mix-premium .rn-radio-eq i:nth-child(6n + 4) { height: 14px; }
body.mix-premium .rn-radio-eq i:nth-child(6n + 5) { height: 20px; }
body.mix-premium .rn-radio-eq i:nth-child(6n) { height: 11px; }

body.mix-premium .rn-radio-card.is-playing .rn-radio-eq i {
    background: #7dd3fc;
    animation: rn-eq .85s ease-in-out infinite alternate;
}

body.mix-premium .rn-radio-eq i:nth-child(6n + 1) { animation-delay: 0s; }
body.mix-premium .rn-radio-eq i:nth-child(6n + 2) { animation-delay: .09s; }
body.mix-premium .rn-radio-eq i:nth-child(6n + 3) { animation-delay: .21s; }
body.mix-premium .rn-radio-eq i:nth-child(6n + 4) { animation-delay: .05s; }
body.mix-premium .rn-radio-eq i:nth-child(6n + 5) { animation-delay: .3s; }
body.mix-premium .rn-radio-eq i:nth-child(6n) { animation-delay: .15s; }
body.mix-premium .rn-radio-eq i:nth-child(7) { animation-delay: .26s; }
body.mix-premium .rn-radio-eq i:nth-child(8) { animation-delay: .04s; }
body.mix-premium .rn-radio-eq i:nth-child(9) { animation-delay: .19s; }
body.mix-premium .rn-radio-eq i:nth-child(10) { animation-delay: .11s; }
body.mix-premium .rn-radio-eq i:nth-child(11) { animation-delay: .28s; }
body.mix-premium .rn-radio-eq i:nth-child(12) { animation-delay: .07s; }

@keyframes rn-eq {
    from { height: 4px; }
    to { height: 24px; }
}

/* Volume real (stream) ou abrir player do provedor (iframe) */
body.mix-premium .rn-radio-audio { display: none; }

body.mix-premium .rn-radio-vol {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
}

body.mix-premium .rn-radio-vol input[type="range"] { width: 54px; height: 4px; accent-color: var(--rn-orange); }

body.mix-premium .rn-radio-toggle {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    flex: 0 0 auto;
    padding: 6px 6px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    cursor: pointer;
}

body.mix-premium .rn-radio-toggle:hover { background: rgba(255, 255, 255, .1); color: #fff; }
body.mix-premium .rn-radio-toggle-arrow { font-size: 12px; transition: transform .18s ease; }
body.mix-premium .rn-radio-card.is-expanded .rn-radio-toggle-arrow { transform: rotate(180deg); }

/* Player do provedor, revelado sob demanda */
body.mix-premium .rn-radio-frame {
    margin: 10px 15px 0;
    border-radius: var(--rn-r-sm);
    overflow: hidden;
    background: rgba(255, 255, 255, .06);
}

body.mix-premium .rn-radio-frame[hidden] { display: none; }
body.mix-premium .rn-radio-frame iframe { display: block; width: 100%; border: 0; }

/* Tocando agora */
body.mix-premium .rn-radio-now {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 12px 15px 0;
    min-width: 0;
}

body.mix-premium .rn-radio-now > .rn-i { margin-top: 2px; color: var(--rn-orange); font-size: 14px; }
body.mix-premium .rn-radio-now > span { min-width: 0; }

body.mix-premium .rn-radio-now small {
    display: block;
    color: rgba(255, 255, 255, .5);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .03em;
}

body.mix-premium .rn-radio-now b {
    display: block;
    margin-top: 1px;
    color: rgba(255, 255, 255, .9);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.35;
}

body.mix-premium .rn-radio-vol input {
    width: 62px;
    height: 4px;
    padding: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .22);
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

body.mix-premium .rn-radio-vol input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 50%;
    background: var(--rn-orange);
}

body.mix-premium .rn-radio-vol input::-moz-range-thumb {
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 50%;
    background: var(--rn-orange);
}

body.mix-premium .rn-radio-actions { display: flex; gap: 8px; margin: 13px 15px 15px; }
body.mix-premium .rn-radio-actions .rn-btn { flex: 1 1 0; min-width: 0; padding: 11px 10px; font-size: 11.5px; }

/* Publicidade da coluna 3 */
/* -----------------------------------------------------------------------------
   11. BARRA DE ATALHOS
   -------------------------------------------------------------------------- */
/* Faixa branca única, com divisórias verticais entre os itens */
body.mix-premium .rn-shortcuts { margin: 0 0 22px; }

body.mix-premium .rn-shortcuts-bar {
    border: 1px solid var(--rn-line);
    border-radius: var(--rn-r);
    background: #fff;
    box-shadow: var(--rn-sh-sm);
    overflow: hidden;
}

/* grid-auto-flow em coluna: distribui igualmente qualquer quantidade de atalhos */
body.mix-premium .rn-shortcuts-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mix-premium .rn-shortcuts-grid > li {
    min-width: 0;
    border-left: 1px solid var(--rn-line);
}

body.mix-premium .rn-shortcuts-grid > li:first-child { border-left: 0; }

body.mix-premium .rn-shortcuts-grid a {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
    padding: 14px 13px;
    background: #fff;
    transition: background-color .16s ease;
}

body.mix-premium .rn-shortcuts-grid a:hover { background: var(--rn-bg-2); }

body.mix-premium .rn-sc-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: 9px;
    font-size: 17px;
    transition: transform .16s ease;
}

body.mix-premium .rn-shortcuts-grid a:hover .rn-sc-ico { transform: scale(1.06); }

/* Cor própria por atalho, como na referência */
body.mix-premium .rn-sc-ico--purple { background: #ede9fe; color: #7c3aed; }
body.mix-premium .rn-sc-ico--blue   { background: #dbeafe; color: var(--rn-blue); }
body.mix-premium .rn-sc-ico--red    { background: #fee2e2; color: var(--rn-red); }
body.mix-premium .rn-sc-ico--yellow { background: #fef3c7; color: #d97706; }
body.mix-premium .rn-sc-ico--orange { background: #ffedd5; color: var(--rn-orange); }
body.mix-premium .rn-sc-ico--green  { background: #dcfce7; color: #16a34a; }

body.mix-premium .rn-sc-text { flex: 1 1 auto; min-width: 0; }

body.mix-premium .rn-sc-text strong {
    display: block;
    color: var(--rn-ink);
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.25;
}

body.mix-premium .rn-sc-text small {
    display: block;
    margin-top: 2px;
    color: var(--rn-muted);
    font-size: 10.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* -----------------------------------------------------------------------------
   12. PÁGINA DA RÁDIO (atalho [radio])
   -------------------------------------------------------------------------- */
body.mix-premium .rn-radiopage { margin: 0 0 26px; }

body.mix-premium .rn-radiopage-box {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
    padding: 22px 24px;
    border-radius: var(--rn-r);
    background: linear-gradient(165deg, var(--rn-navy) 0%, #123156 55%, var(--rn-navy-3) 100%);
    box-shadow: var(--rn-sh);
}

body.mix-premium .rn-radiopage-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

body.mix-premium .rn-radiopage-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    align-self: flex-start;
    padding: 4px 11px;
    border-radius: 999px;
    background: var(--rn-orange);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

body.mix-premium .rn-radiopage-info strong { color: #fff; font-size: 20px; font-weight: 800; }
body.mix-premium .rn-radiopage-info small { color: rgba(255, 255, 255, .72); font-size: 13px; }

body.mix-premium .rn-radiopage-controls {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 1 320px;
    min-width: 0;
}

body.mix-premium .rn-radiopage-play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--rn-blue);
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

body.mix-premium .rn-radiopage-play:hover { transform: scale(1.05); }
body.mix-premium .rn-radiopage.is-playing .rn-radiopage-play { background: var(--rn-orange); }
body.mix-premium .rn-radiopage .rn-radio-pause-ico { display: none; }
body.mix-premium .rn-radiopage.is-playing .rn-radio-play-ico { display: none; }
body.mix-premium .rn-radiopage.is-playing .rn-radio-pause-ico { display: inline-block; }
body.mix-premium .rn-radiopage.is-loading .rn-radiopage-play { background: var(--rn-navy-3); }

body.mix-premium .rn-radiopage .rn-radio-eq { height: 34px; gap: 3px; }
body.mix-premium .rn-radiopage .rn-radio-eq i { width: 4px; }
body.mix-premium .rn-radiopage.is-playing .rn-radio-eq i { background: #7dd3fc; }

body.mix-premium .rn-radiopage-vol {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    color: rgba(255, 255, 255, .82);
    font-size: 16px;
}

body.mix-premium .rn-radiopage-vol input { width: 96px; accent-color: var(--rn-orange); cursor: pointer; }

body.mix-premium .rn-radiopage-audio { display: none; }

body.mix-premium .rn-radiopage-frame {
    overflow: hidden;
    border-radius: var(--rn-r);
    box-shadow: var(--rn-sh-sm);
}

body.mix-premium .rn-radiopage-frame iframe { display: block; width: 100%; border: 0; }

body.mix-premium .rn-radiopage-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    padding: 34px 22px;
    text-align: center;
    border: 1px dashed var(--rn-line);
    border-radius: var(--rn-r);
    background: var(--rn-bg);
}

body.mix-premium .rn-radiopage-empty-ico { color: var(--rn-blue); font-size: 32px; }
body.mix-premium .rn-radiopage-empty strong { color: var(--rn-ink); font-size: 17px; }
body.mix-premium .rn-radiopage-empty span { color: var(--rn-muted); font-size: 14px; }
body.mix-premium .rn-radiopage-empty .rn-btn { margin-top: 8px; }

@media (max-width: 575px) {
    body.mix-premium .rn-radiopage-box { padding: 18px; gap: 16px; }
    body.mix-premium .rn-radiopage-info strong { font-size: 17px; }
    body.mix-premium .rn-radiopage-controls { gap: 12px; }
    body.mix-premium .rn-radiopage-play { width: 46px; height: 46px; font-size: 17px; }
    body.mix-premium .rn-radiopage-vol input { width: 68px; }
}

/* -----------------------------------------------------------------------------
   13. SEÇÕES DE CONTEÚDO E CARDS
   -------------------------------------------------------------------------- */
body.mix-premium .section {
    margin-bottom: 26px;
    padding: 0;
    border: 0;
    background: transparent;
}

/* O tema anterior desenhava o cabeçalho como uma faixa colorida arredondada, com
   texto branco e !important. Aqui ele é só título + divisória, como na
   referência, então esses restos precisam ser desligados. */
body.mix-premium .section .section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 0;
    margin-bottom: 16px;
    padding: 0 0 10px;
    overflow: visible;
    border: 0 !important;
    border-bottom: 2px solid var(--rn-line) !important;
    border-radius: 0;
    box-shadow: none;
}

body.mix-premium .section .section-head::after { display: none; }

body.mix-premium .section .section-head .title {
    margin: 0;
    padding: 0;
    background: none !important;
    color: var(--rn-ink) !important;
    letter-spacing: -.01em;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.01em;
    text-transform: uppercase;
    line-height: 1.2;
}

/* A cor da categoria vira uma barra à esquerda do título */
body.mix-premium .section .section-head .title a {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    color: var(--rn-ink) !important;
}

body.mix-premium .section .section-head .title a:before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 4px;
    border-radius: 3px;
    background: currentColor;
}

body.mix-premium .section .section-head .title a:hover { color: var(--rn-blue) !important; }

body.mix-premium .section .a-view-all,
body.mix-premium .section .section-head .nav-tabs + .a-view-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    color: var(--rn-blue) !important;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: none;
    white-space: nowrap;
}

body.mix-premium .section .a-view-all:hover { color: var(--rn-orange) !important; }

/* Últimas Notícias no topo: grade de 3 cards, igual à referência */
body.mix-premium .section-latest-top .latest-articles { margin-left: 0; margin-right: 0; }

body.mix-premium .section-latest-top #last_posts_content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 20px;
}

body.mix-premium .section-latest-top .latest-grid-col {
    float: none;
    width: auto;
    min-width: 0;
    padding: 0;
}

/* Card padrão */
body.mix-premium .post-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 22px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--rn-line);
    border-radius: var(--rn-r);
    background: #fff;
    box-shadow: var(--rn-sh-sm);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.mix-premium .post-item:hover {
    border-color: rgba(30, 90, 168, .28);
    box-shadow: var(--rn-sh);
    transform: translateY(-2px);
}

body.mix-premium .post-item .post-item-image {
    position: relative;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--rn-bg);
}

body.mix-premium .post-item .post-item-image > a { display: block; height: 100%; }

body.mix-premium .post-item .post-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

body.mix-premium .post-item:hover .post-item-image img { transform: scale(1.05); }

body.mix-premium .post-item .post-item-cat {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    display: block;
    height: auto;
}

body.mix-premium .post-item .post-item-cat .category-label {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    color: #fff;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    line-height: 1.5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .22);
}

body.mix-premium .post-item .title {
    margin: 13px 15px 7px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.012em;
    line-height: 1.34;
}

body.mix-premium .post-item .title a { color: var(--rn-ink) !important; }
body.mix-premium .post-item .title a:hover { color: var(--rn-blue) !important; }

body.mix-premium .post-item .post-meta {
    margin: 0 15px 8px;
    color: var(--rn-muted);
    font-size: 11.5px;
    font-weight: 600;
}

body.mix-premium .post-item .post-meta a { color: var(--rn-muted) !important; }
body.mix-premium .post-item .post-meta a:hover { color: var(--rn-blue) !important; }

body.mix-premium .post-item .description {
    margin: 0 15px 15px;
    color: var(--rn-text);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;
}

body.mix-premium .post-item .description:empty { display: none; }

/* Card compacto (lista) */
body.mix-premium .post-item-small {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--rn-line-2);
}

body.mix-premium .post-item-small:last-child { border-bottom: 0; }

body.mix-premium .post-item-small .left {
    flex: 0 0 auto;
    width: 96px;
    height: 68px;
    overflow: hidden;
    border-radius: var(--rn-r-sm);
    background: var(--rn-bg);
}

body.mix-premium .post-item-small .left a { display: block; height: 100%; }

body.mix-premium .post-item-small .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

body.mix-premium .post-item-small:hover .left img { transform: scale(1.06); }

body.mix-premium .post-item-small .right { flex: 1 1 auto; min-width: 0; }

body.mix-premium .post-item-small .title {
    margin: 0 0 5px;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.36;
}

body.mix-premium .post-item-small .title a { color: var(--rn-ink) !important; }
body.mix-premium .post-item-small .title a:hover { color: var(--rn-blue) !important; }

body.mix-premium .post-item-small .small-post-meta {
    margin: 0;
    color: var(--rn-muted);
    font-size: 11px;
    font-weight: 600;
}

body.mix-premium .post-item-small .small-post-meta a { color: var(--rn-muted) !important; }

/* -----------------------------------------------------------------------------
   14. SIDEBAR
   -------------------------------------------------------------------------- */
body.mix-premium .sidebar-widget,
body.mix-premium .rn-widget {
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--rn-line);
    border-radius: var(--rn-r);
    background: #fff;
    box-shadow: var(--rn-sh-sm);
}

body.mix-premium .sidebar-widget .widget-head,
body.mix-premium .rn-widget-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    padding: 13px 15px;
    border: 0;
    border-bottom: 1px solid var(--rn-line);
    background: linear-gradient(180deg, #fbfcfe, #f4f7fb);
}

body.mix-premium .sidebar-widget .widget-head .title,
body.mix-premium .rn-widget-head h3 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 0;
    color: var(--rn-ink);
    font-size: 13.5px;
    font-weight: 800;
    letter-spacing: .01em;
    text-transform: uppercase;
    line-height: 1.3;
}

body.mix-premium .rn-widget-ico { color: var(--rn-orange); font-size: 17px; }

body.mix-premium .rn-widget-more {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    color: var(--rn-blue);
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
}

body.mix-premium .rn-widget-more .rn-i { font-size: 12px; }
body.mix-premium .rn-widget-more:hover { color: var(--rn-orange); }

body.mix-premium .sidebar-widget .widget-body,
body.mix-premium .rn-widget-body { padding: 14px 15px; }

/* Abas dentro dos widgets (Mais lidas) */
body.mix-premium .sidebar-widget .widget-body > .nav-tabs {
    display: flex;
    gap: 4px;
    margin: 0 0 14px;
    padding: 3px;
    border: 0;
    border-radius: var(--rn-r-sm);
    background: var(--rn-bg);
}

body.mix-premium .sidebar-widget .widget-body > .nav-tabs > li { float: none; flex: 1 1 0; margin: 0; }

body.mix-premium .sidebar-widget .widget-body > .nav-tabs > li > a {
    margin: 0;
    padding: 7px 4px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--rn-muted);
    font-size: 11.5px;
    font-weight: 700;
    text-align: center;
}

body.mix-premium .sidebar-widget .widget-body > .nav-tabs > li.active > a,
body.mix-premium .sidebar-widget .widget-body > .nav-tabs > li > a:hover {
    border: 0;
    background: #fff;
    color: var(--rn-navy);
    box-shadow: var(--rn-sh-sm);
}

body.mix-premium .sidebar-widget .popular-posts {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mix-premium .sidebar-widget .popular-posts > li { margin: 0; padding: 0; }

/* Cidades em destaque — miniatura + nome + subtítulo */
body.mix-premium .rn-cities {
    margin: 0;
    padding: 6px 0;
    list-style: none;
}

body.mix-premium .rn-cities > li { min-width: 0; border-top: 1px solid var(--rn-line); }
body.mix-premium .rn-cities > li:first-child { border-top: 0; }

body.mix-premium .rn-cities a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 15px;
    color: var(--rn-text) !important;
    transition: background-color .16s ease;
}

body.mix-premium .rn-cities a:hover { background: var(--rn-bg-2); }

body.mix-premium .rn-city-thumb {
    display: block;
    width: 56px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 7px;
    overflow: hidden;
    background: var(--rn-bg-2);
}

body.mix-premium .rn-city-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.mix-premium .rn-city-thumb--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rn-blue-soft);
    color: var(--rn-blue);
    font-size: 18px;
}

body.mix-premium .rn-city-text { flex: 1 1 auto; min-width: 0; }

body.mix-premium .rn-city-text strong {
    display: block;
    color: var(--rn-ink);
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.mix-premium .rn-cities a:hover .rn-city-text strong { color: var(--rn-blue); }

body.mix-premium .rn-city-text small {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 3px;
    color: var(--rn-muted);
    font-size: 10.5px;
    font-weight: 600;
}

body.mix-premium .rn-city-text small .rn-i { color: var(--rn-blue); font-size: 11px; }

body.mix-premium .rn-city-go { flex: 0 0 auto; color: var(--rn-line); font-size: 13px; }
body.mix-premium .rn-cities a:hover .rn-city-go { color: var(--rn-orange); }

/* Previsão do tempo */
body.mix-premium .rn-widget--weather {
    border: 0;
    background: linear-gradient(165deg, var(--rn-navy) 0%, #17406f 100%);
}

body.mix-premium .rn-widget--weather .rn-widget-head {
    background: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(255, 255, 255, .1);
}

body.mix-premium .rn-widget--weather .rn-widget-head h3 { color: #fff; }

body.mix-premium .rn-wx-city {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 12px 15px 0;
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    font-weight: 600;
}

body.mix-premium .rn-wx-city .rn-i { color: var(--rn-orange); font-size: 14px; }

body.mix-premium .rn-wx-today {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 15px 14px;
}

body.mix-premium .rn-wx-big { width: 44px; height: 44px; }

body.mix-premium .rn-wx-now-temp {
    color: #fff;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1;
}

body.mix-premium .rn-wx-desc {
    flex: 1 1 auto;
    min-width: 0;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
}

body.mix-premium .rn-wx-days {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: rgba(255, 255, 255, .1);
}

body.mix-premium .rn-wx-days > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 11px 4px;
    background: rgba(0, 0, 0, .16);
}

body.mix-premium .rn-wx-day {
    color: rgba(255, 255, 255, .62);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.mix-premium .rn-wx-days .rn-wx-ico { width: 21px; height: 21px; }

body.mix-premium .rn-wx-mm {
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-size: 11.5px;
}

body.mix-premium .rn-wx-mm b { color: #fff; font-weight: 800; }
body.mix-premium .rn-wx-mm i { color: rgba(255, 255, 255, .5); font-style: normal; font-weight: 600; }

body.mix-premium .rn-widget--weather.is-error .rn-wx-days { display: none; }

/* -----------------------------------------------------------------------------
   15. RODAPÉ
   -------------------------------------------------------------------------- */
body.mix-premium #footer.rn-footer {
    margin-top: 32px;
    padding: 0 0 18px;
    border-top: 4px solid var(--rn-orange);
    background: linear-gradient(180deg, var(--rn-navy) 0%, #081a35 100%);
    color: rgba(255, 255, 255, .72);
}

/* Newsletter em faixa */
body.mix-premium .rn-footer-news {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin: 0 0 30px;
    padding: 20px 24px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--rn-r);
    background: rgba(255, 255, 255, .05);
    transform: translateY(-26px);
}

body.mix-premium .rn-footer-news-copy {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1 1 300px;
    min-width: 0;
}

body.mix-premium .rn-footer-news-ico { color: var(--rn-orange); font-size: 30px; }

body.mix-premium .rn-footer-news-copy strong {
    display: block;
    color: #fff;
    font-size: 15.5px;
    font-weight: 800;
    letter-spacing: -.01em;
}

body.mix-premium .rn-footer-news-copy small {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, .6);
    font-size: 12.5px;
}

body.mix-premium .rn-footer-news-form { flex: 1 1 340px; max-width: 460px; }

body.mix-premium .rn-footer-news-form form {
    display: flex;
    gap: 8px;
    margin: 0;
}

body.mix-premium .rn-footer-news-form input[type="email"] {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--rn-r-sm);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 13px;
    outline: none;
}

body.mix-premium .rn-footer-news-form input[type="email"]::placeholder { color: rgba(255, 255, 255, .45); }
body.mix-premium .rn-footer-news-form input[type="email"]:focus { border-color: var(--rn-orange); background: rgba(255, 255, 255, .12); }

body.mix-premium .rn-footer-news-form .newsletter-button {
    flex: 0 0 auto;
    width: auto;
    height: 42px;
    padding: 0 20px;
    border: 0;
    border-radius: var(--rn-r-sm);
    background: var(--rn-orange);
    color: #fff;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .04em;
    cursor: pointer;
}

body.mix-premium .rn-footer-news-form .newsletter-button:hover { background: var(--rn-orange-2); }
body.mix-premium .rn-footer-news-form #newsletter { margin: 8px 0 0; font-size: 12px; }

/* Colunas */
body.mix-premium .rn-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.3fr 1.2fr;
    gap: 26px 28px;
    margin: 0 0 26px;
    padding: 0;
}

body.mix-premium .rn-footer-col { min-width: 0; }

body.mix-premium .rn-footer-title {
    position: relative;
    margin: 0 0 16px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

body.mix-premium .rn-footer-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 34px;
    height: 2px;
    border-radius: 2px;
    background: var(--rn-orange);
}

body.mix-premium .rn-footer-col--brand .footer-logo { margin: 0 0 14px; }

body.mix-premium .rn-footer-col--brand .footer-logo .logo {
    max-width: 210px;
    max-height: 62px;
    width: auto;
    object-fit: contain;
}

body.mix-premium .rn-footer-about {
    margin: 0 0 14px;
    max-width: 42ch;
    color: rgba(255, 255, 255, .66);
    font-size: 13px;
    line-height: 1.62;
}

body.mix-premium .rn-footer-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 0 0 16px;
}

body.mix-premium .rn-footer-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255, 255, 255, .7);
    font-size: 12.5px;
    font-weight: 600;
}

body.mix-premium .rn-footer-meta .rn-i { color: var(--rn-orange); font-size: 14px; }

body.mix-premium .rn-footer-social .rocha-footer-social-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mix-premium .rn-footer-social .rocha-footer-social-list li { float: none; margin: 0; }

body.mix-premium .rn-footer-social .rocha-footer-social-list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 9px;
    background: rgba(255, 255, 255, .07);
    color: #fff !important;
    font-size: 14px;
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}

body.mix-premium .rn-footer-social .rocha-footer-social-list a:hover {
    transform: translateY(-2px);
    border-color: transparent;
}

body.mix-premium .rn-footer-social a.facebook:hover { background: #1877f2; }
body.mix-premium .rn-footer-social a.instagram:hover { background: linear-gradient(45deg, #f58529, #dd2a7b 55%, #8134af); }
body.mix-premium .rn-footer-social a.youtube:hover { background: #ff0000; }
body.mix-premium .rn-footer-social a.tiktok:hover { background: #111; }
body.mix-premium .rn-footer-social a.kwai:hover { background: #ff4906; }
body.mix-premium .rn-footer-social a.twitter:hover { background: #111; }
body.mix-premium .rn-footer-social a.linkedin:hover { background: #0a66c2; }
body.mix-premium .rn-footer-social a.pinterest:hover { background: #bd081c; }
body.mix-premium .rn-footer-social a.rss:hover { background: var(--rn-orange); }

/* Listas de links */
body.mix-premium .rn-footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mix-premium .rn-footer-links > li { margin-bottom: 9px; }

body.mix-premium .rn-footer-links a {
    position: relative;
    display: inline-block;
    padding-left: 13px;
    color: rgba(255, 255, 255, .68) !important;
    font-size: 13px;
    font-weight: 500;
    transition: color .16s ease, padding-left .16s ease;
}

body.mix-premium .rn-footer-links a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .28);
    transition: background-color .16s ease;
}

body.mix-premium .rn-footer-links a:hover { color: #fff !important; padding-left: 17px; }
body.mix-premium .rn-footer-links a:hover:before { background: var(--rn-orange); }

/* Contato */
body.mix-premium .rn-footer-contact {
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

body.mix-premium .rn-footer-contact > li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 11px;
    color: rgba(255, 255, 255, .68);
    font-size: 12.5px;
    line-height: 1.5;
}

body.mix-premium .rn-footer-contact .rn-i,
body.mix-premium .rn-footer-contact i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--rn-orange);
    font-size: 14px;
}

body.mix-premium .rn-footer-contact a { color: rgba(255, 255, 255, .68) !important; word-break: break-word; }
body.mix-premium .rn-footer-contact a:hover { color: #fff !important; }

body.mix-premium .rn-footer-cta { display: flex; flex-wrap: wrap; gap: 8px; }
body.mix-premium .rn-footer-cta .rn-btn { flex: 1 1 130px; }

/* Últimas notícias no rodapé */
body.mix-premium .rn-footer-col--posts .footer-widget { margin: 0; }

body.mix-premium .rn-footer-col--posts .title,
body.mix-premium .rn-footer-col--posts h4 {
    position: relative;
    margin: 0 0 16px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

body.mix-premium .rn-footer-col--posts .title:after,
body.mix-premium .rn-footer-col--posts h4:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 34px;
    height: 2px;
    border-radius: 2px;
    background: var(--rn-orange);
}

/* Neutraliza o grid do Bootstrap dentro da coluna (o partial usa col/row) */
body.mix-premium .rn-footer-col--posts [class*="col-"] { width: 100%; padding: 0; float: none; }
body.mix-premium .rn-footer-col--posts .row { margin: 0; }
body.mix-premium .rn-footer-col--posts .title-line { display: none; }

body.mix-premium .f-random-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mix-premium .f-random-list > li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 0 0 13px;
    padding: 0 0 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

body.mix-premium .f-random-list > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

body.mix-premium .f-random-list .list-left {
    flex: 0 0 auto;
    width: 76px;
    height: 55px;
    overflow: hidden;
    border-radius: var(--rn-r-sm);
    background: rgba(255, 255, 255, .07);
}

body.mix-premium .f-random-list .list-left a { display: block; height: 100%; }

body.mix-premium .f-random-list .list-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

body.mix-premium .f-random-list > li:hover .list-left img { transform: scale(1.07); }

body.mix-premium .f-random-list .list-right { flex: 1 1 auto; min-width: 0; }

body.mix-premium .f-random-list .list-right .title {
    margin: 0;
    padding: 0;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.42;
    text-transform: none;
}

body.mix-premium .f-random-list .list-right .title:after { display: none; }
body.mix-premium .f-random-list .list-right .title a { color: rgba(255, 255, 255, .82) !important; }
body.mix-premium .f-random-list .list-right .title a:hover { color: #fdba74 !important; }

/* Barra inferior */
body.mix-premium .rn-footer .footer-bottom {
    margin: 0;
    padding: 20px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

body.mix-premium .rn-footer .rocha-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    flex-wrap: wrap;
}

body.mix-premium .rn-footer .footer-bottom-left p {
    margin: 0;
    color: rgba(255, 255, 255, .6);
    font-size: 12.5px;
}

body.mix-premium .rn-footer .rocha-footer-legal { margin-top: 4px !important; color: rgba(255, 255, 255, .38) !important; font-size: 11.5px !important; }

body.mix-premium .rn-footer .footer-bottom-right {
    display: flex;
    align-items: center;
    gap: 10px 22px;
    flex-wrap: wrap;
}

body.mix-premium .rn-footer .nav-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mix-premium .rn-footer .nav-footer li { float: none; margin: 0; padding: 0; border: 0; }

body.mix-premium .rn-footer .nav-footer a {
    color: rgba(255, 255, 255, .6) !important;
    font-size: 12.5px;
    font-weight: 600;
}

body.mix-premium .rn-footer .nav-footer a:hover { color: #fff !important; }

body.mix-premium .rn-footer .mix-dev-credit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
}

body.mix-premium .rn-footer .mix-dev-credit span { color: rgba(255, 255, 255, .45); font-size: 10.5px; font-weight: 600; }
body.mix-premium .rn-footer .mix-dev-credit:hover { border-color: rgba(255, 255, 255, .28); }

/* -----------------------------------------------------------------------------
   16. RESPONSIVO
   -------------------------------------------------------------------------- */

/* --- Desktop menor / notebook (1366px) --- */
@media (max-width: 1399px) {
    body.mix-premium .rn-hero-main,
    body.mix-premium .rn-hero-main .img-no-slider { min-height: 400px; }

    body.mix-premium .rn-hero-main .caption .title { font-size: 25px; }
    body.mix-premium .rn-brand-link .logo { max-width: 240px; max-height: 66px; }
    body.mix-premium .rn-footer-grid { grid-template-columns: 1.5fr 1fr 1fr 1.2fr; }
    body.mix-premium .rn-footer-col--contact { grid-column: span 2; }
}

@media (max-width: 1199px) {
    /* Entre 992 e 1199px os 9 itens + MAIS não cabem com ícone: o ícone sai e a
       barra continua em uma única linha. */
    body.mix-premium .rn-menu .navbar-nav > li > a { padding: 14px 8px; font-size: 11.5px; gap: 0; }
    body.mix-premium .rn-menu .rn-menu-ico { display: none; }

    /* Hero em 2 colunas: rádio e cards lado a lado abaixo do destaque */
    body.mix-premium .rn-hero { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); }
    body.mix-premium .rn-hero-aside { grid-column: 1 / -1; flex-direction: row; }
    body.mix-premium .rn-radio-card { flex: 1 1 auto; }

    body.mix-premium .section-latest-top #last_posts_content { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    /* 2 linhas de 3: divisória de cima nos itens da segunda linha */
    body.mix-premium .rn-shortcuts-grid { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.mix-premium .rn-shortcuts-grid > li:nth-child(3n + 1) { border-left: 0; }
    body.mix-premium .rn-shortcuts-grid > li:nth-child(n + 4) { border-top: 1px solid var(--rn-line); }

    body.mix-premium .rn-house-ad { min-height: 76px; padding: 13px 18px; }
    body.mix-premium .rn-house-ad-copy strong { font-size: 18px; }
    body.mix-premium .rn-house-ad-ico { display: none; }
    body.mix-premium .rn-tb-pages { display: none; }
}

/* --- Tablet e abaixo: barra mobile assume --- */
@media (max-width: 991px) {
    body.mix-premium .logo-banner.rn-brandbar { display: none; }
    body.mix-premium .main-menu.rn-menu { display: none; }

    body.mix-premium .nav-mobile.rn-mobilebar { display: flex; }

    /* Topo compacto: mantém local, clima e AO VIVO */
    body.mix-premium .rn-topbar-row { min-height: 34px; gap: 6px 10px; }
    body.mix-premium .rn-tb-date,
    body.mix-premium .rn-tb-social,
    body.mix-premium .rn-tb-search,
    body.mix-premium .rn-tb-user { display: none; }
    body.mix-premium .rn-topbar-left { gap: 6px 8px; }

    /* Hero empilhado */
    body.mix-premium .rn-hero { grid-template-columns: minmax(0, 1fr); }
    body.mix-premium .rn-hero-side { flex-direction: row; }
    body.mix-premium .rn-hero-side .rn-hero-card { flex: 1 1 0; min-height: 176px; }
    body.mix-premium .rn-hero-aside { grid-column: auto; flex-direction: row; }

    body.mix-premium .rn-hero-main,
    body.mix-premium .rn-hero-main .img-no-slider { min-height: 340px; }

    body.mix-premium .rn-hero-main .caption { padding: 20px 20px 18px; }
    body.mix-premium .rn-hero-main .caption .title { font-size: 21px; }
    body.mix-premium .rn-hero-summary { font-size: 13px; }

    body.mix-premium .rn-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mix-premium .rn-footer-col--brand,
    body.mix-premium .rn-footer-col--contact { grid-column: auto; }
    body.mix-premium .rn-footer-news { transform: none; margin: 24px 0 26px; }
}

/* --- Celular --- */
@media (max-width: 767px) {
    body.mix-premium .rn-topbar-row { padding: 4px 0; }
    body.mix-premium .rn-tb-chip { font-size: 11px; }
    body.mix-premium .rn-tb-loc { padding: 2px 8px 2px 7px; }
    body.mix-premium .rn-wx-range { display: none; }

    /* Ticker */
    body.mix-premium .rn-ticker { margin-bottom: 14px; }
    body.mix-premium .rn-ticker-row { min-height: 38px; }
    body.mix-premium .rn-ticker-label { padding: 0 20px 0 12px; font-size: 10px; letter-spacing: .05em; }
    body.mix-premium .rn-ticker-label:after { right: -9px; width: 18px; }
    body.mix-premium .rn-ticker-item { padding-left: 15px; font-size: 12.5px; }

    /* Stories: no celular a faixa já perde bordas laterais e cantos
       arredondados (mix-premium.css), porque foi desenhada para encostar nas
       duas beiradas — igual ao destaque que vem embaixo dela. */
    body.mix-premium .rn-stories-outer { margin-bottom: 14px; }
    body.mix-premium .rn-stories-section .container { padding-left: 0; padding-right: 0; }

    /* Hero */
    body.mix-premium .rn-hero { gap: 12px; }
    body.mix-premium .rn-hero-main { border-radius: var(--rn-r); }
    body.mix-premium .rn-hero-main,
    body.mix-premium .rn-hero-main .img-no-slider { min-height: 260px; }
    body.mix-premium .rn-hero-main .caption { padding: 16px 16px 15px; }
    body.mix-premium .rn-hero-main .caption .title { font-size: 18px; }
    body.mix-premium .rn-hero-summary { display: none; }
    body.mix-premium .rn-hero-foot { gap: 10px; }
    body.mix-premium .rn-hero-cta { padding: 9px 15px; font-size: 11px; }

    body.mix-premium .rn-hero-side { flex-direction: column; }
    body.mix-premium .rn-hero-side .rn-hero-card { min-height: 168px; }
    body.mix-premium .rn-hero-aside { flex-direction: column; }

    /* Atalhos: 2 colunas */
    body.mix-premium .rn-shortcuts { margin-bottom: 16px; }
    body.mix-premium .rn-shortcuts-grid { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mix-premium .rn-shortcuts-grid > li:nth-child(3n + 1) { border-left: 1px solid var(--rn-line); }
    body.mix-premium .rn-shortcuts-grid > li:nth-child(odd) { border-left: 0; }
    body.mix-premium .rn-shortcuts-grid > li:nth-child(n + 3) { border-top: 1px solid var(--rn-line); }
    body.mix-premium .rn-shortcuts-grid a { gap: 9px; padding: 11px 10px; }
    body.mix-premium .rn-sc-ico { width: 33px; height: 33px; font-size: 16px; }
    body.mix-premium .rn-sc-text strong { font-size: 11.5px; }
    body.mix-premium .rn-sc-text small { display: none; }

    /* Seções e cards */
    body.mix-premium .section { margin-bottom: 20px; }
    body.mix-premium .section .section-head .title { font-size: 15px; }
    body.mix-premium .section .a-view-all { font-size: 11.5px; }
    body.mix-premium .section-latest-top #last_posts_content { grid-template-columns: minmax(0, 1fr); }
    body.mix-premium .post-item { margin-bottom: 16px; }
    body.mix-premium .post-item .title { margin: 11px 13px 6px; font-size: 14.5px; }
    body.mix-premium .post-item .post-meta { margin: 0 13px 7px; }
    body.mix-premium .post-item .description { margin: 0 13px 13px; font-size: 12.5px; }
    body.mix-premium .post-item-small .left { width: 84px; height: 60px; }

    /* Sidebar */
    body.mix-premium #sidebar { margin-top: 6px; }
    body.mix-premium .rn-city-thumb { width: 48px; height: 36px; }

    /* Rodapé */
    body.mix-premium #footer.rn-footer { margin-top: 22px; }
    body.mix-premium .rn-footer-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
    body.mix-premium .rn-footer-news { flex-direction: column; align-items: stretch; padding: 16px; }
    body.mix-premium .rn-footer-news-form { max-width: none; }
    body.mix-premium .rn-footer-news-form form { flex-direction: column; }
    body.mix-premium .rn-footer-news-form .newsletter-button { width: 100%; }
    body.mix-premium .rn-footer .rocha-footer-bottom-inner { flex-direction: column; align-items: flex-start; }
    body.mix-premium .rn-footer .footer-bottom-right { flex-direction: column; align-items: flex-start; }
}

/* --- Celulares estreitos (430 / 390 / 360) --- */
@media (max-width: 480px) {
    body.mix-premium .rn-topbar-left { flex: 1 1 auto; }
    body.mix-premium .rn-tb-clock { display: none; }
    body.mix-premium .rn-tb-live { height: 24px; padding: 0 11px; font-size: 10px; }

    body.mix-premium .rn-mb-logo .logo { max-height: 36px; }
    body.mix-premium .rn-mb-burger { width: 37px; height: 37px; font-size: 17px; }
    body.mix-premium .rn-mb-live,
    body.mix-premium .rn-mb-search { width: 35px; height: 35px; font-size: 16px; }

    body.mix-premium .rn-hero-main,
    body.mix-premium .rn-hero-main .img-no-slider { min-height: 224px; }
    body.mix-premium .rn-hero-main .caption .title { font-size: 16.5px; }
    body.mix-premium .rn-hero-main .category-label { top: 12px; left: 12px; font-size: 9.5px; padding: 4px 10px; }

    body.mix-premium .rn-radio-actions { flex-direction: column; }
    body.mix-premium .rn-radio-stage { min-height: 88px; padding: 16px 14px 12px; }
    body.mix-premium .rn-radio-logo { max-height: 62px; }

    body.mix-premium .rn-footer-cta { flex-direction: column; }
    body.mix-premium .rn-footer-cta .rn-btn { flex: 1 1 auto; }
}

@media (max-width: 380px) {
    body.mix-premium .rn-tb-uf { display: none; }
    body.mix-premium .rn-shortcuts-grid { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); }
    body.mix-premium .rn-shortcuts-grid > li { border-left: 0; }
    body.mix-premium .rn-shortcuts-grid > li + li { border-top: 1px solid var(--rn-line); }
    body.mix-premium .rn-hero-main .caption .title { font-size: 15.5px; }
    body.mix-premium .rn-ticker-label { font-size: 9.5px; }
}