Hpallao

<?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'>

<!-- Anime.xml-free v4.3.0 | Canvas.xml v1.10.0 | github.com/zkreations/canvas.xml -->

<head>
<!-- Basic data -->
<meta expr:charset='data:blog.encoding'/>
<meta expr:content='data:view.isHomepage ? &quot;website&quot; : &quot;article&quot;' 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 =&gt; p.featuredImage) map (p =&gt; p.featuredImage)' var='imageUrl'>
     <meta expr:content='resizeImage(data:imageUrl,1200,&quot;1200:630&quot;)' 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,&quot;feeds/posts/default&quot;)' var='feeds'>
   <link expr:href='data:feeds' rel='alternate' title='Atom 1.0' type='application/atom+xml'/>
   <link expr:href='data:feeds params {alt: &quot;rss&quot;}' rel='alternate' title='RSS 2.0' type='application/rss+xml'/>
</b:with>
</b:if>

<!-- 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'>
{
    &quot;@context&quot;: &quot;http://schema.org&quot;,
    &quot;@type&quot;: &quot;WebSite&quot;,
    &quot;url&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;,
    &quot;potentialAction&quot;: {
        &quot;@type&quot;: &quot;SearchAction&quot;,
        &quot;target&quot;: &quot;<data:blog.searchUrl/>?q={search_term_string}&quot;,
        &quot;query-input&quot;: &quot;required name=search_term_string&quot;
    }
}
</script>

<b:comment>Global Styles</b:comment>
<style>/*<![CDATA[*/
/*! Google fonts */
@font-face{font-family:Oswald;font-style:normal;font-weight:400;src:local('Oswald Regular'),local('Oswald-Regular'),url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8A.woff) format('woff');font-display:fallback}@font-face{font-family:Oswald;font-style:normal;font-weight:500;src:local('Oswald Medium'),local('Oswald-Medium'),url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-6hwTus9E.woff) format('woff');font-display:fallback}@font-face{font-family:Oswald;font-style:normal;font-weight:700;src:local('Oswald Bold'),local('Oswald-Bold'),url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTus9E.woff) format('woff');font-display:fallback}@font-face{font-family:Roboto;font-display:auto;font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBBc-.woff) format('woff');font-display:fallback}@font-face{font-family:Roboto;font-display:auto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxM.woff) format('woff');font-display:fallback}@font-face{font-family:Roboto;font-display:auto;font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc-.woff) format('woff');font-display:fallback}@font-face{font-family:Roboto;font-display:auto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc-.woff) format('woff');font-display:fallback}

