<data:view.title.escaped/>
(casi al final)
3. Pega TODO este bloque justo ANTES de
4. Guarda el tema — listo ✅
QUÉ RECIBE EN TELEGRAM:
▸ Notificación en tiempo real por cada visita
▸ Resumen DIARIO (se envía al primer acceso del nuevo día)
▸ Resumen SEMANAL (se envía al primer acceso del lunes)
▸ Alerta de HITO cuando alcanza 50, 100, 500… visitas
▸ Notificación cuando alguien hace clic en un episodio
▸ Notificación cuando un visitante lleva X segundos leyendo
NOTA: Como Blogger no tiene servidor propio, los datos se
guardan en el dispositivo de cada visitante. Los reportes
se envían en cuanto alguien entra en el nuevo día / semana.
═══════════════════════════════════════════════════════════════ -->
███╗ ██╗███████╗████████╗███████╗██╗ ██╗██╗ ██╗
████╗ ██║██╔════╝╚══██╔══╝██╔════╝██║ ██║╚██╗██╔╝
██╔██╗ ██║█████╗ ██║ █████╗ ██║ ██║ ╚███╔╝
██║╚██╗██║██╔══╝ ██║ ██╔══╝ ██║ ██║ ██╔██╗
██║ ╚████║███████╗ ██║ ██║ ███████╗██║██╔╝ ██╗
╚═╝ ╚═══╝╚══════╝ ╚═╝ ╚═╝ ╚══════╝╚═╝╚═╝ ╚═╝
CSS TOTAL — NETFLIX TWIN
*/
/* ── RESET ─────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}
form,textarea,input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
dl,ul{list-style:none;font-weight:400}
img{border:none;position:relative;display:block}
a,a:visited{text-decoration:none}
.clearfix{clear:both}
.section,.widget,.widget ul{margin:0;padding:0}
a{color:#00BE6E}
#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}
.center{display:table;margin:0 auto;position:relative}
.widget>h2,.widget>h3{display:none}
/* ── SOCIAL ICONS ─────────────────────────────────────────────────────── */
.social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400}
.social .blogger a:before{content:"\f37d"}.social .facebook a:before{content:"\f09a"}.social .twitter a:before{content:"\f099"}.social .gplus a:before{content:"\f0d5"}.social .rss a:before{content:"\f09e"}.social .youtube a:before{content:"\f167"}.social .instagram a:before{content:"\f16d"}.social .pinterest a:before{content:"\f0d2"}.social .whatsapp a:before{content:"\f232"}.social .email a:before{content:"\f0e0"}
.social-color .facebook a{background-color:#3b5999}.social-color .twitter a{background-color:#00acee}.social-color .youtube a{background-color:#f50000}.social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}.social-color .whatsapp a{background-color:#3fbb50}.social-color .rss a{background-color:#ffc200}
/* ── BODY / OUTER ─────────────────────────────────────────────────────── */
html{background:#0d0d0d}
body{background:#0d0d0d;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;color:#b3b3b3;line-height:1.5;margin:0;padding:0;overflow-x:hidden;opacity:1;transition:opacity .55s ease}
#outer-wrapper{margin:0;background:#0d0d0d;padding-top:68px;max-width:100%;overflow-x:hidden}
.row{width:100%;max-width:100%}
#content-wrapper{margin:0;overflow:hidden;padding:0 4%}
#content-wrapper>.container{margin:0;padding:0;width:100%;display:block}
/* ── FULL-WIDTH LAYOUT — NO SIDEBAR ──────────────────────────────────── */
#main-wrapper{float:none;width:100%;padding:0;margin:0}
#sidebar-wrapper{display:none!important}
/* ── POST IMAGE HELPERS ─────────────────b ─────────────────────────────── */
.post-image-wrap{position:relative;overflow:hidden;display:block}
.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{background-color:#1a1a1a;color:transparent!important;display:block;overflow:hidden}
.post-thumb{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}
.post-image-link:after{display:none}
/* ── NETFLIX NAVBAR ───────────────────────────────────────────────────── */
#header-wrap{position:fixed;top:0;left:0;width:100%;z-index:9999;background:linear-gradient(180deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.4) 70%,transparent 100%);transition:background .4s ease}
#header-wrap.scrolled{background:rgba(13,13,13,.97)!important;border-bottom:1px solid rgba(0,190,110,.1)!important;box-shadow:0 2px 20px rgba(0,0,0,.8)!important}
.header-header{background:transparent!important;width:100%;height:68px;position:relative;overflow:visible;padding:0}
.header-header .container{display:flex;align-items:center;height:68px;width:100%;padding:0 4%;margin:0;max-width:100%}
.header-logo{position:relative;float:left;width:auto;max-width:200px;max-height:68px;margin:0 30px 0 0;padding:0;display:flex;align-items:center;flex-shrink:0}
.header-logo .header-image-wrapper{display:block}
.header-logo img{max-height:40px;width:auto}
.header-logo h1{color:#00BE6E!important;font-size:28px;font-weight:900;line-height:68px;margin:0;letter-spacing:-1px;font-style:normal}
.header-logo p{display:none}
.header-social{position:relative;float:right;margin:0;display:flex;align-items:center;height:68px;margin-left:auto;gap:4px}
.header-social .widget>.widget-title{display:none}
.header-social ul{display:flex;align-items:center;gap:2px}
.header-social ul>li>a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent!important;color:#e5e5e5;font-size:16px;padding:0;border-radius:50%;transition:color .2s}
.header-social ul>li:hover>a{color:#fff}
.header-menu{position:relative;width:100%;height:0;background:transparent!important;z-index:9998;margin:0;overflow:visible}
.header-menu .container{position:relative;margin:0;padding:0 4%;height:0;overflow:visible;width:100%}
#main-menu .widget,#main-menu .widget>.widget-title{display:none}
#main-menu .show-menu{display:block}
#main-menu{position:absolute;top:-68px;left:0;height:68px;display:inline-flex;align-items:center;z-index:15}
#main-menu ul>li{float:left;position:relative}
#main-menu ul>li>a{color:#e5e5e5;font-size:14px;font-weight:400;line-height:68px;display:inline-block;padding:0 10px;transition:color .2s}
#main-menu ul#main-menu-nav>li:first-child>a{color:#fff;font-weight:700}
#main-menu ul>li:hover>a{color:#fff}
#main-menu ul:hover>li:not(:hover)>a{color:#737373}
#main-menu ul>li>ul{position:absolute;left:0;top:68px;width:210px;background:#0f0f0f;z-index:99999;padding:6px 0;box-shadow:0 8px 24px rgba(0,0,0,.9);visibility:hidden;opacity:0;border-top:2px solid #00BE6E;transition:opacity .2s;border-radius:0 0 8px 8px}
#main-menu ul>li>ul>li{display:block;float:none;position:relative}
#main-menu ul>li>ul>li a{display:block;height:42px;font-size:13px;color:#e5e5e5;font-weight:400;line-height:42px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.06);transition:all .17s}
#main-menu ul>li>ul>li:hover>a{color:#fff;background:rgba(255,255,255,.06)}
#main-menu ul>li>ul>li:last-child a{border-bottom:0}
#main-menu ul>li>ul>li>ul{position:absolute;top:0;left:100%;background:#141414;width:210px;padding:6px 0;box-shadow:0 8px 24px rgba(0,0,0,.9);visibility:hidden;opacity:0}
#main-menu ul>li.has-sub>a:after{content:'\f107';font-family:FontAwesome;font-size:11px;margin:0 0 0 5px}
#main-menu ul>li>ul>li.has-sub>a:after{content:'\f105';font-family:FontAwesome;float:right}
#main-menu ul>li:hover>ul,#main-menu ul>li>ul>li:hover>ul{visibility:visible;opacity:1}
.show-search,.hide-search{position:absolute;right:130px;top:-68px;display:flex;align-items:center;justify-content:center;width:42px;height:68px;background:transparent;z-index:20;color:#e5e5e5;font-size:18px;cursor:pointer;transition:color .2s}
.show-search:before{content:"\f002";font-family:FontAwesome}
.hide-search:before{content:"\f00d";font-family:FontAwesome}
.show-search:hover,.hide-search:hover{color:#fff}
#nav-search{display:none;position:absolute;left:0;top:-68px;width:100%;height:68px;z-index:99;background:rgba(0,0,0,.97)}
#nav-search .search-form{width:100%;height:68px;overflow:hidden}
#nav-search .search-input{width:100%;height:68px;font-family:inherit;color:#fff;padding:0 70px 0 4%;background:transparent;font-size:16px;border:0;border-bottom:2px solid rgba(0,190,110,.5)}
#nav-search .search-input:focus{outline:none}
.slide-menu-toggle{display:none;position:absolute;line-height:68px;height:68px;width:50px;top:0;left:0;background:transparent;font-family:FontAwesome;color:#fff;font-size:20px;text-align:center;cursor:pointer;z-index:4;padding:0}
.slide-menu-toggle:before{content:"\f0c9"}
.nav-active .slide-menu-toggle:before{content:"\f00d"}
.mobile-menu{display:none;position:absolute;top:68px;left:0;width:100%;background:#0d0d0d;padding:0;border-top:2px solid #00BE6E;visibility:hidden;opacity:0;transform-origin:0 0;transform:scaleY(0);transition:all .2s}
.nav-active .mobile-menu{visibility:visible;opacity:1;transform:scaleY(1)}
.mobile-menu>ul{margin:0}
.mobile-menu ul li{position:relative;display:block;float:left;width:100%;font-size:14px;line-height:48px;border-top:1px solid rgba(255,255,255,.06)}
.mobile-menu>ul>li:first-child{border-top:0}
.mobile-menu ul li a{color:#e5e5e5;padding:0 20px;display:block;transition:color .17s}
.mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#fff;cursor:pointer;width:48px;text-align:center}
.mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f105';font-family:FontAwesome;font-size:16px}
.mobile-menu ul li.has-sub.show>.submenu-toggle:after{transform:rotate(90deg);display:block}
.mobile-menu ul li a:hover,.mobile-menu ul>li>.submenu-toggle:hover{color:#00BE6E}
.mobile-menu>ul>li>ul>li>a{color:#b3b3b3;padding-left:35px}
/* ── MEGA MENU ────────────────────────────────────────────────────────── */
#main-menu .mega-menu{position:static!important}
#main-menu .mega-menu>ul{background:#141414;padding:20px 10px;width:100%}
#main-menu .mega-menu>ul.mega-menu-inner{overflow:hidden}
.mega-menu-inner .mega-item{float:left;width:25%;padding:0 10px}
.mega-menu-inner .mega-content{position:relative;overflow:hidden}
.mega-content .post-image-wrap{height:130px;border-radius:3px}
.mega-content .post-title{font-size:13px;font-weight:600;margin:7px 0 4px}
.mega-content .post-title a{color:#e5e5e5}
.mega-content .post-title a:hover{color:#00BE6E}
.mega-menu .no-posts,.no-posts{color:#737373;height:80px;line-height:80px;text-align:center;float:left;width:100%}
/* ── POST META ────────────────────────────────────────────────────────── */
.post-meta{display:none;color:#737373;font-size:11px;padding:0}
.item-post .post-meta{display:block;line-height:20px}
.post-meta span,.post-meta i{float:left;display:inline-block;margin:0}
.post-meta i{margin:0 4px}
.post-meta .post-author:after{content:' · ';margin:0 3px}
.post-author{font-weight:600;color:#b3b3b3}
.post-tag{color:#00BE6E}
.post-meta a{color:#737373;transition:color .17s}
.post-meta a:hover{color:#00BE6E}
/* ══════════════════════════════════════════════════════════════════════
██╗ ██╗ ██████╗ ████████╗ ██████╗ ██████╗ ███████╗████████╗███████╗
██║ ██║██╔═══██╗╚══██╔══╝ ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝██╔════╝
███████║██║ ██║ ██║ ██████╔╝██║ ██║███████╗ ██║ ███████╗
██╔══██║██║ ██║ ██║ ██╔═══╝ ██║ ██║╚════██║ ██║ ╚════██║
██║ ██║╚██████╔╝ ██║ ██║ ╚██████╔╝███████║ ██║ ███████║
HOT POSTS = NETFLIX HERO + TRENDING ROW
══════════════════════════════════════════════════════════════════════ */
#hot-wrapper{margin:0;padding:0;width:100%}
#hot-section .widget,#hot-section .widget>.widget-title{display:none}
#hot-section .show-hot{display:block!important}
#hot-section .show-hot .widget-content{position:relative;overflow:hidden;height:85vh;margin:0;padding:0}
.hot-loader{position:relative;height:100%;overflow:hidden;display:block}
.hot-loader:after{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-17px 0 0 -17px;border:2px solid #00BE6E;border-left-color:transparent;border-radius:100%;animation:nfx-spin .8s infinite linear}
@keyframes nfx-spin{to{transform:rotate(360deg)}}
/* The row container */
ul.hot-posts{position:relative;overflow:hidden;height:85vh;margin:0;display:flex}
/* ── Hero: first item takes full width ─── */
.hot-posts .hot-item{position:relative;float:none;overflow:hidden;box-sizing:border-box;padding:0;flex:0 0 100%;height:85vh}
/* ── Show only first item as hero ── */
.hot-posts .hot-item:not(.item-0){display:none}
/* ── Inner fills entire hero ── */
.hot-item-inner{position:absolute;inset:0;border-radius:0;overflow:hidden}
.hot-posts .post-image-link{width:100%;height:100%;position:absolute;inset:0;border-radius:0;overflow:hidden}
.hot-posts .post-image-link .post-thumb{width:100%;height:100%;object-fit:cover;object-position:center top}
/* ── Netflix hero gradient overlay ── */
.hot-posts .post-image-link:before{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(13,13,13,.98) 0%,rgba(13,13,13,.87) 22%,rgba(13,13,13,.5) 44%,rgba(13,13,13,.12) 64%,transparent 80%),linear-gradient(to top,rgba(13,13,13,.95) 0%,rgba(13,13,13,.3) 22%,transparent 45%),linear-gradient(180deg,rgba(13,13,13,.55) 0%,transparent 16%);z-index:2;opacity:1!important;animation:none!important;transform:none!important;left:0;width:100%}
/* ── No play icon on hero ── */
.hot-posts .post-image-link:after{display:none!important}
/* ── Hero text panel ── */
.hot-posts .post-info{position:absolute;bottom:14%;left:4%;width:48%;z-index:10;background:none!important;padding:0;text-align:left}
/* ── Hero category tag ── */
.hot-posts .post-meta{display:block;margin:0 0 12px;line-height:1}
.hot-posts .post-meta .post-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#00BE6E;background:rgba(0,190,110,.14);border:1px solid rgba(0,190,110,.45);border-radius:20px;padding:3px 14px}
/* ── Hero title ── */
.hot-posts .post-title{font-size:clamp(26px,4.5vw,56px);font-weight:900;line-height:1.08;margin:0 0 14px;display:block;text-shadow:0 2px 20px rgba(0,0,0,.9);letter-spacing:-.5px}
.hot-posts .post-title a{color:#fff;display:block;white-space:normal}
.hot-posts .post-title a:hover{color:#fff}
/* ── Hero buttons ── */
.hero-btns{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.btn-play,.btn-info{display:inline-flex;align-items:center;gap:8px;padding:0 24px;height:48px;font-size:15px;font-weight:700;border-radius:4px;cursor:pointer;transition:background .2s,color .2s;text-decoration:none;white-space:nowrap}
.btn-play{background:linear-gradient(135deg,#00BE6E 0%,#00a35e 100%);color:#fff;border-radius:6px!important;box-shadow:0 4px 20px rgba(0,190,110,.42);letter-spacing:.3px}
.btn-play:hover{background:linear-gradient(135deg,#00d47a 0%,#00BE6E 100%);color:#fff;box-shadow:0 6px 28px rgba(0,190,110,.6);transform:translateY(-1px) scale(1.02)}
.btn-info{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:6px!important;backdrop-filter:blur(8px)}
.btn-info:hover{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.5)}
/* ── Hero bottom gradient into content ── */
#hot-wrapper::after{content:'';display:block;height:18vh;background:linear-gradient(0deg,#0d0d0d 0%,transparent 100%);margin-top:-18vh;position:relative;z-index:5;pointer-events:none}
/* ── show-hot no posts ── */
.show-hot .no-posts{position:absolute;top:calc(50% - 50px);left:0;width:100%;text-align:center;color:#737373}
/* ══════════════════════════════════════════════════════════════════════
NETFLIX ROW TITLES (section headers)
══════════════════════════════════════════════════════════════════════ */
.title-wrap{position:relative;float:left;width:100%;height:auto;background:transparent;box-sizing:border-box;padding:0 0 12px 0;margin:0 0 12px;border:none;display:flex;align-items:baseline;gap:16px}
.title-wrap>h3{font-size:20px;color:#e5e5e5;font-weight:800;margin:0;letter-spacing:-.2px;transition:color .2s;border-left:4px solid #00BE6E;padding-left:14px;line-height:1}
.title-wrap>h3:hover{color:#fff}
.title-wrap::after{content:'Ver todo ›';font-size:13px;color:#00BE6E;font-weight:600;letter-spacing:.4px;cursor:pointer;opacity:.65;transition:opacity .3s,color .2s;white-space:nowrap}
.title-wrap:hover::after{opacity:1;color:#00d47a}
.show-more{display:none}
/* Ad sections: hide completely */
.home-ad{display:none}
/* ══════════════════════════════════════════════════════════════════════
NETFLIX CARD — shared thumbnail style
══════════════════════════════════════════════════════════════════════ */
/* Section layout */
#feat-section{padding:0 4%;margin:0 0 8px}
#feat-section .widget{display:none;float:left;width:100%;margin:0 0 8px}
#feat-section .widget.show-featured{display:block}
#feat-section .widget-content{float:left;width:100%}
/* Featured row = Netflix horizontal scroll row */
ul.featured-posts{display:flex;flex-wrap:nowrap;margin:0 -5px;overflow-x:auto;overflow-y:visible;padding:0 0 16px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}
ul.featured-posts::-webkit-scrollbar{display:none}
.featured-posts .feat-item{flex:0 0 clamp(130px,14vw,195px);min-width:130px;max-width:195px;box-sizing:border-box;padding:0 4px;margin:0;scroll-snap-align:start;transition:transform .25s ease,z-index .25s;position:relative;z-index:1}
.featured-posts .feat-item:hover{transform:scale(1.06);z-index:20}
/* On hover of the row, dim non-hovered cards */
ul.featured-posts:hover .feat-item:not(:hover){opacity:.6}
ul.featured-posts:hover .feat-item{transition:transform .25s ease,opacity .25s ease}
/* ── Card image: 2:3 poster ratio ── */
.featured-posts .post-image-wrap{float:none;width:100%;height:0;padding-bottom:150%;overflow:hidden;margin:0;border-radius:8px;position:relative;background:#111;box-shadow:0 4px 16px rgba(0,0,0,.5)}
.featured-posts .post-image-link{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden;border-radius:8px}
.featured-posts .post-image-link .post-thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.featured-posts .feat-item:hover .post-image-link .post-thumb{transform:scale(1.05)}
/* ── Card overlay on hover ── */
.featured-posts .post-image-link:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.1) 55%);opacity:0;transition:opacity .25s;z-index:2;animation:none!important}
.featured-posts .feat-item:hover .post-image-link:before{opacity:1}
/* ── Play icon on hover ── */
.featured-posts .post-image-link:after{content:'\f144';font-family:FontAwesome;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.7);font-size:18px;color:#fff;z-index:3;opacity:0;transition:all .25s;width:44px;height:44px;background:rgba(0,190,110,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:3px;line-height:44px;text-align:center;box-shadow:0 4px 20px rgba(0,190,110,.5)}
.featured-posts .feat-item:hover .post-image-link:after{opacity:1;transform:translate(-50%,-50%) scale(1)}
/* ── Card info below image ── */
.featured-posts .post-info{float:left;width:100%;padding:8px 2px 0}
.featured-posts .post-title{font-size:12px;font-weight:600;line-height:1.3;margin:0}
.featured-posts .post-title a{display:block;color:#e5e5e5;transition:color .17s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.featured-posts .post-title a:hover{color:#fff}
/* ══════════════════════════════════════════════════════════════════════
INDEX POSTS GRID = NETFLIX ROW
══════════════════════════════════════════════════════════════════════ */
.index-post-wrap{position:relative;float:left;width:100%;padding:0 4%;margin:0}
.blog-post{display:block;overflow:hidden;word-wrap:break-word}
.index-post-wrap .grid-posts{display:flex;flex-wrap:nowrap;margin:0 -5px;overflow-x:auto;overflow-y:visible;padding:0 0 24px;scrollbar-width:none;-ms-overflow-style:none}
.index-post-wrap .grid-posts::-webkit-scrollbar{display:none}
.index-post{flex:0 0 clamp(130px,14vw,195px);min-width:130px;max-width:195px;box-sizing:border-box;padding:0 4px;margin:0;position:relative;z-index:1;transition:transform .25s ease}
.index-post:hover{transform:scale(1.06);z-index:20}
.index-post-wrap .grid-posts:hover .index-post:not(:hover){opacity:.6}
.index-post-wrap .grid-posts:hover .index-post{transition:transform .25s,opacity .25s}
/* ── Index card image (2:3) ── */
.index-post .post-image-wrap{float:none;width:100%;height:0;padding-bottom:150%;overflow:hidden;border-radius:8px;position:relative;background:#111;box-shadow:0 4px 16px rgba(0,0,0,.5)}
.index-post .post-image-wrap .post-image-link{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden;border-radius:8px}
.index-post .post-image-wrap .post-image-link .post-thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.index-post:hover .post-image-wrap .post-image-link .post-thumb{transform:scale(1.05)}
/* ── Overlay on hover ── */
.index-post .post-image-link:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.1) 55%);opacity:0;transition:opacity .25s;z-index:2;animation:none!important}
.index-post:hover .post-image-link:before{opacity:1}
/* ── Play icon ── */
.index-post .post-image-link:after{content:'\f144';font-family:FontAwesome;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.7);font-size:18px;color:#fff;z-index:3;opacity:0;transition:all .25s;width:44px;height:44px;background:rgba(0,190,110,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:3px;line-height:44px;text-align:center;box-shadow:0 4px 20px rgba(0,190,110,.5)}
.index-post:hover .post-image-link:after{opacity:1;transform:translate(-50%,-50%) scale(1)}
/* ── Index card info ── */
.index-post .post-info{float:left;width:100%;padding:8px 2px 0}
.index-post .post-info>h2{font-size:12px;font-weight:600;line-height:1.3;margin:0}
.index-post .post-info>h2>a{display:block;color:#e5e5e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .17s}
.index-post .post-info>h2>a:hover{color:#fff}
.index-post .post-meta{margin:3px 0 0;display:block}
.widget iframe,.widget img{max-width:100%}
.date-header{display:none}
.post-timestamp{margin:0}
/* ── Breadcrumb ── */
#breadcrumb{font-size:11px;color:#737373;margin:0 0 10px;padding:0 4%}
#breadcrumb a{color:#737373}
#breadcrumb a:hover{color:#00BE6E}
#breadcrumb .delimiter:after{content:'\f054';font-family:FontAwesome;font-size:7px;vertical-align:middle;margin:0 3px}
/* ── Query Messages ── */
.queryMessage{overflow:hidden;background:#1f1f1f;color:#e5e5e5;font-size:13px;line-height:36px;padding:0 15px;margin:0 4% 20px;border-radius:3px;border-left:3px solid #00BE6E}
.queryMessage .query-info{margin:0 5px}
.queryMessage .search-query,.queryMessage .search-label{font-weight:700;text-transform:uppercase}
.queryMessage .search-query:before,.queryMessage .search-label:before{content:"\201c"}
.queryMessage .search-query:after,.queryMessage .search-label:after{content:"\201d"}
.queryEmpty{font-size:13px;padding:10px 4%;margin:0 0 25px;color:#737373}
/* ══════════════════════════════════════════════════════════════════════
SINGLE POST PAGE
══════════════════════════════════════════════════════════════════════ */
.item-post-wrap{padding:0 4%}
.item-post h1.post-title{color:#fff;font-size:28px;line-height:1.3;font-weight:700;margin:10px 0 15px}
.item-post .post-body{width:100%;line-height:1.7;padding:20px 0 0;margin:15px 0 0;border-top:1px solid #2a2a2a;color:#b3b3b3}
.item-post .post-body img{max-width:100%;border-radius:4px}
.main .widget{margin:0}
.main .Blog{border-bottom-width:0}
.post-footer{position:relative;float:left;width:100%;margin:20px 0 0}
.inline-ad{position:relative;display:block;max-height:60px;margin:0 0 24px}
.inline-ad>ins{display:block!important;margin:0 auto!important}
.item .inline-ad{float:left;width:100%;margin:20px 0 0}
.item-post-wrap>.inline-ad{margin:0 0 20px}
/* Labels */
.post-labels{overflow:hidden;height:auto;margin:0 0 14px}
.post-labels span,.post-labels a{float:left;height:22px;background:#2a2a2a;color:#e5e5e5;font-size:11px;line-height:22px;margin:0;padding:0 10px;border-radius:3px}
.post-labels span{background:#00BE6E;color:#fff}
.post-labels a{margin:0 0 0 4px;transition:all .17s}
.post-labels a:hover{background:#00BE6E;color:#fff}
/* Share */
.post-reactions{height:28px;display:block;margin:0 0 12px}
.post-reactions span{float:left;color:#e5e5e5;font-size:11px;line-height:25px;text-transform:uppercase;font-weight:700}
.reactions-inner{float:left;margin:0;height:28px}
.post-share{position:relative;overflow:hidden;line-height:0;margin:0 0 24px}
ul.share-links{position:relative}
.share-links li{width:32px;float:left;box-sizing:border-box;margin:0 5px 0 0}
.share-links li.facebook,.share-links li.twitter{width:20%}
.share-links li a{float:left;cursor:pointer;width:100%;height:32px;line-height:32px;color:#fff;font-size:13px;text-align:center;border-radius:3px;transition:opacity .17s}
.share-links li.whatsapp-mobile{display:none}
.is-mobile li.whatsapp-desktop{display:none}
.is-mobile li.whatsapp-mobile{display:inline-block}
.share-links li a:before{float:left;display:block;width:32px;background:rgba(0,0,0,.15);text-align:center;line-height:32px}
.share-links li a:hover{opacity:.8}
/* Post nav */
ul.post-nav{position:relative;overflow:hidden;display:block;margin:0 0 24px}
.post-nav li{display:inline-block;width:50%}
.post-nav .post-prev{float:left;text-align:left;box-sizing:border-box;padding:0 10px}
.post-nav .post-next{float:right;text-align:right;box-sizing:border-box;padding:0 10px}
.post-nav li a{color:#e5e5e5;line-height:1.4;display:block;overflow:hidden;transition:color .17s}
.post-nav li a:hover{color:#00BE6E}
.post-nav li span{display:block;font-size:11px;color:#737373;font-weight:700;text-transform:uppercase;padding:0 0 2px}
.post-nav .post-prev span:before{content:"\f053";float:left;font-family:FontAwesome;font-size:10px;margin:0 2px 0 0}
.post-nav .post-next span:after{content:"\f054";float:right;font-family:FontAwesome;font-size:10px;margin:0 0 0 2px}
.post-nav p{font-size:12px;line-height:1.4;margin:0;color:#b3b3b3}
/* About author */
.about-author{position:relative;display:block;overflow:hidden;padding:24px 0 0;margin:0 0 24px;border-top:1px solid #2a2a2a}
.about-author .avatar-container{position:relative;float:left;width:70px;height:70px;background:rgba(255,255,255,.05);overflow:hidden;margin:0 14px 0 0;border-radius:50%}
.about-author .author-avatar{float:left;width:100%;height:100%;object-fit:cover}
.author-name{overflow:hidden;display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;line-height:14px;margin:6px 0 3px}
.author-name span{color:#fff}
.author-name a{color:#00BE6E}
.author-description{display:block;overflow:hidden;font-size:12px;line-height:1.5;color:#b3b3b3}
/* Related posts */
#related-wrap{overflow:hidden;margin:0 0 24px}
#related-wrap .related-tag{display:none}
.related-ready{float:left;width:100%}
ul.related-posts{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:0 -6px;padding:0 0 10px;scrollbar-width:none}
ul.related-posts::-webkit-scrollbar{display:none}
.related-posts .related-item{flex:0 0 calc(100%/4);min-width:180px;box-sizing:border-box;padding:0 6px;transition:transform .25s}
.related-posts .related-item:hover{transform:scale(1.05);z-index:5}
.related-posts .post-image-link{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;display:block;border-radius:3px;background:#1a1a1a}
.related-posts .post-image-link .post-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.related-posts .post-title{font-size:12px;font-weight:600;line-height:1.3;margin:6px 0 4px}
.related-posts .post-title a{color:#e5e5e5;transition:color .17s}
.related-posts .post-title a:hover{color:#00BE6E}
/* Pagination */
#blog-pager{width:100%;clear:both;margin:8px 0 34px;padding:0 4%;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.blog-pager a,.blog-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:#1f1f1f;color:#e5e5e5;font-size:13px;font-weight:700;box-sizing:border-box;padding:0 10px;margin:0;border-radius:4px;transition:all .17s;border:1px solid #2a2a2a;text-decoration:none;cursor:pointer}
.blog-pager span.page-dots{min-width:20px;background:transparent;border-color:transparent;font-size:16px;color:#444;padding:0}
.blog-pager .page-of{display:none}
.blog-pager .page-active,.blog-pager a:hover{background:#00BE6E;color:#fff;border-color:#00BE6E}
/* Botones Anterior / Siguiente */
.blog-pager .pager-prev,.blog-pager .pager-next{min-width:118px;height:40px;font-size:12px;font-weight:800;border-radius:5px;gap:6px;letter-spacing:.3px;padding:0 16px}
.blog-pager .pager-prev::before{content:'\25C0 Anterior';font-family:inherit}
.blog-pager .pager-next::before{content:'Siguiente \25B6';font-family:inherit}
.blog-pager .pager-info{font-size:11px;color:#666;background:transparent;border-color:transparent;min-width:70px;font-weight:600;cursor:default;pointer-events:none}
.blog-pager .pager-current{background:#00BE6E;color:#fff;border-color:#00BE6E;pointer-events:none}
.blog-pager .pager-dots{min-width:20px;background:transparent;border-color:transparent;color:#444}
.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{display:none}
.archive #blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link{display:none}
/* Skeleton loader de posts */
.nfx-sk{flex:0 0 calc(100%/6);min-width:150px;max-width:260px;padding:0 5px;box-sizing:border-box}
.nfx-sk-img{width:100%;padding-bottom:150%;border-radius:4px;position:relative;overflow:hidden;background:#1a1a1a}
.nfx-sk-line{height:9px;background:#1e1e1e;border-radius:3px;margin:8px 5px 4px;position:relative;overflow:hidden}
.nfx-sk-line.nfx-sk-short{width:55%}
.nfx-sk-img::after,.nfx-sk-line::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);background-size:200% 100%;animation:nfx-sk-shine 1.4s ease-in-out infinite}
@keyframes nfx-sk-shine{0%{background-position:200% 0}100%{background-position:-200% 0}}
.nfx-grid-loading{opacity:.6;pointer-events:none;transition:opacity .25s}
/* ── COMENTARIOS MODERNO NFX ─────────────────────────────────────────────── */
/* Sección contenedora */
.blog-post-comments{display:block;margin:36px 0 0;padding:0}
/* Línea roja superior */
.blog-post-comments::before{
content:'';display:block;width:100%;height:2px;
background:linear-gradient(90deg,#00BE6E 0%,rgba(0,190,110,.25) 55%,transparent 100%);
margin-bottom:28px
}
/* Título h3 */
#comments{margin:0}
.comments{display:block;clear:both;margin:0;color:#e5e5e5}
.comments .comment-thread>ol{padding:0;margin:0}
.comments>h3{
font-size:17px;font-weight:800;color:#e5e5e5;margin:0 0 24px;
display:flex;align-items:center;gap:10px;letter-spacing:-.2px
}
.comments>h3::before{
content:'';display:inline-block;width:4px;height:20px;
background:#00BE6E;border-radius:2px;flex-shrink:0
}
/* Lista de comentarios */
.comments .comments-content .comment{
list-style:none;margin:0;padding:0;
border-bottom:1px solid #1e1e1e;transition:background .15s
}
.comments .comments-content .comment:last-child{border-bottom:none}
.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important}
.comments .item-control{position:static}
/* ── Avatar: icono de persona moderno ── */
.comments .avatar-image-container{
float:left;overflow:hidden;position:absolute;
width:40px;max-width:40px;height:40px;max-height:40px;
border:2px solid #2a2a2a;border-radius:50%;
background-color:#1c1c1c;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center 55%;
background-size:55%;
transition:border-color .2s,background-color .2s
}
.comments .comments-content .comment:hover .avatar-image-container{
border-color:#00BE6E;background-color:#1f1f1f
}
/* Ocultar la imagen por defecto de Blogger (ícono naranja) */
.comments .avatar-image-container img{
opacity:0!important;width:40px;max-width:40px;
height:40px;max-height:40px;border-radius:50%;display:block
}
/* Bloque del comentario */
.comments .comment-block{overflow:hidden;padding:18px 0 16px}
.comments .comment-block,.comments .comments-content .comment-replies{margin:0 0 0 54px}
.comments .comments-content .comment-header{
font-size:12px;display:flex;align-items:baseline;
gap:8px;flex-wrap:wrap;margin:0 0 8px;clear:both
}
.comments .comments-content .comment-header a{color:#b3b3b3;transition:color .17s}
.comments .comments-content .comment-header a:hover{color:#00BE6E}
.comments .comments-content .user{
font-weight:700;color:#e5e5e5;font-size:13px;letter-spacing:.1px
}
.comments .comments-content .icon.blog-author{display:none}
/* Burbuja del comentario */
.comments .comments-content .comment-content{
display:block;
background:#1c1c1c;
font-size:13px;color:#c0c0c0;line-height:1.7;
padding:13px 16px;margin:0 0 8px;
border-radius:0 8px 8px 8px;
border-left:3px solid #2e2e2e;
box-shadow:0 2px 10px rgba(0,0,0,.25);
transition:border-left-color .2s,background .2s;position:relative
}
.comments .comment-block:hover .comment-content{border-left-color:#00BE6E;background:#1f1f1f}
/* Fecha / timestamp */
.comments .comments-content .datetime{font-size:11px;color:#555;display:block;margin:0}
.comments .comments-content .datetime a{color:#555;transition:color .2s}
.comments .comments-content .datetime a:hover{color:#888}
/* Acciones */
.comments .comment .comment-actions a{
color:#00BE6E;font-size:10px;font-weight:600;
margin-right:10px;text-transform:uppercase;
letter-spacing:.5px;opacity:.8;transition:opacity .15s
}
.comments .comment .comment-actions a:hover{opacity:1;text-decoration:none}
/* Respuestas anidadas */
.comments .comments-content .comment-replies{
border-left:2px solid #252525;padding-left:14px;margin-top:4px
}
.comments .thread-toggle{margin-bottom:4px}
.comments .thread-toggle .thread-arrow{height:7px;margin:0 3px 2px 0}
.comments .thread-count a:hover,.comments .continue a:hover{opacity:.8}
.comments .thread-expanded{padding:5px 0 0}
.comments .thread-chrome.thread-collapsed{display:none}
.thread-arrow:before{font-family:FontAwesome;color:#e5e5e5;margin:0 2px 0 0}
.comments .thread-expanded .thread-arrow:before{content:'\f0d7'}
.comments .thread-collapsed .thread-arrow:before{content:'\f0da'}
.comments .comments-content .comment-thread{margin:0}
.comments .continue a{padding:0 0 0 60px;color:#00BE6E}
.comments .continue a,.thread-expanded .thread-count,.thread-expanded .thread-arrow,
.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{display:none}
/* Título "Deja un comentario" */
.title-wrap.comments-title h3,
.blog-post-comments .comments-title h3{
font-size:14px;color:#e5e5e5;font-weight:700;
border-left:4px solid #00BE6E;padding-left:12px;
margin:28px 0 14px;letter-spacing:.1px
}
/* ── Formulario: quitar el fondo blanco del iframe ── */
#comment-editor{
margin:0 0 20px;border-radius:8px;overflow:hidden;
border:1px solid #2a2a2a;background:#1c1c1c;
filter:invert(0.92) hue-rotate(180deg);
transition:border-color .2s
}
/* Estado sin comentarios */
.comments-no-comments{
background:#1a1a1a;border:1px dashed #282828;border-radius:8px;
padding:32px 20px;text-align:center;color:#555;font-size:13px;margin:0 0 20px
}
.comments-no-comments::before{
content:'\1F4AC';display:block;font-size:28px;margin-bottom:10px;opacity:.4
}
/* Light mode */
body.nfx-light .comments .comments-content .comment-content{
background:#f7f7f7!important;color:#333!important;
border-left-color:#00BE6E!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important
}
body.nfx-light .comments .comments-content .comment-content:hover{background:#f0f0f0!important}
body.nfx-light .comments .comments-content .user{color:#141414!important}
body.nfx-light .comments .comments-content .datetime a{color:#999!important}
body.nfx-light .blog-post-comments::before{
background:linear-gradient(90deg,#00BE6E 0%,rgba(0,190,110,.15) 55%,transparent 100%)!important
}
body.nfx-light .comments .avatar-image-container{border-color:#ddd!important;background-color:#f0f0f0!important}
body.nfx-light .comments .comments-content .comment-replies{border-left-color:#e0e0e0!important}
body.nfx-light .comments .comments-content .comment-header a{color:#555!important}
body.nfx-light .comments-no-comments{background:#f5f5f5!important;border-color:#e0e0e0!important;color:#999!important}
body.nfx-light #comment-editor{filter:none!important}
/* Post body typography */
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:#fff;font-weight:700;margin:0 0 14px;line-height:1.3}
.post-body h1,.post-body h2{font-size:24px}
.post-body h3{font-size:20px}
.post-body h4{font-size:17px}
.post-body h5{font-size:15px}
.post-body h6{font-size:13px}
blockquote{font-style:italic;padding:12px 16px;margin:0 0 16px;border-left:4px solid #00BE6E;background:#1f1f1f;border-radius:0 4px 4px 0;color:#b3b3b3}
blockquote:before,blockquote:after{display:inline-block;font-family:FontAwesome;font-style:normal;color:#00BE6E;line-height:1}
blockquote:before{content:'\f10d';margin:0 8px 0 0}
blockquote:after{content:'\f10e';margin:0 0 0 8px}
.post-body ul{padding:0 0 0 20px}
.post-body ul li:before{content:"\f105";font-family:FontAwesome;font-size:13px;margin:0 5px 0 0;color:#00BE6E}
.post-body a{color:#00BE6E;transition:color .17s}
.post-body a:hover{color:#33d677}
.post-body u{text-decoration:underline}
.post-body strike{text-decoration:line-through}
/* Forms */
.contact-form{overflow:hidden}
.contact-form .widget-title{display:none}
.contact-form .contact-form-name{width:calc(50% - 5px)}
.contact-form .contact-form-email{width:calc(50% - 5px);float:right}
.contact-form-name,.contact-form-email,.contact-form-email-message{float:left;width:100%;background:#1f1f1f;color:#e5e5e5;font-size:13px;box-sizing:border-box;padding:10px 12px;margin:0 0 10px;border:1px solid #2a2a2a;border-radius:3px;font-family:inherit;transition:border .17s}
.contact-form-name{height:40px;line-height:40px;padding:0 12px}
.contact-form-email{height:40px;line-height:40px;padding:0 12px}
.contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{outline:none;border-color:#00BE6E}
.contact-form-button-submit{float:left;width:100%;height:40px;background:#00BE6E;font-size:14px;font-weight:700;color:#fff;line-height:40px;cursor:pointer;box-sizing:border-box;padding:0 10px;margin:0;border:0;border-radius:3px;font-family:inherit;transition:background .17s;letter-spacing:.5px}
.contact-form-button-submit:hover{background:#009a58}
.contact-form-error-message-with-border{float:left;width:100%;background:rgba(0,190,110,.1);font-size:11px;text-align:center;padding:3px 0;margin:10px 0;border:1px solid #00BE6E;color:#00BE6E}
.contact-form-success-message-with-border{float:left;width:100%;background:rgba(39,174,96,.1);font-size:11px;text-align:center;padding:3px 0;margin:10px 0;border:1px solid #27ae60;color:#27ae60}
.BlogSearch .search-input{float:left;width:75%;height:36px;background:#1f1f1f;color:#e5e5e5;font-size:13px;box-sizing:border-box;padding:5px 10px;border:1px solid #2a2a2a;border-right-width:0;border-radius:3px 0 0 3px;font-family:inherit}
.BlogSearch .search-input:focus{outline:none;border-color:#00BE6E}
.BlogSearch .search-action{float:right;width:25%;height:36px;font-family:inherit;font-size:13px;cursor:pointer;box-sizing:border-box;background:#00BE6E;color:#fff;padding:0 5px;border:0;border-radius:0 3px 3px 0;transition:background .17s}
.BlogSearch .search-action:hover{background:#009a58}
/* ══════════════════════════════════════════════════════════════════════
SIDEBAR — HIDDEN (Netflix is full-width)
══════════════════════════════════════════════════════════════════════ */
#sidebar-wrapper{display:none!important}
.sidebar .widget{display:none}
/* ══════════════════════════════════════════════════════════════════════
NETFLIX FOOTER
══════════════════════════════════════════════════════════════════════ */
#footer-wrapper{background:#0d0d0d;border-top:1px solid #222;margin-top:40px}
#footer-wrapper .container{position:relative;overflow:hidden;margin:0 auto;padding:40px 4%}
.footer-widgets-wrap{display:flex;gap:30px;flex-wrap:wrap}
#footer-wrapper .footer{flex:1;min-width:200px;float:none;padding:0;box-sizing:border-box}
#footer-wrapper .footer .widget{float:left;width:100%;padding:0;margin:20px 0 0}
#footer-wrapper .footer .widget:first-child{margin:0}
.footer .widget>.widget-title>h3{color:#fff;line-height:16px;font-weight:700;margin:0 0 16px;font-size:13px;text-transform:uppercase;letter-spacing:.8px}
.footer .custom-widget .post-title a,.footer .PopularPosts .post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList ul li a{color:#737373;font-size:13px;transition:color .17s}
.footer .LinkList ul li a:hover,.footer .PageList ul li a:hover{color:#e5e5e5}
.footer .no-posts{color:#737373}
.footer .FollowByEmail .widget-content{background:rgba(255,255,255,.04);padding:16px;border-radius:4px}
.footer .FollowByEmail .widget-content>h3{color:#fff;font-size:14px;font-weight:600;margin:0 0 10px;text-transform:uppercase}
.footer .FollowByEmail .before-text,.footer .Text{color:#737373;font-size:13px;line-height:1.6}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:36px;background:#1a1a1a;color:#e5e5e5;border:1px solid #2a2a2a;border-radius:3px;padding:0 10px;font-family:inherit;font-size:13px;box-sizing:border-box;margin:0 0 10px}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{outline:none;border-color:#00BE6E}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;height:36px;background:#00BE6E;color:#fff;border:0;border-radius:3px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .17s}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:#009a58}
.footer #ArchiveList .flat li>a{color:#737373}
.footer .list-label li{padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}
.footer .list-label li:first-child{padding-top:0;border-top:0}
.footer .list-label li a{color:#737373;font-size:12px;transition:color .17s}
.footer .list-label li a:hover{color:#e5e5e5}
.footer .cloud-label li a{background:rgba(255,255,255,.07);color:#737373;font-size:12px;line-height:26px;padding:0 10px;border-radius:3px;transition:all .17s;display:block;height:26px}
.footer .cloud-label li a:hover{background:#00BE6E;color:#fff}
.footer .BlogSearch .search-input{background:#1a1a1a;color:#737373;border-color:#2a2a2a}
.footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{background:#1a1a1a;color:#737373;border-color:#2a2a2a}
.footer .PopularPosts .post-image-link{background:rgba(255,255,255,.05);width:80px;height:50px;float:left;margin:0 10px 0 0;border-radius:3px;position:relative;overflow:hidden;display:block}
.footer .PopularPosts .post{overflow:hidden;margin:12px 0 0;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.06)}
.footer .PopularPosts .post:first-child{margin:0}
.footer .PopularPosts .post-title{font-size:12px;font-weight:600;line-height:1.3;margin:0}
/* ── custom-widget: grid 2 columnas ── */
.footer .custom-widget{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;list-style:none;margin:0;padding:0}
.footer .custom-widget li{display:flex;flex-direction:column;background:#1a1a1a;border-radius:4px;overflow:hidden;transition:transform .2s}
.footer .custom-widget li:hover{transform:scale(1.03)}
.footer .custom-widget .post-image-link{display:block;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:4px 4px 0 0}
.footer .custom-widget .post-image-link img{width:100%;height:100%;object-fit:cover;display:block}
.footer .custom-widget .post-info{padding:6px}
.footer .custom-widget .post-title{margin:0;font-size:11px;font-weight:600;line-height:1.3}
.footer .custom-widget .post-title a{color:#e5e5e5!important;font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.footer .custom-widget .post-title a:hover{color:#00BE6E!important}
.footer .custom-widget .post-meta{color:#737373;font-size:10px;margin-top:3px}
/* Social counter */
ul.social-counter{margin:0 -4px}
.social-counter li{float:left;width:25%;box-sizing:border-box;padding:0 4px;margin:6px 0 0}
.social-counter li:nth-child(-n+4){margin-top:0}
.social-counter li a{display:block;height:36px;font-size:18px;color:#fff;text-align:center;line-height:36px;border-radius:3px;transition:opacity .17s}
.social-counter li a:hover{opacity:.8}
.social-color .facebook a{background:#3b5999}.social-color .twitter a{background:#00acee}.social-color .youtube a{background:#f50000}.social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}.social-color .whatsapp a{background:#3fbb50}
/* Label lists */
.list-label li{position:relative;display:block;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}
.list-label li:first-child{padding-top:0;border-top:0}
.list-label li a{display:block;color:#b3b3b3;font-size:12px;transition:color .17s}
.list-label li a:before{content:"\f054";float:left;color:#00BE6E;font-family:FontAwesome;font-size:6px;margin:1px 4px 0 0}
.list-label li a:hover{color:#00BE6E}
.list-label .label-count{position:relative;float:right;height:18px;background:#00BE6E;color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:18px;padding:0 6px;border-radius:3px}
.cloud-label li{position:relative;float:left;margin:0 5px 5px 0}
.cloud-label li a{display:block;height:26px;background:#2a2a2a;color:#b3b3b3;font-size:12px;line-height:26px;padding:0 10px;border-radius:3px;transition:all .17s}
.cloud-label li a:hover{color:#fff;background:#00BE6E}
.cloud-label .label-count{display:none}
#ArchiveList ul.flat li{color:#b3b3b3;font-size:13px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}
#ArchiveList ul.flat li:first-child{padding-top:0}
#ArchiveList ul.flat li:last-child{border-bottom:0}
#ArchiveList .flat li>a{display:block;color:#b3b3b3;transition:color .17s}
#ArchiveList .flat li>a:hover{color:#00BE6E}
#ArchiveList .flat li>a:before{content:"\f054";float:left;color:#00BE6E;font-family:FontAwesome;font-size:6px;margin:1px 4px 0 0}
#ArchiveList .flat li>a>span{float:right;height:18px;background:#00BE6E;color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:18px;padding:0 6px;border-radius:3px}
/* Sub-footer */
#sub-footer-wrapper{color:#737373;background:#000;display:block;padding:0}
#sub-footer-wrapper .container{overflow:hidden;margin:0 auto;padding:14px 4%;border-top:1px solid rgba(255,255,255,.06)}
#menu-footer{float:right;display:block}
#menu-footer .widget>.widget-title{display:none}
#menu-footer ul{margin:0}
#menu-footer ul li{float:left;display:inline-block;height:30px}
#menu-footer ul li a{display:block;color:#737373;font-size:12px;line-height:30px;padding:0 8px;transition:color .17s}
#menu-footer ul li a:hover{color:#e5e5e5}
.copyright-area{float:left;font-size:12px;line-height:30px;color:#737373}
.copyright-area a{color:#737373;transition:color .17s}
.copyright-area a:hover{color:#00BE6E}
/* 404 Error */
.errorWrap{text-align:center;padding:80px 0 120px}
.errorWrap h3{font-size:130px;font-weight:900;color:#00BE6E;line-height:1;margin:0 0 10px}
.errorWrap h4{font-size:28px;font-weight:700;color:#fff;margin:0 0 15px}
.errorWrap p{font-size:14px;color:#b3b3b3;margin:0 0 25px}
.errorWrap a.homepage{display:inline-block;background:#00BE6E;color:#fff;font-size:14px;font-weight:700;padding:10px 24px;border-radius:4px;transition:background .17s;letter-spacing:.5px}
.errorWrap a.homepage:hover{background:#009a58}
/* Profile */
.Profile .profile-img{float:left;width:70px;height:70px;margin:0 12px 0 0;border-radius:50%}
.Profile .profile-data .g-profile{display:block;font-size:14px;color:#e5e5e5;margin:0 0 5px;transition:color .17s}
.Profile .profile-data .g-profile:hover{color:#00BE6E}
.Profile .profile-info>.profile-link{color:#b3b3b3;font-size:11px;margin:5px 0 0;display:block;transition:color .17s}
.Profile .profile-info>.profile-link:hover{color:#00BE6E}
.Profile .profile-datablock .profile-textblock{display:none}
.common-widget .LinkList ul li,.common-widget .PageList ul li{width:calc(50% - 5px);padding:6px 0 0}
.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){float:left}
.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){float:right}
.common-widget .LinkList ul li a,.common-widget .PageList ul li a{display:block;color:#b3b3b3;font-size:13px;transition:color .17s}
.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{color:#00BE6E}
/* ══════════════════════════════════════════════════════════════════════
RESPONSIVE
══════════════════════════════════════════════════════════════════════ */
@media screen and (max-width:1100px){
#outer-wrapper{max-width:100%}
.row{width:100%}
}
@media screen and (max-width:980px){
#main-menu{display:none}
.mobile-menu,.slide-menu-toggle{display:block}
.show-search,.hide-search{font-size:20px}
}
@media screen and (max-width:768px){
.hot-posts .post-title{font-size:32px!important}
.hot-posts .post-info{width:80%;bottom:28%}
.hot-posts .post-info::after{width:100%;font-size:13px;content:'\25B6 VER AHORA'}
#footer-wrapper .container{flex-direction:column}
.footer-widgets-wrap{flex-direction:column}
#footer-wrapper .footer{width:100%}
.featured-posts .feat-item{flex:0 0 calc(100%/4)}
.index-post{flex:0 0 calc(100%/4)}
#menu-footer,#sub-footer-wrapper .copyright-area{width:100%;text-align:center}
#menu-footer{margin:8px 0 0;float:none}
}
@media screen and (max-width:580px){
.hot-posts .post-title{font-size:24px!important}
.hot-posts .post-info{width:90%;left:5%;bottom:25%}
.featured-posts .feat-item{flex:0 0 calc(100%/3)}
.index-post{flex:0 0 calc(100%/3)}
.related-posts .related-item{flex:0 0 calc(100%/2)}
.hot-posts .post-info::after{display:none}
#blog-pager{margin:20px 0}
}
@media screen and (max-width:400px){
.featured-posts .feat-item{flex:0 0 calc(100%/2)}
.index-post{flex:0 0 calc(100%/2)}
}
/* ── BARRA DE PROGRESO DE SCROLL ───────────────────────────────────────── */
#nfx-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:#00BE6E;z-index:99999;transition:width .1s linear;box-shadow:0 0 8px rgba(0,190,110,.7)}
/* ── BOTÓN DE SILENCIO FLOTANTE ─────────────────────────────────────────── */
#nfx-mute-btn{position:fixed;bottom:70px;right:20px;width:42px;height:42px;background:rgba(20,20,20,.92);border:1px solid #333;border-radius:50%;color:#e5e5e5;font-size:18px;cursor:pointer;z-index:9998;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .2s;box-shadow:0 4px 16px rgba(0,0,0,.6)}
#nfx-mute-btn:hover{background:rgba(0,190,110,.2);border-color:#00BE6E;transform:scale(1.1)}
/* ── TOAST DE BOOKMARK ──────────────────────────────────────────────────── */
#nfx-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:#1a1a1a;color:#e5e5e5;border:1px solid #333;border-left:3px solid #00BE6E;border-radius:6px;padding:12px 22px;font-size:13px;font-weight:600;z-index:99999;opacity:0;pointer-events:none;transition:all .3s ease;white-space:nowrap;box-shadow:0 8px 28px rgba(0,0,0,.7)}
#nfx-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#nfx-toast .dot{display:inline-block;width:8px;height:8px;background:#00BE6E;border-radius:50%;margin-right:8px;vertical-align:middle}
/* ── SHIMMER EN TARJETAS AL CARGAR ──────────────────────────────────────── */
.feat-item.loading .post-image-wrap::after,.hot-loader::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);background-size:200% 100%;animation:nfx-shimmer 1.4s ease-in-out infinite;border-radius:4px}
@keyframes nfx-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* ── VOLVER ARRIBA CON ANILLO DE PROGRESO ─────────────────────────────── */
.back-top{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:9997;transition:transform .2s,opacity .3s;background:rgba(20,20,20,.92);border:none;padding:0}
.back-top:hover{transform:scale(1.12)}
.back-top svg{position:absolute;inset:0;width:52px;height:52px;transform:rotate(-90deg)}
.back-top .nfx-ring-bg{fill:none;stroke:#2a2a2a;stroke-width:3}
.back-top .nfx-ring-bar{fill:none;stroke:#00BE6E;stroke-width:3;stroke-linecap:round;stroke-dasharray:141.4;stroke-dashoffset:141.4;transition:stroke-dashoffset .15s linear;filter:drop-shadow(0 0 4px rgba(0,190,110,.7))}
.back-top .nfx-ring-arrow{position:relative;z-index:1;color:#fff;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none}
/* ── CARRUSEL HERO ────────────────────────────────────────────────────────── */
.hot-posts .hot-item{display:none;position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.hot-posts .hot-item.nfx-active{display:block;opacity:1;z-index:2}
.hot-posts .hot-item.nfx-prev{display:block;opacity:0;z-index:1}
#nfx-dots{position:absolute;bottom:12%;left:4%;display:flex;gap:8px;z-index:20}
.nfx-dot{width:10px;height:3px;background:rgba(255,255,255,.4);border-radius:2px;cursor:pointer;transition:all .3s;border:none;padding:0}
.nfx-dot{border-radius:2px}.nfx-dot.active{width:28px;background:#00BE6E;border-radius:2px}
#nfx-carousel-prev,#nfx-carousel-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:none;color:#fff;font-size:22px;width:44px;height:44px;border-radius:50%;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s;opacity:0}
#nfx-carousel-prev{left:16px}
#nfx-carousel-next{right:16px}
#hot-wrapper:hover #nfx-carousel-prev,#hot-wrapper:hover #nfx-carousel-next{opacity:1}
#nfx-carousel-prev:hover,#nfx-carousel-next:hover{background:rgba(0,190,110,.75);border-color:rgba(0,190,110,.4)}
#nfx-carousel-bar{position:absolute;bottom:0;left:0;height:2px;width:0%;background:#00BE6E;z-index:20;transition:width linear}
/* ── CONTINUAR VIENDO ─────────────────────────────────────────────────────── */
#nfx-continue{padding:0 4%;margin:0 0 24px}
#nfx-continue h3{font-size:20px;color:#e5e5e5;font-weight:700;margin:0 0 14px;letter-spacing:.3px}
#nfx-continue ul{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none;-ms-overflow-style:none}
#nfx-continue ul::-webkit-scrollbar{display:none}
#nfx-continue li{flex:0 0 clamp(120px,18vw,200px);position:relative;border-radius:8px;overflow:hidden;background:#111;cursor:pointer;transition:transform .25s}
#nfx-continue li:hover{transform:scale(1.06);z-index:5}
#nfx-continue li .cv-link{display:block;text-decoration:none;color:inherit;position:relative}
#nfx-continue li .cv-link img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
#nfx-continue li .cv-bar{position:absolute;bottom:0;left:0;height:3px;background:#00BE6E}
#nfx-continue li .cv-title{position:absolute;bottom:22px;left:0;right:0;padding:0 6px;font-size:10px;font-weight:700;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.9)}
#nfx-continue li .cv-ep-badge{position:absolute;bottom:6px;left:6px;font-size:9px;font-weight:700;color:#00BE6E;background:rgba(0,0,0,.75);border:1px solid rgba(0,190,110,.5);border-radius:3px;padding:1px 5px;white-space:nowrap;line-height:1.5;text-shadow:none;letter-spacing:.3px}
#nfx-continue li .cv-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#aaa;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:3}
#nfx-continue li:hover .cv-remove{opacity:1}
#nfx-continue .cv-empty{color:rgba(255,255,255,.35);font-size:13px;margin:0;padding:8px 0 4px;font-style:italic}
/* ── COMPARTIR CON VISTA PREVIA ───────────────────────────────────────────── */
.nfx-share-link-btn{background:none;border:2px solid #444;border-radius:50px;padding:8px 20px;font-size:14px;color:#aaa;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .25s;font-weight:700;user-select:none}
.nfx-share-link-btn:hover{border-color:#54b9c5;color:#54b9c5}
/* Modal overlay */
#nfx-share-modal{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:999999;display:none;align-items:center;justify-content:center;padding:16px}
#nfx-share-modal.open{display:flex}
#nfx-share-modal-box{background:#1a1a1a;border-radius:10px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.9);animation:nfx-sm-in .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes nfx-sm-in{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}
#nfx-share-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #2a2a2a}
#nfx-share-modal-head h3{font-size:15px;font-weight:700;color:#e5e5e5;margin:0}
#nfx-share-modal-close{background:none;border:none;color:#666;font-size:20px;cursor:pointer;line-height:1;padding:0;transition:color .2s}
#nfx-share-modal-close:hover{color:#fff}
/* Tarjeta preview estilo WhatsApp */
#nfx-share-preview{margin:14px 16px;border-radius:8px;overflow:hidden;border:1px solid #2a2a2a;background:#111}
#nfx-share-preview-img{width:100%;height:180px;object-fit:cover;display:block;background:#222}
#nfx-share-preview-body{padding:10px 12px}
#nfx-share-preview-site{font-size:10px;color:#54b9c5;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}
#nfx-share-preview-title{font-size:13px;font-weight:700;color:#e5e5e5;margin-bottom:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#nfx-share-preview-url{font-size:10px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Etiqueta plataforma */
#nfx-share-preview-label{text-align:center;font-size:10px;color:#444;margin:4px 16px 0;font-style:italic}
/* Botones de share */
#nfx-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px 16px}
.nfx-sa-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:6px;padding:12px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .2s}
.nfx-sa-btn:hover{opacity:.85}
.nfx-sa-wa{background:#25d366;color:#fff}
.nfx-sa-tg{background:#0088cc;color:#fff}
.nfx-sa-tw{background:#000;color:#fff;border:1px solid #333}
.nfx-sa-cp{background:#2a2a2a;color:#e5e5e5}
.nfx-sa-cp.copied{background:#1a4a1a;color:#4caf50}
/* Separador */
#nfx-share-url-row{display:flex;align-items:center;gap:8px;margin:0 16px 14px;background:#111;border-radius:6px;padding:8px 12px;border:1px solid #2a2a2a}
#nfx-share-url-text{flex:1;font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nfx-share-url-copy{background:#00BE6E;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s;flex-shrink:0}
#nfx-share-url-copy:hover{background:#009a58}
/* ── BOTÓN COMPARTIR EN LA FILA DE BOTONES DEL HERO POSTER ──────────────── */
#nfx-hero-share-btn{display:inline-flex;align-items:center;gap:4px}
#nfx-hero-share-btn:hover{background:#555!important}
/* ── COMPARTIR FLOTANTE ───────────────────────────────────────────────────── */
#nfx-share-panel{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:8px;z-index:9996}
.item-post #nfx-share-panel{display:flex}
.nfx-share-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 10px rgba(0,0,0,.5);text-decoration:none}
.nfx-share-btn:hover{transform:scale(1.15);box-shadow:0 4px 18px rgba(0,0,0,.7)}
.nfx-share-wa{background:#25d366;color:#fff}
.nfx-share-tg{background:#0088cc;color:#fff}
.nfx-share-tw{background:#000;color:#fff}.nfx-share-fb{background:#1877F2;color:#fff}
.nfx-share-cp{background:#333;color:#e5e5e5;font-size:13px}
.nfx-share-btn svg{width:18px;height:18px;fill:currentColor}
/* ── LAZY LOADING FADE-IN ─────────────────────────────────────────────────── */
img.nfx-lazy{opacity:0;transition:opacity .5s ease}
img.nfx-lazy.loaded{opacity:1}
/* ── TOOLTIP DE SINOPSIS EN TARJETAS ─────────────────────────────────────── */
.feat-item .nfx-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.92);width:220px;background:#181818;border:1px solid #333;border-radius:6px;padding:12px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 8px 30px rgba(0,0,0,.8)}
.feat-item:hover .nfx-tooltip{opacity:1;transform:translateX(-50%) scale(1)}
.nfx-tooltip .tt-title{font-size:13px;font-weight:700;color:#e5e5e5;margin:0 0 5px;display:block}
.nfx-tooltip .tt-tag{font-size:10px;color:#00BE6E;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:4px;background:rgba(0,190,110,.12);border-radius:12px;padding:2px 10px;display:inline-block}
.nfx-tooltip .tt-desc{font-size:11px;color:#999;line-height:1.5;margin:0}
/* ── BÚSQUEDA EN TIEMPO REAL ─────────────────────────────────────────────── */
#nfx-autocomplete{position:absolute;top:68px;left:0;width:100%;background:#0d0d0d;border-top:2px solid #00BE6E;z-index:9999;max-height:420px;overflow-y:auto;display:none;scrollbar-width:thin;scrollbar-color:#333 #0d0d0d}
#nfx-autocomplete.open{display:block}
#nfx-autocomplete::-webkit-scrollbar{width:4px}
#nfx-autocomplete::-webkit-scrollbar-track{background:#111}
#nfx-autocomplete::-webkit-scrollbar-thumb{background:#333;border-radius:2px}
.nfx-ac-item{display:flex;align-items:center;gap:12px;padding:10px 4%;border-bottom:1px solid #1a1a1a;cursor:pointer;transition:background .15s;text-decoration:none}
.nfx-ac-item:hover,.nfx-ac-item.focused{background:rgba(0,190,110,.12)}
.nfx-ac-item img{width:64px;height:36px;object-fit:cover;border-radius:3px;flex-shrink:0;background:#222}
.nfx-ac-info{flex:1;min-width:0}
.nfx-ac-info b{display:block;font-size:13px;color:#e5e5e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nfx-ac-info small{font-size:11px;color:#888}
.nfx-ac-tag{font-size:10px;color:#00BE6E;font-weight:700;text-transform:uppercase}
.nfx-ac-empty{padding:20px 4%;color:#666;font-size:13px;text-align:center}
.nfx-ac-loading{padding:14px 4%;color:#555;font-size:12px;display:flex;align-items:center;gap:8px}
.nfx-ac-loading::before{content:'';width:14px;height:14px;border:2px solid #333;border-top-color:#00BE6E;border-radius:50%;animation:girar .7s linear infinite;flex-shrink:0}
.nfx-ac-header{padding:8px 4%;font-size:10px;color:#555;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #1a1a1a}
#nav-search{overflow:visible!important}
/* ── BANNER NUEVO EPISODIO ────────────────────────────────────────────────── */
.nfx-new-badge{display:inline-block;background:#00BE6E;color:#fff;font-size:9px;font-weight:900;padding:2px 6px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px;margin-left:8px;vertical-align:middle;animation:nfx-pulse-badge .8s ease-in-out infinite alternate}
@keyframes nfx-pulse-badge{from{opacity:.7}to{opacity:1}}
/* ── MODO CLARO (light mode) ──────────────────────────────────────────────
Activo cuando body tiene clase .nfx-light
─────────────────────────────────────────────────────────────────────── */
body.nfx-light{background:#f0f0f0!important;color:#141414!important}
body.nfx-light #outer-wrapper{background:#f0f0f0!important}
body.nfx-light #header-wrap{background:rgba(240,240,240,.97)!important}
body.nfx-light #header-wrap.scrolled{background:rgba(235,235,235,.99)!important;box-shadow:0 2px 12px rgba(0,0,0,.15)!important}
body.nfx-light .header-logo h1{color:#00BE6E!important}
body.nfx-light #main-menu ul>li>a,body.nfx-light .slide-menu-toggle{color:#141414!important}
body.nfx-light #main-menu ul>li:hover>a{color:#00BE6E!important}
body.nfx-light #main-menu ul>li>ul{background:#fff!important;border-top-color:#00BE6E!important}
body.nfx-light #main-menu ul>li>ul>li a{color:#333!important;border-bottom-color:rgba(0,0,0,.06)!important}
body.nfx-light #main-menu ul>li>ul>li:hover>a{background:rgba(0,0,0,.04)!important;color:#141414!important}
body.nfx-light .mobile-menu{background:#fff!important}
/* Cards y contenedores */
body.nfx-light .feat-item,body.nfx-light .hot-item .hot-content,body.nfx-light .blog-post,
body.nfx-light .related-item,body.nfx-light #sidebar-wrapper .widget{background:#fff!important;color:#141414!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}
body.nfx-light .post-title a,body.nfx-light .post-title,body.nfx-light h1,body.nfx-light h2,body.nfx-light h3{color:#141414!important}
body.nfx-light .post-body,body.nfx-light .post-body p,body.nfx-light .post-body li{color:#333!important}
body.nfx-light .post-tag,body.nfx-light .item-tag{color:#00BE6E!important}
/* Secciones de la home */
body.nfx-light #hot-wrapper,body.nfx-light #content-wrapper,body.nfx-light #footer-wrapper{background:#f0f0f0!important}
body.nfx-light .hot-title,body.nfx-light .section-title,body.nfx-light #nfx-nuevos .nfx-section-head h3,
body.nfx-light #nfx-pop-head h3{color:#141414!important}
/* Widgets sidebar */
body.nfx-light .widget-title{color:#141414!important;border-bottom-color:#e0e0e0!important}
body.nfx-light #sidebar-wrapper{background:#f0f0f0!important}
/* Footer */
body.nfx-light #footer-wrapper{border-top-color:#ddd!important}
body.nfx-light .footer-widget .widget-title{color:#141414!important}
body.nfx-light .footer-widget p,body.nfx-light .footer-widget a,body.nfx-light #copyright{color:#555!important}
/* Buscador */
body.nfx-light #nav-search{background:rgba(255,255,255,.97)!important}
body.nfx-light #nav-search .search-input{color:#141414!important;border-bottom-color:rgba(0,190,110,.4)!important}
/* Toasts y overlays */
body.nfx-light #nfx-toast{background:#fff!important;color:#141414!important;border-color:#ddd!important}
/* Sección Nuevos Episodios */
body.nfx-light #nfx-nuevos{background:transparent!important}
body.nfx-light .nfx-nw-card{background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important}
body.nfx-light .nfx-nw-card:hover{background:#f7f7f7!important}
body.nfx-light .nfx-nw-card .nfx-nw-info{background:rgba(255,255,255,.95)!important}
body.nfx-light .nfx-nw-title{color:#141414!important}
body.nfx-light .nfx-nw-tag{color:#00BE6E!important}
body.nfx-light .nfx-nw-date{color:#777!important}
/* Sección Populares */
body.nfx-light #nfx-pop-wrap{background:transparent!important}
body.nfx-light .nfx-pop-card{background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important}
body.nfx-light .nfx-pop-card:hover{background:#f7f7f7!important}
body.nfx-light .nfx-pop-sk{background:#e8e8e8!important}
body.nfx-light .nfx-pop-sk-img{background:#ddd!important}
/* Banners de notificación */
body.nfx-light #nfx-notif-banner{background:#fff!important;color:#141414!important;border-color:#ddd!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important}
body.nfx-light #nfx-new-ep-banner{background:#fff!important;color:#141414!important;border-color:#ddd!important;box-shadow:0 -4px 20px rgba(0,0,0,.15)!important}
/* Modal catálogo */
body.nfx-light #nfx-cat-overlay{background:rgba(240,240,240,.98)!important}
body.nfx-light #nfx-cat-overlay .nfx-cat-toolbar{background:#fff!important;border-bottom-color:#ddd!important}
body.nfx-light #nfx-cat-overlay .nfx-cat-title{color:#141414!important}
body.nfx-light #nfx-cat-overlay .nfx-cat-filter{background:#eee!important;color:#555!important;border-color:#ddd!important}
body.nfx-light #nfx-cat-overlay .nfx-cat-filter.active{background:#00BE6E!important;color:#fff!important;border-color:#00BE6E!important}
body.nfx-light #nfx-cat-loader{color:#555!important}
body.nfx-light #nfx-cat-sort{background:#fff!important;border-color:#ccc!important;color:#333!important}
body.nfx-light .nfx-cat-country-filter{background:#eee!important;border-color:#ddd!important;color:#555!important}
body.nfx-light .nfx-cat-country-filter:hover{background:#e0e0e0!important;color:#222!important}
body.nfx-light .nfx-cat-country-filter.active{background:#00BE6E!important;border-color:#00BE6E!important;color:#fff!important}
body.nfx-light #nfx-cat-bottom-loader{color:#555!important}
body.nfx-light #nfx-cat-bottom-loader .spin{border-color:#ddd!important;border-top-color:#00BE6E!important}
body.nfx-light #nfx-cat-header h2{color:#141414!important}
/* Modal compartir */
body.nfx-light #nfx-share-modal{background:rgba(0,0,0,.6)!important}
body.nfx-light #nfx-share-modal-box{background:#fff!important;box-shadow:0 24px 60px rgba(0,0,0,.3)!important}
body.nfx-light #nfx-share-modal-head{border-bottom-color:#eee!important}
body.nfx-light #nfx-share-modal-head h3{color:#141414!important}
body.nfx-light #nfx-share-modal-close{color:#aaa!important}
body.nfx-light #nfx-share-modal-close:hover{color:#141414!important}
body.nfx-light #nfx-share-preview{background:#f7f7f7!important;border-color:#eee!important}
body.nfx-light #nfx-share-preview-body{background:#f7f7f7!important}
body.nfx-light #nfx-share-preview-title{color:#141414!important}
body.nfx-light #nfx-share-url-row{background:#f0f0f0!important;border-color:#ddd!important}
body.nfx-light #nfx-share-url-text{color:#555!important}
body.nfx-light .nfx-sa-cp{background:#eee!important;color:#333!important}
/* Buscador autocomplete */
body.nfx-light #nfx-autocomplete{background:#fff!important;border-top-color:#00BE6E!important}
body.nfx-light .nfx-ac-item{border-bottom-color:#eee!important}
body.nfx-light .nfx-ac-item:hover,body.nfx-light .nfx-ac-item.focused{background:rgba(0,190,110,.07)!important}
body.nfx-light .nfx-ac-info b{color:#141414!important}
body.nfx-light .nfx-ac-info small,body.nfx-light .nfx-ac-empty,body.nfx-light .nfx-ac-header{color:#777!important}
/* Continuar viendo */
body.nfx-light #nfx-continue li{background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}
body.nfx-light #nfx-continue h3{color:#141414!important}
/* Botones flotantes */
body.nfx-light .back-top{background:rgba(255,255,255,.95)!important;border:1px solid #ddd!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important}
body.nfx-light .back-top .nfx-ring-bg{stroke:#ddd!important}
body.nfx-light .back-top .nfx-ring-arrow{color:#141414!important}
body.nfx-light #nfx-mute-btn{background:rgba(255,255,255,.95)!important;border-color:#ddd!important;color:#555!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important}
body.nfx-light #nfx-mute-btn:hover{background:rgba(0,190,110,.1)!important;border-color:#00BE6E!important}
/* Panel sinopsis móvil */
body.nfx-light #nfx-mob-sheet{background:#fff!important;border-top-color:#00BE6E!important}
body.nfx-light #nfx-mob-sheet .ms-title{color:#141414!important}
body.nfx-light #nfx-mob-sheet .ms-desc{color:#555!important}
body.nfx-light #nfx-mob-sheet .ms-handle{background:#ccc!important}
/* Toggle button itself — fluye como item flex dentro de .header-social */
#nfx-theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;z-index:20;color:#e5e5e5;font-size:18px;cursor:pointer;border:none;transition:color .2s;padding:0;line-height:1;flex-shrink:0;border-radius:50%}
#nfx-theme-toggle:hover{color:#fff;background:rgba(255,255,255,.08)}
body.nfx-light #nfx-theme-toggle{color:#555!important}
body.nfx-light #nfx-theme-toggle:hover{color:#141414!important;background:rgba(0,0,0,.08)!important}
/* Panel flotante de share: sólo en desktop con espacio suficiente */
@media screen and (max-width:1100px){
#nfx-share-panel{display:none!important}
}
/* Smooth transition al cambiar — sólo en contenedores, no en elementos animados */
body,#header-wrap,#outer-wrapper,#content-wrapper,#hot-wrapper,#sidebar-wrapper,#footer-wrapper,
.feat-item,.hot-item,.blog-post,.related-item,.widget,.widget-title,
#nfx-nuevos,#nfx-nuevos-cap,#nfx-pop-wrap,#nfx-continue li,.nfx-nw-card,.nfx-cap-card,.nfx-pop-card,
#nfx-toast,#nfx-autocomplete,
#nfx-mob-sheet,.back-top,#nfx-mute-btn,
#nfx-share-modal-box,#nfx-share-preview,#nfx-share-url-row,
#main-menu ul>li>a,#main-menu ul>li>ul,.mobile-menu{
transition-property:background-color,color,border-color,box-shadow;
transition-duration:.3s;
transition-timing-function:ease
}
/* ── MODO OSCURO MEJORADO / REDUCCIÓN DE MOVIMIENTO ─────────────────────── */
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* ── CSS PERFORMANCE: will-change y contain ─────────────────────────────── */
.feat-item{contain:layout style;will-change:transform}
.hot-item{will-change:opacity}
#nfx-progress{will-change:width}
ul.featured-posts{contain:layout}
/* ── PREFETCH VISUAL: cursor loading en links ────────────────────────────── */
a.nfx-prefetching{opacity:.7}
/* ── SINOPSIS MÓVIL — panel inferior deslizante ─────────────────────────── */
#nfx-mob-sheet{position:fixed;bottom:0;left:0;right:0;background:#181818;border-top:2px solid #00BE6E;border-radius:12px 12px 0 0;padding:18px 20px 28px;z-index:10000;transform:translateY(110%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:65vh;overflow-y:auto}
#nfx-mob-sheet.open{transform:translateY(0)}
#nfx-mob-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s}
#nfx-mob-sheet-overlay.open{opacity:1;pointer-events:all}
#nfx-mob-sheet .ms-tag{font-size:10px;color:#00BE6E;font-weight:900;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px}
#nfx-mob-sheet .ms-title{font-size:16px;font-weight:700;color:#fff;display:block;margin-bottom:8px;line-height:1.3}
#nfx-mob-sheet .ms-desc{font-size:13px;color:#aaa;line-height:1.6;margin:0 0 14px}
#nfx-mob-sheet .ms-btn{display:block;width:100%;padding:12px;background:#00BE6E;color:#fff;font-weight:700;font-size:14px;text-align:center;border-radius:4px;text-decoration:none;border:none;cursor:pointer}
#nfx-mob-sheet .ms-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#666;font-size:20px;cursor:pointer;line-height:1}
#nfx-mob-sheet .ms-handle{width:36px;height:4px;background:#333;border-radius:2px;margin:0 auto 16px;display:block}
@media(min-width:769px){#nfx-mob-sheet,#nfx-mob-sheet-overlay{display:none!important}}
/* ── TECLADO ACCESO RÁPIDO — aviso visual ─────────────────────────────────── */
#nfx-key-hint{position:fixed;top:80px;right:20px;background:rgba(20,20,20,.92);border:1px solid #333;border-radius:6px;padding:10px 14px;font-size:11px;color:#888;z-index:9990;opacity:0;transition:opacity .4s;pointer-events:none;line-height:1.7}
#nfx-key-hint b{color:#e5e5e5}
#nfx-key-hint.visible{opacity:1}
/* ── EPISODIOS VISTOS ─────────────────────────────────────────────────────── */
.sr-ep.nfx-watched{opacity:.55}
.sr-ep.nfx-watched .sr-ep-icon::after{content:'\2714';color:#00BE6E;font-size:11px;font-weight:700}
.sr-ep.nfx-watched .sr-ep-icon{border-color:#00BE6E;background:rgba(0,190,110,.15);color:transparent}
.nfx-ep-reset{background:none;border:1px solid #555;color:#888;border-radius:3px;padding:4px 10px;font-size:11px;cursor:pointer;margin-bottom:14px;float:right;transition:all .2s}
.nfx-ep-reset:hover{border-color:#00BE6E;color:#00BE6E}
]]>
.container{display:flex;margin:0}
body#layout #main-wrapper{width:66.66%;padding:0}
body#layout #sidebar-wrapper{width:33.33%;padding:0}
body#layout .sidebar .widget,body#layout .sidebar .widget-content{float:none;overflow:visible}
body#layout .footer-widgets-wrap{display:flex}
body#layout .footer-widgets-wrap div.footer{width:100%}
body#layout .locked-widget .widget-content, body#layout .draggable-widget .widget-wrap3, body#layout .draggable-widget .widget-wrap2, body#layout .sidebar .widget-content {border-radius: 10px;}
/*------Layout (end)----------*/
]]>
NONE
boxedVersion
false
<style type='text/css'>
#outer-wrapper{max-width:1020px}
</style>
24
NONE
commentsSystem
blogger , disqus , facebook u hide
disqusShortname
true o false
postPerPage
Doramas
fixedSidebar
<script type='text/javascript'>
//<![CDATA[
var postPerPage = ;
var fixedSidebar = ;
var commentsSystem = "";
var disqusShortname = "";
//]]>
</script>
random/hot-posts,Tecnologia/hot-posts,recent/hot-posts
]]>
8/Drama/featured
5/Animación/featured
10/Acción/featured
]]>
Comentarios
false
de
TextAndImage
false
1x1
false
false
1
#ffffff
false
#ffffff
false
#ffffff
Location:
false
#ffffff
#ffffff
true
Etiquetas
false
false
false
Disabled
Disabled
Disabled
Disabled
Disabled
![]()
-
Disabled
"image": {
"@type": "ImageObject",
"url": "",
"height": 630,
"width": 1200
"url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/w1200/",
"height": 348,
"width": 1200
},
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
"width": 206,
"height": 60
}
},
Disabled
