@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/sora-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/sora-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/sora-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/sora-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/sora-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/montserrat-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/montserrat-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/montserrat-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/montserrat-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/montserrat-latin-800-normal.woff2') format('woff2')}

/* ── Base común de los diseños A/B/C (solo actúa con html.dz) ── */
html.dz .dz-i{flex-shrink:0;vertical-align:middle}
html.dz .dz-flag{display:inline-block;width:20px;height:14px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex-shrink:0;vertical-align:middle}
html.dz .dz-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11.5px;font-weight:500;opacity:.8;white-space:nowrap;overflow:hidden}
html.dz .dz-meta span{overflow:hidden;text-overflow:ellipsis}
html.dz .dz-live{position:absolute;right:8px;top:8px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font:500 9.5px/1.4 Inter,sans-serif;letter-spacing:.06em;pointer-events:none}
html.dz .dz-live i{width:6px;height:6px;border-radius:50%;background:currentColor}
html.dz .dz-card-flag{position:absolute;left:8px;top:8px;z-index:3;width:22px;height:15px}
html.dz .dz-toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);z-index:99999;background:#111827;color:#fff;padding:10px 18px;border-radius:30px;font:500 13px Inter,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:opacity .4s}
html.dz .dz-toast.out{opacity:0}
html.dz .dz-sec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
html.dz .dz-sec-h h2{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:500}
html.dz .dz-count{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:20px}
html.dz .dz-count i{width:7px;height:7px;border-radius:50%;background:currentColor}
/* favoritos */
html.dz .dz-fav{position:relative;max-width:1320px;margin:22px auto 0;padding:16px 18px}
html.dz .dz-fav-h{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:500;margin:0 0 12px}
html.dz .dz-fav-in{position:relative}
html.dz .dz-fav-row{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px 2px 6px}
html.dz .dz-fav-row::-webkit-scrollbar{display:none}
html.dz .dz-fav-it{flex:0 0 150px;min-width:150px}
html.dz .dz-fav-card{border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s}
html.dz .dz-fav-card:hover{transform:translateY(-3px)}
html.dz .dz-fav-media{position:relative;padding-top:100%;overflow:hidden}
html.dz .dz-fav-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html.dz .dz-fav-ov{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:8px;opacity:0;transition:opacity .2s;cursor:pointer}
html.dz .dz-fav-card:hover .dz-fav-ov{opacity:1}
html.dz .dz-fav-ov span{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
html.dz .dz-fav-name{padding:9px 10px}
html.dz .dz-fav-name span{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.dz .dz-fav-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:34px;height:34px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2)}
html.dz .dz-fav-nav.prev{left:-6px}html.dz .dz-fav-nav.next{right:-6px}
/* pestañas */
html.dz .dz-tab-ic{display:inline-flex}
/* acciones de tarjeta: 3 botones */
html.dz .radio-card .radio-actions{grid-template-columns:repeat(3,1fr)!important}
@media (max-width:768px){html.dz .dz-fav-it{flex-basis:120px;min-width:120px}}

/* ── Celular: común a los 3 diseños ── */
@media (max-width:768px){
  /* países: fila deslizable siempre visible */
  html.dz #accordion .btnMenuIzq,html.dz #accordion-tv .btnMenuIzq-tv{display:none!important}
  html.dz :is(#collapseOne,#collapseOne-tv){position:static!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;display:block!important}
  html.dz :is(#accordion,#accordion-tv){position:static!important;background:transparent!important;border:0!important;padding:0!important}
  html.dz :is(#accordion,#accordion-tv) .list-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px!important;margin:0!important;background:transparent!important;border:0!important}
  html.dz :is(#accordion,#accordion-tv) .list-group::-webkit-scrollbar{display:none}
  html.dz :is(#accordion,#accordion-tv) .list-group-item{flex:0 0 auto;border:0!important;padding:0!important;background:transparent!important;margin:0!important;width:auto!important}
  html.dz :is(#accordion,#accordion-tv) .list-group-item a{white-space:nowrap}
  /* pestañas: una fila deslizable, con texto */
  html.dz .section-buttons{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;justify-content:flex-start!important;gap:8px!important}
  html.dz .section-buttons::-webkit-scrollbar{display:none}
  html.dz .btn-section{flex:0 0 auto!important;white-space:nowrap}
  html.dz .btn-section span{display:inline-flex!important}
  html.dz .dz-sec-h{flex-wrap:wrap}
  html.dz .dz-sec-h h2{font-size:18px!important}
}
@media (max-width:768px){
  html.dz .btn-section{width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important}
  html.dz .btn-section .dz-tab-t{white-space:nowrap;overflow:visible!important;max-width:none!important;width:auto!important;text-overflow:clip!important}
  html.dz-a .dz-now-it:nth-of-type(n+4){display:none}
}
@media (max-width:768px){ html.dz-a .coreui-header,html.dz-b .coreui-header{position:relative!important} }