/*!
 * Whale v1.6.0
 * Copyright 2017-2019 zkreations
 * Developed by Daniel Abel M. (instagram.com/danie.abel)
 * Licensed under MIT (github.com/zkreations/whale/blob/master/LICENSE)
 * normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
 */button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{padding:0;box-sizing:border-box}*,::after,::before,legend{box-sizing:border-box}dl,ol,ol ol,ol ul,ul,ul ol,ul ul{margin-bottom:0}.abbr,abbr,abbr[title]{-webkit-text-decoration:underline dotted}img,legend,video{max-width:100%}button,input,progress,sub,sup,textarea{vertical-align:baseline}.clearfix::after,.embed-fluid::before{content:""}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}details,main{display:block}h1{margin:.67em 0}dl,ol,p,ul{margin-top:0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*! End normalize.css */body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;text-align:left}a{color:#2196f3;text-decoration:none;background-color:transparent}a:hover{color:#1565c0}a:active,a:focus,a:hover{text-decoration:none;outline-width:0}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}dl,ol,ul{padding-left:0;list-style:none}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit;display:block}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#FFF9C4}.abbr,abbr{font-size:90%;text-decoration:underline dotted;border-bottom:0;cursor:help;text-transform:uppercase}table{border-spacing:0;border-collapse:collapse;background-color:transparent}[role=button],a,button,input,label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}figure{margin:0 0 1rem}img{display:inline-block;vertical-align:middle}embed,iframe,object{margin:0;padding:0;border:0;outline:0}video{display:block;height:auto}p{margin-bottom:0}.container{margin-right:auto;margin-left:auto}.position-static{position:static}.position-fixed{position:fixed}.position-sticky{position:-webkit-sticky;position:sticky}.fixed-bottom,.fixed-top{position:fixed;right:0;z-index:1100;left:0}.fixed-top{top:0}.fixed-bottom{bottom:0}button,input,textarea{background:none;padding:0;margin:0;border:0;outline:0;box-shadow:none;font:inherit}.btn,.form-input{padding:.5rem .8rem}.form-input{display:block;width:100%;background-color:#fff;background-clip:padding-box;border:1px solid #cfd8dc}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.embed-fluid{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-fluid embed,.embed-fluid iframe,.embed-fluid object,.embed-fluid video,.embed-item{position:absolute;top:0;left:0;width:100%;height:100%}.embed-fluid::before{display:block}.embed-fluid-21by9::before{padding-top:42.857143%}.embed-fluid-16by9::before{padding-top:56.25%}.embed-fluid-4by3::before{padding-top:75%}.embed-fluid-1by1::before{padding-top:100%}.table-fluid{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.dropdown-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dropdown-menu li{position:relative}.dropdown-menu a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.dropdown-menu ul{text-align:left;display:none}.dropdown-menu ul.is-active{display:block}.dropdown-menu .is-arrow{margin-left:auto}.dropdown-menu .is-parent>a .is-arrow::after{content:"";display:inline-block;vertical-align:middle;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px dashed;margin-left:.5rem}@media (min-width:992px){.dropdown-menu{-ms-flex-direction:row;flex-direction:row}.dropdown-menu ul{top:0;left:100%;position:absolute;min-width:100%}.dropdown-menu a{white-space:nowrap}.dropdown-menu>li>ul{top:100%;left:0}.dropdown-menu ul .is-parent>a .is-arrow::after{border-left:4px dashed;border-right:0 transparent;border-top:4px solid transparent;border-bottom:4px solid transparent}}.wjs-panel:not(.is-active){display:none}.clearfix::after{display:block;clear:both}.float-left{float:left}.float-right{float:right}.float-none{float:none}.display-none{display:none}.display-inline{display:inline}.display-inline-block{display:inline-block}.display-block{display:block}.display-table{display:table}.display-table-row{display:table-row}.display-table-cell{display:table-cell}.display-flex{display:-ms-flexbox;display:flex}.display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.position-relative{position:relative}.position-absolute{position:absolute}.flex-none{-ms-flex:none;flex:none}.flex-auto{-ms-flex:auto;flex:auto}.flex-fill{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0{-ms-flex-positive:0;flex-grow:0}.flex-grow-1{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-center{-ms-flex-pack:center;justify-content:center}.justify-content-end{-ms-flex-pack:end;justify-content:flex-end}.justify-content-start{-ms-flex-pack:start;justify-content:flex-start}.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between{-ms-flex-pack:justify;justify-content:space-between}.align-content-center{-ms-flex-line-pack:center;align-content:center}.align-content-end{-ms-flex-line-pack:end;align-content:flex-end}.align-content-start{-ms-flex-line-pack:start;align-content:flex-start}.align-content-around{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-between{-ms-flex-line-pack:justify;align-content:space-between}.align-content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.align-items-baseline{-ms-flex-align:baseline;align-items:baseline}.align-items-center{-ms-flex-align:center;align-items:center}.align-items-end{-ms-flex-align:end;align-items:flex-end}.align-items-start{-ms-flex-align:start;align-items:flex-start}.align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.align-self-auto{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.align-self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-self-end{-ms-flex-item-align:end;align-self:flex-end}.align-self-start{-ms-flex-item-align:start;align-self:flex-start}.align-self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.row{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}[class*=col-]{padding-right:.5rem;padding-left:.5rem;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;width:100%}.no-gutters{margin-right:0;margin-left:0}.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.float-left-sm{float:left}.float-right-sm{float:right}.float-none-sm{float:none}.display-none-sm{display:none}.display-inline-sm{display:inline}.display-inline-block-sm{display:inline-block}.display-block-sm{display:block}.display-table-sm{display:table}.display-table-row-sm{display:table-row}.display-table-cell-sm{display:table-cell}.display-flex-sm{display:-ms-flexbox;display:flex}.display-inline-flex-sm{display:-ms-inline-flexbox;display:inline-flex}.flex-none-sm{-ms-flex:none;flex:none}.flex-auto-sm{-ms-flex:auto;flex:auto}.flex-fill-sm{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0-sm{-ms-flex-positive:0;flex-grow:0}.flex-grow-1-sm{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-sm{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-sm{-ms-flex-negative:1;flex-shrink:1}.flex-wrap-sm{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse-sm{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-sm{-ms-flex-direction:column;flex-direction:column}.flex-column-reverse-sm{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-sm{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse-sm{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-center-sm{-ms-flex-pack:center;justify-content:center}.justify-content-end-sm{-ms-flex-pack:end;justify-content:flex-end}.justify-content-start-sm{-ms-flex-pack:start;justify-content:flex-start}.justify-content-around-sm{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between-sm{-ms-flex-pack:justify;justify-content:space-between}.align-content-center-sm{-ms-flex-line-pack:center;align-content:center}.align-content-end-sm{-ms-flex-line-pack:end;align-content:flex-end}.align-content-start-sm{-ms-flex-line-pack:start;align-content:flex-start}.align-content-around-sm{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-between-sm{-ms-flex-line-pack:justify;align-content:space-between}.align-content-stretch-sm{-ms-flex-line-pack:stretch;align-content:stretch}.align-items-baseline-sm{-ms-flex-align:baseline;align-items:baseline}.align-items-center-sm{-ms-flex-align:center;align-items:center}.align-items-end-sm{-ms-flex-align:end;align-items:flex-end}.align-items-start-sm{-ms-flex-align:start;align-items:flex-start}.align-items-stretch-sm{-ms-flex-align:stretch;align-items:stretch}.align-self-auto-sm{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.align-self-baseline-sm{-ms-flex-item-align:baseline;align-self:baseline}.align-self-center-sm{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-self-end-sm{-ms-flex-item-align:end;align-self:flex-end}.align-self-start-sm{-ms-flex-item-align:start;align-self:flex-start}.align-self-stretch-sm{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.col-auto-sm{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1-sm{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2-sm{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3-sm{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4-sm{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5-sm{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6-sm{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7-sm{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8-sm{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9-sm{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10-sm{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11-sm{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12-sm{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first-sm{-ms-flex-order:-1;order:-1}.order-last-sm{-ms-flex-order:13;order:13}.order-0-sm{-ms-flex-order:0;order:0}.order-1-sm{-ms-flex-order:1;order:1}.order-2-sm{-ms-flex-order:2;order:2}.order-3-sm{-ms-flex-order:3;order:3}.order-4-sm{-ms-flex-order:4;order:4}.order-5-sm{-ms-flex-order:5;order:5}.order-6-sm{-ms-flex-order:6;order:6}.order-7-sm{-ms-flex-order:7;order:7}.order-8-sm{-ms-flex-order:8;order:8}.order-9-sm{-ms-flex-order:9;order:9}.order-10-sm{-ms-flex-order:10;order:10}.order-11-sm{-ms-flex-order:11;order:11}.order-12-sm{-ms-flex-order:12;order:12}.offset-1-sm{margin-left:8.333333%}.offset-2-sm{margin-left:16.666667%}.offset-3-sm{margin-left:25%}.offset-4-sm{margin-left:33.333333%}.offset-5-sm{margin-left:41.666667%}.offset-6-sm{margin-left:50%}.offset-7-sm{margin-left:58.333333%}.offset-8-sm{margin-left:66.666667%}.offset-9-sm{margin-left:75%}.offset-10-sm{margin-left:83.333333%}.offset-11-sm{margin-left:91.666667%}}@media (min-width:768px){.float-left-md{float:left}.float-right-md{float:right}.float-none-md{float:none}.display-none-md{display:none}.display-inline-md{display:inline}.display-inline-block-md{display:inline-block}.display-block-md{display:block}.display-table-md{display:table}.display-table-row-md{display:table-row}.display-table-cell-md{display:table-cell}.display-flex-md{display:-ms-flexbox;display:flex}.display-inline-flex-md{display:-ms-inline-flexbox;display:inline-flex}.flex-none-md{-ms-flex:none;flex:none}.flex-auto-md{-ms-flex:auto;flex:auto}.flex-fill-md{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0-md{-ms-flex-positive:0;flex-grow:0}.flex-grow-1-md{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-md{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-md{-ms-flex-negative:1;flex-shrink:1}.flex-wrap-md{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse-md{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-md{-ms-flex-direction:column;flex-direction:column}.flex-column-reverse-md{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-md{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-center-md{-ms-flex-pack:center;justify-content:center}.justify-content-end-md{-ms-flex-pack:end;justify-content:flex-end}.justify-content-start-md{-ms-flex-pack:start;justify-content:flex-start}.justify-content-around-md{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between-md{-ms-flex-pack:justify;justify-content:space-between}.align-content-center-md{-ms-flex-line-pack:center;align-content:center}.align-content-end-md{-ms-flex-line-pack:end;align-content:flex-end}.align-content-start-md{-ms-flex-line-pack:start;align-content:flex-start}.align-content-around-md{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-between-md{-ms-flex-line-pack:justify;align-content:space-between}.align-content-stretch-md{-ms-flex-line-pack:stretch;align-content:stretch}.align-items-baseline-md{-ms-flex-align:baseline;align-items:baseline}.align-items-center-md{-ms-flex-align:center;align-items:center}.align-items-end-md{-ms-flex-align:end;align-items:flex-end}.align-items-start-md{-ms-flex-align:start;align-items:flex-start}.align-items-stretch-md{-ms-flex-align:stretch;align-items:stretch}.align-self-auto-md{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.align-self-baseline-md{-ms-flex-item-align:baseline;align-self:baseline}.align-self-center-md{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-self-end-md{-ms-flex-item-align:end;align-self:flex-end}.align-self-start-md{-ms-flex-item-align:start;align-self:flex-start}.align-self-stretch-md{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.col-auto-md{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1-md{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2-md{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3-md{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4-md{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5-md{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6-md{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7-md{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8-md{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9-md{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10-md{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11-md{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12-md{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first-md{-ms-flex-order:-1;order:-1}.order-last-md{-ms-flex-order:13;order:13}.order-0-md{-ms-flex-order:0;order:0}.order-1-md{-ms-flex-order:1;order:1}.order-2-md{-ms-flex-order:2;order:2}.order-3-md{-ms-flex-order:3;order:3}.order-4-md{-ms-flex-order:4;order:4}.order-5-md{-ms-flex-order:5;order:5}.order-6-md{-ms-flex-order:6;order:6}.order-7-md{-ms-flex-order:7;order:7}.order-8-md{-ms-flex-order:8;order:8}.order-9-md{-ms-flex-order:9;order:9}.order-10-md{-ms-flex-order:10;order:10}.order-11-md{-ms-flex-order:11;order:11}.order-12-md{-ms-flex-order:12;order:12}.offset-1-md{margin-left:8.333333%}.offset-2-md{margin-left:16.666667%}.offset-3-md{margin-left:25%}.offset-4-md{margin-left:33.333333%}.offset-5-md{margin-left:41.666667%}.offset-6-md{margin-left:50%}.offset-7-md{margin-left:58.333333%}.offset-8-md{margin-left:66.666667%}.offset-9-md{margin-left:75%}.offset-10-md{margin-left:83.333333%}.offset-11-md{margin-left:91.666667%}}@media (min-width:992px){.float-left-lg{float:left}.float-right-lg{float:right}.float-none-lg{float:none}.display-none-lg{display:none}.display-inline-lg{display:inline}.display-inline-block-lg{display:inline-block}.display-block-lg{display:block}.display-table-lg{display:table}.display-table-row-lg{display:table-row}.display-table-cell-lg{display:table-cell}.display-flex-lg{display:-ms-flexbox;display:flex}.display-inline-flex-lg{display:-ms-inline-flexbox;display:inline-flex}.flex-none-lg{-ms-flex:none;flex:none}.flex-auto-lg{-ms-flex:auto;flex:auto}.flex-fill-lg{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0-lg{-ms-flex-positive:0;flex-grow:0}.flex-grow-1-lg{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-lg{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-lg{-ms-flex-negative:1;flex-shrink:1}.flex-wrap-lg{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse-lg{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-lg{-ms-flex-direction:column;flex-direction:column}.flex-column-reverse-lg{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-lg{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse-lg{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-center-lg{-ms-flex-pack:center;justify-content:center}.justify-content-end-lg{-ms-flex-pack:end;justify-content:flex-end}.justify-content-start-lg{-ms-flex-pack:start;justify-content:flex-start}.justify-content-around-lg{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between-lg{-ms-flex-pack:justify;justify-content:space-between}.align-content-center-lg{-ms-flex-line-pack:center;align-content:center}.align-content-end-lg{-ms-flex-line-pack:end;align-content:flex-end}.align-content-start-lg{-ms-flex-line-pack:start;align-content:flex-start}.align-content-around-lg{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-between-lg{-ms-flex-line-pack:justify;align-content:space-between}.align-content-stretch-lg{-ms-flex-line-pack:stretch;align-content:stretch}.align-items-baseline-lg{-ms-flex-align:baseline;align-items:baseline}.align-items-center-lg{-ms-flex-align:center;align-items:center}.align-items-end-lg{-ms-flex-align:end;align-items:flex-end}.align-items-start-lg{-ms-flex-align:start;align-items:flex-start}.align-items-stretch-lg{-ms-flex-align:stretch;align-items:stretch}.align-self-auto-lg{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.align-self-baseline-lg{-ms-flex-item-align:baseline;align-self:baseline}.align-self-center-lg{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-self-end-lg{-ms-flex-item-align:end;align-self:flex-end}.align-self-start-lg{-ms-flex-item-align:start;align-self:flex-start}.align-self-stretch-lg{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.col-auto-lg{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1-lg{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2-lg{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3-lg{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4-lg{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5-lg{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6-lg{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7-lg{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8-lg{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9-lg{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10-lg{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11-lg{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12-lg{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first-lg{-ms-flex-order:-1;order:-1}.order-last-lg{-ms-flex-order:13;order:13}.order-0-lg{-ms-flex-order:0;order:0}.order-1-lg{-ms-flex-order:1;order:1}.order-2-lg{-ms-flex-order:2;order:2}.order-3-lg{-ms-flex-order:3;order:3}.order-4-lg{-ms-flex-order:4;order:4}.order-5-lg{-ms-flex-order:5;order:5}.order-6-lg{-ms-flex-order:6;order:6}.order-7-lg{-ms-flex-order:7;order:7}.order-8-lg{-ms-flex-order:8;order:8}.order-9-lg{-ms-flex-order:9;order:9}.order-10-lg{-ms-flex-order:10;order:10}.order-11-lg{-ms-flex-order:11;order:11}.order-12-lg{-ms-flex-order:12;order:12}.offset-1-lg{margin-left:8.333333%}.offset-2-lg{margin-left:16.666667%}.offset-3-lg{margin-left:25%}.offset-4-lg{margin-left:33.333333%}.offset-5-lg{margin-left:41.666667%}.offset-6-lg{margin-left:50%}.offset-7-lg{margin-left:58.333333%}.offset-8-lg{margin-left:66.666667%}.offset-9-lg{margin-left:75%}.offset-10-lg{margin-left:83.333333%}.offset-11-lg{margin-left:91.666667%}}@media (min-width:1200px){.float-left-lx{float:left}.float-right-lx{float:right}.float-none-lx{float:none}.display-none-xl{display:none}.display-inline-xl{display:inline}.display-inline-block-xl{display:inline-block}.display-block-xl{display:block}.display-table-xl{display:table}.display-table-row-xl{display:table-row}.display-table-cell-xl{display:table-cell}.display-flex-xl{display:-ms-flexbox;display:flex}.display-inline-flex-xl{display:-ms-inline-flexbox;display:inline-flex}.flex-none-xl{-ms-flex:none;flex:none}.flex-auto-xl{-ms-flex:auto;flex:auto}.flex-fill-xl{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0-xl{-ms-flex-positive:0;flex-grow:0}.flex-grow-1-xl{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-xl{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-xl{-ms-flex-negative:1;flex-shrink:1}.flex-wrap-xl{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse-xl{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-xl{-ms-flex-direction:column;flex-direction:column}.flex-column-reverse-xl{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-xl{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse-xl{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-center-xl{-ms-flex-pack:center;justify-content:center}.justify-content-end-xl{-ms-flex-pack:end;justify-content:flex-end}.justify-content-start-xl{-ms-flex-pack:start;justify-content:flex-start}.justify-content-around-xl{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between-xl{-ms-flex-pack:justify;justify-content:space-between}.align-content-center-xl{-ms-flex-line-pack:center;align-content:center}.align-content-end-xl{-ms-flex-line-pack:end;align-content:flex-end}.align-content-start-xl{-ms-flex-line-pack:start;align-content:flex-start}.align-content-around-xl{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-between-xl{-ms-flex-line-pack:justify;align-content:space-between}.align-content-stretch-xl{-ms-flex-line-pack:stretch;align-content:stretch}.align-items-baseline-xl{-ms-flex-align:baseline;align-items:baseline}.align-items-center-xl{-ms-flex-align:center;align-items:center}.align-items-end-xl{-ms-flex-align:end;align-items:flex-end}.align-items-start-xl{-ms-flex-align:start;align-items:flex-start}.align-items-stretch-xl{-ms-flex-align:stretch;align-items:stretch}.align-self-auto-xl{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.align-self-baseline-xl{-ms-flex-item-align:baseline;align-self:baseline}.align-self-center-xl{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-self-end-xl{-ms-flex-item-align:end;align-self:flex-end}.align-self-start-xl{-ms-flex-item-align:start;align-self:flex-start}.align-self-stretch-xl{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.col-auto-xl{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1-xl{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2-xl{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3-xl{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4-xl{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5-xl{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6-xl{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7-xl{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8-xl{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9-xl{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10-xl{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11-xl{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12-xl{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first-xl{-ms-flex-order:-1;order:-1}.order-last-xl{-ms-flex-order:13;order:13}.order-0-xl{-ms-flex-order:0;order:0}.order-1-xl{-ms-flex-order:1;order:1}.order-2-xl{-ms-flex-order:2;order:2}.order-3-xl{-ms-flex-order:3;order:3}.order-4-xl{-ms-flex-order:4;order:4}.order-5-xl{-ms-flex-order:5;order:5}.order-6-xl{-ms-flex-order:6;order:6}.order-7-xl{-ms-flex-order:7;order:7}.order-8-xl{-ms-flex-order:8;order:8}.order-9-xl{-ms-flex-order:9;order:9}.order-10-xl{-ms-flex-order:10;order:10}.order-11-xl{-ms-flex-order:11;order:11}.order-12-xl{-ms-flex-order:12;order:12}.offset-1-xl{margin-left:8.333333%}.offset-2-xl{margin-left:16.666667%}.offset-3-xl{margin-left:25%}.offset-4-xl{margin-left:33.333333%}.offset-5-xl{margin-left:41.666667%}.offset-6-xl{margin-left:50%}.offset-7-xl{margin-left:58.333333%}.offset-8-xl{margin-left:66.666667%}.offset-9-xl{margin-left:75%}.offset-10-xl{margin-left:83.333333%}.offset-11-xl{margin-left:91.666667%}}@media print{@page{size:a3;margin:2cm}*,::after,::before{text-shadow:none;box-shadow:none;background:0 0}.display-none-print{display:none}.display-inline-print{display:inline}.display-inline-block-print{display:inline-block}.display-block-print{display:block}.display-table-print{display:table}.display-table-row-print{display:table-row}.display-table-cell-print{display:table-cell}.display-flex-print{display:-ms-flexbox;display:flex}.display-inline-flex-print{display:-ms-inline-flexbox;display:inline-flex}.wjs-accordion,.wjs-menu,.wjs-spoiler,.wjs-tab,aside,embed,footer,iframe,nav,object,video{display:none}article,body{width:100%;color:#000;padding:0;margin:0}article a{font-weight:700;text-decoration:none}article a[href^=http]:after{content:" (" attr(href) ")"}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap}blockquote,img,pre,tr{page-break-inside:avoid}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
 
 /*! Material Design Spinner | codepen.io/zkreations/pen/JwjpMV */
.circular{-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite;height:48px;position:relative;width:48px;display:block;margin-left:auto;margin-right:auto}.circular .path{-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;fill:none;stroke:#999;stroke-dasharray:1%,200%;stroke-dashoffset:0;stroke-linecap:round;stroke-width:3}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1%,200%;stroke-dashoffset:0}50%{stroke-dasharray:90%,200%;stroke-dashoffset:-35%}100%{stroke-dasharray:90%,200%;stroke-dashoffset:-124%}}@keyframes dash{0%{stroke-dasharray:1%,200%;stroke-dashoffset:0}50%{stroke-dasharray:90%,200%;stroke-dashoffset:-35%}100%{stroke-dasharray:90%,200%;stroke-dashoffset:-124%}}

/*! TinySlider | github.com/ganlanyuan/tiny-slider */
.tns-gallery,.tns-no-calc{position:relative;left:0}.tns-ovh,.tns-t-subp2{overflow:hidden}.tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after,.tns-t-ct:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-gallery{min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset!important}.tns-gallery>.tns-moving{-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.tns-lazy-img{-webkit-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s;opacity:.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-fadeOut,.tns-normal{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.carousel,.slider{overflow:hidden;position:relative;white-space:nowrap}.tns-inner{transition:all 0s!important;will-change: transform}.tns-gallery>div,.tns-gallery>li{position:absolute;transition:transform 0s,opacity 0s}.tns-slider{transition:transform 0s}.carousel__content:not(.tns-slider) .carousel__item{width:50%;display:inline-block}.slider__content:not(.tns-slider) .slider__item{display:inline-block;width:100%}@media (min-width:576px){.carousel__content:not(.tns-slider) .carousel__item{width:33.333333%}}@media (min-width:768px){.carousel__content:not(.tns-slider) .carousel__item{width:20%}}@media (min-width:992px){.carousel__content:not(.tns-slider) .carousel__item{width:calc(20% - 3px)}}

/* Style
--------------------------------------*/
html {
   font-size: 12px;
}
body {
   overflow-wrap:break-word;
   word-wrap:break-word
}
/* default
--------------------------------------*/
a {
   font-weight: 400;
    transition: color .3s;
}
::-moz-selection {
    color: #ffffff;
}
::selection {
    color: #ffffff;
}
/* Fixing Rendering
--------------------------------------*/
.nav__menu *,
.gallery * {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
}
.template {
    min-height: 100vh;
}
/* Fontawesome
--------------------------------------*/
.fab, .fal, .far, .fas {
    margin-right: 4px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-mn {
   margin-right: 0;
}
/* helpers
--------------------------------------*/
.pl-none {
    padding-left: 0 !important;
}
.pr-none {
    padding-right: 0 !important;
}
.ml-none {
    margin-left: 0 !important;
}
.mr-none {
    margin-right: 0 !important;
}
.ml-auto {
    margin-left: auto !important;
}
.mr-auto {
    margin-right: auto !important;
}
[class*=flx-] {
    display: -ms-flexbox !important;
    display: flex !important;
}
.flx-xyc,
.flx-yc {
    -ms-flex-align: center !important;
        align-items: center !important;
}
.flx-xyc,
.flx-xc {
    -ms-flex-pack: center !important;
        justify-content: center !important;
}
.stretch {
    top: 0;left: 0;right: 0;bottom: 0;
}
.noEvent {
    pointer-events: none;
}
/* Keyframes
--------------------------------------*/
@-webkit-keyframes dropdown {
    from {
        -webkit-transform: translateY(-1rem) scale(.9);
                transform: translateY(-1rem) scale(.9);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0) scale(1);
                transform: translateY(0) scale(1);
        opacity: 1;
    }
}
@keyframes dropdown {
    from {
        -webkit-transform: translateY(-1rem) scale(.9);
                transform: translateY(-1rem) scale(.9);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0) scale(1);
                transform: translateY(0) scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Template ui
--------------------------------------*/
/* Input */
.form-input {
   padding: .8em 1em;
   border: 2px solid rgba(0, 0, 0, 0.1);
   transition: border .2s;
   box-shadow: 0 0 transparent;
   background: #fff;
   line-height: 1;
}
.form-input,
.form-input::-webkit-input-placeholder {
   font-weight: 500;
   font-size: 1.1rem;
   color: rgba(0, 0, 0, .5);
}
.form-input,
.form-input::-moz-placeholder {
   font-weight: 500;
   font-size: 1.1rem;
   color: rgba(0, 0, 0, .5);
}
.form-input,
.form-input:-ms-input-placeholder {
   font-weight: 500;
   font-size: 1.1rem;
   color: rgba(0, 0, 0, .5);
}
.form-input,
.form-input::-ms-input-placeholder {
   font-weight: 500;
   font-size: 1.1rem;
   color: rgba(0, 0, 0, .5);
}
.form-input,
.form-input::placeholder {
   font-weight: 500;
   font-size: 1.1rem;
   color: rgba(0, 0, 0, .5);
}
/* Button */
.btn {
    color: #444444;
    padding: 1em;
    opacity: 1;
    transition: opacity .3s;
    background-color: #f2f2f2;
    border-radius: 3px;
}
.btn-ghost {
    background: transparent;
    border: 1px solid rgba(0,0,0,.06);
}
.btn:hover {
   opacity: .75;
   color: #444444;
}
.btn[class*='bg-'],
.btn[class*='skin-bg'] {
   color: #fff;
}
.btn[class*='bg-']:hover,
.btn[class*='skin-bg']:hover {
   color: #fff;
}
.btn-border {
   background: transparent;
   border: 2px solid rgba(0, 0, 0, 0.1);
   color: #757575;
   transition: color .3s, border .3s;
   font-weight: 500;
   line-height: 1;
   display: inline-block;
}
.btn-border:hover {
   border-color: rgba(0, 0, 0, 0.15);
   color: #262626;
}
/* Gallery */
.gallery {
    margin-bottom: 1rem;
}
.gallery__href {
   position: relative;
   display: block;
   overflow: hidden;
   text-align: center;
}
.gallery__title {
   white-space: initial;
   position: absolute;
   display: block;
   left: 0;
   right: 0;
   bottom: 0;
   font-weight: 500;
   font-size: 1.1rem;
   z-index: 10;
   color: rgba(0,0,0,0);
   padding: 1.5rem;
   background-image: linear-gradient(transparent,rgba(0, 0, 0, 0.5));
   transition: color .3s;
   text-shadow: 0 2px 2px rgba(0, 0, 0, 0);
}

.gallery__title:hover {color: #fff;}
.gallery__image img,
.gallery__image {
    width: 100%;
}
.gallery__image {
    position: relative;
    z-index: 5;
}
.gallery__href::before {
    transition-duration: .5s !important;
}
/* if => is Post related */
.rel__date {
    display: block;
    margin-top: .5rem;
    font-size: 1rem;
    opacity: .75;
}
.rel__title {
    font-size: 1.2rem;
}
/*Carousel*/
.carousel__controls {
    position: absolute;
    top: 0;bottom: 0;
    opacity: 0;
    z-index: 10;
    padding: 1.2rem;
    font-size: 18px;
    cursor: pointer;
    transition: background .3s,opacity .3s;
    background: rgba(255,255,255,.25);
    color: #262626;
}
.carousel__controls:hover {
    background: rgba(255,255,255,.75)
}
.carousel:hover .carousel__controls {opacity: 1;}
.controls__prev {left: 0}
.controls__next {right: 0}
/*Cards*/
.card {
    margin-bottom: 1rem;
}
.card__data {
    padding: 1.2rem;
}
.card__authorName {
    font-weight: 500;
}
.card__descripcion:not(:last-child),
.card__meta:not(:last-child),
.card__header:not(:last-child) {
    padding-bottom: 1rem;
}
.card__icon {
    position: absolute;
    bottom: 0;
    font-size: 1.2rem;
    right: 0;
    padding: 1.2rem;
    z-index: 1;
}
.pagerPost,
.post-related,
.postComments,
.shareButtons:not(.card__share) {
    padding-top: 1.5rem;
}
.card__title {
    font-size: 1.4rem;
    margin-bottom: 0;
    font-weight: 400;
}
.card__data {
    position: relative;
}
.card__authorImage {
    overflow: hidden;
    border-radius: 50%;
    margin-right: .5rem;
}
.Image__full {
    margin-left: -1rem;
    margin-right: -1rem;
}
.card__image {
    position: relative;
}
.card__image,
.card__image img {
    width: 100%;
    display: block;
}
.card__item {
    font-weight: 500;
}
time.card__item {
    text-transform: capitalize;
}
.card__item,
.card__item * {
    transition: color .3s;
}
.card__item:not(:last-child) {
    margin-right: .75rem;
}
.card__descripcion {
    font-size: 1.1rem;
}

.card__readMore::before {
    display:none;
}
.card__image:hover .card__readMore::before {
    display:block;
    animation-fill-mode: both !important;
}
/* if => is Search */
.search-img {
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.card-search .card__header {
    padding-bottom: .5rem !important;
}
.card-search .card__title {
    font-size: 1.1rem;
    font-family: inherit;
}
.card-search .card__title a {
    font-weight: 500;
}
.card__readMore {
    color: #fff;
    font-size: 24px;
    margin: 0;
}
.card__readMore,
.gallery__href::before,
.card__overlay {
    opacity: 0;
    transition: opacity .2s;
    z-index: 10;
}
.card__image:hover .card__readMore {
    opacity: 1;
}
.gallery__href:hover::before,
.card__image:hover .card__overlay {
    opacity: .75;
}
.card__readMore,
.card__overlay,
.gallery__href::before,
.card__overlay::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gallery__href::before,
.card__overlay::before {
    content: "";
}
/*share buttons*/
.articleTags .btn,
.shareFeatured .btn,
.shareButtons .btn {
    margin: 0 6px 6px 0;
}
.skin-i {
    color: rgba(0,0,0,0.5);
}
/* FeatureTags
---------------------------------------------------*/
.ftag-content {
   position: absolute;
   z-index: 20;
   display: inline-block;
   top: 1rem;
   left: 1rem;
}
.ftag-name {
   text-transform: capitalize;
   float: left;
   text-decoration: none;
   cursor: pointer;
   transition: background .3s;
   white-space: nowrap;
   padding: .7rem;
   color: #fff;
   border-radius: 2px;
   margin: 2px;
   font-size: 13px;
   line-height: 1;
}
.ftag-name:hover {
    background: #262626;
    color: #fff;
}
/* Pallete colors (500)
--------------------------------------*/
/* Color */
.color-fern {
    color: #67B36A;
}
.color-ocean-green {
    color: #409C75;
}
.color-eastern-blue {
    color: #23A6B3;
}
.color-san-marino {
    color: #42689C;
}
.color-blue-violet {
    color: #655FB3;
}
/* Background */
.bg-fern {
    background-color: #67B36A;
}
.bg-ocean-green {
    background-color: #409C75;
}
.bg-eastern-blue {
    background-color: #23A6B3;
}
.bg-san-marino {
    background-color: #42689C;
}
.bg-blue-violet {
    background-color: #655FB3;
}
/*! Article v1.1.0
--------------------------------------*/
.drop-caps:first-letter {
    float: left;
    font-size: 70px;
    line-height: 60px;
    padding-top: .5rem;
    padding-right: 1rem;
    font-weight: 300;
    font-family: Georgia, serif;
}
/*Lead*/
.lead {
    font-size: 1.4rem;
    font-weight: 300;
}
/*Paragraph Grid */
.pgrid > [class*="col-"] {
    margin-bottom: 24px;
}
/*Blockquote*/
blockquote {
    border-left: 3px solid;
    padding: 1rem 1.5rem;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 1rem;
    font-size: 1.2rem;
    position: relative;
}
blockquote footer {
    display: block;
    margin-top: .5rem;
    font-size: 1rem;
    opacity: .8;
}
blockquote footer::before {
    content: "\2014 \00A0";
}
blockquote:before {
    opacity: .5;
    content: "“";
    font-size: 4rem;
    margin-right: .25em;
    float: left;
    line-height: 1;
    height: 22px;
}
/* Tabs */
.wjs-item {
    display: inline-block;
    padding: 1rem;
    white-space: nowrap;
    font-weight: 500;
    transition-duration: 0s;
}
.wjs-item,
.wjs-item:hover {
    color: #757575;
}
.wjs-item.is-active {
    color:#fff;
}
.wjs-panel {
    padding: 1rem;
}
/* if => is vertical */
.tab-vertical .wjs-item {
    display: block;
}
.tab-vertical {
    display: -ms-flexbox;
    display: flex;
}
/* Spoiler */
.wjs-spoiler,
.accordion-item {
    margin-bottom: 5px;
}
.wjs-button,
.accordion-title {
    padding: .8rem 1rem;
    cursor: pointer;
    display: block;
    font-weight: 500;
    color: #262626;
    background: #f3f3f3;
    border-radius: 2px;
    width: 100%;
    text-align: left;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.wjs-button:hover,
.accordion-title:hover {
    opacity: .9;
}
.wjs-container,
.accordion-content {
    height: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow: hidden;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
}
.wjs-container.is-active,
.accordion-item.is-active .accordion-content {
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
/* Separators */
.divider, [class*="divider-"] {
    display: block;
    padding-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
}
[class*="divider-"]::before {
    content: "";
    display: block;
}
.divider {
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}
.divider-dotted {
    border-bottom: 2px dotted rgba(0, 0, 0, 0.15);
}
.divider-dashed {
    border-bottom: 2px dashed rgba(0, 0, 0, 0.15);
}
.divider-shadow {
    box-shadow: 0 12px 15px -10px rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.divider-double {
    border-bottom: 6px double rgba(0, 0, 0, 0.15);
}
.divider-ribbon::before {
    height: 10px;
    background: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(0, 0, 0, 0.1) 5px, rgba(0, 0, 0, 0.1) 10px) transparent;
}
.divider-gradient::before  {
    height: 2px;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.15), transparent);
}
/* Alerts */
.alert {
    background-color: #f3f3f3;
    padding: 1.5rem;
    color: rgba(0, 0, 0, 0.75);
    margin-bottom: 5px;
}
.alert-success {
    background-color: #b2d9b4;
}
.alert-warning {
    background-color: #f1e2b9;
}
.alert-danger {
    background-color: #ecb9c1;
}
/* Alerts modifiers */
.Blog > .alert {
    margin-bottom: 1rem;
}
/*Video*/
video {
    background-color: #161616;
}
/*audio*/
audio {
    display: block;
    width: 100%;
}
/*Align image*/
[class*='align-image-'] {
    margin-top: .5em;
    margin-bottom: .5em;
}

.align-image-left {
    clear: left;
    float: left;
    margin-right: 1em;
}
.align-image-right {
    clear: right;
    float: right;
    margin-left: 1em;
}
/*Image caption*/
.Image__caption figcaption {
    padding: 1rem;
    font-size: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    text-align: center;
}
/*Image caption cover*/
.Image__textCover {
    position: relative;
}
.Image__textCover figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
/* Header
--------------------------------------*/
.nav-search-bg {
    -webkit-animation: fade .5s;
            animation: fade .5s;
    position: fixed;
    z-index: 9995;
    background: rgba(0, 0, 0, 0.9);
}
.post-body img[src*="?featured=common"],
.post-body img[src*="?featured=full"],
.nav-search-bg,
.search-container {
    display: none;
}
.nav-search.is-active .search-container,
.nav-search.is-active + .nav-search-bg {
    display: block;
}
.search-container {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 9999;
}
.search-container input {
    padding: 1.5rem 1.8rem;
    background: transparent;
    width: 300px;
    color: #fff;
    font-size: 1.4rem;
    will-change: transform, opacity;
    border: 4px solid;
}
.search-container input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.4rem;
}
.search-container input::-moz-placeholder {
    color: #fff;
    font-size: 1.4rem;
}
.search-container input:-ms-input-placeholder {
    color: #fff;
    font-size: 1.4rem;
}
.search-container input::-ms-input-placeholder {
    color: #fff;
    font-size: 1.4rem;
}
.search-container input::placeholder {
    color: #fff;
    font-size: 1.4rem;
}
.search-btn {
    margin-left: auto;
    cursor: pointer;
    font-size: 1.2rem;
}
.header__wrapper {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.logo__descripcion {
    font-weight: 500;
    font-size: 1rem;
    padding-top: .2rem;
    display: block;
}
.logo__title {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 1.2;
}
.logo__link {
    font-weight: 700;
    display: inline-block;
}
/* Main menu
--------------------------------------*/
/* Menu */
.header__nav {
   position: relative;
   z-index: 100;
}
.nav__menu {
   box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}
.nav__menu a {
   padding: 1.4rem 1.2rem;
   font-weight: 500;
   white-space: nowrap;
   text-transform: uppercase;
   font-size: 1.1rem;
   position: relative;
   z-index: 1;
}
.nav__menu ul a {
   padding-top: 1.2rem;
   padding-bottom: 1.2rem;
   transition: background .3s;
}
.nav__menu ul > li:hover > a {
    background: rgba(255,255,255,.15);
}
.nav__menu .is-parent > a > span.is-arrow::after,
.nav__menu ul .is-parent > a > span.is-arrow::after {
   border: 2px solid;
   width: 8px;
   height: 8px;
   margin-top: -3px;
   -webkit-transform: rotate(45deg) translateZ(0);
   transform: rotate(45deg) translateZ(0);
   margin-left: .75rem;
   transition: -webkit-transform .3s;
   transition: transform .3s;
   transition: transform .3s,-webkit-transform .3s;
}
/* Toggle */
.nav__toggle--icon {
   width: 22px;
   position: relative;
   z-index: 80;
   height: 12px;
   cursor: pointer;
   display:block;
}
.nav__toggle--icon span:after,
.nav__toggle--icon span:before {content: "";}
.nav__toggle--icon span, .nav__toggle--icon span::after, .nav__toggle--icon span::before {
   position: absolute;
   left: 0;
   display: block;
   height: 2px;
   width: 100%;
   transition: top .3s, bottom .3s, opacity .3s,-webkit-transform .3s;
   transition: transform .3s,top .3s, bottom .3s, opacity .3s;
   transition: transform .3s,top .3s, bottom .3s, opacity .3s,-webkit-transform .3s;
}
.nav__toggle--icon span::before {top: -6px;}
.nav__toggle--icon span::after {bottom: -6px;}
.nav__toggle--icon span {
   top: 50%;
   margin-top: -1px;
}
.nav__toggle.is-active .nav__toggle--icon span {
   transition-delay: .22s;
   transition-timing-function: ease;
   -webkit-transform: translate3d(0,0,0) rotate(-45deg);
           transform: translate3d(0,0,0) rotate(-45deg);
}
.nav__toggle.is-active .nav__toggle--icon span::before {
   top: 0;
   transition: top .1s ease .16s,-webkit-transform .13s ease .25s;
   transition: top .1s ease .16s,transform .13s ease .25s;
   transition: top .1s ease .16s,transform .13s ease .25s,-webkit-transform .13s ease .25s;
   -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
}
.nav__toggle.is-active .nav__toggle--icon span::after {
   bottom: 0;
   opacity: 0;
   transition: bottom .3s,opacity .1s linear .1s;
}
.nav__toggle {padding: 1.5rem 0;}
/* Layout
--------------------------------------*/
.template-box {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 25px rgba(0, 0, 0, 0.05);
}
.main {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.skin-box,
.main {
    padding: 1rem;
}
.main__general .widget:last-child {
    margin-bottom: 1rem;
}
.main,
.header .header__nav,
.header__wrapper {
    padding-right: 1rem;
    padding-left: 1rem;
}
.main__blog,
.header,
.footer,
.main {
    width: 100%;
}
.blog {
    position: relative;
    margin-bottom: 1.5rem;
}
.blog:not(.showSidebar) {
    width: 100%;
}
.col-5ta {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
/* Widgets
--------------------------------------*/
#LinkList200,
#LinkList210,
header .widget {
    padding: 0 !important;
    box-shadow: 0 0 transparent !important;
    background: none transparent !important;
}
#LinkList210,
header .widget,
#footer-copyright .widget,
#footerLinks .widget {
    margin: 0 !important;
}
header .widget-title {
    display: none;
}
.widget {
   width: 100%;
}
.widget-title {
    margin-bottom: 1rem;
    position: relative;
}
.widget-name {
    display: inline-block;
    padding: 1.1rem;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 500;
}
.widget-more {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.widget-more-item {
    font-size: 1rem;
    padding-right: 1.1rem;
    padding-left: 1.1rem;
    text-transform: uppercase;
    font-weight: 500;
    transition: padding .3s;
    will-change: paddding;
}
.widget-more-item:hover {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.widget-content {
    width: 100%;
}
.article:not(:last-child),
.widget:not(:last-child) {
    margin-bottom: 1rem;
}
/*
=> Search
*/
.form-info {
    margin-bottom: 1rem;
    font-size: 1.1rem;
}
.searchForm__input {
    border-right: 0 none;
}
.searchForm__button {
    border-radius: 0;
    font-size: 1.2rem;
    padding: 1rem;
}
.searchForm__button [class*=fa-] {
    margin: 0;
    width: 1.25em;
}
/*
=> Labels
*/
.tagsList__link {
    padding: 1rem 1.2rem;
    margin-right: 5px;
    margin-bottom: 5px;
}
.tags-list__num {
    font-weight: 700;
    opacity: .5;
    margin-left: 5px;
}
.tagsList--list .tags-list__num {
    float: right;
}
.tagsList--list .tagsList__link {
    width: 100%;
    margin-right: 0;
    text-align: left;
}
/*
=> Popular posts
*/
.hotPosts__image {
    width: 75px;
    margin-right: 1rem;
}
.hotPosts__content:not(:last-child) {
    margin-bottom: 1rem;
}
.hotPosts__title {
    font-size: 1.1rem;
    margin-bottom: .5rem;
}
.hotPosts__title a {
    color: #262626;
}
.hotPosts__snippet {
    font-weight: 400;
    color: #767676;
}
/*
=> Featured Post
*/
.featuredPost-data .card__title:not(:last-child) {
    padding-bottom: 1rem;
}
/*
=> Image
*/
.header .imgImage {
    width: 100%;
}
.imgCaption {
    margin-top: 1rem;
    display: block;
    margin-bottom: 0;
}
/*if => header*/
header .widget.Image {
    position: relative;
}
header .imgCaption {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 1rem 1.2rem;
    border-radius: 4px;
}
/*
=> WJS-Sections
*/
.wjs-section {
    margin-bottom: -1rem;
}

/* Footer
--------------------------------------*/
.footer__copy {
    text-align: center;
}
.copy__date {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
}
.copy__attribution {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
.copy__attribution a {
    font-weight: 700;
}
.footer__primary {
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
.socialList-item:not(:last-child) {
    margin-right: .75rem;
}
.socialList-item {
    font-size: 1.5rem;
}
/* No JS
--------------------------------------*/
.no-js .wjs-section,
.no-js .circular {
    display: none;
}

/* Media Queries
--------------------------------------*/
@media (max-width: 991px) {
    .nav__menu {
        position: fixed;
        top: 0;
        min-width: 260px;
        max-width: 80vw;
        display: none;
        left: 0;
        bottom: 0;
        z-index: 9001;
        display: none;
    }
    .nav__menu {
        white-space: normal;
    }
    .nav__menu.is-active {
        display: block;
    }
}
@media (max-width: 767px) {
   .socialList {
       padding-bottom: 1rem;
       padding-top: 1rem;
       -ms-flex-pack: center;
           justify-content: center;
   }
   .footer__copy {
      padding-bottom: 1rem;
   }
}
@media (max-width: 575px) {
   .footerLink {
      padding: 1.2rem;
      width: 100%;
      text-align: center;
      margin-bottom: .5rem;
      background: rgba(0, 0, 0, 0.5);
   }
   .footerLink:not(:last-child) {
      margin-bottom: .5rem;
   }
}
/* Small devices */
@media (min-width: 576px) {
    .card__descripcion:not(:last-child),
    .card__meta:not(:last-child),
    .card__header:not(:last-child) {
        padding-bottom: 1.4rem;
    }
   .nav__menu {
      width: auto;
   }
   .col-5ta-sm {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
   }
   .footerLink:not(:last-child) {
      margin-right: 1rem;
   }
}
/* Medium devices */
@media (min-width: 768px) {
    .col-5ta-md {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .search-container input {
        width: 600px;
    }
    html {
        font-size: 14px;
    }
    .footer__copy {
        text-align: right;
    }
}
/* Large devices */
@media (min-width: 992px) {
   .layout-box {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
   }
   .nav__menu {
      box-shadow: 0 0 transparent;
   }
   .blog {margin-bottom: 0;}
   .nav__toggle {
      display: none;
   }
   .nav__menu>li:hover>a>.is-arrow::after {
      -webkit-transform: rotate(-45deg) translateZ(0);
              transform: rotate(-45deg) translateZ(0)
   }
   .nav__menu ul li:hover>a>.is-arrow::after {
      -webkit-transform: rotate(135deg) translateZ(0);
              transform: rotate(135deg) translateZ(0)
   }
   .nav__menu li > ul {
      box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
   }
   .skin-left {
      float: left;
   }
   .skin-right {
      float: right;
   }
   .nav__menu li > ul {
      display: none !important;
   }
   .nav__menu li:hover > ul {
      display: block !important;
      transform-origin: top center;
   }
   .dropdown-menu > li {
      transition: background .3s;
   }
   .col-5ta-lg {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
   }
}

/* Extra large devices */
@media (min-width: 1200px) {
   .col-5ta-xl {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
   }
}
 
/*]]>*/</style>

<b:comment>Post/Static Page Styles</b:comment>
<b:if cond='data:view.isSingleItem'>
<style>/*<![CDATA[*/
/*Body*/
.articleTags {
    padding-bottom: 1rem;
}
.post__title {
    font-size: 2rem;
    margin-bottom: 1rem;
}
.page__title {
    padding-bottom: 2rem;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 2rem;
}
.article__cover {
    width: 100%;
}
.post-body {
    font-size: 14px;
}
.article .card__header {
    margin-bottom: 1.5rem;
    padding-bottom: 0;
}
.post-related ~ .pagerPost {
    margin-top: -1rem;
}
@media (min-width: 576px) {
    .post-body {
        font-size: 16px;
    }
}
/* Only articles */
/*Heading*/
.post-body h1,.post-body .h1,
.post-body h2,.post-body .h2,
.post-body h3,.post-body .h3,
.post-body h4,.post-body .h4,
.post-body h5,.post-body .h5,
.post-body h6,.post-body .h6 {
    margin: 0 0 1.5rem;
    font-weight: 500;
}
/*List*/
.post-body ul,
.post-body ol {
    margin-left: 1.75em;
}
.post-body ul {
    list-style-type: disc;
}
.post-body ul ul {
    list-style-type: circle;
}
.post-body ol {
    list-style-type: decimal;
    counter-reset: counter;
}
.post-body .fa-ul {
    list-style-type: none;
}
/*if => unstyled */
.post-body .list-unstyled {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
/*Table*/
.post-body table {
    text-align: left;
    width: 100%;
}
.post-body table tbody td,
.post-body table thead th {
    padding: 1rem;
    border-bottom: 1px solid #e3e3e3;
    color: #757575;
}
.post-body table thead th {
    white-space: nowrap;
    color: #454545;
    border-width: 2px;
}
/*Button*/
.post-body .btn {
    margin-right: 2px;
    margin-bottom: 6px;
    font-size: 1.1rem;
}
/* if => is dark background */
.post-body-dark .table td,
.post-body-dark .table th {
    color: #ddd;
    border-color: rgba(0, 0, 0, 0.75);
}
.post-body-dark .table th {
    color: #fff;
}
.post-body-dark .tab .wjs-item,
.post-body-dark .tab .wjs-item:hover {
    color: #fff;
}
/*reactions*/
.reactions-iframe {
    width: 100%;
    height: 22px;
}
/*]]>*/</style>
</b:if>

<b:comment>Options (Warning, it can cause crashing!)</b:comment>
<b:skin><![CDATA[
/*!
=> Theme Name: Anime.xml Free
=> Theme URI: https://shop.zkreations.com
=> Author: Daniel Abel M. (Copyright 2019 zkreations)
=> Author URI: https://fb.com/danieI.abel
=> Version: 4.3.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="Comment system" type="string" default="blogger" value="blogger"/>
   <Variable name="config.shortname" description="Shortname of Disqus" type="string" default="shortname" value="shortname"/>
   
   <!-- Animate.css -->
   <Variable name="config.animate.search" description="Search engine animation" type="string" default="fadeInDown .5s" value="fadeInDown .5s"/>
   <Variable name="config.animate.menu" description="Menu animation" type="string" default="flipInX .5s" value="flipInX .5s"/>
   <Variable name="config.animate.menu.mobile" description="Mobile menu animation" type="string" default="fadeInLeft .5s" value="fadeInLeft .5s"/>
   <Variable name="config.animate.cover" description="Article Animation" type="string" default="fadeIn .5s" value="fadeIn .5s"/>
   <Variable name="config.animate.cover.text" description="Article Animation (Icon)" type="string" default="fadeInDown .5s" value="fadeInDown .5s"/>
   
   <!-- Bundle.css -->
   <Variable name="config.bundle.ctheme" description="Bundle comment theme" type="string" default="anime" value="anime"/>
   
   <!-- Cards (Home posts) -->
   <Variable name="config.post.column" description="Number of columns" type="string" default="2" value="3"/>
   <Variable name="config.post.showSnippet" description="Show Snippet" type="string" default="true" value="false"/>
   <Variable name="config.post.showMeta" description="Show Meta" type="string" default="true" value="true"/>

   <!-- Image Ratio -->
   <Variable name="config.ratio.post" description="Aspect ratio" type="string" default="true" value="true"/>
   <Variable name="config.ratio.slider" description="Aspect ratio (Slider)" type="string" default="true" value="false"/>
   <Variable name="config.ratio.featured" description="Aspect ratio (Featured Post)" type="string" default="true" value="true"/>
   
   <!-- Show -->
   <Variable name="config.show.homeSidebar" description="Show Home sidebar" type="string" default="true" value="false"/>
   <Variable name="config.show.postSidebar" description="Show Post sidebar" type="string" default="true" value="true"/>
   <Variable name="config.show.pageSidebar" description="Show Page sidebar" type="string" default="true" value="true"/>
   <Variable name="config.show.errorSidebar" description="Sidebar on Error" type="string" default="true" value="true"/>
   <Variable name="config.show.postPager" description="Show pagination in entrys" type="string" default="true" value="true"/>
   <Variable name="config.show.search" description="Show menu search" type="string" default="true" value="true"/>

   <!-- Funtions -->
   <Variable name="config.el.oppositeBlog" description="Exchange between sidebar and blog" type="string" default="false" value="false"/>
   <Variable name="config.el.postsRelated" description="Related entries" type="string" default="true" value="true"/>
   <Variable name="config.el.postsRelated.num" description="Number of posts related" type="string" default="2" value="2"/>
   <Variable name="config.el.postsRelated.column" description="Columns of posts related" type="string" default="2" value="2"/>
   <Variable name="config.el.localeDate" description="Time formatting" type="string" default="en-Us" value="en-Us"/>
   <Variable name="config.el.featureTags" description="Feature Tags" type="string" default="false" value="false"/>
   <Variable name="config.el.featureTags.tags" description="Array of labels" type="string" default="" value=""/>

   <!-- image default -->
   <Variable name="config.default.image" description="Default image" type="string" default="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97pxmiWMKfUxEc8hoQx4vwiPua91wdHTFhSkK6ui0nXkY_9_OC5KHinkpoNO9saVJqziONGUVKmPWxtDLaAzBUQxVB3uy7xrDTfuutu3BNyWP3rpcmxTw5XoJnIj8aYQcIYnFXdi6CDar/s1600/no-img-blogger.png" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97pxmiWMKfUxEc8hoQx4vwiPua91wdHTFhSkK6ui0nXkY_9_OC5KHinkpoNO9saVJqziONGUVKmPWxtDLaAzBUQxVB3uy7xrDTfuutu3BNyWP3rpcmxTw5XoJnIj8aYQcIYnFXdi6CDar/s1600/no-img-blogger.png"/>
   
   <!-- Default messages -->
   <Variable name="config.msj.nojs" description="Javascript Disable" type="string" default="Javascript required" value="Javascript required"/>
   
   Variable definitions
   ====================
   
   <Variable name="keycolor" description="Main Color" type="color" default="#2196f3" value="#2196f3"/>
   
   <Group description="Accents" selector="body">
      <Variable name="main.bg" description="Main Background" type="color" default="#e0e0e0" value="#e0e0e0"/>
      <Variable name="main.color" description="Main Background Color" type="color" default="#23a6b3" value="#23a6b3"/>
      <Variable name="main.linkColor" description="Link color" type="color" default="#23a6b3" value="#23a6b3"/>
   </Group>
   
   <Group description="Widths" selector=".main">
      <Variable name="width.content" description="Content width" type="length" min="800px" max="1600px" default="1240px" value="1240px"/>
      <Variable name="width.sidebar" description="Sidebar width" type="length" min="100px" max="600px" default="340px" value="340px"/>
      <Variable name="width.margin" description="Content margin" type="length" min="0" max="50px" default="30px" value="30px"/>
      <Variable name="header.margin" description="Header separation" type="length" min="0" max="200px" default="30px" value="30px"/>
      <Variable name="main.margin" description="Content separation" type="length" min="0" max="100px" default="30px" value="30px"/>
   </Group>
   
   <Group description="Content font" selector="body">
      <Variable name="font.logo" description="Title Font" type="font" size="34px" family="Custom" default="$(size) $(family)" value="$(size) $(family)"/>
      <Variable name="font.text" description="Content font" type="font" family="Custom" default="$(family)" value="$(family)"/>
      <Variable name="font.desc" description="Blog Description Font" type="font" size="14px" family="Custom" default="$(size) $(family)" value="$(size) $(family)"/>
   </Group>
   
   <Group description="Content color" selector=".main">
      <Variable name="body.bg" description="Page Background Color" type="color" default="#ffffff" value="#ffffff"/>
      <Variable name="body.colorTitle" description="Title Color" type="color" default="#262626" value="#262626"/>
      <Variable name="body.colorText" description="Text Color" type="color" default="#757575" value="#757575"/>
   </Group>

   <Group description="Header" selector=".header__wrapper">
      <Variable name="header.bg" description="Header Background" type="color" default="#f2f2f2" value="#f2f2f2"/>
      <Variable name="header.colorLogo" description="Blog Title Color" type="color" default="#3c3c3c" value="#3c3c3c"/>
      <Variable name="header.colorDesc" description="Blog Description Color" type="color" default="#797979" value="#797979"/>
   </Group>
   
   <Group description="Header Bar" selector=".header__menu">
      <Variable name="menu.bg" description="Background Color" type="color" default="#232323" value="#232323"/>
      <Variable name="menu.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
   </Group>
   
   <Group description="Gadgets" selector=".sidebar .widget">
      <Variable name="gadget.bg" description="Gadget Background" type="color" default="transparent" value="transparent"/>
      <Variable name="gadget.title" description="Background Color" type="color" default="#f2f2f2" value="#f2f2f2"/>
      <Variable name="gadget.margin" description="Widget separation" type="length" min="0" max="50px" default="0" value="0"/>
      <Variable name="gadget.color" description="Gadget Title Color" type="color" default="#ffffff" value="#ffffff"/>
      <Variable name="gadget.icon" description="Icon color" type="color" default="#ffffff" value="#ffffff"/>
   </Group>
   
   <Group description="Posts" selector=".card__content">
      <Variable name="post.bg" description="Post background color" type="color" default="#f2f2f2" value="#f2f2f2"/>
      <Variable name="post.margin" description="Content margin" type="length" min="0" max="80px" default="28px" value="28px"/>
      <Variable name="post.titleColor" description="Post Title Color" type="color" default="#262626" value="#262626"/>
      <Variable name="post.dateColor" description="Date Header Color" type="color" default="#979797" value="#979797"/>
      <Variable name="post.borderRadius" description="Post border radius" type="length" min="0" max="50px" default="0" value="0"/>
      <Variable name="post.snippetColor" description="Post text color" type="color" default="#757575" value="#757575"/>
      <Variable name="post.share" description="Sharing" type="color" default="rgba(0, 0, 0, 0.075)" value="rgba(0, 0, 0, 0.075)"/>
      <Variable name="post.shareColor" description="Sharing icons color" type="color" default="#757575" value="#757575"/>
   </Group>
   
   <Group description="Sharing" selector=".footer__primary">
      <Variable name="footer.primaryBg" description="Background Color" type="color" default="#f2f2f2" value="#f2f2f2"/>
      <Variable name="footer.shareColor" description="Sharing icons color" type="color" default="#adadad" value="#adadad"/>
      <Variable name="footer.linksText" description="Text Color" type="color" default="#adadad" value="#adadad"/>
      <Variable name="footer.linksColor" description="Footer Color" type="color" default="#757575" value="#757575"/>
   </Group>
   
   <Group description="Footer Links" selector=".footerLinks">
      <Variable name="footer.linksBg" description="Footer Background" type="color" default="#131313" value="#131313"/>
      <Variable name="footer.IconColor" description="Icon color" type="color" default="#414141" value="#414141"/>
      <Variable name="footer.links" description="Link Color" type="color" default="#ffffff" value="#ffffff"/>
   </Group>

   <Variable name="body.background" description="Main Background" type="background" color="$(main.bg)" default="$(color) none repeat scroll top center" value="$(color) none repeat scroll top center"/>
*/

body{background:$(body.background);font-family:'$(font.text.family)',Roboto,sans-serif}.logo__title,.skin-font,.widget-title{font-family:'$(font.logo.family)',Oswald,sans-serif}.logo__descripcion{font-family:'$(font.desc.family)',Roboto,sans-serif}.container{max-width:$(width.content)}@media (min-width:576px){.logo__title{font-size:$(font.logo.size)}.logo__descripcion{font-size:$(font.desc.size)}}.drop-caps:first-letter,.pageLink.is-selected .btn,.skin-color,.skin-color-hover:hover,.tagsList__link.here,a,a:hover{color:$(main.linkColor)}.card__overlay::before,.dropdown-menu li>ul,.gallery__href::before,.nav__menu a.is-currentUrl,.nav__menu>li:hover,.pageLink.is-selected .btn,.tagsList__link.here,.widget-name{background-color:$(main.color)!important}::-moz-selection{background-color:$(main.color)}::selection{background-color:$(main.color)}.contact-form-button,.ftag-name,.skin-bg,.skin-bg-hover:hover,.widget-more-item,.wjs-item.is-active{background-color:$(main.color)}.wjs-tab:not(.tab-vertical) .tab-header{border-bottom:2px solid $(main.color)}.tab-vertical .tab-header{border-right:2px solid $(main.color)}.footer__primary,.post-body blockquote,blockquote{border-color:$(main.color)}.h1,.h2,.h3,.h4,.h5,.h6,.skin-color-title,h1,h2,h3,h4,h5,h6{color:$(body.colorTitle)}.skin-color-text{color:$(body.colorText)}.header{background-color:$(header.bg)}.search-container input{-webkit-animation:$(config.animate.search);animation:$(config.animate.search)}.card__image:hover .card__overlay::before{-webkit-animation:$(config.animate.cover);animation:$(config.animate.cover)}.authorPortfolio,.card__readMore::before,.portfolio-meta-content .card__title{-webkit-animation:$(config.animate.cover.text);animation:$(config.animate.cover.text)}.header__menu{background-color:$(menu.bg)}@media (max-width:991px){.nav__menu{background-color:$(menu.bg);-webkit-animation:$(config.animate.menu.mobile);animation:$(config.animate.menu.mobile)}.nav__menu a.is-active{background-color:$(main.color)}}.nav__toggle--icon span,.nav__toggle--icon span::after,.nav__toggle--icon span::before{background-color:$(menu.color)}.logo__link,.logo__link:hover{color:$(header.colorLogo)}.logo__descripcion{color:$(header.colorDesc)}@media (min-width:992px){.main{padding-top:$(main.margin);padding-bottom:$(main.margin)}.header__wrapper{padding-top:$(header.margin);padding-bottom:$(header.margin)}}.main{background-color:$(body.bg)}.search-btn{color:$(menu.color)}.nav__menu a{color:$(menu.color)}@media (min-width:992px){.nav__menu li:hover>ul{-webkit-animation:$(config.animate.menu);animation:$(config.animate.menu)}.blog{width:calc(100% - $(width.sidebar) - $(width.margin))}.sidebar{width:$(width.sidebar)}.header .header__nav,.header__wrapper,.main{padding-left:$(width.margin);padding-right:$(width.margin)}.Image__full{margin-left:-$(main.margin);margin-right:-$(main.margin)}}.card__content{background-color:$(post.bg);border-radius:$(post.borderRadius);overflow:hidden;position:relative}.card__title,.card__title a{color:$(post.titleColor)}.card__item{color:$(post.dateColor)}.card__descripcion,.post-body{color:$(post.snippetColor)}.btn-border,.shareButtons .btn,.shareFeatured .btn{border-color:$(post.share);color:$(post.shareColor)}@media (min-width:576px){.card__data{padding:$(post.margin)}.article .card__header{margin-bottom:$(main.margin)}.pagerPost,.post-related,.postComments,.shareButtons:not(.card__share){padding-top:$(main.margin)}}.main .widget{background-color:$(gadget.bg)}.main .widget-title{background-color:$(gadget.title)}.main .widget-title i{color:$(gadget.icon)}.main .widget-name,.widget-more-item,.widget-more-item:hover{color:$(gadget.color)}.footer__primary{background:$(footer.primaryBg)}.socialList-item{color:$(footer.shareColor)}.footerLink .fas{color:$(footer.IconColor)}.footerLink{color:$(footer.links)}@media (min-width:992px){.main .widget{padding:$(gadget.margin)}.article:not(:last-child),.main__general .widget:last-child,.widget:not(:last-child){margin-bottom:$(width.margin)}.skin-box{padding:$(width.margin)}}.footerLinks{background-color:$(footer.linksBg)}.copy__attribution,.copy__date{color:$(footer.linksText)}.copy__attribution a{color:$(footer.linksColor)}

.btnhome1 {
    color: #000000;
    padding: 1em;
    opacity: 1;
    transition: opacity .3s;
    background-color: #ffbe08f2;
    border-radius: 3px;
    font: 800 13px arial;
    width: 100%;
    display: inline-block;
    font-weight: 1000;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.btnhome:hover, .btnhome1:hover {
   opacity: .75;
   color: #fff;
   width: 100%;
}

.col-4-sm:hover {

    background: #f2f2f2;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;

}


.col-4-sm {

    padding: 15PX;
    BORDER-RADIUS: 10PX;
}
]]></b:skin>

<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[ 
body#layout .blog,body#layout .sidebar{width:50%}body#layout .noSidebar{width:100%}body#layout .skin-left{float:left}body#layout .skin-right{float:right}body#layout #three-column{width:33.333333%;float:left}body#layout div#LinkList100{float:left;width:49.5%}body#layout div#Text100{float:right;width:49.5%}body#layout .bfix::after{content:"";display:table;line-height:0;clear:both}
]]></b:template-skin>
</b:if>

</head>

<body class='no-js'>
<script>//<![CDATA[
document.body.classList.remove("no-js");
//]]></script>


<b:defaultmarkups>
  <b:defaultmarkup type='Image'>
    <b:includable id='main'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <div class='widget-content'>
        <b:tag class='imgLink' cond='data:link' expr:href='data:link' name='a'>
          <b:tag class='imgImage' expr:alt='data:title' expr:src='data:sourceUrl' name='img'>
            <b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
          </b:tag>
        </b:tag>
        <b:if cond='data:caption'>
          <span class='imgCaption alert'><data:caption/></span>
        </b:if>
      </div>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='Common'>
    <b:includable id='widget-title'>
      <b:if cond='data:title.length != 0'>
        <h3 class='widget-title'>
          <span class='widget-name'>
            <b:tag cond='data:icon' expr:class='data:icon' name='i'/>
            <b:eval expr='data:defaultTitle ?: data:title'/>
          </span>
        </h3>
      </b:if>
    </b:includable>
    <b:includable id='widgetMsg'>
      <div class='alert'>
        <b:eval expr='data:defaultMsg ?: data:messages.theresNothingHere'/>
      </div>
    </b:includable>
    <b:includable id='pageInfo'>
      <b:if cond='data:view.isError'>
        <data:navMessage/>
      <b:elseif cond='data:view.search.query or data:view.search.label'/>
        <b:include data='{defaultMsg: data:navMessage}' name='widgetMsg'/>
      <b:elseif cond='data:view.isArchive'/>
        <b:include data='{defaultMsg: data:view.archive.rangeMessage}' name='widgetMsg'/>
      <b:elseif cond='data:posts.empty'/>
        <b:include name='widgetMsg'/>
      </b:if>
    </b:includable>
    <b:includable id='columnClass'><b:class cond='data:isColumn gte 2' name='col-6-sm'/><b:class cond='data:isColumn gte 3' name='col-4-md'/><b:class cond='data:isColumn gte 4' name='col-3-lg'/><b:class cond='data:isColumn == 5' name='col-5ta-xl'/><b:class cond='data:isColumn == 6' name='col-2-xl'/></b:includable>
  </b:defaultmarkup>
</b:defaultmarkups>

<b:with value='data:skin.vars.config_default_image' var='imgDefault'>
<b:with value='{postSidebar: data:skin.vars.config_show_postSidebar,                 homeSidebar: data:skin.vars.config_show_homeSidebar,                 pageSidebar: data:skin.vars.config_show_pageSidebar,                 errorSidebar: data:skin.vars.config_show_errorSidebar,                 oppositeBlog: data:skin.vars.config_el_oppositeBlog,                 showMeta: data:skin.vars.config_post_showMeta,                 showSnippet: data:skin.vars.config_post_showSnippet,                 showShare: data:skin.vars.config_post_showShare,                 postPager: data:skin.vars.config_show_postPager,                 postsRelated: data:skin.vars.config_el_postsRelated,                 featureTags: data:skin.vars.config_el_featureTags,                 fTags: data:skin.vars.config_el_featureTags_tags,                 search: data:skin.vars.config_show_search,                 nojsMsj: data:skin.vars.config_msj_nojs}' var='layout'>

<div class='layout-box container'>
<div class='template display-flex flex-column template-box'>

<header class='header'>
<b:section id='header' maxwidgets='4'>
  <b:widget id='Header1' locked='true' title=' TuTiempoDeDinero (Encabezado)' type='Header' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'/>
      <b:widget-setting name='displayHeight'>0</b:widget-setting>
      <b:widget-setting name='sectionWidth'>790</b:widget-setting>
      <b:widget-setting name='useImage'>false</b:widget-setting>
      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
      <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
      <b:widget-setting name='displayWidth'>0</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='container header__wrapper'>
        
        <center>
        <div class='header__logo'>
          <b:include expr:name='data:image ? &quot;image&quot; : &quot;title&quot;'/>
          <b:include name='behindImageStyle'/>
        </div>
        </center> 
      </div>
    </b:includable>
    <b:includable id='behindImageStyle'>
      <b:include cond='data:image ? (data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;) : data:description' name='description'/>
    </b:includable>
    <b:includable id='description'>
      <span class='logo__descripcion'><data:description/></span>
    </b:includable>
    <b:includable id='image'>
      <a class='logo__image' expr:href='data:blog.homepageUrl'>
        <img expr:alt='data:title' expr:src='data:sourceUrl'/>
      </a>
    </b:includable>
    <b:includable id='title'>
      <b:tag class='logo__title' expr:name='data:view.isHomepage ? &quot;h1&quot; : &quot;div&quot;'>
        <a class='logo__link' expr:href='data:blog.homepageUrl'><data:title/></a>
      </b:tag>
    </b:includable>
  </b:widget>
  <b:widget id='HTML100' locked='false' title='Main menu' type='HTML' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;ul class=&quot;dropdown-menu nav__menu&quot; id=&quot;nav__menu&quot;&gt;
   &lt;li&gt;&lt;a href=&quot;/&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Buy theme&lt;/a&gt;
      &lt;ul&gt;
         &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Store&lt;/a&gt;
            &lt;ul&gt;
               &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Gumroad&lt;/a&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Official site&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
         &lt;/li&gt;
      &lt;/ul&gt;
   &lt;/li&gt;
   &lt;li&gt;&lt;a href=&quot;/p/shortcodes.html&quot;&gt;Shortcodes&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='header__menu'>
        <div class='header__nav container flx-yc'>
          <nav class='wjs-menu skin-font'>
            <button class='nav__toggle wjs-outsite' data-target='nav__menu'>
              <span class='nav__toggle--icon'><span/></span>
            </button>
            <data:content/>
          </nav>
          <b:include cond='data:layout.search' name='search'/>
        </div>
      </div>
    </b:includable>
    <b:includable id='search'>
      <button class='search-btn flx-yc wjs-outsite skin-color-hover' data-target='search'>
        <i class='fas fa-search'/>
      </button>
      <form action='/search' class='nav-search flx-yc' id='search' method='get'>
        <div class='search-container'>
          <input autocomplete='off' autofocus='autofocus' class='form-input' expr:placeholder='data:messages.searchBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q' required='required' spellcheck='false' type='text'/>
        </div>
      </form>
      <span class='nav-search-bg stretch'/>
    </b:includable>
  </b:widget>
</b:section>
</header>

<div class='main flex-fill'>
<div class='main__blog clearfix'>

<b:section class='main__general' id='general'>
  <b:widget id='HTML3' locked='true' title='' type='HTML' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;div id=&quot;content&quot;&gt;

&lt;div class=&#39;ticker-wrap&#39;&gt;

&lt;div id=&#39;ticker&#39;&gt;

&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

  &lt;style&gt;

  /* CSS News Ticker */



.ticker-wrap {

  display: block;

  text-align: center;

  margin: 0 20px 20px 20px;

  padding: 2px;

  background: #fefefe;

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-left: 5px solid #3598db

}



.ticker-wrap&gt;span {

  display: inline-block;

  background: #fefefe;

  padding: 0;

  font: 700 13px &#39;roboto&#39;, sans-serif;

}



.ticker-wrap&gt;span&gt;a {

  color: #222;

  text-decoration: none

}



#ticker {

  height: 45px;

  overflow: hidden;

  background: #fefefe;

  text-align: left

}



#ticker ul {

  padding: 0;

  margin: 0;

  list-style: none

}



#ticker ul li {

  height: 45px;

  white-space: nowrap

}



#ticker ul li img {

  float: left;

  width: 35px;

  height: 35px;

  margin: 5px 7px 5px 5px

}



#ticker ul li h3 {

  margin: 0;

  font: 700 16px &#39;roboto&#39;, sans-serif

}



#ticker ul li h3 a {

  color: #333;

  text-decoration: none;

  line-height: 25px!important

}



#ticker ul li .tickermeta {

  font: 400 13px &#39;roboto&#39;, sans-serif;

  line-height: 20px!important;

  color: #999

}

  &lt;/style&gt;

    &lt;script src=&#39;https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js&#39;&gt;&lt;/script&gt;

  &lt;script&gt;

//&lt;![CDATA[

function getauthor(t) {

  for (var e = 0; e &lt; t.length; e++) var i = t[e].name.$t;

  return i

}



function getmeta(t) {

  var e = [];

  e[1] = &quot;Jan&quot;, e[2] = &quot;Feb&quot;, e[3] = &quot;Mar&quot;, e[4] = &quot;Apr&quot;, e[5] = &quot;May&quot;, e[6] = &quot;Jun&quot;, e[7] = &quot;Jul&quot;, e[8] = &quot;Aug&quot;, e[9] = &quot;Sep&quot;, e[10] = &quot;Oct&quot;, e[11] = &quot;Nov&quot;, e[12] = &quot;Dec&quot;;

  var i = t.substring(0, 4),

    a = t.substring(5, 7),

    n = t.substring(8, 10),

    r = e[parseInt(a, 10)] + &quot; &quot; + n + &quot; &quot; + i;

  return r

}



function softwebtutsTicker(t) {

  var e = document.querySelector(&quot;#ticker&quot;),

    i = t.feed.entry,

    a = &quot;&lt;ul id=&#39;ticket-wrapper-inner&#39;&gt;&quot;;

  if (i) {

    for (var n = 0; n &lt; i.length; n++) {

      for (var r = i[n], s = 0; s &lt; r.link.length; s++)

        if (&quot;alternate&quot; == r.link[s].rel) {

          var l = r.link[s].href;

          break

        }

      try {

        var o = &#39;&lt;img src=&quot;&#39; + r.media$thumbnail.url + &#39;&quot;/&gt;&#39;

      } catch (t) {

        var o = &quot;&quot;

      }

      var u = r.title.$t,

        c = getauthor(r.author),

        d = getmeta(r.published.$t);

      a += &quot;&lt;li&gt;&quot; + o + &#39;&lt;h3&gt;&lt;a href=&quot;&#39; + l + &#39;&quot;&gt;&#39; + u + &#39;&lt;/a&gt;&lt;/h3&gt;&lt;div class=&quot;tickermeta&quot;&gt;&lt;span&gt;&#39; + c + &quot;&lt;/span&gt; - &lt;span&gt;&quot; + d + &quot;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&quot;

    }

    a += &quot;&lt;/ul&gt;&quot;, e.innerHTML = a

  }

  $(&quot;#ticker&quot;).vTicker()

}! function(t) {

  var e = {

      speed: 700,

      pause: 4e3,

      showItems: 1,

      mousePause: !0,

      height: 0,

      animate: !0,

      margin: 0,

      padding: 0,

      startPaused: !1

    },

    i = {

      moveUp: function(t, e) {

        i.animate(t, e, &quot;up&quot;)

      },

      moveDown: function(t, e) {

        i.animate(t, e, &quot;down&quot;)

      },

      animate: function(e, i, a) {

        var n = e.itemHeight,

          r = e.options,

          s = e.element,

          l = s.children(&quot;ul&quot;),

          o = &quot;up&quot; === a ? &quot;li:first&quot; : &quot;li:last&quot;;

        s.trigger(&quot;vticker.beforeTick&quot;);

        var u = l.children(o).clone(!0);

        if (0 &lt; r.height &amp;&amp; (n = l.children(&quot;li:first&quot;).height()), n += r.margin + 2 * r.padding, &quot;down&quot; === a &amp;&amp; l.css(&quot;top&quot;, &quot;-&quot; + n + &quot;px&quot;).prepend(u), i &amp;&amp; i.animate) {

          if (e.animating) return;

          e.animating = !0, l.animate(&quot;up&quot; === a ? {

            top: &quot;-=&quot; + n + &quot;px&quot;

          } : {

            top: 0

          }, r.speed, function() {

            t(l).children(o).remove(), t(l).css(&quot;top&quot;, &quot;0px&quot;), e.animating = !1, s.trigger(&quot;vticker.afterTick&quot;)

          })

        } else l.children(o).remove(), l.css(&quot;top&quot;, &quot;0px&quot;), s.trigger(&quot;vticker.afterTick&quot;);

        &quot;up&quot; === a &amp;&amp; u.appendTo(l)

      },

      nextUsePause: function() {

        var e = t(this).data(&quot;state&quot;),

          i = e.options;

        e.isPaused || 2 &gt; e.itemCount || a.next.call(this, {

          animate: i.animate

        })

      },

      startInterval: function() {

        var e = t(this).data(&quot;state&quot;),

          a = this;

        e.intervalId = setInterval(function() {

          i.nextUsePause.call(a)

        }, e.options.pause)

      },

      stopInterval: function() {

        var e = t(this).data(&quot;state&quot;);

        e &amp;&amp; (e.intervalId &amp;&amp; clearInterval(e.intervalId), e.intervalId = void 0)

      },

      restartInterval: function() {

        i.stopInterval.call(this), i.startInterval.call(this)

      }

    },

    a = {

      init: function(n) {

        a.stop.call(this);

        var r = jQuery.extend({}, e);

        n = t.extend(r, n);

        var r = t(this),

          s = {

            itemCount: r.children(&quot;ul&quot;).children(&quot;li&quot;).length,

            itemHeight: 0,

            itemMargin: 0,

            element: r,

            animating: !1,

            options: n,

            isPaused: n.startPaused ? !0 : !1,

            pausedByCode: !1

          };

        t(this).data(&quot;state&quot;, s), r.css({

          overflow: &quot;hidden&quot;,

          position: &quot;relative&quot;

        }).children(&quot;ul&quot;).css({

          position: &quot;absolute&quot;,

          margin: 0,

          padding: 0

        }).children(&quot;li&quot;).css({

          margin: n.margin,

          padding: n.padding

        }), isNaN(n.height) || 0 === n.height ? (r.children(&quot;ul&quot;).children(&quot;li&quot;).each(function() {

          var e = t(this);

          e.height() &gt; s.itemHeight &amp;&amp; (s.itemHeight = e.height())

        }), r.children(&quot;ul&quot;).children(&quot;li&quot;).each(function() {

          t(this).height(s.itemHeight)

        }), r.height((s.itemHeight + (n.margin + 2 * n.padding)) * n.showItems + n.margin)) : r.height(n.height);

        var l = this;

        n.startPaused || i.startInterval.call(l), n.mousePause &amp;&amp; r.bind(&quot;mouseenter&quot;, function() {

          !0 !== s.isPaused &amp;&amp; (s.pausedByCode = !0, i.stopInterval.call(l), a.pause.call(l, !0))

        }).bind(&quot;mouseleave&quot;, function() {

          (!0 !== s.isPaused || s.pausedByCode) &amp;&amp; (s.pausedByCode = !1, a.pause.call(l, !1), i.startInterval.call(l))

        })

      },

      pause: function(e) {

        var i = t(this).data(&quot;state&quot;);

        if (i) {

          if (2 &gt; i.itemCount) return !1;

          i.isPaused = e, i = i.element, e ? (t(this).addClass(&quot;paused&quot;), i.trigger(&quot;vticker.pause&quot;)) : (t(this).removeClass(&quot;paused&quot;), i.trigger(&quot;vticker.resume&quot;))

        }

      },

      next: function(e) {

        var a = t(this).data(&quot;state&quot;);

        if (a) {

          if (a.animating || 2 &gt; a.itemCount) return !1;

          i.restartInterval.call(this), i.moveUp(a, e)

        }

      },

      prev: function(e) {

        var a = t(this).data(&quot;state&quot;);

        if (a) {

          if (a.animating || 2 &gt; a.itemCount) return !1;

          i.restartInterval.call(this), i.moveDown(a, e)

        }

      },

      stop: function() {

        t(this).data(&quot;state&quot;) &amp;&amp; i.stopInterval.call(this)

      },

      remove: function() {

        var e = t(this).data(&quot;state&quot;);

        e &amp;&amp; (i.stopInterval.call(this), e = e.element, e.unbind(), e.remove())

      }

    };

  t.fn.vTicker = function(e) {

    return a[e] ? a[e].apply(this, Array.prototype.slice.call(arguments, 1)) : &quot;object&quot; != typeof e &amp;&amp; e ? void t.error(&quot;Method &quot; + e + &quot; does not exist on jQuery.vTicker&quot;) : a.init.apply(this, arguments)

  }

}(jQuery);

//]]&gt;

  &lt;/script&gt;&lt;script src=&#39;https://tutiempodedinero.blogspot.com/feeds/posts/summary?alt=json&amp;callback=softwebtutsTicker&#39;&gt;&lt;/script&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:include name='widget-title'/>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
  </b:widget>
  <b:widget cond='data:view.isHomepage' id='HTML2' locked='true' title='' type='HTML' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;div class=&quot;pgrid row&quot;&gt;

  &lt;div class=&quot;col-6-sm&quot;&gt;&lt;div class=&quot;separator&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgRowBVE1jCnrXiOJvb2QpyUw-joQ2ajcxPp1SEgGBI_UXrZvbroIYqQf6YyQXscP9kQVx7WTQjxijyWR2CTzxg-QNrIm1F_vwTI8VzXQHqqbaUw1akhw1nUGBs-XKCAvLXEXMrSFD6j7trTCcAM0q49cPBEOo90Q45Htosu0kff7h6k0ZkVKuQ_XqE=s720&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgRowBVE1jCnrXiOJvb2QpyUw-joQ2ajcxPp1SEgGBI_UXrZvbroIYqQf6YyQXscP9kQVx7WTQjxijyWR2CTzxg-QNrIm1F_vwTI8VzXQHqqbaUw1akhw1nUGBs-XKCAvLXEXMrSFD6j7trTCcAM0q49cPBEOo90Q45Htosu0kff7h6k0ZkVKuQ_XqE=w351-h212&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;col-6-sm&quot;&gt;



&lt;h1&gt;Lo Mejor del Dinero por Internet&lt;/h1&gt;

&lt;p&gt;&lt;span style=&quot;color: #010101; font-size: medium;&quot;&gt;Miles de personas han empezado a generar dinero por internet, y con mi ayuda te enseñare como hacerlo tu mismo  &#191;Quieres empezar ahora?&lt;/span&gt;&lt;/p&gt;



&lt;br /&gt;



&lt;center&gt;&lt;a class=&quot;btnhome1&quot; href=&quot;https://tutiempodedinero.blogspot.com/2022/02/5-mejores-aplicaciones-para-ganar.html?m=1&quot;&gt;&lt;i class=&quot;fas fa-angle-right&quot;&gt;&lt;/i&gt; &#161;SI,QUIERO!&lt;/a&gt;&lt;/center&gt;



&lt;/div&gt;

&lt;/div&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:include name='widget-title'/>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
  </b:widget>
  <b:widget cond='data:view.isHomepage' id='PopularPosts110' locked='true' title='Slider' type='PopularPosts' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>true</b:widget-setting>
      <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='widget-content'>
        <b:if cond='data:posts.empty'>
          <b:include name='widgetMsg'/>
        <b:else/>
          <div class='carousel'>
            <b:include name='controls'/>
            <div class='carousel__content'>
              <b:loop values='data:posts' var='i'>
                <div class='carousel__item'>
                  <a class='gallery__href' expr:href='data:i.url'>
                    <b:include name='featuredImage'/>
                    <b:include name='carrouselData'/>
                  </a>
                </div>
              </b:loop>
            </div>
          </div>
        </b:if>
      </div>
    </b:includable>
    <b:includable id='blogThisShare'>
  <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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='carrouselData'>
      <div class='gallery__title'>
        <b:include cond='data:i.title.length != 0' name='title'/>
        <b:include name='published'/>
      </div>
    </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 &gt; 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='controls'>
      <button class='carousel__controls controls__prev'><i class='fas fa-chevron-left fa-mn'/></button>
      <button class='carousel__controls flx-xyc controls__next'><i class='fas fa-chevron-right fa-mn'/></button>
    </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: &quot;touch-icon sharing-icon&quot; }' name='emailIcon'/>
      </a>
    </span>
  </span>
</b:includable>
    <b:includable id='facebookShare'>
  <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' var='onclick'>
    <b:include name='platformShare'/>
  </b:with>
</b:includable>
    <b:includable id='featuredImage'>
      <b:with value='data:i.featuredImage ? data:i.featuredImage : data:imgDefault' var='img'>
        <img expr:alt='data:i.title' expr:src='data:skin.vars.config_ratio_slider ? resizeImage(data:img, 300, &quot;300:250&quot;) : resizeImage(data:img, 300)'/>
      </b:with>
    </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='&quot;post-footer-line post-footer-line-&quot; + (data:i + 1)'>
          <b:with value='&quot;footer-&quot; + (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'>
  <div class='goog-inline-block google-plus-share-container'>
    <g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
  </div>
</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='&quot;header-1&quot;' var='regionName'>
          <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
        </b:with>
      </div>
    </div>
  </b:if>
</b:includable>
    <b:includable id='linkShare'>
  <b:with value='&quot;window.prompt(\&quot;Copy to clipboard: Ctrl+C, Enter\&quot;, \&quot;&quot; + data:originalUrl + &quot;\&quot;); return false;&quot;' var='onclick'>
    <b:include name='platformShare'/>
  </b:with>
</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: &quot;sharingOther&quot;}' 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='&quot;goog-inline-block sharing-&quot; + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:onclick='data:onclick ? data:onclick : &quot;&quot;' expr:title='data:platform.shareMessage' target='_blank'>
    <span class='share-button-link-text'>
      <data:platform.shareMessage/>
    </span>
  </a>
</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='postCommentsLink'>
  <span class='byline post-comment-link container'>
    <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
  </span>
</b:includable>
    <b:includable id='postJumpLink' var='post'>
  <div class='jump-link flat-button'>
    <a expr:href='data:post.url fragment &quot;more&quot;' expr:title='data:post.title'>
      <b:eval expr='data:blog.jumpLinkMessage'/>
    </a>
  </div>
</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='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 ?: &quot;sharing&quot;) + &quot;-&quot; + (data:regionName ?: &quot;byline&quot;) + &quot;-&quot; + 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='published'>
        <span class='rel__date'><i class='far fa-clock'/><data:i.date/></span>
    </b:includable>
    <b:includable id='sharingButton'>
  <span expr:aria-label='data:platform.shareMessage' expr:class='&quot;sharing-platform-button sharing-element-&quot; + data:platform.key' expr:data-href='data:shareUrl + &quot;&amp;target=&quot; + 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='&quot;sharing-popup-&quot; + data:sharingId' expr:data-title='data:shareTitle'>
    <button class='sharing-button touch-icon-button' expr:aria-controls='&quot;sharing-popup-&quot; + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-button-&quot; + 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='&quot;sharing-popup-&quot; + data:sharingId' role='menu'>
      <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p =&gt; p.key not in {&quot;blogThis&quot;})' 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: (&quot;touch-icon sharing-&quot; + data:platform.key) }' expr:name='data:platform.key + &quot;Icon&quot;'/>
</b:includable>
    <b:includable id='snippet'><!-- disable --></b:includable>
    <b:includable id='snippetedPostByline'>
  <b:with value='(data:widgets first (w =&gt; w.type == &quot;Blog&quot;)).allBylineItems' var='blogBylines'>
    <div class='item-byline'>
      <b:with value='data:blogBylines first (i =&gt; i.name == &quot;author&quot;)' var='byline'>
        <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
      </b:with>
      <b:with value='data:blogBylines first (i =&gt; i.name == &quot;timestamp&quot;)' var='byline'>
        <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
      </b:with>
    </div>
  </b:with>
</b:includable>
    <b:includable id='snippetedPostContent'>
  <div class='post-content'>
    <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
    <b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>
    <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
    <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  </div>
</b:includable>
    <b:includable id='snippetedPostThumbnail'>
  <div class='item-thumbnail'>
    <a expr:href='data:post.url'>
      <b:include data='{                         image: data:post.featuredImage,                         imageSizes: [72, 144],                         imageRatio: &quot;1:1&quot;,                         sourceSizes: &quot;72px&quot;                        }' name='responsiveImage'/>
    </a>
  </div>
</b:includable>
    <b:includable id='snippetedPostTitle'>
  <b:if cond='data:post.title != &quot;&quot;'>
    <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
  </b:if>
</b:includable>
    <b:includable id='snippetedPosts'>
  <div role='feed'>
    <!-- Don't render the post that we're currently already looking at. -->
    <b:loop values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
      <article class='post' role='article'>
        <b:include name='snippetedPostContent'/>
      </article>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='title'>
      <span class='rel__title skin-font'><data:i.title/></span>
    </b:includable>
  </b:widget>
  <b:widget cond='data:view.isHomepage' id='HTML1' locked='true' title='' type='HTML' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;center&gt;
  &lt;h2 style=&quot;background: black; border-radius: 5px; color: white; font-family: Poppins; font-size: 30px; font: 1000 30px poppins; padding: 11px; text-align: center;&quot;&gt;
   &#191;Cómo quieres ganar dinero hoy?
  &lt;/h2&gt;
  
  &lt;br /&gt;
  &lt;br /&gt;
  
  &lt;!--3/3--&gt;
  &lt;div class=&quot;pgrid row&quot;&gt;
    &lt;div class=&quot;col-4-sm&quot;&gt;
      &lt;a href=&quot;URL DE LA CATEGORIA&quot;&gt;
        &lt;img class=&quot;image&quot; height=&quot;100&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4qLPT_6b0HGCs7KIsJ92xSd14_bVbw6jwRioX_8X9tueawzClRk_0WI-zrseqMI1ZEV7t8x_fp33iJuVL9ut4XBf689zj5G10U_WALYtC7HJNDcnj_ehjFnSxlAX3zzywjbdiIvNGocAFQO909CCu_9Ug_BQ8mk1zeijVM6kJJ9YaMborh2xhKXNw/w139-h139/20220330_151614.png&quot; width=&quot;100&quot; /&gt; 
      &lt;/a&gt;
      
     &lt;br /&gt;&lt;br /&gt;
      
      &lt;h3&gt;
      &lt;a href=&quot;URL DE LA CATEGORIA&quot;&gt;APPS&lt;/a&gt;&lt;/h3&gt;&lt;div&gt;&lt;span style=&quot;font-family: Libre Baskerville; font-size: large;&quot;&gt;
          Te mostraré como empezar a ganar dinero de forma gratuita con aplicaciones, aqui encontrarás las mejores para usar.&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    
    
        &lt;div class=&quot;col-4-sm&quot;&gt;
      &lt;a href=&quot;URL DE LA CATEGORIA&quot;&gt;
        &lt;img class=&quot;image&quot; height=&quot;100&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivC6HjpvQexWR13i4zUtDJ9F7mRx_4Pl6e-8_uuG0owqf9GUUxWBYsKXOI7uHiP9iU-TtCEweadRfwJvudctddJMEwDF067bkjiVtGSIaTn46EwUnVO1QiTePNvegzpXR6osAifUEJcJrRWEi78w4xl028KPBi66GUjzcMsC6YMWGJmUv63BG4iVYT/w140-h140/20220330_151300.png&quot; width=&quot;100&quot; /&gt; 
      &lt;/a&gt;
     &lt;br /&gt;&lt;br /&gt;
      &lt;h3&gt;
      &lt;a href=&quot;URL DE LA CATEGORIA&quot;&gt;PAGINAS WEB&lt;/a&gt;
      &lt;/h3&gt;
      &lt;div&gt;&lt;span style=&quot;font-family: Libre Baskerville; font-size: large;&quot;&gt;Te enseñaré diferentes plataformas donde podras generar dinero de forma gratuita y que este al alcanze de cualquiera.
      &lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    
    
        &lt;div class=&quot;col-4-sm&quot;&gt;
      &lt;a href=&quot;URL DE LA CATEGORIA&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;
        &lt;img class=&quot;image&quot; height=&quot;100&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVx5ga3gyylfNSdbA0oqNgW89-damTE4K_mQ0r_NDnMxCGIvQWtdmAY0TOw0BUwwhu1KIJDeqgMKt0w03GjD4rNJ2hHazZesYDUT4CGh5i8MLsEnzHiyGiw15UmonOqU-lSIC0JpRueuna1fLQOl5Q1PhDdW9JWZ6_s5XUpaZ0Q-xqMxDsmrbwxFz7/w138-h138/20220330_152004.png&quot; width=&quot;100&quot; /&gt;&lt;/span&gt; 
      &lt;/a&gt;
     &lt;br /&gt;&lt;br /&gt;
      &lt;h3&gt;
      &lt;a href=&quot;URL DE LA CATEGORIA&quot;&gt;INVERSIONES&lt;/a&gt;
      &lt;/h3&gt;
      &lt;p&gt;&lt;span style=&quot;font-family: Libre Baskerville; font-size: large;&quot;&gt;
          Te explicare todo sobre las inversiones y también mostrare plataformas sin necesidad de inversión, aqui lo encontrarás todo.&lt;/span&gt;&lt;/p&gt;
        
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/center&gt;
&lt;br /&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:include name='widget-title'/>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:with value='data:view.isMultipleItems and data:layout.homeSidebar or data:view.isPost and data:layout.postSidebar or data:view.isPage and data:layout.pageSidebar or data:view.isError and data:layout.errorSidebar or data:view.isLayoutMode' var='showSidebar'>

<div expr:class='&quot;blog &quot; + (data:layout.oppositeBlog ? &quot;skin-right&quot; : &quot;skin-left&quot;)'>
<b:class cond='data:showSidebar' name='showSidebar'/>
<b:section id='Blog'>
  <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='commentLabel'>Comments</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#757575</b:widget-setting>
      <b:widget-setting name='showShareButtons'>false</b:widget-setting>
      <b:widget-setting name='authorLabel'>Posted by:</b:widget-setting>
      <b:widget-setting name='showCommentLink'>false</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#979797</b:widget-setting>
      <b:widget-setting name='showAuthor'>false</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#262626</b:widget-setting>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='style.bgcolor'>#23a6b3</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'>false</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='postLabelsLabel'>Tags:</b:widget-setting>
      <b:widget-setting name='showTimestamp'>false</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#23a6b3</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <b:if cond='data:view.isError'>
        <b:include name='pageInfo'/>
      <b:elseif cond='data:view.isMultipleItems'/>
        <h3 class='widget-title'>
          <span class='widget-name'><b:eval expr='data:view.search.query ? data:view.search.query.escaped : (data:view.isLabelSearch ? data:view.search.label : (data:view.isArchive ? data:blog.pageName : data:messages.recentPosts))'/></span>
        </h3>
        <b:include name='pageInfo'/>
        <b:with value='data:skin.vars.config_post_column' var='isColumn'>
          <b:with value='{isSearch: data:view.search.query}' var='this'>
            <div class='items row'>
              <b:loop values='data:posts' var='post'>
                <b:include data='post' name='post'/><!-- Include posts -->
              </b:loop>
            </div>
          </b:with>
        </b:with>
        <b:include name='postPagination'/><!-- Include pagination -->
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <article class='article'>
            <b:include data='post' name='post'/><!-- Include posts -->
            <b:include data='post' name='comments'/><!-- Include comments -->
          </article>
        </b:loop>
      </b:if>
      <b:tag async='async' cond='data:skin.vars.config_comments == &quot;disqus&quot; and !data:view.isError' expr:src='+(&quot;//&quot;,data:skin.vars.config_shortname,&quot;.disqus.com/count.js&quot;)' id='dsq-count-scr' name='script'/>
    </b:includable>
    <b:includable id='aboutPostAuthor'><!-- disable --></b:includable>
    <b:includable id='addComments'><!-- disable --></b:includable>
    <b:includable id='blogThisShare'>
  <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 ? &quot;threadedCommentForm&quot; : &quot;status-message&quot;'/>
      </div> 
    </b:includable>
    <b:includable id='comments' var='post'>
      <b:if cond='data:post.allowComments'>
        <div class='postComments'>
        <h3 class='widget-title'>
          <span class='widget-name'>
            <b:if cond='data:skin.vars.config_comments != &quot;blogger&quot;'>
              <data:skin.vars.config_comments/>
            <b:else/>
              <b:message name='messages.numberOfComments'>
                <b:param expr:value='data:post.numberOfComments' name='numComments'/>
              </b:message>
            </b:if>
          </span>
        </h3>
        <b:include data='post' expr:name='data:view.isPreview ? &quot;status-message&quot; : &quot;comments-&quot; + data:skin.vars.config_comments'/>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='comments-blogger' var='post'>
      <b:comment>Bundle (Comments)</b:comment>
      <b:with value='{dir: &quot;//cdn.jsdelivr.net/gh/zkreations/bundle@1/dist/ctms/&quot;, theme: data:skin.vars.config_bundle_ctheme}' var='cmts'>
        <link expr:href='+(data:cmts.dir,&quot;cmts_bundle.min.css&quot;)' rel='stylesheet'/>
        <link expr:href='+(data:cmts.dir,&quot;theme_&quot;,data:cmts.theme,&quot;.min.css&quot;)' rel='stylesheet'/>
      </b:with>
      <b:include data='post' name='commentPicker'/>
    </b:includable>
    <b:includable id='comments-disqus' var='post'>
      <div id='disqus_thread'/>
      <script>
      var disqus_shortname = &quot;<data:skin.vars.config_shortname/>&quot;,
          disqus_config = function(){
             this.page.url = &quot;<data:view.url.canonical/>&quot;;
             this.page.title = &quot;<data:view.title.escaped/>&quot;;
          };//<![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 &gt; 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 ?: &quot;display: block;&quot;'/>
  <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: &quot;touch-icon sharing-icon&quot; }' name='emailIcon'/>
      </a>
    </span>
  </span>
</b:includable>
    <b:includable id='facebookShare'>
  <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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='&quot;post-footer-line post-footer-line-&quot; + (data:i + 1)'>
          <b:with value='&quot;footer-&quot; + (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'>
  <div class='goog-inline-block google-plus-share-container'>
    <g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
  </div>
</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='&quot;header-1&quot;' 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'><!-- disable --></b:includable>
    <b:includable id='linkShare'>
  <b:with value='&quot;window.prompt(\&quot;Copy to clipboard: Ctrl+C, Enter\&quot;, \&quot;&quot; + data:originalUrl + &quot;\&quot;); return false;&quot;' var='onclick'>
    <b:include name='platformShare'/>
  </b:with>
</b:includable>
    <b:includable id='nextPageLink'>
      <a class='btn btn-border' expr:href='data:olderPageUrl'>
        <b:class cond='data:view.isPost' name='post-pageUrl'/>
        <b:eval expr='data:view.isPost ? data:messages.olderPosts : data:messages.older'/> <i class='fas fa-arrow-right'/>
      </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: &quot;sharingOther&quot;}' 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='&quot;goog-inline-block sharing-&quot; + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:onclick='data:onclick ? data:onclick : &quot;&quot;' 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:this.isSearch'>

        <!--{{ Search Page }}-->
        <b:include name='postCardSearch'/>

      <b:elseif cond='data:view.isMultipleItems'/>

        <!--{{ Home Page }}-->
        <b:include name='postCard'/>

      <b:elseif cond='data:view.isPost'/>

        <!--{{ Posts }}-->
        <b:include name='postHeader'/>
        <b:include name='postBody'/>
        <b:include name='postFooter'/>

      <b:elseif cond='data:view.isPage'/>

        <!--{{ Static page }}-->
        <b:include name='postHeader'/>
        <b:include name='postBody'/>

      </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'>
      <div class='post-body clearfix skin-color-text' expr:id='data:post.id'>
        <data:post.body/>
      </div>
    </b:includable>
    <b:includable id='postBodySnippet'>
      <b:if cond='data:post.snippets'>
        <p class='card__descripcion'><b:eval expr='!data:length ? data:post.snippets.short : (data:post.snippets.long snippet {length: data:length})'/></p>
      </b:if>
    </b:includable>
    <b:includable id='postCard'>
      <div class='card col-12'>
        <b:include name='columnClass'/>
        <div class='card__content'>
          <b:with value='data:layout.fTags' var='tags'>
            <b:include cond='data:layout.featureTags' name='postFeaturedTags'/>
          </b:with>
          <b:include name='postFeaturedImage'/>
          <div class='card__data'>
            <b:include name='postHeader'/>
            <b:include cond='data:layout.showSnippet' data='{length: 100}' name='postBodySnippet'/>
            <b:include cond='data:layout.showMeta' name='postMeta'/>
          </div>
        </div>
      </div>
    </b:includable>
    <b:includable id='postCardSearch'>
      <div class='card col-12 card-search'>
        <div class='card__content'>
          <div class='card__data'>
            <b:with value='data:post.featuredImage ? data:post.featuredImage : data:imgDefault' var='img'>
              <img class='search-img' expr:alt='data:post.title' expr:src='resizeImage(data:img,50,&quot;1:1&quot;)'/>
            </b:with>
            <div class='search-data'>
              <b:include name='postHeader'/>
              <b:include data='{length: 120}' name='postBodySnippet'/>
            </div>
          </div>
        </div>
      </div>
    </b:includable>
    <b:includable id='postCommentsAndAd' var='post'><!-- disable --></b:includable>
    <b:includable id='postCommentsLink'>
      <a class='card__item' expr:href='data:post.url fragment &quot;comments&quot;'>
        <i class='far fa-comment'/>
        <b:if cond='data:skin.vars.config_comments == &quot;disqus&quot;'>
          <span class='disqus-comment-count' expr:data-disqus-url='data:post.url.canonical'/>
        <b:elseif cond='data:skin.vars.config_comments == &quot;facebook&quot;'/>
          <span class='fb-comments-count' expr:data-href='data:post.url.canonical'/>
        <b:else/>
          <data:post.numberOfComments/>
        </b:if>
      </a>
    </b:includable>
    <b:includable id='postFeaturedImage'>
      <b:tag class='card__image flex-none' cond='data:view.isMultipleItems' expr:href='data:post.url' name='a'>
        <span class='card__overlay'/>
        <i class='card__readMore flx-xyc fas fa-search'/>
        <b:with value='data:post.featuredImage ? data:post.featuredImage : data:imgDefault' var='img'>
          <b:with value='{big: (data:skin.vars.config_ratio_post ? resizeImage(data:img,900,&quot;16:9&quot;) : resizeImage(data:img,900)), medium: (data:skin.vars.config_ratio_post ? resizeImage(data:img,500,&quot;1:1&quot;) : resizeImage(data:img,500)), small: (data:skin.vars.config_ratio_post ? resizeImage(data:img,380,&quot;16:9&quot;) : resizeImage(data:img,300))}' var='imgSize'>
            <img expr:alt='data:post.title' expr:src='data:imgSize.small'/>
          </b:with>
        </b:with>
      </b:tag>
    </b:includable>
    <b:includable id='postFeaturedTags'>
      <b:if cond='!data:tags'>
        <div class='ftag-content'>
          <a expr:class='&quot;ftag-name ftag-&quot; + data:post.labels.first.name' expr:href='data:post.labels.first.url'>
            <i class='fas fa-tag'/> <data:post.labels.first.name/>
          </a>
        </div>
      <b:elseif cond='data:post.labels any (t =&gt; t.name in data:tags)'/>
        <div class='ftag-content'>
        <b:loop values='data:post.labels filter (t =&gt; t.name in data:tags)' var='i'>
          <a expr:class='&quot;ftag-name ftag-&quot; + data:i.name' expr:href='data:i.url'><i class='fas fa-tag'/> <data:i.name/></a>
        </b:loop>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='postFooter'>
      <b:include name='postShare'/>
      <b:include cond='data:layout.postsRelated' name='postRelated'/>
      <b:include cond='data:layout.postPager' name='postPagination'/>
    </b:includable>
    <b:includable id='postFooterAuthorProfile'>
      <b:if cond='data:widgets.Blog.first.allBylineItems.author'>
        <b:with value='data:post.author.authorPhoto ? data:post.author.authorPhoto.image : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnrYpqux1Wuq1ezHYkE9nkbRfmxs-9V0zooxt1_dP29AuqHS35TmFgDUWOY0IEy3Vw8cRic2ZMlBTzIVnjVTmp-Ghb4EdXajyggr9o1NEBgUQPaWKdR15HSKsCrPyB-aEh5uNYxe1qfYdE/s120/anon-default.png&quot;' var='imgAuthor'>
          <a class='card__item' expr:href='data:post.author.profileUrl' rel='author' target='_blank'>
            <img class='card__authorImage' expr:alt='data:post.author.name' expr:src='resizeImage(data:imgAuthor,30,&quot;1:1&quot;)'/>
            <span class='card__authorName skin-color-title skin-color-hover'><data:post.author.name/></span>
          </a>
        </b:with>
      </b:if>
    </b:includable>
    <b:includable id='postHeader'>
      <header class='card__header'>
        <b:include cond='data:view.isPost' name='postLabels'/>
        <b:include name='postTitle'/>
        <b:include cond='data:view.isPost' name='postMeta'/>
      </header>
    </b:includable>
    <b:includable id='postJumpLink' var='post'><!-- disable --></b:includable>
    <b:includable id='postLabels'>
      <b:if cond='data:post.labels.any and data:post.labels'>
        <div class='articleTags display-flex flex-wrap'>
          <b:loop values='data:post.labels' var='i'>
            <a class='btn btn-border' expr:href='data:i.url' rel='tag'><data:i.name/></a>
          </b:loop>
        </div>
      </b:if>
    </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'>
      <div class='card__meta'>
        <b:include name='postFooterAuthorProfile'/>
        <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestamp'/>
        <b:include cond='data:widgets.Blog.first.allBylineItems.comments' name='postCommentsLink'/>
      </div>
    </b:includable>
    <b:includable id='postMetadataJSONImage'>
  &quot;image&quot;: {
    &quot;@type&quot;: &quot;ImageObject&quot;,
    <b:if cond='data:post.featuredImage.isResizable'>
    &quot;url&quot;: &quot;<b:eval expr='resizeImage(data:post.featuredImage, 1200, &quot;1200:630&quot;)'/>&quot;,
    &quot;height&quot;: 630,
    &quot;width&quot;: 1200
    <b:else/>
    &quot;url&quot;: &quot;https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200&quot;,
    &quot;height&quot;: 348,
    &quot;width&quot;: 1200
    </b:if>
  },
</b:includable>
    <b:includable id='postMetadataJSONPublisher'>
 &quot;publisher&quot;: {
    &quot;@type&quot;: &quot;Organization&quot;,
    &quot;name&quot;: &quot;Blogger&quot;,
    &quot;logo&quot;: {
      &quot;@type&quot;: &quot;ImageObject&quot;,
      &quot;url&quot;: &quot;https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60&quot;,
      &quot;width&quot;: 206,
      &quot;height&quot;: 60
    }
  },
</b:includable>
    <b:includable id='postPagination'>
      <b:tag cond='data:newerPageUrl or data:olderPageUrl' expr:class='data:view.isPost ? &quot;pagerPost display-flex justify-content-between&quot; : &quot;blog-pager&quot;' 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 data='post' id='postRelated'>
      <b:if cond='!data:blog.isPrivateBlog and data:post.labels'>
      <div class='post-related'>
        <h3 class='widget-title'>
          <span class='widget-name'><data:messages.youMayLikeThesePosts/></span>
        </h3>
        <div class='items row wjs-related' id='wjs-related'/>
      </div>
      <script>
      /*!
       * wjs-related v2.1.0
       * Copyright 2019 zkreations
       * Developed by José Gregorio (fb.com/JGMateran)
       * Licensed under MIT (github.com/zkreations/wjs-related/blob/master/LICENSE)
       */
       var related = (function(){
       &#39;use strict&#39;;
       var defaults = {
         id: &#39;<data:post.id/>&#39;,
         homepage: window.location.protocol + &#39;//&#39; + window.location.hostname,
         image: &#39;<b:eval expr='resizeImage(data:imgDefault,400)'/>&#39;,
         length: <data:skin.vars.config_el_postsRelated_num/>,
         localeDate: &#39;<data:skin.vars.config_el_localeDate/>&#39;,
         snippet: 80,
         imgSize: &#39;w300-h200-c&#39;,
         container: document.getElementById(&#39;wjs-related&#39;),
         tags: [<b:loop values='data:post.labels' var='label'>&#39;<data:label.name/>&#39;,</b:loop>]
       };
       //<![CDATA[
       var tags$length = defaults.tags.length;
       var script = document.createElement( 'script' );
       var src = defaults.homepage + '/feeds/posts/default' +
          '?alt=json-in-script' +
          '&callback=related' +
          '&max-results=' + ( defaults.length + 1 ) +
          '&q=';
       for ( var n = 0; n < tags$length; n++ ){
          src += 'label:"' + defaults.tags[ n ] + '"' + ( n === tags$length - 1 ? '' : '|' );
       }
       
       script.src = src;
       
       document.body.appendChild( script );
       
       function render( data ){
          var title = data.title.$t;
          var content = data.content;
          var summary = data.summary;
          var body = content ? content.$t : summary.$t;
          var snippet = (body).replace(/<[^>]*>?/g,'').substring( 0, defaults.snippet ) + '...';
          var img = data.media$thumbnail;
          var tempHtml = document.createElement('div');
          tempHtml.innerHTML = body;
          var imgHtml = tempHtml.querySelector('img');
          var image = ( img ? img.url : (imgHtml ? imgHtml.src : defaults.image)).replace(/[swh]\d{2,4}(?:-[swh]\d{2,4})?(?:-c)?/, defaults.imgSize);
          var url = (function(){
             for ( var i = 0; i < data.link.length; i++ ){
                var link = data.link[i];
                if ( link.rel === 'alternate' ){
                   return link.href;
                }
             }
          })();
          var published = new Date( data.published.$t ).toLocaleDateString(
             defaults.localeDate,
             {
                year:'numeric',
                month:'long',
                day: 'numeric'
             }
          );//]]>
          return (<b:with value='data:skin.vars.config_el_postsRelated_column' var='isColumn'>
             &quot;<div class='gallery col-12'><b:include name='columnClass'/>&quot;+
                 &quot;<a class='gallery__href' href='&quot; + url + &quot;'>&quot;+
                    &quot;<img class='gallery__image' src='&quot; + image + &quot;'/>&quot;+
                    &quot;<div class='gallery__title'>&quot;+
                      &quot;<span class='rel__title skin-font'>&quot; + title + &quot;</span>&quot;+
                      &quot;<time class='rel__date'><i class='far fa-clock'/>&quot; + published + &quot;</time>&quot;+
                    &quot;</div>&quot;+
                 &quot;</a>&quot;+
             &quot;</div>&quot;
          );</b:with>//<![CDATA[
       }
       function related( json ){
          var i = 0;
          var post;
          var length = defaults.length;
          for ( ; i < length && ( post = json.feed.entry[ i ] ); i++ ){
             if ( defaults.id !== post.id.$t.split( '.post-' )[ 1 ] ){
                defaults.container.innerHTML += render( post );
             } else {
                length++;
             }
          }
       }
       return related;
       //]]>
       })();</script>
      </b:if>
    </b:includable>
    <b:includable id='postShare'>
      <b:if cond='data:post.shareUrl'>
        <div class='shareButtons display-flex flex-wrap'>
          <a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: &quot;facebook&quot;})'><i class='fab fa-facebook-f fa-mn fa-fw'/></a>
          <a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: &quot;twitter&quot;})'><i class='fab fa-twitter fa-mn fa-fw'/></a>
          <a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: &quot;pinterest&quot;})'><i class='fab fa-pinterest-p fa-mn fa-fw'/></a>
          <a class='btn btn-border wjs-window' expr:href='params(&quot;//www.tumblr.com/widgets/share/tool/preview&quot;,{canonicalUrl: data:post.url.canonical, caption: data:post.snippets.short, posttype: &quot;link&quot;, title: data:post.title})'><i class='fab fa-tumblr fa-mn fa-fw'/></a>
          <b:if cond='data:post.emailPostUrl'>
            <a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: &quot;email&quot;})'><i class='fas fa-at fa-mn fa-fw'/></a>
          </b:if>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='postShareButtons'>
  <div class='byline post-share-buttons goog-inline-block'>
    <b:with value='data:sharingId ?: ((data:widget.instanceId ?: &quot;sharing&quot;) + &quot;-&quot; + (data:regionName ?: &quot;byline&quot;) + &quot;-&quot; + 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'>
      <time class='card__item' expr:datetime='data:post.date.iso8601'><i class='far fa-clock'/><data:post.date/></time>
    </b:includable>
    <b:includable id='postTitle'>
      <b:if cond='data:post.title.length != 0'>
        <b:tag class='card__title skin-font' expr:name='data:view.isMultipleItems ? &quot;h2&quot; : &quot;h1&quot;'>
          <b:class cond='data:view.isSingleItem' name='post__title'/>
          <b:class cond='data:view.isPage' name='page__title'/>
          <b:tag class='skin-color-hover' cond='data:view.isMultipleItems' expr:href='data:post.url' name='a'>
            <data:post.title/>
          </b:tag>
        </b:tag>
      </b:if>
    </b:includable>
    <b:includable id='previousPageLink'>
      <a class='btn btn-border' expr:href='data:newerPageUrl'>
        <b:class cond='data:view.isPost' name='post-pageUrl'/>
        <i class='fas fa-arrow-left'/> <b:eval expr='data:view.isPost ? data:messages.newerPosts : data:messages.newer'/>
      </a>
    </b:includable>
    <b:includable id='sharingButton'>
  <span expr:aria-label='data:platform.shareMessage' expr:class='&quot;sharing-platform-button sharing-element-&quot; + data:platform.key' expr:data-href='data:shareUrl + &quot;&amp;target=&quot; + 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='&quot;sharing-popup-&quot; + data:sharingId' expr:data-title='data:shareTitle'>
    <button class='sharing-button touch-icon-button' expr:aria-controls='&quot;sharing-popup-&quot; + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-button-&quot; + 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='&quot;sharing-popup-&quot; + data:sharingId' role='menu'>
      <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p =&gt; p.key not in {&quot;blogThis&quot;})' 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: (&quot;touch-icon sharing-&quot; + data:platform.key) }' expr:name='data:platform.key + &quot;Icon&quot;'/>
