<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.locale.languageDirection' expr:lang='data:blog.locale.language' prefix='og: http://ogp.me/ns#' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<!-- Canvas.xml v1.10.0 | github.com/zkreations/canvas.xml -->
<head>
<meta content='never' name='referrer'/>
<!-- Basic data -->
<meta expr:charset='data:blog.encoding'/>
<meta expr:content='data:view.isHomepage ? "website" : "article"' property='og:type'/>
<!-- Responsive viewport -->
<meta content='width=device-width,initial-scale=1' name='viewport'/>
<!-- App name -->
<meta expr:content='data:blog.title' name='application-name'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<!-- Meta Referrer Tag -->
<meta content='unsafe-url' name='referrer'/>
<!-- Type of twitter card -->
<meta content='summary_large_image' name='twitter:card'/>
<!-- favicon -->
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<!-- Url canonical -->
<meta expr:content='data:view.url.canonical' property='og:url'/>
<link expr:href='data:view.url.canonical' rel='canonical'/>
<!-- Descripcion -->
<b:if cond='data:view.description'>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<meta expr:content='data:view.description.escaped' name='description'/>
</b:if>
<b:if cond='data:view.isError or data:view.isArchive or data:view.isSearch'>
<meta content='noindex,follow' name='robots'/>
</b:if>
<!-- Featured Image -->
<b:if cond='data:widgets'>
<b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map (p => p.featuredImage)' var='imageUrl'>
<meta expr:content='resizeImage(data:imageUrl,1200,"1200:630")' property='og:image'/>
</b:loop>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
</b:if>
<!-- Title -->
<b:with value='data:view.isError ? data:messages.theresNothingHere : data:view.title.escaped' var='title'>
<meta expr:content='data:title' property='og:title'/>
<meta expr:content='data:title' name='twitter:title'/>
<title><data:title/></title>
</b:with>
<!-- Feeds -->
<b:if cond='data:blog.feedLinks'>
<b:with value='path(data:blog.homepageUrl.canonical,"feeds/posts/default")' var='feeds'>
<link expr:href='data:feeds' rel='alternate' title='Atom 1.0' type='application/atom+xml'/>
<link expr:href='data:feeds params {alt: "rss"}' rel='alternate' title='RSS 2.0' type='application/rss+xml'/>
</b:with>
</b:if>
<link crossorigin='anonymous' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css' integrity='sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==' referrerpolicy='no-referrer' rel='stylesheet'/>
<link href='https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css' rel='stylesheet'/>
<!-- AdSense -->
<b:if cond='data:widgets.AdSense.first or data:blog.adsenseClientId'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
</b:if>
<!-- Sitelinks Searchbox -->
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "<data:blog.homepageUrl.canonical/>",
"potentialAction": {
"@type": "SearchAction",
"target": "<data:blog.searchUrl/>?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<b:skin><![CDATA[
/*!
=> Theme Name: BStream ES
=> Theme URI: https://demo-bstream-es.blogspot.com/
=> Author: FlixThemes
=> Author URI: https://www.flixthemes.com/
=> Version: 1.2.0
=> License: Creative Commons Atribucion-NoComercial 4.0 Internacional
=> License URI: http://creativecommons.org/licenses/by-nc/4.0/
*/
/*Fix: Unnecessary elements removed*/
.widget-item-control,.item-control.blog-admin,
.continue,.loadmore,.thread-chrome.thread-collapsed,
.singleton-element:not(.cookie-choices-info),
.noAllowNewComments .comment-reply,
.comments .hidden {display:none}
/*Fix: Show lightbox*/
.CSS_LIGHTBOX{z-index:90001!important}
/*Fix: Responsive images*/
a[style^=margin-left],
a[imageanchor]:not([style*=float]) {
margin-right: 0 !important;
margin-left: 0 !important;
}
.widget-content img,
img[data-original-height],
img[data-original-width] {height: auto;}
/*Fix: Responsive videos*/
.BLOG_video_class, .b-hbp-video, .b-uploade {
max-width: 100%;
}
/*Fix: Comment Editor*/
#comment-editor{
border:0;
width:100%;
min-height:220px
}
/* Configurations
====================
<!-- General Options -->
<Variable name="config.comments" description="comentarios" type="string" default="disqus" value="disqus"/>
<Variable name="config.shortname" description="Shortname de Disqus" type="string" default="shortname" value="anfegdev"/>
<Group description="Colores Principales" selector="body">
<Variable name="brandColor1" description="Color principal" type="color" default="#f41b3b" value="#f41b3b"/>
<Variable name="fondo1" description="Primer fondo" type="color" default="#000" value="#000000"/>
<Variable name="fondo2" description="Segundo fondo" type="color" default="#181818" value="#181818"/>
<Variable name="fondo3" description="Tercer fondo" no" default="#4f4e50" value="#4f4e50"/>
<Variable name="fondo4" description="Cuarto fondo" type="color" default="#807e81" value="#807e81"/>
</Group>
*/
:root{
--font:"Poppins",sans-serif;
--main-color:var(--brand-color-1);
--brand-color-1:$(brandColor1);
--black-1:$(fondo1);
--black-2:$(fondo2);
--black-3:$(fondo3);
--black-4:$(fondo4);
--text-color:255,255,255;
--swiper-theme-color:var(--main-color)}
.thotbuzzloginwrap{width:100%;height:100%;position:fixed;left:0;top:0;z-index:9999999999;background:linear-gradient(-45deg,#23a6d5,#23d5ab,#f09800,#e6af19);background-size:400% 400%;animation:gradient 10s ease infinite} @keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} .thotbuzzloginwrap.hidden{display: none} #thotbuzzlogin{position:absolute;border-radius:8px;width:400px;padding:30px;display:block;transform:translate(-50%,-50%);top:50%;left:50%;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);border-radius:10px;box-shadow:0 25px 45px rgba(0,0,0,0.2);color:#fff} .thotbuzzjudul{font-size:25px;font-weight: bold;} #thotbuzzlogin input[type="text"],#thotbuzzlogin input[type="password"]{padding:10px;border-radius:5px;margin:10px 0;width:95%;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.2);color:#fff} #username::-webkit-input-placeholder,#password::-webkit-input-placeholder{color:#fff;} #thotbuzzlogin input[type="text"]:focus,#thotbuzzlogin input[type="password"]:focus{outline:none} button.login{color:#000;font-weight:bold;padding:10px;border-radius:5px;border:none;outline:none;border: 1px solid rgba(255, 255, 255, 0.2);background:#fff;transition: 1.5s} button.login:hover{background: rgba(255, 255, 255, 0.2);color:#fff;transition: .5s} .icon1{position:absolute;margin-top:20px;right:55px;z-index: 1} .icon2{position:absolute;margin-top:20px;right:55px;opacity: 0} svg.thotbuzz{width:24px;height::24px;fill:#fff} @media screen and (max-width:480px){#thotbuzzlogin{width:350px}}
]]></b:skin>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
/* => Your Layout Styles */
header{display:none}
]]></b:template-skin>
</b:if>
<style type='text/css'>/*<![CDATA[*/
/* => CSS Global */
/*]]>*/</style>
<style>
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap);*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;color:rgb(var(--text-color));font-family:var(--font)}body{min-height:100vh;background:var(--black-1)}.global-wrapper-container{display:flex;gap:20px;flex-direction:column;justify-content:space-between;height:100%;min-height:100vh}.p20{padding:20px}.footer{text-align:center;padding:20px} a{-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/*Header Navbar*/
.components-wrapper .header{box-shadow:0 4px 30px rgb(0,0,0,.1);border-radius:10px}.header{display:flex;justify-content:space-between;align-items:center;font-size:20px;background:var(--black-1);max-width:90%;margin:0 auto;position:relative}.header__logo{color:rgb(var(--text-color),1);padding:10px 0;font-size:30px;display:flex;align-items:center}.header__logo img{max-height:50px}.header__logo span{color:var(--main-color)}.header__nav{display:flex;align-items:center;justify-content:center;gap:50px;flex-grow:3}.header__nav-menu{display:flex;align-items:center;gap:30px}.header__nav-menu li{position:relative}.nav-menu__item,.nav-menu__item i{color:rgb(var(--text-color),.5);font-size:16px;transition:color 0.3s ease;height:100%;padding:15px 0;display:inline-block;transition:color 0.4s ease}.nav-menu__item.nav-menu__item--active,.nav-menu__item.nav-menu__item--active i{color:rgb(var(--text-color),1)}.header__nav-menu li:hover>.nav-menu__item,.header__nav-menu li:hover .nav-menu__item i{color:rgb(var(--text-color),1)}.header__searcher{display:flex;justify-content:flex-end;flex:1 1 0%}.search-btn,.close-btn,.menu-btn{display:flex;justify-content:center;align-items:center;padding:0;font-size:25px;background:none;outline:none;border:none;cursor:pointer}.menu-btn{margin-right:10px;display:none}.sub-menu{display:block;position:absolute;left:0;transform:translateX(-50px);margin-left:auto;margin-right:auto;width:200px;border-radius:0 0 5px 5px;font-size:16px;overflow:hidden;background:var(--black-1);z-index:1;visibility:hidden;opacity:0;z-index:-1;transition:opacity 0.2s ease,visibility 0.1s ease}.sub-menu li a{padding:20px;display:block}.sub-menu li:not(:last-child) a{border-bottom:1px solid #000}.sub-menu li a:hover{background:var(--black-2)}a .sub-menu-icon{margin-left:7px;transition:transform 0.3s ease-in-out;font-size:13px}.header__nav-menu li:hover>.sub-menu{visibility:visible;opacity:1;z-index:999}.header__nav-menu li:hover>a .sub-menu-icon{transform:rotate(90deg)}.header.logo-menu{gap:30px}.header.logo-menu .header__logo,.header.logo-menu .header__nav{order:1;flex-grow:0}.header.logo-menu .header__searcher{order:1}@media only screen and (max-width:870px){.menu-btn{display:inline-block;margin-right:20px}.header__nav{display:block;position:fixed;top:0;left:0;width:auto;height:100vh;z-index:999;background:var(--black-2);margin-left:-300px;transition:margin-left .3s ease}#menu-closer{position:fixed;top:0;left:0;display:block;height:100vh;z-index:998;width:100%;background:rgba(0,0,0,.74);backdrop-filter:blur(5px);display:none}.header__nav.active{transition:margin-left .3s ease;margin-left:0}.header__nav-menu{height:100%;z-index:999;flex-grow:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0}.nav-menu__item{display:block;padding:15px 40px;width:100%}.header__nav-menu li{display:flex;flex-direction:column;width:100%}.sub-menu{display:block;position:unset;transform:translateX(0);margin:0;width:auto;border-radius:0;border-top:0;visibility:visible;opacity:1;z-index:inherit;background:var(--black-2);height:0;transition:height .3s ease-in-out}.sub-menu.sub-menu-active{height:auto}.header__nav-menu li:hover>.sub-menu{visibility:visible;opacity:1}.header__nav-menu li:hover>a .sub-menu-icon{transform:rotate(90deg)}.nav-menu__item,.nav-menu__item i{height:inherit}.nav-menu__item{padding:5px 30px;border-radius:10px}.nav-menu__item i{margin-right:10px}.header__nav-menu li{padding:10px}.sub-menu li a{padding:5px 40px;color:rgb(var(--text-color),.6)}.sub-menu li:not(:last-child) a{border-bottom:none}.sub-menu li a:hover{color:rgb(var(--text-color),1)}.header__nav-menu .nav-menu__item:not(:first-child){border-top:1px solid #000}.nav-menu__item.nav-menu__item--active,.nav-menu__item.nav-menu__item--active i{background:var(--black-3)}}
/*Searcher*/
.searcher-action{display:flex;align-items:center;gap:20px;position:absolute;top:0;left:0;width:100%;height:100%;margin-top:-500px;transition:margin-top 0.2s ease-in-out}.bs-search{display:block;width:calc(100% - 30px);height:60%}.bs-search input{width:100%;height:100%;border-radius:10px;overflow:hidden;padding:20px;outline:none;text-transform:capitalize;background:rgba(255,255,255,.2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);font-size:16px}.bs-search input::placeholder{color:rgba(var(--text-color),.6);text-transform:none}.close-btn>i.fa-close{font-size:30px}.header__logo,.header__nav,.search-btn{transition:opacity 0.3s ease-in-out}.hide-header .header__logo,.hide-header .header__nav,.hide-header .search-btn,.hide-header .menu-btn{opacity:0;z-index:-1}.hide-header .searcher-action{margin-top:0}
/*Cards*/
.LinkList,.cards-sections,#disqus_thread{max-width:90%;margin:0 auto;}.grid-header{display:flex;justify-content:space-between;align-items:center;gap:20px; margin-bottom:20px }.see-all-btn i{margin-left:10px;color:var(--main-color)}.cards-sections .swiper{margin-bottom:70px;margin-top:20px}.LinkList .widget{margin:30px 0;}.cards-sections{margin-top:30px}
.fav-card.skin1{display:grid;grid-template-columns:1fr;background:var(--black-1);position:relative}.fav-card.skin1 .fav-card-info{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%}.fav-card.skin1 .watch-wrapper{display:none}.fav-card.skin1 .fav-card-info h3{width:100%;text-align:center;font-size:25px}.fav-card.skin1 .fav-img img{opacity:.55}
.post-card{border-radius:10px;overflow:hidden;position:relative;display:block}.post-card-title{position:absolute;bottom:0;left:0;padding:20px;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 10%,rgba(0,0,0,.1));display:flex;align-items:flex-end;justify-content:center}.post-card-title h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px}.post-card{background:var(--black-2)}.post-img img{transition:transform .3s ease-in-out}.post-card:hover>.post-img img{transform:scale(1.15)}
.cards-grid{max-width:90%;margin:0 auto;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:20px}.post-img img{width:100%}.post-card{aspect-ratio: 2/3;}@media only screen and (max-width:1550px){.cards-grid{grid-template-columns:repeat(6,1fr)}}@media only screen and (max-width:1260px){.cards-grid{grid-template-columns:repeat(5,1fr)}}@media only screen and (max-width:1000px){.cards-grid{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:800px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:540px){.cards-grid{grid-template-columns:repeat(2,1fr)}}
.casual-wrapper{max-width:90%;margin:20px auto}
/*Temp*/
.blog-pager{display:flex;justify-content:center;align-item:center;gap:15px;margin:20px auto}
.blog-pager a{display:inline-block;padding:5px 5px; border-radius:10px;background: var(--main-color)}
.casual-wrapper h2{text-transform: capitalize}
</style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
:root{--swiper-theme-color:var(--main-color)}.swiper{width:100%;height:100%}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}@media only screen and (max-width:870px){.swiper-button-next,.swiper-button-prev{display:none}}
.bs-card{display:flex;align-items:center;position:relative;padding:20px 5%;height:50vh}.card-cover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;z-index:-1;filter:blur(2px);opacity:.3}.card-content{display:flex;flex-direction:column;gap:20px}.card-tags{font-size:20px}.card-resume{width:70%;opacity:.75}.bs-card .btn{display:inline-block;width:auto;text-align:center;padding:10px 20px;border-radius:5px;font-weight:500;position:relative;overflow:hidden}.bs-card .btn-blur{background:var(--main-color);box-shadow:0 4px 30px rgba(0,0,0,.1)}.bs-card .btn i{margin-right:10px}@media only screen and (max-width:1050px){.bs-card{padding:20px 70px}.card-resume{width:90%}}@media only screen and (max-width:870px){.bs-card{padding:30px;justify-content:center;}.card-content{align-items:center;justify-content:center}.card-content .card-title{font-size:24px;text-align:center}.card-resume{width:100%;font-size:14px;}.card-tags{font-size:16px;text-align:center}}@media only screen and (max-width: 470px) {.card-resume { display: none; }.bs-card{height:40vh}}
/*Favs*/
.favs-grid{display:grid;grid-gap:20px;grid-template-columns:repeat(3,1fr);margin:20px 0;margin-bottom:70px}.fav-img img{width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover}.fav-card{display:grid;grid-template-columns:40% 1fr;background:var(--black-2);border-radius:10px;overflow:hidden}.fav-card-info{display:flex;justify-content:space-between;flex-direction:column;padding:20px;overflow:hidden}.fav-card-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.delete-btn{background:none;border:none;outline:none}.keep-w{background:var(--main-color);display:inline-block;margin-top:20px;padding:10px;cursor:pointer;border-radius:5px;font-size:16px}.keep-w i{margin-right:5px}.not-favs-msg{padding:20px;border-radius:10px;background:var(--black-2);margin:20px 0}@media only screen and (max-width:1300px){.favs-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:870px){.favs-grid{grid-template-columns:repeat(1,1fr)}}
.myCardsB .post-card{aspect-ratio:3/2}
</style>
</b:if>
<b:if cond='data:view.pageId == 123456'><style>.favs-grid{display:grid;grid-gap:20px;grid-template-columns:repeat(3,1fr);margin:20px 0;margin-bottom:70px}.fav-img img{width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover}.fav-card{display:grid;grid-template-columns:40% 1fr;background:var(--black-2);border-radius:10px;overflow:hidden}.fav-card-info{display:flex;justify-content:space-between;flex-direction:column;padding:20px;overflow:hidden}.fav-card-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.delete-btn{background:none;border:none;outline:none}.keep-w{background:var(--main-color);display:inline-block;margin-top:20px;padding:10px;cursor:pointer;border-radius:5px;font-size:16px}.keep-w i{margin-right:5px}.not-favs-msg{padding:20px;border-radius:10px;background:var(--black-2);margin:20px 0}@media only screen and (max-width:1300px){.favs-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:870px){.favs-grid{grid-template-columns:repeat(1,1fr)}}.sub-menu{border-top:3px solid var(--main-color)}@media only screen and (max-width:870px){.sub-menu{border-top:none}}
.favs-grid.alt-cols{grid-template-columns:repeat(5,1fr)}.favs-grid.alt-cols .fav-img img{transition:transform .33s linear}.favs-grid.alt-cols .fav-card:hover .fav-img img{transform:scale(1.2)}@media only screen and (max-width:1550px){.favs-grid.alt-cols{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:1300px){.favs-grid.alt-cols{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:870px){.favs-grid.alt-cols{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:600px){.favs-grid.alt-cols{grid-template-columns:repeat(1,1fr)}.favs-grid.alt-cols .fav-img img{aspect-ratio:2 / 1}}
</style></b:if>
<b:if cond='data:blog.pageType == "item"'>
<!-- all item pages -->
<style>
.post-body-wrapper{max-width:90%;margin:20px auto}.post-header{padding:20px;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:200px 1fr;grid-gap:20px;background:var(--black-2)}.post-header .image-and-btn img{width:100%;border-radius:10px;aspect-ratio:2 / 3;margin-bottom:10px}.bs-favs,.delete-btn{display:block;width:100%;padding:15px 20px;font-size:15px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer}.delete-btn{background:var(--main-color)}.none-btn{display:none}.post-header__info{display:flex;flex-direction:column;gap:25px}.post-header__info ul{display:flex;gap:15px}.post-header__info ul li{display:inline-block;border:1px solid rgba(255,255,255,.1);padding:5px 10px;border-radius:5px;font-weight:500}.post-header__info ul li.tmdb-rate{background:gold;border:1px solid #736201}.tmdb-rate,.tmdb-rate i{color:#000}.post-header__info p.resume{opacity:.7}.sub-menu{border-top:3px solid var(--main-color)}@media screen and (max-width:870px){.post-header{grid-template-columns:1fr;text-align:center}.image-and-btn{width:40%;margin:0 auto;text-align:center}.post-header .image-and-btn img{width:80%;margin:0 auto}.post-header__info{align-items:center}.post-header__info p.resume{text-align:justify}}@media screen and (max-width:490px){.post-header__info ul li{font-size:14px}.image-and-btn{width:70%}.post-header__info{align-items:center}.post-header__info p.resume{text-align:justify}}@media only screen and (max-width: 870px) { .sub-menu { border-top: none; } }
/*Seasons*/
.season-list{margin-top:30px}.select-season{display:flex;align-items:center;margin-bottom:30px;position:relative;gap:20px}.select-season select{background:var(--black-2);outline:none;border:none;padding:10px 20px;font-size:16px;font-weight:400;border-radius:5px;border-right:20px solid transparent}.caps-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;text-align:center;opacity:0;transition:opacity 0.4s ease;overflow:hidden}.caps-grid.animation{opacity:1;animation:fade 1s ease}@keyframes fade{0%{opacity:0}100%{opacity:1}}.hide{display:none}#temps{position:relative}.episode__img{aspect-ratio:3 / 2;background:#111215;border-radius:4px;overflow:hidden;position:relative}.episode__img img{width:100%;aspect-ratio:3 / 2;object-fit:cover;transition:transform 250ms linear;z-index:3;position: inherit;}.episode__info__title{font-size:17px;transition:color 250ms ease;color:var(--white);opacity:.8;margin-top:10px;font-weight:400}.caps-grid li{margin-bottom:20px;position:relative}.caps-grid li:hover>.episode>.episode__img img{transform:scale(1.2)}.caps-grid li:hover>.episode>.episode__img .play-btn-hover{opacity:1}.caps-grid li:hover>.episode>.epsiode__info>.episode__info__title{color:var(--main-color);opacity:.9}.episode__info__duration{position: absolute; top: 0; right: 0; margin: 10px; border-radius: 3px; padding: 3px 5px; background: rgba(0,0,0,.4); font-size: 14px;z-index:4}@media screen and (max-width:1100px){.caps-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:870px){.caps-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:650px){.caps-grid{grid-template-columns:repeat(2,1fr)}}
.episode__no-image{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: grid;
place-items: center;
font-size:60px;z-index:2
}
/*Video*/
.post-body-wrapper{max-width:90%;margin:20px auto}.video-title span{color:var(--main-color)}.bs-video-player{margin-bottom:100px}.player-options{display:flex;gap:10px;margin:20px 0;overflow-x:auto}.player-options li{display:inline-block;padding:10px 20px;background:var(--black-2);border-radius:10px;cursor:pointer}.player-options li.active{background:var(--main-color)}.bs-iframes li{padding:10px;display:none;background:var(--black-2);border-radius:10px;overflow:hidden;aspect-ratio:20 / 7}.bs-iframes li.active{display:block}.bs-iframes iframe{width:100%;height:100%;overflow:hidden;border-radius:10px}.bs-video-controls{display:flex;justify-content:space-between;align-items:center;gap:10px}.control{background:var(--main-color);display:flex;align-items:center;gap:10px;margin-top:20px;padding:10px;cursor:pointer;border-radius:5px;font-size:18px}.sub-menu{border-top:3px solid var(--main-color)}.control-disabled{background:var(--black-2);-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}@media only screen and (max-width:870px){.sub-menu{border-top:none}}@media only screen and (max-width:1050px){.bs-iframes li{aspect-ratio:16 / 9}}@media only screen and (max-width:580px){.player-options li,.control{font-size:15px;padding:5px 10px;border-radius:2px}}
</style>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<!-- all error pages-->
<style>.post-body-wrapper{max-width:90%;margin:20px auto}.bs-error{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;height:70vh}.bs-error h1{font-size:100px}.bs-error p{font-size:40px}.go-to-home{display:inline-block;background:var(--main-color);padding:10px 20px;font-size:30px;margin-top:40px;border-radius:10px}@media only screen and (max-width:870px){.sub-menu{border-top:none}.bs-error h1{font-size:80px}.bs-error p{font-size:30px}.go-to-home{font-size:20px}}@media only screen and (max-width:950px){.bs-iframes li{aspect-ratio:16 / 9}}.sub-menu{border-top:3px solid var(--main-color)}@media only screen and (max-width:870px){.sub-menu{border-top:none}}</style>
</b:if>
<meta content='never' name='referrer'/>
</head>
<body>
<div id='menu-closer'/>
<!-- Posts -->
<div class='global-wrapper-container'>
<div class='the-main'>
<header class='header logo-menu' id='ft-header'>
<a class='header__logo' expr:href='data:blog.homepageUrl'>
<button class='menu-btn' id='menu-btn'><i class='fa-solid fa-bars'/></button>
<span>B</span>
Stream
<!--<img alt='' border='0' data-original-height='72' data-original-width='201' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Oj-_7_jpRM6q9tSqXndkW-zv41ZTuc_W31g1ZTmvMYhrasm7MO5x6EfUvMSG41XzN2nuasaftUEeLpiMtPA9x5GbMAg98UtSqABfXJmnOqzTxs7Yw7Yjz6WvmvIvm5LjNx3CV896CoPOq_aYP6qN9IfVALcFFdpHwrO8_sxUCzplXZqz4K7TvPrW/s1600/logo.png'/>-->
</a>
<nav class='header__nav' id='bs-nav'>
<ul class='header__nav-menu'>
<li><a class='nav-menu__item' expr:href='data:blog.homepageUrl'><b:class cond='data:view.isHomepage' name='nav-menu__item--active'/><i class='fa-solid fa-house'/> Inicio</a>
</li>
<li>
<a class='nav-menu__item' href='#!'><i class='fa-solid fa-tv'/> Series </a>
</li>
<li>
<a class='nav-menu__item' href='#!'><i class='fa-solid fa-film'/> Peliculas </a>
</li>
<li><a class='nav-menu__item' href='/p/mi-lista.html'><b:class cond='data:view.pageId == 123456' name='nav-menu__item--active'/><i class='fa-regular fa-heart'/> Mi lista</a></li>
</ul>
</nav>
<div class='header__searcher'>
<button class='search-btn' id='search-btn'><i class='fa-solid fa-search'/></button>
<div class='searcher-action'>
<form action='/search' autocomplete='off' class='bs-search' id='searchbox' method='get'>
<input autocomplete='off' id='bs-search' name='q' placeholder='Buscar...' type='text'/>
<input name='max-results' type='hidden' value='28'/>
</form>
<button class='close-btn' id='close-btn'><i class='fa-solid fa-close'/></button>
</div>
</div>
</header>
<b:if cond='data:blog.pageType == "error_page"'>
<div class='bs-error'>
<h1>ERROR 404</h1>
<p>No se encontró la página!</p>
<a class='go-to-home' expr:href='data:blog.homepageUrl'>Ir al inicio!</a>
</div>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Featured posts -->
<div class='swiper mySwiper'>
<div class='swiper-wrapper'>
<!--AQUÍ VAN LOS HTML DE LOS SLIDERS-->
</div>
<div class='swiper-pagination'/>
<div class='swiper-button-next'/>
<div class='swiper-button-prev'/>
</div>
<div class='cards-sections'>
<div class='grid-body'>
<!-- Slider header -->
<div class='grid-header'>
<h2 class='bs-section-title'>Mi lista</h2>
<a class='see-all-btn' href='/p/mi-lista.html'>Ver mas <i class='fa-solid fa-arrow-right'/></a>
</div>
<!-- Favs slider -->
<div id='favs-viewer'>
<div class='swiper myFavs'>
<div class='swiper-wrapper'/>
</div>
</div>
<!-- Favs Slider ends -->
</div>
</div>
</b:if>
<div class='bs-blogger'>
<!-- Entradas -->
<b:section id='Blog'>
<b:widget cond='data:view.isHomepage' id='LinkList201' locked='false' title='Secciones Poster' type='LinkList' version='1'>
<b:includable id='main'>
<b:loop values='data:links' var='i'>
<div class='widget'>
<div class='widget-header sectionIndicator grid-header'>
<h2 class='widget-title bs-section-title'><data:i.name/></h2>
<a class='wjs-section__more see-all-btn' expr:href='+("/search/label/",data:i.target,"?max-results=21")' rel='nofollow'>Ver mas <i class='fa-solid fa-arrow-right'/></a>
</div>
<div class='widget-content swiper myCards'>
<div class='wjs-section swiper-wrapper' data-max-results='14' expr:data-category='data:i.target'>
<svg class='circular' xmlns='http://www.w3.org/2000/svg'><circle class='path'/></svg>
</div><!-- .wjs-section -->
</div><!-- .widget-content -->
</div><!-- .widget -->
</b:loop>
<link href='//cdn.jsdelivr.net/gh/zero20659/danielhost@1/labs/spinner.min.css' rel='stylesheet'/>
<script>//<![CDATA[
'use strict';
var callbacks = {};
var defaults = {
homeUrl: window.location.protocol + '//' + window.location.hostname, // Url blog
image: 'img/no-img-blogger.png', // Imagen por defecto
className: '.swiper-wrapper',
snippet: 100, // Cantidad texto para el resumen
imgSize: 'w300-h450-p-k-no-nu', // Cantidad texto para el resumen
};
var section = {
'category': null,'max-results': 12,template:{
default:'<div class="swiper-slide"><a href="URL" class="post-card"><div class="post-img"><img src="IMG" alt="fav" class="bs-image-loader" loading="lazy"></div><div class="post-card-title"><h3>TITLE</h3></div></a></div>',
empty:'<p class="wjs1-alert">No se han encontrado entradas</p>'
}
};
function forEach(items,callback){var i,item;for(i=0;item=items[i++];)if(false===callback.call(item,i,item))break;return items}function getCurrentData(element){var name,value;var obj={};for(name in section){value=element.getAttribute("data-"+name);if(value)obj[name]=value}return obj}function temp(content,data){var name;for(name in data)content=content.replace(new RegExp(name, "g"),data[name]);return content}
function getLabel(element,data){var name;var category=data.category;var script=document.createElement("script");var src=defaults.homeUrl+"/feeds/posts/default?alt=json-in-script&callback=callbacks."+category;callbacks[category]=function(json){var i,post;var html="";var entry=json.feed.entry;if(entry)for(i=0;post=entry[i++];){var content=post.content;var summary=post.summary;var body=content?content.$t:summary.$t;var img=post.media$thumbnail;var tempHtml=document.createElement("div");tempHtml.innerHTML=
body;var imgHtml=tempHtml.querySelector("img");html+=temp(data.template,{IMG:(img?img.url:imgHtml?imgHtml.src:defaults.image).replace(/s\B\d{2,4}-c/,defaults.imgSize),TITLE:post.title.$t,TIME:(new Date(post.published.$t)).toLocaleDateString("es-ES",{month:"long",day:"2-digit"}),SNIPPET:body.replace(/<[^>]*>?/g,"").substring(0,defaults.snippet)+"...",URL:function(){var i,link;for(i=0;link=post.link[i++];)if(link.rel==="alternate")return link.href}})}else html+=section.template.empty;element.innerHTML=
html};for(name in data)if(name!=="template")src+="&"+name+"="+data[name];script.src=src;document.body.appendChild(script)}forEach(document.querySelectorAll(defaults.className),function(index,element){var currentData=getCurrentData(element);if(currentData.category){if(!currentData["max-results"])currentData["max-results"]=section["max-results"];currentData.template=section.template["default"];getLabel(element,currentData)}});
//]]>
</script>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>3</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>true</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- Basic structure of example. You can delete from here {{ -->
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div class='casual-wrapper'>
<h2 id='main-id-header'>
<b:if cond='data:view.isSearch and not data:view.isLabelSearch'>
Resultados de búsqueda:
<b:elseif cond='data:view.isLabelSearch'/>
<data:view.search.label/>
<b:else/>
<data:title/>
</b:if>
</h2></div>
<div class='cards-grid'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:view.isSearch'>
<!-- include normal -->
<b:include cond='data:post.labels none (l => l.name == "episodio")' data='post' name='post'/>
<b:else/>
<!-- Single tag -->
<b:include cond='data:post.labels none (l => l.name == "episodio")' data='post' name='post'/>
</b:if><!-- Include posts -->
</b:loop>
</div>
<b:include name='postPagination'/><!-- Include pagination -->
</b:if>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/><!-- Include posts -->
<b:include data='post' name='comments'/><!-- Include comments -->
</b:loop>
</b:if>
<!-- }} Up to this point -->
</b:includable>
<b:includable id='aboutPostAuthor'><!-- disable --></b:includable>
<b:includable id='addComments'><!-- disable --></b:includable>
<b:includable id='blogThisShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='bylineByName' var='byline'>
<b:switch var='data:byline.name'>
<b:case value='share'/>
<b:include cond='data:post.shareUrl' name='postShareButtons'/>
<b:case value='comments'/>
<b:include cond='data:post.allowComments' name='postCommentsLink'/>
<b:case value='location'/>
<b:include cond='data:post.location' name='postLocation'/>
<b:case value='timestamp'/>
<b:include cond='not data:view.isPage' name='postTimestamp'/>
<b:case value='author'/>
<b:include name='postAuthor'/>
<b:case value='labels'/>
<b:include cond='data:post.labels' name='postLabels'/>
<b:case value='icons'/>
<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
</b:switch>
</b:includable>
<b:includable id='bylineRegion' var='regionItems'>
<b:loop values='data:regionItems' var='byline'>
<b:include data='byline' name='bylineByName'/>
</b:loop>
</b:includable>
<b:includable id='commentAuthorAvatar'><!-- disable --></b:includable>
<b:includable id='commentDeleteIcon' var='comment'><!-- disable --></b:includable>
<b:includable id='commentForm' var='post'><!-- disable --></b:includable>
<b:includable id='commentFormIframeSrc' var='post'><!-- disable --></b:includable>
<b:includable id='commentItem' var='comment'><!-- disable --></b:includable>
<b:includable id='commentList' var='comments'><!-- disable --></b:includable>
<b:includable id='commentPicker' var='post'>
<div class='comments' id='comments'>
<b:class cond='!data:post.allowNewComments' name='noAllowNewComments'/>
<div class='comments-content'>
<div id='comment-holder'><data:post.commentHtml/></div>
<b:include data='post' name='threadedCommentJs'/>
</div>
<b:include data='post' expr:name='data:post.allowNewComments ? "threadedCommentForm" : "status-message"'/>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<b:if cond='data:post.allowComments'>
<b:include data='post' expr:name='data:view.isPreview ? "status-message" : "comments-" + data:skin.vars.config_comments'/>
</b:if>
</b:includable>
<b:includable id='comments-blogger' var='post'>
<b:include data='post' name='commentPicker'/>
</b:includable>
<b:includable id='comments-disqus' var='post'>
<div id='disqus_thread'/>
<script>
var disqus_shortname = "<data:skin.vars.config_shortname/>",
disqus_config = function(){
this.page.url = "<data:view.url.canonical/>";
this.page.title = "<data:view.title.escaped/>";
};//<![CDATA[
(function() {
var d = document, s = d.createElement('script');
s.async = true;s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());(d.head || d.body).appendChild(s);
})();//]]>
</script>
</b:includable>
<b:includable id='comments-facebook' var='post'>
<div class='fb-comments' data-colorscheme='light' data-numposts='10' data-width='100%' expr:data-href='data:view.url.canonical'/>
</b:includable>
<b:includable id='commentsLink'>
<a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:if cond='data:post.numberOfComments > 0'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
<b:else/>
<data:messages.postAComment/>
</b:if>
</a>
</b:includable>
<b:includable id='commentsLinkIframe'>
<!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='commentsTitle'><!-- disable --></b:includable>
<b:includable id='defaultAdUnit'>
<ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: "display: block;"'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:includable>
<b:includable id='emailPostIcon'>
<span class='byline post-icons'>
<!-- email post links -->
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>
</a>
</span>
</span>
</b:includable>
<b:includable id='facebookShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='feedLinks'><!-- disable --></b:includable>
<b:includable id='feedLinksBody' var='links'><!-- disable --></b:includable>
<b:includable id='footerBylines'>
<b:if cond='data:widgets.Blog.first.footerBylines'>
<b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
<b:if cond='not data:region.items.empty'>
<div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'>
<b:with value='"footer-" + (data:i + 1)' var='regionName'>
<b:include data='region.items' name='bylineRegion'/>
</b:with>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='googlePlusShare'>
</b:includable>
<b:includable id='headerByline'>
<b:if cond='data:widgets.Blog.first.headerByline'>
<div class='post-header'>
<div class='post-header-line-1'>
<b:with value='"header-1"' var='regionName'>
<b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
</b:with>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='homePageLink'><!-- disable --></b:includable>
<b:includable id='iframeComments' var='post'><!-- disable --></b:includable>
<b:includable id='inlineAd' var='post'><!-- disable --></b:includable>
<b:includable id='linkShare'>
<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='nextPageLink'>
<a expr:href='data:olderPageUrl'><data:messages.older/></a>
</b:includable>
<b:includable id='otherSharingButton'>
<span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
<b:with value='{key: "sharingOther"}' var='platform'>
<b:include name='sharingPlatformIcon'/>
</b:with>
<span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
</span>
</b:includable>
<b:includable id='platformShare'>
<a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'>
<span class='share-button-link-text'>
<data:platform.shareMessage/>
</span>
</a>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:view.isMultipleItems'>
<!--{{ Pagina principal }}-->
<a class='post-card' expr:href='data:post.url'>
<div class='post-img'><img expr:alt='data:post.title' expr:src='data:post.featuredImage'/></div>
<div class='post-card-title'><h3><data:post.title/></h3></div>
</a>
<b:elseif cond='data:view.isPost'/>
<!--{{ Entradas }}-->
<div class='post-body-wrapper'><data:post.body/></div>
<b:elseif cond='data:view.isPage'/>
<!--{{ Pagina independiente }}-->
<data:post.body/>
</b:if>
</b:includable>
<b:includable id='postAuthor'>
<span class='byline post-author vcard'>
<span class='post-author-label'>
<data:byline.label/>
</span>
<span class='fn'>
<b:if cond='data:post.author.profileUrl'>
<meta expr:content='data:post.author.profileUrl'/>
<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
<span><data:post.author.name/></span>
</a>
<b:else/>
<span><data:post.author.name/></span>
</b:if>
</span>
</span>
</b:includable>
<b:includable id='postBody' var='post'><!-- disable --></b:includable>
<b:includable id='postBodySnippet' var='post'><!-- disable --></b:includable>
<b:includable id='postCommentsAndAd' var='post'><!-- disable --></b:includable>
<b:includable id='postCommentsLink'><!-- disable --></b:includable>
<b:includable id='postFooter' var='post'><!-- disable --></b:includable>
<b:includable id='postFooterAuthorProfile' var='post'><!-- disable --></b:includable>
<b:includable id='postHeader' var='post'><!-- disable --></b:includable>
<b:includable id='postJumpLink' var='post'><!-- disable --></b:includable>
<b:includable id='postLabels'>
<span class='byline post-labels'>
<span class='byline-label'><data:byline.label/></span>
<b:loop index='i' values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:loop>
</span>
</b:includable>
<b:includable id='postLocation'>
<span class='byline post-location'>
<data:byline.label/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</span>
</b:includable>
<b:includable id='postMeta' var='post'><!-- disable --></b:includable>
<b:includable id='postMetadataJSONImage'>
"image": {
"@type": "ImageObject",
<b:if cond='data:post.featuredImage.isResizable'>
"url": "<b:eval expr='resizeImage(data:post.featuredImage, 1200, "1200:630")'/>",
"height": 630,
"width": 1200
<b:else/>
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200",
"height": 348,
"width": 1200
</b:if>
},
</b:includable>
<b:includable id='postMetadataJSONPublisher'>
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",
"width": 206,
"height": 60
}
},
</b:includable>
<b:includable id='postPagination'>
<b:tag class='blog-pager' cond='data:newerPageUrl or data:olderPageUrl' id='blog-pager' name='div'>
<b:include cond='data:newerPageUrl' name='previousPageLink'/>
<b:include cond='data:olderPageUrl' name='nextPageLink'/>
</b:tag>
</b:includable>
<b:includable id='postReactions'>
<!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='postShareButtons'>
<div class='byline post-share-buttons goog-inline-block'>
<b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>
<!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
<b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>
</b:with>
</div>
</b:includable>
<b:includable id='postTimestamp'>
<span class='byline post-timestamp'>
<data:byline.label/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
<data:post.date/>
</time>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='postTitle' var='post'><!-- disable --></b:includable>
<b:includable id='previousPageLink'>
<a expr:href='data:newerPageUrl'><data:messages.newer/></a>
</b:includable>
<b:includable id='sharingButton'>
<span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
<b:include name='sharingPlatformIcon'/>
<span class='platform-sharing-text'><data:platform.name/></span>
</span>
</b:includable>
<b:includable id='sharingButtonContent'>
<div class='flat-icon-button ripple'>
<b:include name='shareIcon'/>
</div>
</b:includable>
<b:includable id='sharingButtons'>
<div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'>
<button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'>
<b:include name='sharingButtonContent'/>
</button>
<b:include name='sharingButtonsMenu'/>
</div>
</b:includable>
<b:includable id='sharingButtonsMenu'>
<div class='share-buttons-container'>
<ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'>
<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>
<li>
<b:include name='sharingButton'/>
</li>
</b:loop>
<li aria-hidden='true' class='hidden'>
<b:include name='otherSharingButton'/>
</li>
</ul>
</div>
</b:includable>
<b:includable id='sharingPlatformIcon'>
<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
</b:includable>
<b:includable id='status-message'>
<b:eval expr='data:view.isPreview ? data:messages.widgetNotAvailableInPreview : data:post.noNewCommentsText'/>
</b:includable>
<b:includable id='threadedCommentForm' var='post'>
<div class='comment-form'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' src=''/>
<data:post.cmtfpIframe/>
<script>BLOG_CMT_createIframe("<data:post.appRpcRelayPath/>");</script>
</div>
</b:includable>
<b:includable id='threadedCommentJs' var='post'>
<script async='async' expr:src='data:post.commentSrc'/>
<b:template-script inline='true' name='threaded_comments'/>
<b:if cond='data:post.showThreadedComments'>
<script>blogger.widgets.blog.initThreadedComments(
<data:post.commentJso/>,
<data:post.commentMsgs/>,
<data:post.commentConfig/>);//<![CDATA[
var a = document.getElementsByClassName("avatar-image-container");
for (i = 0; i < a.length; i++) a[i].childNodes[0].setAttribute("src", a[i].childNodes[0].getAttribute("src").replace(/s\B\d{2,4}/, "s80"));
//]]></script>
</b:if>
</b:includable>
<b:includable id='threadedComments' var='post'><!-- disable --></b:includable>
</b:widget>
</b:section>
<b:section id='bs-banners'>
<b:widget cond='data:view.isHomepage' id='LinkList202' locked='false' title='Secciones Banner' type='LinkList' version='1'>
<b:includable id='main'>
<b:loop values='data:links' var='i'>
<div class='widget'>
<div class='widget-header sectionIndicator grid-header'>
<h2 class='widget-title bs-section-title'><data:i.name/></h2>
<a class='wjs-section__more see-all-btn' expr:href='+("/search/label/",data:i.target,"?max-results=21")' rel='nofollow'>Ver mas <i class='fa-solid fa-arrow-right'/></a>
</div>
<div class='widget-content swiper myCardsB'>
<div class='wjs-section swiper-wrapper' data-max-results='14' expr:data-category='data:i.target'>
<svg class='circular' xmlns='http://www.w3.org/2000/svg'><circle class='path'/></svg>
</div><!-- .wjs-section -->
</div><!-- .widget-content -->
</div><!-- .widget -->
</b:loop>
<link href='//cdn.jsdelivr.net/gh/zero20659/danielhost@1/labs/spinner.min.css' rel='stylesheet'/>
<script>//<![CDATA[
'use strict';
var callbacks = {};
var defaults = {
homeUrl: window.location.protocol + '//' + window.location.hostname, // Url blog
image: 'img/no-img-blogger.png', // Imagen por defecto
className: '.swiper-wrapper',
snippet: 100, // Cantidad texto para el resumen
imgSize: 'w300-h450-p-k-no-nu', // Cantidad texto para el resumen
};
var section = {
'category': null,'max-results': 12,template:{
default:'<div class="swiper-slide"><a href="URL" class="post-card"><div class="post-img"><img src="IMG" alt="fav" class="bs-image-loader" loading="lazy"></div><div class="post-card-title"><h3>TITLE</h3></div></a></div>',
empty:'<p class="wjs1-alert">No se han encontrado entradas</p>'
}
};
function forEach(items,callback){var i,item;for(i=0;item=items[i++];)if(false===callback.call(item,i,item))break;return items}function getCurrentData(element){var name,value;var obj={};for(name in section){value=element.getAttribute("data-"+name);if(value)obj[name]=value}return obj}function temp(content,data){var name;for(name in data)content=content.replace(new RegExp(name, "g"),data[name]);return content}
function getLabel(element,data){var name;var category=data.category;var script=document.createElement("script");var src=defaults.homeUrl+"/feeds/posts/default?alt=json-in-script&callback=callbacks."+category;callbacks[category]=function(json){var i,post;var html="";var entry=json.feed.entry;if(entry)for(i=0;post=entry[i++];){var content=post.content;var summary=post.summary;var body=content?content.$t:summary.$t;var img=post.media$thumbnail;var tempHtml=document.createElement("div");tempHtml.innerHTML=
body;var imgHtml=tempHtml.querySelector("img");html+=temp(data.template,{IMG:(img?img.url:imgHtml?imgHtml.src:defaults.image).replace(/s\B\d{2,4}-c/,defaults.imgSize),TITLE:post.title.$t,TIME:(new Date(post.published.$t)).toLocaleDateString("es-ES",{month:"long",day:"2-digit"}),SNIPPET:body.replace(/<[^>]*>?/g,"").substring(0,defaults.snippet)+"...",URL:function(){var i,link;for(i=0;link=post.link[i++];)if(link.rel==="alternate")return link.href}})}else html+=section.template.empty;element.innerHTML=
html};for(name in data)if(name!=="template")src+="&"+name+"="+data[name];script.src=src;document.body.appendChild(script)}forEach(document.querySelectorAll(defaults.className),function(index,element){var currentData=getCurrentData(element);if(currentData.category){if(!currentData["max-results"])currentData["max-results"]=section["max-results"];currentData.template=section.template["default"];getLabel(element,currentData)}});
//]]>
</script>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<footer class='footer'>
<p>B Stream 2023 - By FlixThemes</p>
</footer>
</div>
<!-- Google analytics -->
<b:include data='blog' name='google-analytics'/>
<script>
const searchBtn=document.getElementById('search-btn');const closeBtn=document.getElementById('close-btn');const headerNavbar=document.getElementById('ft-header');const navbarBtns=[searchBtn,closeBtn];navbarBtns.forEach(btn=>{btn.addEventListener('click',()=>{headerNavbar.classList.toggle('hide-header');document.getElementById('bs-search').focus()})})
const itemsWithSubMenu=document.querySelectorAll(".nav-menu__item");const navBS=document.getElementById("bs-nav");const menuBtn=document.getElementById("menu-btn");const menuCloser=document.getElementById("menu-closer");itemsWithSubMenu.forEach((item)=>{item.addEventListener("click",(e)=>{if(item.nextElementSibling){item.nextElementSibling.classList.toggle('sub-menu-active')}})});menuBtn.addEventListener('click',(e)=>{e.preventDefault();navBS.classList.toggle('active');menuCloser.style.display='block'})
menuCloser.addEventListener('click',()=>{navBS.classList.toggle('active');menuCloser.style.display='none'})
</script>
<b:if cond='data:view.pageId == 123456'>
<script>
const lsArray=JSON.parse(localStorage.getItem("favArray")).reverse();let favsContainer=document.getElementById("favs-grid");lsArray.forEach(e=>{favsContainer.innerHTML+=`<a href="${e.postUrl}"><div class="fav-card ${skinConfig.theme}"><div class="fav-img"><img src="${e.img}" alt="fav"></div><div class="fav-card-info"><h3>${e.title}</h3><div class="watch-wrapper"><span class="keep-w"><i class="fa-solid fa-play"></i>Ver ahora</span></div></div></div></a>`});const deleteBtn=document.querySelectorAll(".delete-btn");deleteBtn.forEach(e=>{e.addEventListener("click",e=>{let a=e.target.getAttribute("card-id"),s=lsArray.filter(e=>a!==e.id);localStorage.setItem("favArray",JSON.stringify(s))})});const noFavsMsg=document.getElementById("no-favs-msg");lsArray.length>=1&&(noFavsMsg.style.display="none"); const favDiv = document.querySelector(".fav-card"); if (favDiv.classList.contains("skin1")) { document.getElementById("favs-grid").classList.add("alt-cols") }
</script>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<!-- all index pages -->
<script src='https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js'/>
<script>
let featuredPosts=new Swiper(".mySwiper",{navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev",},keyboard:{enabled:!0,},spaceBetween:30,loop:!0,pagination:{el:".swiper-pagination",type:"progressbar",},autoplay: { delay: 5000, disableOnInteraction: false, },})
let myFavs=new Swiper(".myFavs",{slidesPerView:1,spaceBetween:30,breakpoints:{780:{slidesPerView:2},1100:{slidesPerView:3},}})
let myCards=new Swiper(".myCards",{slidesPerView:2,spaceBetween:10,breakpoints:{570:{slidesPerView:3},780:{slidesPerView:4,spaceBetween:15},1150:{slidesPerView:5,spaceBetween:20},1450:{slidesPerView:6,},1700:{slidesPerView:7,},}})
let myCardsB=new Swiper(".myCardsB",{slidesPerView:2,spaceBetween:10,breakpoints:{570:{slidesPerView:2},780:{slidesPerView:3,spaceBetween:15},1150:{slidesPerView:4,spaceBetween:20},1450:{slidesPerView:5,},1700:{slidesPerView:6,},}})
const lsArray = JSON.parse(localStorage.getItem("favArray"));
if (localStorage.getItem("favArray") === null || lsArray.length < 1) {
document.querySelector('.cards-sections').style.display = "none";
} else{
lsArray.reverse().forEach((fav) => {
document.getElementById('favs-viewer').querySelector('.swiper-wrapper').innerHTML += `<a class='swiper-slide' href='${fav.postUrl}'><div class='fav-card'><div class='fav-img'><img alt='fav' src='${fav.img}'/></div><div class='fav-card-info'><h3>${fav.title}</h3><div class='watch-wrapper'><span class='keep-w'><i class='fa-solid fa-play'/> Ver ahora</span></div></div></div></a>`;
});
}
</script>
</b:if>
<b:if cond='data:blog.searchLabel'>
<!-- all label pages -->
<script>
const mainTextHeader = document.getElementById('main-id-header');
const replaceTextHeader = mainTextHeader.innerText.replaceAll("_", " ");
mainTextHeader.innerText = replaceTextHeader;
</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<!-- all item pages -->
<script>
if (localStorage.getItem("favArray") === null){localStorage.setItem("favArray","[]")}
const favBtn=document.querySelectorAll(".bs-favs"),lsArray=JSON.parse(localStorage.getItem("favArray"));let myList,buttonText;myList=null===lsArray?[]:lsArray,favBtn.forEach(t=>{t.addEventListener("click",t=>{const e=t.target.parentElement.parentElement.parentElement;var n={title:e.querySelector(".post-header__info h1").innerText,img:e.querySelector(".poster-img").src,id:t.target.getAttribute("card-id"),postUrl:window.location.href},t=myList.some(t=>t.title===n.title);myList=t?[...myList]:[...myList,n],document.getElementById("add-btn").classList.add("none-btn"),document.getElementById("remove-btn").classList.remove("none-btn"),localStorage.setItem("favArray",JSON.stringify(myList))})});const deleteBtn=document.querySelectorAll(".delete-btn");deleteBtn.forEach(t=>{t.addEventListener("click",t=>{var e=t.target.getAttribute("card-id"),t=lsArray.filter(t=>e!==t.id);document.getElementById("add-btn").classList.remove("none-btn"),document.getElementById("remove-btn").classList.add("none-btn"),localStorage.setItem("favArray",JSON.stringify(t))})});const cheackCardId=document.getElementById("add-btn").getAttribute("card-id"),whatButtonOMG=lsArray.some(t=>t.id===cheackCardId);whatButtonOMG?(document.getElementById("add-btn").classList.add("none-btn"),document.getElementById("remove-btn").classList.remove("none-btn")):(document.getElementById("add-btn").classList.remove("none-btn"),document.getElementById("remove-btn").classList.add("none-btn"));
const selectorTempos = document.getElementById("select-season"),
temps = document.getElementById("temps");
selectorTempos.addEventListener("change", () => {
let b = `season-${selectorTempos.value}`,
a = document.getElementById(`${b}`);
temps.querySelectorAll("ul").forEach((a) => {
a.classList.add("hide"), a.classList.remove("animation");
}),
a.classList.remove("hide"),
a.classList.add("animation");
});
</script>
</b:if>
</body>
</html>
Comentarios
Publicar un comentario