:root{--ha-primary:#cc181e;--ha-secondary:#a3141a;--ha-header-bg:#cc181e;--ha-nav-bg:#a3141a;--ha-footer-bg:#0f0f0f;--ha-font:Roboto;--ha-font-size:16px}
.ha-ad-desktop{ } @media(max-width:768px){.ha-ad-desktop{display:none !important}} @media(min-width:769px){.ha-ad-mobile{display:none !important}}
.covert-header.sticky-off{position:relative}
.ha-top-banner .ha-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.3);border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer}
.covert-main.sidebar-left{grid-template-columns:340px 1fr} .covert-main.no-sidebar{grid-template-columns:1fr}
.covert-main.boxed{max-width:1200px;box-shadow:0 0 30px rgba(0,0,0,.08);background:#fff;border-radius:12px}
.ha-social-footer{display:flex;gap:10px;justify-content:center;margin-top:12px}
.ha-social-footer a{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#222;color:#fff}

/*
Theme Name: Historia Animada v25 BANNER UPLOAD
Theme URI: https://historiaanimada.com
Author: Geanio
Description: v25 com opção de subir banner imagem + link além do HTML
Version: 25.0 BANNER UPLOAD
*/

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Roboto,Arial,sans-serif;background:#f5f5f5;color:#111;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}
html.dark body, body.dark{background:#0a0a0a !important;color:#f1f1f1 !important}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%} ul{list-style:none}

.ha-top-banner{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 16px;font-size:14px;font-weight:700;color:#fff;overflow:hidden;position:relative;z-index:1001;background:#cc181e}
.ha-top-banner img{max-width:728px;width:100%;height:auto;max-height:90px;object-fit:contain;border-radius:6px}
.ha-ad-header{max-width:1400px;margin:12px auto;padding:0 16px;display:flex;justify-content:center;align-items:center;text-align:center}
.ha-ad-header img{max-width:100%;height:auto;border-radius:8px}
.ha-ad-box img{max-width:100%;height:auto;border-radius:8px;display:block;margin:0 auto}

.covert-header{background:#cc181e;color:#fff;position:sticky;top:0;z-index:1000}
html.dark .covert-header{background:#111 !important;border-bottom:2px solid #cc181e}
.covert-header-top{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;max-width:1400px;margin:0 auto;gap:16px}
.covert-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px}
.covert-logo-img{height:32px;width:auto;object-fit:contain;background:#fff;border-radius:4px;padding:2px}
.covert-logo-icon{width:32px;height:32px;background:#fff;color:#cc181e;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}
.covert-search{display:flex;flex:1;max-width:600px;height:36px}
.covert-search input{flex:1;height:36px;border:none;border-radius:4px 0 0 4px;padding:0 14px;outline:none;background:#fff;color:#111}
html.dark .covert-search input{background:#272727 !important;color:#fff !important}
.covert-search button{height:36px;width:50px;border:none;background:#fff;color:#cc181e;border-radius:0 4px 4px 0;cursor:pointer;font-weight:900}
html.dark .covert-search button{background:#272727 !important;color:#fff !important}
.covert-nav{background:#a3141a;padding:0 16px}
html.dark .covert-nav{background:#0f0f0f !important;border-bottom:1px solid #212121}
.covert-nav-inner{max-width:1400px;margin:0 auto;display:flex;gap:4px;overflow-x:auto;padding:8px 0;font-size:14px;font-weight:500;white-space:nowrap;scrollbar-width:none}
.covert-nav-inner::-webkit-scrollbar{display:none}
.covert-nav-inner a{padding:6px 14px;border-radius:20px;transition:.2s} .covert-nav-inner a:hover{background:rgba(255,255,255,.15)} .covert-nav-inner a.active{background:#fff;color:#a3141a}

.covert-slider-wrap{background:#000;padding:20px 0}
.covert-slider-inner{max-width:1400px;margin:0 auto;padding:0 16px}
.swiper{width:100%;border-radius:12px;overflow:hidden}
.swiper-slide{position:relative;aspect-ratio:16/9;background:#111;border-radius:12px;overflow:hidden}
.swiper-slide img{width:100%;height:100%;object-fit:cover}
.swiper-slide-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:#fff;pointer-events:none}
.swiper-slide-overlay h2{font-size:16px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.swiper-button-next,.swiper-button-prev{color:#fff !important;background:rgba(0,0,0,.5);width:36px !important;height:36px !important;border-radius:50%}
.swiper-button-next:after,.swiper-button-prev:after{font-size:16px !important}
.swiper-pagination-bullet-active{background:#cc181e !important}

.covert-main{max-width:1400px;margin:0 auto;padding:24px 16px;display:grid;grid-template-columns:1fr;gap:24px;width:100%;flex:1}
@media(min-width:1000px){.covert-main{grid-template-columns:1fr 340px}}
.covert-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;align-content:start}
@media(min-width:600px){.covert-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:800px){.covert-grid{grid-template-columns:repeat(3,1fr)}}
.covert-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:all .2s;position:relative;border:1px solid #eee}
html.dark .covert-card{background:#1a1a1a !important;border-color:#272727 !important}
.covert-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.covert-card-link{display:block;width:100%;height:100%}
.covert-thumb{position:relative;aspect-ratio:16/9;background:#f0f0f0;overflow:hidden;pointer-events:none}
html.dark .covert-thumb{background:#212121 !important}
.covert-thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}
.covert-card:hover .covert-thumb img{transform:scale(1.06)}
.badge-destaque{position:absolute;top:8px;left:8px;z-index:2;background:#FF0033;color:#fff;font-size:10px;font-weight:800;padding:4px 7px;border-radius:4px;pointer-events:none}
.badge-tipo{position:absolute;top:8px;right:8px;z-index:2;font-size:10px;font-weight:800;padding:4px 7px;border-radius:4px;text-transform:uppercase;pointer-events:none}
.badge-video{background:#cc181e;color:#fff} .badge-noticia{background:rgba(0,0,0,.7);color:#fff;backdrop-filter:blur(4px)}
.covert-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.85);color:#fff;font-size:11px;padding:3px 6px;border-radius:4px;z-index:2;pointer-events:none}
.covert-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.15);opacity:0;transition:.2s;pointer-events:none}
.covert-card.is-video .covert-play{opacity:1}
.covert-play-icon{width:44px;height:44px;background:rgba(0,0,0,.75);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;border:2px solid #fff}
.covert-info{padding:12px;pointer-events:none}
.covert-info h3{font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;color:#111}
html.dark .covert-info h3{color:#f1f1f1 !important}
.covert-meta{font-size:12px;color:#777;margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:6px}
html.dark .covert-meta{color:#aaa !important}
.covert-views{display:inline-flex;align-items:center;gap:4px;font-size:11px;background:#f0f0f0;padding:3px 8px;border-radius:12px;font-weight:600}
html.dark .covert-views{background:#272727 !important;color:#ccc !important}
.ha-ad-infeed{background:#fff;border:1px dashed #ddd;border-radius:10px;display:flex;align-items:center;justify-content:center;min-height:120px;padding:16px;text-align:center;color:#888;font-size:13px;grid-column:1/-1}
html.dark .ha-ad-infeed{background:#1a1a1a !important;border-color:#333 !important}
.covert-sidebar{display:flex;flex-direction:column;gap:20px;align-content:start}
.sidebar-box{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);border:1px solid #eee}
html.dark .sidebar-box{background:#1a1a1a !important;border-color:#272727 !important}
.sidebar-head{background:linear-gradient(90deg,#cc181e,#a3141a);color:#fff;padding:12px 16px;font-weight:700;font-size:13px;text-transform:uppercase}
.sidebar-list{padding:10px}
.sidebar-item{display:flex;gap:10px;padding:10px;border-radius:8px;transition:.15s;margin-bottom:4px}
.sidebar-item:hover{background:#f9f9f9} html.dark .sidebar-item:hover{background:#212121 !important}
.sidebar-item img{width:110px;height:62px;object-fit:cover;border-radius:6px;flex-shrink:0}
.sidebar-item-info h4{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#111}
html.dark .sidebar-item-info h4{color:#f1f1f1 !important}
.sidebar-item-meta{font-size:11px;color:#777;margin-top:4px} html.dark .sidebar-item-meta{color:#aaa !important}
.auto-capa{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:12px;color:#fff;background:linear-gradient(135deg,#cc181e 0%,#5a0000 100%)}
.auto-capa-top{display:flex;justify-content:space-between}
.auto-capa-icon{width:26px;height:26px;background:#fff;color:#cc181e;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px}
.auto-capa-cat{font-size:9px;font-weight:800;background:rgba(0,0,0,.3);padding:3px 6px;border-radius:3px;text-transform:uppercase}
.auto-capa-title{font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:auto}
.auto-capa-bottom{font-size:10px;opacity:.9;margin-top:6px}
.ha-share-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0;padding:14px;background:#fff;border:1px solid #eee;border-radius:12px}
html.dark .ha-share-wrap{background:#1a1a1a !important;border-color:#272727 !important}
.ha-share-label{font-size:14px;font-weight:800;color:#111;margin-right:6px} html.dark .ha-share-label{color:#fff}
.ha-share-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:800;text-decoration:none;transition:.2s;border:none;cursor:pointer}
.ha-share-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.2)}
.ha-share-fb{background:#1877F2} .ha-share-x{background:#000} .ha-share-wa{background:#25D366} .ha-share-tg{background:#0088cc} .ha-share-copy{background:#666}
html.dark .ha-share-x{background:#fff;color:#000}
.covert-footer{background:#0f0f0f;color:#aaa;padding:0;margin-top:40px;border-top:3px solid #cc181e}
.covert-footer-inner{max-width:1400px;margin:0 auto;padding:36px 16px;display:grid;grid-template-columns:repeat(1,1fr);gap:28px}
@media(min-width:700px){.covert-footer-inner{grid-template-columns:1.2fr 1fr 1fr}}
.covert-footer h4{color:#fff;font-size:16px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.covert-footer p{font-size:13px;line-height:1.7;color:#888}
.covert-footer ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.covert-footer ul a{font-size:13px;color:#aaa;transition:.2s}
.covert-footer ul a:hover{color:#fff}
.covert-footer-central{text-align:center;padding:28px 16px}
.covert-footer-central-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.covert-footer-central-links a{color:#ccc;font-size:14px;transition:.2s;padding:4px 8px}
.covert-footer-central-links a:hover{color:#fff;text-decoration:underline}
.covert-footer-central-links span.sep{color:#444}
.covert-footer-central-copy{color:#666;font-size:13px;margin-top:8px}
.covert-footer-bottom{max-width:1400px;margin:0 auto;padding:18px 16px;border-top:1px solid #222;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;flex-wrap:wrap;gap:8px}
.dark-toggle{width:38px;height:38px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}


/* v29 Shorts Block */
.ha-shorts-block{background:#fff;border-radius:12px;padding:16px;margin:20px 0;border:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,.05)}
html.dark .ha-shorts-block{background:#1a1a1a !important;border-color:#272727 !important}
.ha-shorts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ha-shorts-header h2{font-size:18px;font-weight:800;color:#111;display:flex;align-items:center;gap:8px}
html.dark .ha-shorts-header h2{color:#fff}
.ha-shorts-nav{display:flex;gap:6px}
.ha-shorts-nav button{width:32px;height:32px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}
html.dark .ha-shorts-nav button{background:#272727;border-color:#333;color:#fff}
.ha-shorts-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;scroll-snap-type:x mandatory}
.ha-shorts-track::-webkit-scrollbar{height:6px}
.ha-shorts-track::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}
.ha-short-item{flex:0 0 160px;scroll-snap-align:start}
@media(min-width:768px){.ha-short-item{flex:0 0 180px}}
.ha-short-thumb-wrap{position:relative;aspect-ratio:9/16;background:#000;border-radius:12px;overflow:hidden}
.ha-short-thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:.3s}
.ha-short-item:hover .ha-short-thumb-wrap img{transform:scale(1.05)}
.ha-short-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);opacity:0;transition:.2s}
.ha-short-item:hover .ha-short-play{opacity:1}
.ha-short-play{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}
.ha-short-play::after{content:'▶';width:48px;height:48px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.ha-short-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cc181e,#a3141a);color:#fff;font-weight:800;font-size:12px;padding:10px;text-align:center}
.ha-short-title{font-size:12px;font-weight:600;line-height:1.3;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#111}
html.dark .ha-short-title{color:#f1f1f1}
.ha-shorts-grid .ha-shorts-track{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;overflow:visible}
@media(max-width:600px){.ha-shorts-grid .ha-shorts-track{grid-template-columns:repeat(2,1fr)}}
.ha-shorts-grid .ha-short-item{flex:none}

/* Modal */
#ha-shorts-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}
.ha-shorts-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.85)}
.ha-shorts-modal-content{position:relative;background:#000;border-radius:12px;overflow:hidden;width:90%;max-width:400px;aspect-ratio:9/16;max-height:90vh}
.ha-shorts-modal-close{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;font-size:20px;cursor:pointer}
#ha-shorts-modal-player{width:100%;height:100%}
#ha-shorts-modal-player iframe{width:100%;height:100%;border:none}