</b:includable>
    <b:includable id='status-message'>
      <div class='alert'>
        <b:eval expr='data:view.isPreview ? data:messages.widgetNotAvailableInPreview : data:post.noNewCommentsText'/>
      </div>
    </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(&quot;<data:post.appRpcRelayPath/>&quot;);</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:widget cond='data:view.isHomepage' id='LinkList210' locked='true' title='WJS Sections' type='LinkList' version='2' visible='true'>
    <b:includable id='main'>
      <div class='sections'>
      <b:loop values='data:links' var='section'>
        <b:with expr:value='&quot;{&quot; + data:section.target + &quot;}&quot;' var='category'>
          <div class='widget'>
            <b:include name='sections-title'/>
            <b:include name='content'/>
          </div>
        </b:with>
      </b:loop>
      </div>
      <b:include name='js'/>
    </b:includable>
    <b:includable data='category' id='content'>
      <div class='widget-content'>
        <div class='wjs-section items row' expr:data-category='data:category.tag'>
          <b:attr cond='data:category.results' expr:value='data:category.results' name='data-max-results'/>
          <svg class='circular' xmlns='http://www.w3.org/2000/svg'><circle class='path' cx='24px' cy='24px' r='9.6px'/></svg>
        </div>
        <noscript><p class='alert'><data:layout.nojsMsj/></p></noscript>
      </div>
    </b:includable>
    <b:includable id='js'>
      <script>
        /*!
         * wjs-section v2.1.0
         * Copyright 2019 zkreations
         * Developed by José Gregorio (fb.com/JGMateran)
         * Licensed under MIT (github.com/zkreations/wjs-sections/blob/master/LICENSE)
         */
        &#39;use strict&#39;;
        var callbacks = {};
        var defaults = {
            homeUrl: window.location.protocol+&quot;//&quot;+window.location.hostname,
            image: &#39;<b:eval expr='resizeImage(data:imgDefault,400)'/>&#39;,
            className: &#39;.wjs-section&#39;,
            imgSize: &#39;w380-h213-p-k-no-nu&#39;, // Tamaño de imagen (parametros de picasa)
            snippet: 100, // Cantidad texto para el resumen,
            locale: &#39;<data:skin.vars.config_el_localeDate/>&#39;
        };
        var datas={expReg:/[swh]\d{2,4}(?:-[swh]\d{2,4})?(?:-c)?/,category:null,&quot;max-results&quot;:6,template:{<b:with value='data:skin.vars.config_post_column' var='isColumn'>
        &quot;default&quot;:&quot;<div class='card card-grid col-12'><b:include name='columnClass'/><div class='card__content'><b:if cond='data:layout.featureTags'><div class='ftag-content'><a class='ftag-name ftag-TAG_NAME' href='TAG_URL'><i class='fas fa-tag'/>TAG_NAME</a></div></b:if><a class='card__image flex-none' href='URL'><span class='card__overlay'/><i class='card__readMore flx-xyc fas fa-search'/><img src='IMG_DEFAULT'/></a><div class='card__data'><header class='card__header'><h2 class='card__title skin-font'><a class='skin-color-hover' href='URL'>TITLE</a></h2></header><b:if cond='data:layout.showSnippet'><p class='card__descripcion'>SNIPPET</p></b:if><b:if cond='data:layout.showMeta'><div class='card__meta'><b:if cond='data:widgets.Blog.first.allBylineItems.author'><a class='card__item' href='AUTHOR_URL' rel='author' target='_blank'><img class='card__authorImage' src='AUTHOR_IMAGE'/><span class='card__authorName skin-color-title skin-color-hover'>AUTHOR_NAME</span></a></b:if><b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><time class='card__item'><i class='far fa-clock'/> TIME</time></b:if></div></b:if></div></div></div>&quot;,</b:with>//<![CDATA[
        empty:'<div class="col-12"><p class="alert">No se han encontrado entradas</p></div>'}};function forEach(d,b){var a,c;for(a=0;(c=d[a++])&&!1!==b.call(c,a,c););return d}
        function getCurrentData(d){var b,a,c={};for(b in datas)(a=d.getAttribute("data-"+b))&&(c[b]=a);return c}function temp(d,b){for(var a in b)d=d.replace(new RegExp(a,"g"),b[a]);return d}
        function getLabel(d,b){var a,c=b.category,g=document.createElement("script"),h=defaults.homeUrl+"/feeds/posts/default?alt=json-in-script&callback=callbacks."+c.replace(/[^A-Z0-9]/ig, '');callbacks[c.replace(/[^A-Z0-9]/ig, '')]=function(a){var c,l="",g=a.feed.entry;if(g)for(a=0;c=g[a++];){var k=c.content,e=c.summary;k=k?k.$t:e.$t;e=c.media$thumbnail;var f=document.createElement("div");f.innerHTML=k;var h=f.querySelector("img");f=c.author[0];e=e?e.url:h?h.src:defaults.image;l+=temp(b.template,{TAG_NAME:b.category,TAG_URL:defaults.homeUrl+"/search/label/"+b.category,AUTHOR_NAME:f.name.$t,AUTHOR_URL:f.uri?f.uri.$t:'#noAuthor',AUTHOR_IMAGE:f.gd$image.src.replace(/s\B\d{2,4}/,
        "w30-h30-p-k-no-nu"),IMG_DEFAULT:e.replace(datas.expReg,defaults.imgSize),TITLE:c.title.$t,TIME:(new Date(c.published.$t)).toLocaleDateString(defaults.locale,{month:"long",day:"2-digit"}),SNIPPET:k.replace(/<[^>]*>?/g,"").substring(0,defaults.snippet)+"...",URL:function(){var a,b;for(a=0;b=c.link[a++];)if("alternate"===b.rel)return b.href}})}else l+=
        datas.template.empty;d.innerHTML=l};for(a in b)"template"!==a&&(h+="&"+a+"="+b[a]);g.src=h;document.body.appendChild(g)}forEach(document.querySelectorAll(defaults.className),function(d,b){var a=getCurrentData(b);a.category&&(a["max-results"]||(a["max-results"]=datas["max-results"]),a.template=datas.template["default"],getLabel(b,a))});
      //]]></script>
    </b:includable>
    <b:includable id='sections-title'>
      <h3 class='widget-title'>
        <span class='widget-name'><data:section.name/></span>
        <a class='widget-more widget-more-item flx-xyc' expr:href='+(&quot;/search/label/&quot;,data:category.tag)' rel='nofollow'>
          <data:messages.showAll/>
        </a>
      </h3>
    </b:includable>
  </b:widget>
</b:section>
</div>

<b:if cond='data:showSidebar'>
<div expr:class='&quot;sidebar &quot; + (data:layout.oppositeBlog ? &quot;skin-left&quot; : &quot;skin-right&quot;)'>
<b:section id='sidebar'>
  <b:widget id='BlogSearch1' locked='false' title='Search' type='BlogSearch' version='2' visible='true'>
    <b:includable id='main'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <div class='widget-content'>
        <b:include name='searchForm'/>
      </div>
    </b:includable>
    <b:includable id='searchForm'>
      <form class='searchForm display-flex' expr:action='data:blog.searchUrl' method='get'>
        <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
        <input autocomplete='off' class='searchForm__input form-input' expr:placeholder='data:messages.searchBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q' required='required' spellcheck='false' type='text'/>
        <b:include name='searchSubmit'/>
      </form>
    </b:includable>
    <b:includable id='searchSubmit'>
      <button class='searchForm__button btn skin-bg' type='submit'><i class='fas fa-search fa-fw fa-mn skin-i'/></button>
    </b:includable>
  </b:widget>
  <b:widget id='FeaturedPost1' locked='false' title='Featured post' type='FeaturedPost' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='showSnippet'>true</b:widget-setting>
      <b:widget-setting name='showPostTitle'>true</b:widget-setting>
      <b:widget-setting name='postId'>0</b:widget-setting>
      <b:widget-setting name='showFirstImage'>true</b:widget-setting>
      <b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='blogThisShare'>
  <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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='commentsLink'>
  <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
    <b:if cond='data:post.numberOfComments &gt; 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='content'>
      <div class='widget-content'>
        <div class='featuredPost card__content'>
          <b:loop values='data:posts' var='post'>
            <b:include cond='data:postDisplay.showFeaturedImage' name='postFeaturedImage'/>
            <div class='featuredPost-data card__data'>
              <b:include cond='data:postDisplay.showTitle' name='postTitle'/>
              <b:include cond='data:postDisplay.showSnippet' name='postBodySnippet'/>
              <b:include cond='data:post.shareUrl' name='postShare'/>
            </div>
          </b:loop>
        </div>
      </div>
    </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: &quot;touch-icon sharing-icon&quot; }' name='emailIcon'/>
      </a>
    </span>
  </span>
</b:includable>
    <b:includable id='facebookShare'>
  <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' var='onclick'>
    <b:include name='platformShare'/>
  </b:with>
</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='&quot;post-footer-line post-footer-line-&quot; + (data:i + 1)'>
          <b:with value='&quot;footer-&quot; + (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'>
  <div class='goog-inline-block google-plus-share-container'>
    <g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
  </div>
</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='&quot;header-1&quot;' var='regionName'>
          <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
        </b:with>
      </div>
    </div>
  </b:if>
</b:includable>
    <b:includable id='linkShare'>
  <b:with value='&quot;window.prompt(\&quot;Copy to clipboard: Ctrl+C, Enter\&quot;, \&quot;&quot; + data:originalUrl + &quot;\&quot;); return false;&quot;' var='onclick'>
    <b:include name='platformShare'/>
  </b:with>
</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: &quot;sharingOther&quot;}' 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='&quot;goog-inline-block sharing-&quot; + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:onclick='data:onclick ? data:onclick : &quot;&quot;' expr:title='data:platform.shareMessage' target='_blank'>
    <span class='share-button-link-text'>
      <data:platform.shareMessage/>
    </span>
  </a>
</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='postBodySnippet'>
      <p class='card__descripcion'><b:eval expr='data:post.snippets.long snippet {length: 100}'/></p>
    </b:includable>
    <b:includable id='postCommentsLink'>
  <span class='byline post-comment-link container'>
    <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
  </span>
</b:includable>
    <b:includable id='postFeaturedImage'>
      <a class='card__image flex-none' expr:href='data:post.url'>
        <i class='card__icon skin-bg fas fa-star fa-mn skin-i'/>
        <b:with value='data:post.featuredImage ? data:post.featuredImage : data:imgDefault' var='img'>
          <b:with value='data:skin.vars.config_ratio_featured ? resizeImage(data:img,300,&quot;16:9&quot;) : resizeImage(data:img,300)' var='imgPost'>
            <img expr:alt='data:post.title' expr:src='data:imgPost'/>
          </b:with>
        </b:with>
      </a>
    </b:includable>
    <b:includable id='postJumpLink' var='post'>
  <div class='jump-link flat-button'>
    <a expr:href='data:post.url fragment &quot;more&quot;' expr:title='data:post.title'>
      <b:eval expr='data:blog.jumpLinkMessage'/>
    </a>
  </div>
</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='postReactions'>
  <!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
    <b:includable id='postShare'>
      <div class='shareFeatured flx-xyc flex-wrap'>
        <a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: &quot;facebook&quot;})'><i class='fab fa-facebook-f fa-mn fa-fw'/></a>
        <a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: &quot;twitter&quot;})'><i class='fab fa-twitter fa-mn fa-fw'/></a>
        <a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: &quot;pinterest&quot;})'><i class='fab fa-pinterest-p fa-mn fa-fw'/></a>
        <b:if cond='data:post.emailPostUrl'>
          <a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: &quot;email&quot;})'><i class='fas fa-at fa-mn fa-fw'/></a>
        </b:if>
      </div>
    </b:includable>
    <b:includable id='postShareButtons'>
  <div class='byline post-share-buttons goog-inline-block'>
    <b:with value='data:sharingId ?: ((data:widget.instanceId ?: &quot;sharing&quot;) + &quot;-&quot; + (data:regionName ?: &quot;byline&quot;) + &quot;-&quot; + 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'>
      <b:if cond='data:post.title.length != 0'>
        <h4 class='card__title skin-font'>
          <a class='skin-color-hover' expr:href='data:post.url'><data:post.title/></a>
        </h4>
      </b:if>
    </b:includable>
    <b:includable id='sharingButton'>
  <span expr:aria-label='data:platform.shareMessage' expr:class='&quot;sharing-platform-button sharing-element-&quot; + data:platform.key' expr:data-href='data:shareUrl + &quot;&amp;target=&quot; + 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='&quot;sharing-popup-&quot; + data:sharingId' expr:data-title='data:shareTitle'>
    <button class='sharing-button touch-icon-button' expr:aria-controls='&quot;sharing-popup-&quot; + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-button-&quot; + 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='&quot;sharing-popup-&quot; + data:sharingId' role='menu'>
      <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p =&gt; p.key not in {&quot;blogThis&quot;})' 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: (&quot;touch-icon sharing-&quot; + data:platform.key) }' expr:name='data:platform.key + &quot;Icon&quot;'/>
</b:includable>
    <b:includable id='snippetedPostByline'>
  <b:with value='(data:widgets first (w =&gt; w.type == &quot;Blog&quot;)).allBylineItems' var='blogBylines'>
    <div class='item-byline'>
      <b:with value='data:blogBylines first (i =&gt; i.name == &quot;author&quot;)' var='byline'>
        <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
      </b:with>
      <b:with value='data:blogBylines first (i =&gt; i.name == &quot;timestamp&quot;)' var='byline'>
        <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
      </b:with>
    </div>
  </b:with>
</b:includable>
    <b:includable id='snippetedPostContent'>
  <div class='post-content'>
    <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
    <b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>
    <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
    <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  </div>
</b:includable>
    <b:includable id='snippetedPostThumbnail'>
  <div class='item-thumbnail'>
    <a expr:href='data:post.url'>
      <b:include data='{                         image: data:post.featuredImage,                         imageSizes: [72, 144],                         imageRatio: &quot;1:1&quot;,                         sourceSizes: &quot;72px&quot;                        }' name='responsiveImage'/>
    </a>
  </div>
</b:includable>
    <b:includable id='snippetedPostTitle'>
  <b:if cond='data:post.title != &quot;&quot;'>
    <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
  </b:if>
</b:includable>
    <b:includable id='snippetedPosts'>
  <div role='feed'>
    <!-- Don't render the post that we're currently already looking at. -->
    <b:loop values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
      <article class='post' role='article'>
        <b:include name='snippetedPostContent'/>
      </article>
    </b:loop>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='Label100' locked='false' title='Labels' type='Label' version='2' visible='false'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>CLOUD</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='cloud'>
      <div class='tagsList display-flex align-items-start flex-wrap'>
        <b:class cond='data:display == &quot;list&quot;' name='tagsList--list'/>
        <b:loop values='data:labels' var='i'>
          <b:include name='list'/>
        </b:loop>
      </div>
    </b:includable>
    <b:includable id='content'>
      <div class='widget-content'>
        <b:include name='cloud'/>
      </div>
    </b:includable>
    <b:includable id='list'>
      <a class='tagsList__link btn' expr:href='data:i.url'>
        <b:class cond='data:view.url == data:i.url' name='here'/><data:i.name/>
        <b:include cond='data:showFreqNumbers' name='numbers'/>
      </a>
    </b:includable>
    <b:includable id='numbers'>
      <span class='tags-list__num'><data:i.count/></span>
    </b:includable>
  </b:widget>
  <b:widget id='PopularPosts100' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>4</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>true</b:widget-setting>
      <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <b:include name='widget-title'/>
      <div class='widget-content'>
        <b:if cond='data:posts.empty'>
          <b:include name='widgetMsg'/>
        <b:else/>
          <b:loop values='data:posts' var='i'>
            <div class='hotPosts__content display-flex align-items-start'>
              <b:include cond='data:postDisplay.showFeaturedImage' name='featuredImage'/>
              <div class='hotPosts__data'>
                <b:include name='title'/>
                <b:include cond='data:postDisplay.showSnippet' name='snippet'/>
              </div>
            </div>
          </b:loop>
        </b:if>
      </div>
    </b:includable>
    <b:includable id='blogThisShare'>
  <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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='commentsLink'>
  <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
    <b:if cond='data:post.numberOfComments &gt; 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='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: &quot;touch-icon sharing-icon&quot; }' name='emailIcon'/>
      </a>
    </span>
  </span>
</b:includable>
    <b:includable id='facebookShare'>
  <b:with value='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' var='onclick'>
    <b:include name='platformShare'/>
  </b:with>
</b:includable>
    <b:includable id='featuredImage'>
      <a class='hotPosts__image flex-none' expr:href='data:i.url'>
        <b:with value='data:i.featuredImage ? data:i.featuredImage : data:imgDefault' var='img'>
          <img expr:alt='data:i.title' expr:src='resizeImage(data:img, 80, &quot;1:1&quot;)'/>
        </b:with>
      </a>
    </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='&quot;post-footer-line post-footer-line-&quot; + (data:i + 1)'>
          <b:with value='&quot;footer-&quot; + (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'>
  <div class='goog-inline-block google-plus-share-container'>
    <g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
  </div>
</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='&quot;header-1&quot;' var='regionName'>
          <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
        </b:with>
      </div>
    </div>
  </b:if>
</b:includable>
    <b:includable id='linkShare'>
  <b:with value='&quot;window.prompt(\&quot;Copy to clipboard: Ctrl+C, Enter\&quot;, \&quot;&quot; + data:originalUrl + &quot;\&quot;); return false;&quot;' var='onclick'>
    <b:include name='platformShare'/>
  </b:with>
</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: &quot;sharingOther&quot;}' 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='&quot;goog-inline-block sharing-&quot; + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + &quot;&amp;target=&quot; + data:platform.target' expr:onclick='data:onclick ? data:onclick : &quot;&quot;' expr:title='data:platform.shareMessage' target='_blank'>
    <span class='share-button-link-text'>
      <data:platform.shareMessage/>
    </span>
  </a>
</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='postCommentsLink'>
  <span class='byline post-comment-link container'>
    <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
  </span>
</b:includable>
    <b:includable id='postJumpLink' var='post'>
  <div class='jump-link flat-button'>
    <a expr:href='data:post.url fragment &quot;more&quot;' expr:title='data:post.title'>
      <b:eval expr='data:blog.jumpLinkMessage'/>
    </a>
  </div>
</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='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 ?: &quot;sharing&quot;) + &quot;-&quot; + (data:regionName ?: &quot;byline&quot;) + &quot;-&quot; + 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='sharingButton'>
  <span expr:aria-label='data:platform.shareMessage' expr:class='&quot;sharing-platform-button sharing-element-&quot; + data:platform.key' expr:data-href='data:shareUrl + &quot;&amp;target=&quot; + 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='&quot;sharing-popup-&quot; + data:sharingId' expr:data-title='data:shareTitle'>
    <button class='sharing-button touch-icon-button' expr:aria-controls='&quot;sharing-popup-&quot; + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='&quot;sharing-button-&quot; + 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='&quot;sharing-popup-&quot; + data:sharingId' role='menu'>
      <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p =&gt; p.key not in {&quot;blogThis&quot;})' 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: (&quot;touch-icon sharing-&quot; + data:platform.key) }' expr:name='data:platform.key + &quot;Icon&quot;'/>
</b:includable>
    <b:includable id='snippet'>
      <p class='hotPosts__snippet'><b:eval expr='data:i.snippets.long snippet {length: 60}'/></p>
    </b:includable>
    <b:includable id='snippetedPostByline'>
  <b:with value='(data:widgets first (w =&gt; w.type == &quot;Blog&quot;)).allBylineItems' var='blogBylines'>
    <div class='item-byline'>
      <b:with value='data:blogBylines first (i =&gt; i.name == &quot;author&quot;)' var='byline'>
        <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
      </b:with>
      <b:with value='data:blogBylines first (i =&gt; i.name == &quot;timestamp&quot;)' var='byline'>
        <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
      </b:with>
    </div>
  </b:with>
</b:includable>
    <b:includable id='snippetedPostContent'>
  <div class='post-content'>
    <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
    <b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>
    <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
    <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  </div>
</b:includable>
    <b:includable id='snippetedPostThumbnail'>
  <div class='item-thumbnail'>
    <a expr:href='data:post.url'>
      <b:include data='{                         image: data:post.featuredImage,                         imageSizes: [72, 144],                         imageRatio: &quot;1:1&quot;,                         sourceSizes: &quot;72px&quot;                        }' name='responsiveImage'/>
    </a>
  </div>
</b:includable>
    <b:includable id='snippetedPostTitle'>
  <b:if cond='data:post.title != &quot;&quot;'>
    <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
  </b:if>
</b:includable>
    <b:includable id='snippetedPosts'>
  <div role='feed'>
    <!-- Don't render the post that we're currently already looking at. -->
    <b:loop values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
      <article class='post' role='article'>
        <b:include name='snippetedPostContent'/>
      </article>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='title'>
      <h2 class='hotPosts__title'><a class='skin-color-hover' expr:href='data:i.url'><data:i.title/></a></h2>
    </b:includable>
  </b:widget>
</b:section>
</div>
</b:if>

</b:with><b:comment> End data:showSidebar </b:comment>
</div><!-- .main__blog -->
</div><!-- .main -->

<footer class='footer'>
<div class='footer__primary'>
<b:section class='skin-box container bfix flx-yc justify-content-between flex-row-md flex-column' id='footer-copyright' maxwidgets='2'>
  <b:widget id='LinkList100' locked='true' title='Social Networks' type='LinkList' version='2' visible='true'>
    <b:includable id='main'>
      <div class='socialList flx-yc flex-wrap'>
        <b:loop values='data:links' var='i'>
          <a class='socialList-item flx-yc skin-color-hover' expr:href='data:i.target' rel='nofollow' target='_blank'>
            <i expr:class='data:i.name + &quot; fa-mn&quot;'/>
          </a>
        </b:loop>
      </div><!-- .socialList -->
    </b:includable>
    <b:includable id='content'>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
 </div>
</b:includable>
  </b:widget>
  <b:widget id='Text100' locked='true' title='Copyright' type='Text' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'/>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='footer__copy'>
        <span class='copy__date skin-font'><data:blog.title/> 2019</span>
        <b:comment>This work is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License: http://creativecommons.org/licenses/by-nc/4.0/</b:comment>
        <div class='copy__attribution'>
          Created by <a class='skin-color-hover' href='//tutiempodedinero. blogspot.com' property='cc:attributionName' rel='nofollow' target='_blank'>TTD</a> &amp; <a class='skin-color-hover' expr:href='data:blog.bloggerUrl' rel='nofollow' target='_blank'>Blogger</a> <data:content/>
        </div>
      </div>
    </b:includable>
  </b:widget>
</b:section>
</div>

<b:section class='footerLinks' id='footerLinks' maxwidgets='1'>
  <b:widget id='LinkList110' locked='true' title='Footer links' type='LinkList' version='2' visible='true'>
    <b:includable id='main'>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <div class='skin-box flx-yc flex-wrap'>
        <b:loop values='data:links' var='link'>
          <a class='footerLink' expr:href='data:link.target' rel='nofollow' target='_blank'>
            <i class='fas fa-link'/> <data:link.name/>
          </a>
        </b:loop>
      </div>
    </b:includable>
  </b:widget>
</b:section>
</footer>

</div><!-- .template -->
</div>

<!-- END TEMPLATE -->
<!-- All VANILLA JS (No framework Dependency) -->
<script src='https://cdn.jsdelivr.net/gh/zkreations/whale@1.5.5/dist/js/whale.min.js'/>

<!-- Tiny slider -->
<b:if cond='data:view.isHomepage'>
<script src='//cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js'/>
<script>//<![CDATA[
var carousel = tns({
    container:'.carousel__content',nav:false,arrowKeys:false,useLocalStorage:false,
    items: 2,responsive:{576: {items: 3},768:{items: 4},992:{items: 5}},
    nextButton:'.controls__next',prevButton:'.controls__prev',
    gutter: 2,
    slideBy: 1,
    autoplay: true,
    swipeAngle: false,
    autoplayHoverPause: true,
    autoplayButtonOutput: false,
    mouseDrag: true,
    autoplayTimeout: 5000,
    loop: false,
    rewind: true,
    speed: 600
});
//]]></script>
</b:if>

<!-- Font Awesome -->
<link href='https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css' media='print' onload='this.media=&quot;all&quot;' rel='stylesheet'/>
<noscript>
  <link href='https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css' rel='stylesheet'/>
</noscript>

<!-- Animate.css -->
<link href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css' media='print' onload='this.media=&apos;all&apos;' rel='stylesheet'/>
<noscript>
  <link href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css' rel='stylesheet'/>
</noscript>

</b:with><b:comment> End data:layout </b:comment>
</b:with><b:comment> End data:imgDefault </b:comment>

<!-- Google analytics -->
<b:include data='blog' name='google-analytics'/>
</body>
</html>

Tal vez te interesen estas entradas