/*
Theme Name: Es la hora de las tortas!!!
Theme URI: http://www.eslahoradelastortas.com/
Author: Laintxo
Description: Plantilla Es la hora de las tortas!!!
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
html{
line-height:1.15;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
margin-top: 0 !important;
}
html body{
  margin-top: 0 !important;
}
body{
margin:0;
line-height: 1.5;
}
article,
aside,
footer,
header,
nav,
section{
display:block;
}
h1{
font-size:2em;
margin:0.67em 0;
}
a:focus
{
  outline: -webkit-focus-ring-color auto 2px;
}
figcaption,
figure,
main{
display:block;
}
figure{
margin:1em 40px;
}
hr{
box-sizing:content-box;
height:0;
overflow:visible;
}
pre{
font-family:monospace,monospace;
font-size:1em;
}
a{
background-color:transparent;
-webkit-text-decoration-skip:objects;
}
abbr[title]{
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted;
}
b,strong{
font-weight:inherit;
}
b,strong{
font-weight:bolder;
}
code,
kbd,
samp{
font-family:monospace,monospace;
font-size:1em;
}
dfn{
font-style:italic;
}
mark{
background-color:#ff0;
color:#000;
}
small{
font-size:80%;
}
sub,
sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sub{
bottom:-0.25em;
}
sup{
top:-0.5em;
}
audio,
video{
display:inline-block;
}
audio:not([controls]){
display:none;
height:0;
}
img{
border-style:none;
}
svg:not(:root){
overflow:hidden;
}
button,
input,
optgroup,
select,
textarea{
font-family:sans-serif;
font-size:100%;
line-height:1.15;
margin:0;
}
button,
input{
overflow:visible;
}
button,
select{
text-transform:none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"]{
-webkit-appearance:button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
border-style:none;
padding:0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
outline:1px dotted ButtonText;
}
fieldset{
padding:0.35em 0.75em 0.625em;
}
legend{
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal;
}
progress{
display:inline-block;
vertical-align:baseline;
}
textarea{
overflow:auto;
}
[type="checkbox"],
[type="radio"]{
box-sizing:border-box;
padding:0;
}
[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-cancel-button,
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit;
}
details,
menu{
display:block;
}
summary{
display:list-item;
}
canvas{
display:inline-block;
}
template{
display:none;
}
[hidden]{
display:none;
}


* {
  box-sizing: border-box;
}

body {
  font-family: 'Open sans', sans-serif;
  font-size: 14px;
}
p, ul, ol, dl{
  margin-bottom: 2em;
}

dd {
  margin: 0;
}

a {
  color: #000;
  text-decoration: none;
}
a:hover{
  opacity: .9;
}
header:before,
header:after {
    content: "";
    display: table;
}

header:after {
    clear: both;
}

/* IE 6 & 7 */
header {
    zoom: 1;
    position:relative;
}

img {
  display: block;
}

.gotocontent {
  position: absolute;
  left: -9000px;
}
.gotocontent:focus
{
  left: 0;
  top: 0;
}



#fondo-smt {
  /*
  size progressively decreasing 
*/
  background-image:
  radial-gradient(
      circle,
      #ffa927 65%,
      transparent 0
      ),
  radial-gradient(
      circle,
      #ffa927 63%,
      transparent 0
      ),
  radial-gradient(
      circle,
      #ffa927 61%,
      transparent 0
      ),
  radial-gradient(
      circle,
      #ffa927 59%,
      transparent 0
      ),
  radial-gradient(
      circle,
      #ffa927 57%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 55%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 53%,
      transparent 0
     ),
    radial-gradient(
      circle,
      #ffa927 51%,
      transparent 0
      ),
     radial-gradient(
      circle,
      #ffa927 49%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 47%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 45%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 44%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 43%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 42%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 41%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 40%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 39%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 38%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 37%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 36%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 35%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 34%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 33%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 32%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 31%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 30%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 29%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 28%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 28%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 27%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 26%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 25%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 24%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 23%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 22%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 21%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 20%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 19%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 17%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 15%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 13%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 11%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 9%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 7%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 5%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 3%,
      transparent 0
      ),
      radial-gradient(
      circle,
      #ffa927 65%,
      transparent 0
      ),
  radial-gradient(
      circle,
      #ffa927 63%,
      transparent 0
      ),
  radial-gradient(
      circle,
      #ffa927 61%,
      transparent 0
      ),
  radial-gradient(
      circle,
      #ffa927 59%,
      transparent 0
      ),
  radial-gradient(
      circle,
      #ffa927 57%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 55%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 53%,
      transparent 0
     ),
    radial-gradient(
      circle,
      #ffa927 51%,
      transparent 0
      ),
     radial-gradient(
      circle,
      #ffa927 49%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 47%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 45%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 44%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 43%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 42%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 41%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 40%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 39%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 38%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 37%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 36%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 35%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 34%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 33%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 32%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 31%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 30%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 29%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 28%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 28%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 27%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 26%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 25%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 24%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 23%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 22%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 21%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 20%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 19%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 17%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 15%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 13%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 11%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 9%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 7%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 5%,
      transparent 0
      ),
    radial-gradient(
      circle,
      #ffa927 3%,
      transparent 0
      );  








 background-attachment: fixed;
/*
  change all other values when changing this.
  I suppose this'd be easier to do in Sass.
*/
  background-size: 1.35em 1em;
  
/*
  Update position based on where you want the pattern, and reverse the order of the radial gradients.
*/
  background-repeat: repeat-x;
  
/*
  based on background-size value
*/
  background-position:
    top 0 left 0, 
    top 15px left 0, 
    top 30px left 0, 
    top 45px left 0, 
    top 60px left 0, 
    top 75px left 0, 
    top 90px left 0,
    top 105px left 0,
    top 120px left 0,
    top 135px left 0,
    top 150px left 0,
    top 165px left 0,
    top 180px left 0,
    top 195px left 0,
    top 210px left 0,
    top 225px left 0,
    top 240px left 0,
    top 255px left 0,
    top 270px left 0,
    top 285px left 0,
    top 300px left 0,
    top 315px left 0,
    top 330px left 0,
    top 345px left 0,
    top 360px left 0,
    top 375px left 0,
    top 390px left 0,
    top 405px left 0,
    top 420px left 0,
    top 435px left 0,
    top 450px left 0,
    top 465px left 0,
    top 480px left 0,
    top 495px left 0,
    top 510px left 0,
    top 525px left 0,
    top 540px left 0,
    top 555px left 0,
    top 570px left 0,
    top 585px left 0,
    top 602px left 0,
    top 620px left 0,
    top 640px left 0,
    top 657px left 0,
    top 675px left 0,
    top 695px left 0,
    top 7px left 10px, 
    top 22px left 10px, 
    top 37px left 10px, 
    top 52px left 10px, 
    top 67px left 10px, 
    top 82px left 10px, 
    top 97px left 10px,
    top 112px left 10px,
    top 127px left 10px,
    top 142px left 10px,
    top 157px left 10px,
    top 172px left 10px,
    top 187px left 10px,
    top 202px left 10px,
    top 217px left 10px,
    top 232px left 10px,
    top 247px left 10px,
    top 262px left 10px,
    top 277px left 10px,
    top 292px left 10px,
    top 307px left 10px,
    top 322px left 10px,
    top 337px left 10px,
    top 352px left 10px,
    top 367px left 10px,
    top 382px left 10px,
    top 397px left 10px,
    top 412px left 10px,
    top 427px left 10px,
    top 442px left 10px,
    top 457px left 10px,
    top 472px left 10px,
    top 487px left 10px,
    top 502px left 10px,
    top 517px left 10px,
    top 532px left 10px,
    top 547px left 10px,
    top 562px left 10px,
    top 577px left 10px,
    top 592px left 10px,
    top 609px left 10px,
    top 629px left 10px,
    top 647px left 10px,
    top 664px left 10px,
    top 682px left 10px,
    top 702px left 10px;
  }
  

  
/* HEADER */


.header{
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 1.8rem 3rem 0.8rem 3rem;
  transition: all .5s;
  position: relative;
}
.header.sticky{
  position: fixed;
  top: 0;
  z-index: 10;
  padding: 0.8rem 3rem 0.1rem 3rem;
  transition: all .5s;
}

.logo-image{
  height: 85px;
  width: auto;
  padding-right: .8rem;
  margin-top: -1.1rem;
  transition: all .5s;
}
.header.sticky .logo-image{
  height: 45px;
  transition: all .5s;
}
.main-header-title{
  font-family: 'Bangers', cursive;
  font-size: 2.2em;
  white-space: nowrap;
  line-height: 2.3rem;
  margin: 0 0 1rem;
  transition: all .5s;
}
.main-header-title a{
  color: #ffa927;
}
.header.sticky .main-header-title{
  min-width: 400px;
  transition: all .5s;
}
.main-header-title span, .main-header-title::first-letter{
  font-size: 2.4rem;
}
.menu-mobile{
  border: none;
  background-color: transparent;
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
  margin-left: auto;
  display: none;
}
.main-menu{
  display: flex;
  flex-basis: 100%;
}
.main-menu .menu{
  list-style: none;
  display: flex;
  gap: 1.5rem;
  margin: 0 2rem;
}
.main-menu .menu li{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
}
.main-menu .menu li:hover{
  border-bottom: 3px solid #ffa927;
}
.main-menu .menu li a{
  text-decoration: none;
}
.secondary-menu{
  list-style: none;
  display: flex;
  gap: .5rem;
  margin: 0 0 0 auto;
}
.secondary-menu li{
  font-size: 1.4rem;
  
}
.secondary-menu li a{
  text-decoration: none;
  color: #ffa927;
}
.secondary-menu li a:hover{
  color: #999;
}
.search-button{
  color: #ffa927;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.search-button:hover{
  color: #999;
}
.search-container{
  position: relative;
}
.search-form-container{
  display: none;
      position: absolute;
    bottom: -70px;
    right: -15px;
    border: 3px solid #fff;
    padding: 0.8rem 2rem;
    border-radius: 8px;
    background-color: #ffa927;
}
.search-form-container:after{
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    right: 15px;
    background-color: #ffa927;
    transform: rotate(45deg) skew(15deg, 45deg);
}
.search-form-container form{
  display: flex;
}
.search-form-container label{
  display: none;
}
.search-form-container input{
  font-size: .75rem;
  padding: .1rem .8rem;
  min-width: 250px;
}
.search-form-container button{
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
}
.search-form-container button:hover{
  opacity: .8;
}







#main-content{
  max-width: 1280px;
  margin: 2rem auto;
  display: block;
  background-color: #fff;
  padding: 1rem;
}
#main-content.page{
  padding: 2rem;
}

#main-content.page h1 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.6rem;
    border-bottom: 1px solid #fba819;
    margin: 0 0 1rem 0;
}
#main-content.page ol {
    padding-left: 0.9rem;
}
.stars{
  color: #fba819;
}

/*********HOME ****************/
#featured-posts .first-row{
  display: flex;
  gap: .1rem;
}
#last-featured{
  flex-basis: 50%;
  height: 360px;
  background-size: cover;
  background-position: center center ;
  background-repeat: no-repeat;
  position: relative;
}
#last-featured .category{
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  background-color:#fba819; 
  color: #FFF;
  text-transform: uppercase;
  z-index: 2;
  margin: 0;
  padding: 0 0.6rem;
    font-size: .8rem;
}
#last-featured .category a{
  color: #FFF;
}
#last-featured .overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,.2) 74%, rgba(255,255,255,0) 100%);
  
  transition: all .9s;
}
#last-featured .overlay:hover{
  transition: all .9s;
  background: linear-gradient(0deg, rgba(0,0,0,0.7511379551820728) 0%, rgba(0,0,0,.55) 54%, rgba(0,0,0,.25) 100%);
}
#last-featured .featured-content{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.3rem;
}

#last-featured .author{
  margin: 0;
  color: #ddd;
  font-size: .7rem;
  padding-top: 0.3rem;
}
#last-featured .author a{
  color: #ddd;
}
#last-featured .author a:hover{
  opacity: .9;
}
#last-featured .author span{
  padding-right: 0.3rem;
    color: #fff;
    font-size: .75rem;
}
#last-featured h2{
      color: #fba819;
    font-size: 1.55rem;
    line-height: 1.6rem;
    padding-bottom: 0.45rem;
    font-weight: 600;
    margin: 0;
}
#last-featured h2 a{
      color: #fba819;
    text-decoration: none;
}
#last-featured .excerpt{
      color: #c8c8c8;
    font-size: .75rem;
    font-weight: 400;
    line-height: .9rem;
    margin: 0;
}



#last-podcast{
  flex-basis: 50%;
  height: 360px;
  background-size: cover;
  background-position: center center ;
  background-repeat: no-repeat;
  position: relative;
}
#last-podcast .category{
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  background-color:#fba819; 
  color: #FFF;
  text-transform: uppercase;
  z-index: 2;
  margin: 0;
  padding: 0 0.6rem;
    font-size: .8rem;
}
#last-podcast .category a{
  color: #FFF;
}
#last-podcast .overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,.7) 74%, rgba(255,255,255,0) 100%);
  
  transition: all .9s;
}
#last-podcast .overlay:hover{
  transition: all .9s;
  background: linear-gradient(0deg, rgba(0,0,0,0.7511379551820728) 0%, rgba(0,0,0,.55) 54%, rgba(0,0,0,.25) 100%);
}

#last-podcast .featured-content{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .5rem 1.3rem;
}

#last-podcast h2{
      color: #fff;
    font-size: 1.55rem;
    line-height: 1.6rem;
    padding-bottom: 0.45rem;
    font-weight: 600;
    margin: 0;
}
#last-podcast h2 a{
  color: #fba819;
   text-decoration: none;
}
#last-podcast .excerpt{
      color: #c8c8c8;
    font-size: .75rem;
    font-weight: 400;
    line-height: .9rem;
    margin: 0;
    padding-bottom: .5rem;
}




.carousel-container{
  width: 100%;
  position: relative;
}
.carousel-container .carousel-button{
  position: absolute;
    display: none;
    top: 65px;
    font-size: 2.6rem;
    border: none;
    background-color: transparent;
    border-radius: 50%;
    color: #ddd;
    padding: 0;
    z-index: 5;
    line-height: 1.8rem;
    text-shadow: 2px 2px 4px #666;
}
.carousel-container .carousel-button:hover{
  color: #fff;
}

.carousel-container:hover .carousel-button{
  display: block;
}
#carousel-prev{
  left: -1.1rem;
  display: none;
}
#carousel-next{
  right: -1.1rem;
}
.carousel-window{
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 215px;
}
.carousel{
  display: flex;
  gap: .1rem;
  left: 0;
  list-style: none;
  position: relative;
  margin: 0.1rem 0 0 0;
  padding: 0;
}
.carousel-item{
  min-width: 249px;
  width: 249px;
  height: 215px;
  position: relative;
  background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.carousel .stars{
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 2;
}
.carousel .category{
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  background-color:#fba819; 
  color: #FFF;
  text-transform: uppercase;
  z-index: 2;
  margin: 0;
  padding: 0 0.6rem;
    font-size: .8rem;
}
.carousel .category a{
  color: #FFF;
}

.carousel .overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,.2) 74%, rgba(255,255,255,0) 100%);
  
  transition: all .9s;
}
.carousel .overlay:hover{
  transition: all .9s;
  background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,.65) 54%, rgba(0,0,0,.25) 100%)
}
.carousel .featured-content{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
}

.carousel .author{
  margin: 0;
  color: #ddd;
  font-size: .7rem;
  padding-top: 0.3rem;
}
.carousel .author a{
  color: #ddd;
}
.carousel .author span{
  padding-right: 0.3rem;
    color: #fff;
    font-size: .75rem;
}
.carousel h2{
     color: #fba819;
    font-size: 1rem;
    line-height: 1.1rem;
    font-weight: 600;
    margin: 0;
}
.carousel h2 a{
      color: #fba819;
    text-decoration: none;
}



/***** HOME BLOQUE NOTICIAS Y ARTICULOS *************/

.home-first-block{
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
.home-first-block > section{
  flex-basis: 30%;
}
.actualidad header, .articulos header, .entrevistas header{
  display: flex;
  border-bottom: 1px solid #fba819;
  position: relative;
  margin-left: 1.5rem;
  align-items: flex-end;
  margin-bottom: 1rem;
}
.actualidad header:before{
  content: "\e906";
}
.articulos header:before{
  content: "\e901";
}
.entrevistas header:before{
  content: "\e96b";
}
.actualidad header:before, .articulos header:before, .entrevistas header:before{
  font-family: 'icomoon' !important;
  position: absolute;
  top: 0;
  left: -1.5rem;
  color: #fba819;
  font-size: 1.1rem;
}
.actualidad h2, .articulos h2, .entrevistas h2{
  margin: 0 auto 0 0;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
}
.actualidad header a, .articulos header a, .entrevistas header a{
  text-transform: uppercase;
  text-decoration: none;
  font-size: .8rem;
  color: #fff;
  background-color: #fba819;
  padding: .15rem .5rem;
}
.actualidad article{
  display: flex;
  margin-bottom: 1rem;
}
.actualidad article img{
  width: 95px;
  height: 75px;
  object-fit: cover;
  border: 1px solid #ddd;
  margin-right: .5rem;
}
.actualidad article h3{
  margin: 0 0 .3rem 0;
  font-weight: 600;
  line-height: 1.2rem;
}
.actualidad article h3 a{
  text-decoration: none;
  font-size: 1rem;
}
.actualidad .date{
  color:#999 ;
  font-size: .7rem;
  margin: 0;
}
.articulos article img, .entrevistas article img{
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center center;
}
.articulos article h3, .entrevistas article h3{
  margin: .5rem 0;
  font-weight: 600;
  line-height: 1.2rem;
}
.articulos article h3 a, .entrevistas article h3 a{
  text-decoration: none;
  font-size: 1rem;
}
.articulos .excerpt, .entrevistas .excerpt{
  margin: 0;
  font-size: .7rem;
  color: #666;
  line-height: 1rem;
}
.entrevistas{
  margin-top: 2rem;
}



/************ SIDEBAR ******************/
#sidebar{
  padding-left: 3rem;
    border-left: 1px solid #ededed;
    padding-top: 1.4rem;
    padding-bottom: 3.3rem;
}
#sidebar .sticky-container{
    position: sticky;
    top: 0;
}
#sidebar.home-sidebar{
    padding-top: 0;
    padding-bottom: 0;
}

#sidebar #searchform, #sidebar .sidebar-search{
  display: flex;
  width: 100%;
}
#sidebar #searchform label,#sidebar .sidebar-search label{
  display: none;
}
#sidebar #searchform #search  {
    flex-basis: 100%;
    border: solid 1px #ccc;
    border-radius: 2px;
    padding: 0.4rem 0.8rem;
    font-size: .8rem;
}
#sidebar .sidebar-search .wp-block-search__input{
  border: solid 1px #ccc;
  border-radius: 2px;
  padding: 0.2rem 0.8rem;
    font-size: .8rem;
}
#sidebar #searchform button{
    border: none;
    color: #fba819;
    background-color: transparent;
    font-size: 1.3rem;
    padding-left: 0.7rem;
}
#sidebar .sidebar-search button{
    text-transform: uppercase;
    text-decoration: none;
    font-size: .8rem;
    border: none;
    color: #fff;
    background-color: #fba819;
    padding: 0.15rem 0.5rem;
}

#sidebar .widget-title{
  border-bottom: 1px solid #fba819;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
}
.estamos-en{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 300px;
    gap: 0.5rem;
    margin-bottom: 2.5rem;
}
#sidebar #listenOn {
    display: none !important;
}


/************ BLOQUE RRSS **************/
.rrss-block{
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
}
.rrss-block .twitter{
  max-width: 66%;
}
.rrss-block .insta{
  width: 32%;
}

.rrss-block header{
  display: flex;
  border-bottom: 1px solid #fba819;
  position: relative;
  margin-left: 1.5rem;
  align-items: flex-end;
  margin-bottom: 1rem;
}
.rrss-block .twitter header:before{
  content: "\e90b";
}
.rrss-block .insta header:before{
  content: "\e909";
}
.rrss-block header:before{
  font-family: 'icomoon' !important;
  position: absolute;
  top: 0;
  left: -1.5rem;
  color: #fba819;
  font-size: 1.1rem;
}
.rrss-block header h2{
  margin: 0 auto 0 0;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
}
.rrss-block header a{
  text-transform: uppercase;
  text-decoration: none;
  font-size: .8rem;
  color: #fff;
  background-color: #fba819;
  padding: .15rem .5rem;
}
.rrss-block .twitter-container{
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 1rem;
  max-height: 270px;
}

/*********** BLOQUE RESEÑAS ************/
.resenias{
  background-color: #0f0e0d;
  padding: 3rem 0 .1rem 0;
}
.resenias header{
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  border-bottom: 1px solid #fff;
  position: relative;
  align-items: flex-end;
}
.resenias header:before{
  content: "\e90b";
  font-family: 'icomoon' !important;
  position: absolute;
  top: 0;
  left: -1.5rem;
  color: #fff;
  font-size: 1.1rem;
}
.resenias header h2{
  margin: 0 auto 0 0;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #fba819;
}
.resenias header a{
  text-transform: uppercase;
  text-decoration: none;
  font-size: .8rem;
  color: #fff;
  background-color: #fba819;
  padding: .15rem .5rem;
}

.resenias-container{
  max-width: 1280px;
  margin: 2rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.resenias-container article{
  flex-basis: 24%;
}
.resenias-container article img{
  width: 100%;
  height: auto;
  max-height: 380px;
  object-fit: cover;
  object-position: top center;
}
.resenias-container article h3{
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.1rem;
  height: 30px;
}
.resenias-container article h3 a{
  color: #fba819;
    text-decoration: none;
}
.resenias-container article .excerpt{
  color: #ffff;
  font-size: .8rem;
  margin-bottom: 1.5em;
}
.resenias-container article footer{
  display: flex;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
.resenias-container article .author{
  color: #ffff;
  font-size: .7rem;
  margin: 0;
}
.resenias-container article .author span{
  padding-right: .2rem;
}
.resenias-container article .author a{
  color: #ffff;
}


/*********** PÁGINA CAYEGORIAS********/
.category-container{
  display: flex;
}
.category-container #sidebar{
  max-width: 33%;
}
.category-list{
  padding: 1rem .6rem;
}
#category-name-header{
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.6rem;
  border-bottom: 1px solid #fba819;
  margin: 0 0 1rem 0;
}
.category-item{
  display: flex;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ddd;
}
.category-item .category-thumb{
  width: 180px;
  height: 180px;
  object-fit: cover;
  object-position: center center;
}
.category-item .text-content{
  padding: 0 1rem;
}
.category-item .text-content h2{
  margin: 0;
  font-size: 1.3rem;
    line-height: 1.4rem;
}
.category-item .text-content .metadata {
  display: flex;
    gap: 0.2rem 3rem;
    margin: 0.4rem 0;
    flex-wrap: wrap;
}
.category-item .text-content .metadata .author, .category-item .text-content .metadata .date{
  margin: 0;
  color: #8a8a8a;
  font-size: .8rem;
}
.category-item .text-content .metadata .author a{
  color: #8a8a8a;
}
.category-item .text-content .metadata .author span, .category-item .text-content .metadata .date span{
  padding-right: .3rem;
}
.category-item .text-content .excerpt {
  font-size: .9rem;
    color: #222;
    margin-bottom: 1rem;
    line-height: 1.2rem;
}
.category-item .readmore-button {
  font-size: .8rem;
    color: #fff;
    background-color: #fba819;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0.3rem 0.5rem;
    font-weight: 600;
    cursor: pointer;
  }
.category-item .readmore-button:hover {
    background-color: #999;
  }

  .category-list .navigation.pagination .nav-links{
    display: flex;
    gap: .7rem;
    justify-content: center;
        color: #999;
  }
  .category-list .navigation.pagination .nav-links a{
    font-weight: 800;
    color: #fba819;
  }
  .category-list .navigation.pagination h2{
    display: none;
  }
  .category-list .navigation.pagination .next{
    margin-left: auto;
  }
  .category-list .navigation.pagination .next:after{
    content: "\ea20";
    font-family: 'icomoon' !important;
    color: #fba819;
    padding-left: .2rem;
  }
  .category-list .navigation.pagination .prev{
    margin-right: auto;
  }
  .category-list .navigation.pagination .prev:before{
    content: "\ea1f";
    font-family: 'icomoon' !important;
    color: #fba819;
    padding-right: .2rem;
  }

  /***************** PÁGINA AUTOR, TAGS ***************/
  .categories-list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 1rem;
    align-items: center;
  }
  .categories-list .author-item a, .categories-list .tag-item a {
    text-transform: uppercase;
    font-size: .7rem;
    color: #fba819;
    font-weight: 800;
}
  
  /************WIDGET SELECCION*************/
  .seleccion-podcast{
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .seleccion-podcast li{
    display: flex;
    margin-bottom: .5rem;
    align-items: center;
  }
  .seleccion-podcast li img{
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: center center;
  }
  .seleccion-podcast li h3{
        font-size: .9rem;
    margin: 0 0 0 0.5rem;
    font-weight: 600;
    line-height: 1.15rem;
  }


/*************** SINGLE ******************/
.single-container{
  display: flex;
}
.single-container #sidebar{
  max-width: 33%;
  margin-left: 2rem;

}
.single-content{
  padding: 1rem .6rem;
}
.single-content h1{
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.6rem;
  border-bottom: 1px solid #fba819;
  margin: 0;
}
.ficha-tecnica{
  display: flex;
  background-color: #252525;
  padding: 1.2rem;
  margin-bottom: -1rem;
}
.ficha-tecnica .item-rating-hidden{
  display: none;
}
.ficha-tecnica .ficha-thumb {
    max-width: 210px;
}
.ficha-thumb-footer{
  display: flex;
  justify-content: space-between;
}
.ficha-thumb-footer a{
  max-height: 40px;
}
.amazon-link {
    position: relative;
    top: -25px;
    margin-bottom: -35px;
}
.ficha-col2{
  margin-left: 1.2rem;
}
.ficha-tecnica dl > div{
  display: flex;
}
.ficha-tecnica dt{
  text-transform: uppercase;
  color: #faa919;
  font-weight: 700;
  white-space: nowrap;
}
.ficha-tecnica dt:after{
  content:':';
  padding-right: .5rem;
}
.ficha-tecnica dd{
  color: #fff;  
}

.metadata-list{
  padding: 0;
  margin: 1rem 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  list-style: none;
}

.tag-list{
  padding: 1rem 0 0 2rem;
  margin: .5rem 0 2rem 0;
  flex-wrap: wrap;
  display: flex;
  column-gap: 1.5rem;
  row-gap: .4rem;
  list-style: none;
  position: relative;
}
.tag-list:before{
  position: absolute;
  top: 1rem;
  left: 0;
  content: "\e90c";
  font-family: 'icomoon' !important;
  color: #999;
}
.tag-list li{
  border: 1px solid #fba819;
    padding: 0 0 0 0.6rem;
    font-size: .8rem;
    color: #999;
    line-height: 1rem;
}
.tag-list .date, .tag-list .author, .tag-list .comments{
  border: none;
  padding: 0;
}
.tag-list .date span, .tag-list .author span, .tag-list .comments span{
  background-color: transparent;
  padding: 0 .3rem 0 0;
  margin-left: 0;
  font-size: .9rem;
  color: #999;
}
.tag-list li a{
    color: #999;
}
.tag-list li:hover{
    background-color: #f7f7f7;
}
.tag-list li span{
  background-color: #fba819;
  color: #fff;
  padding: 0 .3rem 0 ;
  margin-left: .4rem;
}
.tag-list, .tag-list a{
  font-size: .8rem;
  color: #999;
}
.tag-list .cat-item{
  padding: 0;
  border: none;

}
.tag-list .cat-item a{
  text-transform: uppercase;
  font-size: .7rem;
  color: #fba819;
  font-weight: 800;

}
.single-text-content .aligncenter{
  text-align: center;
  margin: auto;
}
.single-post-footer{
  display: flex;
  border-top: 1px solid #fba819;
  margin-top: 3.5rem;
}
.social-author{
  flex-basis: 100%;
}
.social-author .heateor_sss_sharing_container{
  margin: .5rem 0;
}

.authorbox{
  padding: 1rem;
  background-color: #e6e6e6;
  display: flex;
  min-height: 185px;
}
.author-text{
  margin-left: 1rem;
}
.author-text .author-header{
  display: flex;
  margin: 0;
  border-bottom: 1px solid #fba819;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 .5rem;
}
.escrito-por{
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.2rem;
  white-space: nowrap;
}
.autor{
  font-weight: 400;
  font-size: 1.2rem;
}
.single-text-content a{
  color: #fba819;
}
.single-text-content a:hover{
  color: #999;
}
.single-text-content img{
   max-width: 100%;
    height: auto;
}
.single-text-content h2{
   margin-bottom: -0.5rem;
    font-size: 1.35em;
    font-weight: 500;
    text-transform: uppercase;
}

   

/************ COMMENTS *********************/
#comments{
  margin: 1.5rem 0;
} 
#comments h2{
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.2rem;
  margin: 0;
  border-bottom: 1px solid #fba819;
} 
.comment-list{
  margin: 0;
  padding: 0;
  list-style: none;
}
.comment-list .item{
  display: flex;
  padding: 2rem 0;
  border-bottom: 1px solid #dedede;
}
.comment-list .item .image{
  margin-right: 2rem;
}

.comment-list .item .info{
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  position: relative;
}
.comment-list .item .info:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  border-bottom: 2px solid #fba819;
}
.comment-list .item h3{
  margin: 0;
      margin: 0;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
}
.comment-list .item .legend-default{
  color: #999;
  font-size: .8rem;
}
.comment-list .item .comment-inner p{
  font-size: .83rem;
  color: #222;
  margin-bottom: 0;
}
.add-comment{
  margin-top: 2rem;
}
.comment-notes, .no-comments{
  font-style: italic;
  font-size: .85rem;
  color: #555;
}
#commentform textarea{
  width: 100%;
  padding: .5rem;
  border: 1px solid #ccc;
  min-height: 100px;
}
#commentform p{
  margin-bottom: 1rem;
}
.comment-fields{
  display: flex;
  gap: 1rem;
}
.comment-fields input{
  flex-basis: 100%;
  padding: .2rem .5rem;
  border: 1px solid #ccc;
}
.logged_in_inner{
  display: flex;
  gap: .5rem;
  align-items: flex-end;
}
.logged_in_inner .logout{
  margin-left: auto;
  color: #fba819;
  font-weight: 600;
  white-space: nowrap;
}
.logged_in_inner .user{
  text-transform: uppercase;
  font-size: .95rem;
  position: relative;
  padding-bottom: 0.15rem;
}
.logged_in_inner .user:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid #fba819;
  width: 40px;
}
.submit{
  background-color: #fba819;
    text-transform: uppercase;
    border: none;
    color: #fff;
    padding: 0.5rem 1rem;
    font-weight: 700;
    border-radius: 3px;
    cursor: pointer;
}
.submit:hover{
  background-color: #999;
}
/************* TORTITAS *************/
.tortita{
    padding: 1.5rem 1.5rem 0 1.5rem;
    background-color: #e6e6e6;
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
}
.tortita:last-child{
    margin-bottom: 2rem;
}
.tortita img{
  max-width: 300px;
  height: auto;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
}
.tortita h2{
  margin-top: 0;
}


/**************404******************/
.no-econtrada{
  display: flex;
  gap: 1rem;
  max-width: 768px;
  margin: 6rem auto;
}
.no-econtrada .post{
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.no-econtrada img{
  width: 350px;
  height: auto;
}
.no-econtrada h1{
  color: #ffa927;
  font-size: 6rem;
  line-height: 6rem;
  margin: 0;
}

.no-econtrada h2{
      color: #222;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
/***********FOOTER *****************/
.main-footer{
  background-color: #525150;
  padding: 2rem 0 0 0;
}
.main-footer .wrapper{
  display: flex;
  max-width: 1280px;
  margin: auto;
  align-items: baseline;
  position: relative;
}
.fondo-select{
       position: absolute;
    top: 18px;
    z-index: 1;
    font-size: 1.3rem;
    left: 11px;
    color: #fba819;
}

.archives{
  padding: 1rem .5rem .3rem 2rem;
  position: relative;
  cursor: pointer;
  color: #999;
  font-size: .8rem;
}



.site-description{
      max-width: 550px;
    color: #cdcdcd;
    font-style: italic;
    margin-left: auto;
    text-align: center;
}
.rrss-footer ul{
  list-style: none;
  display: flex;
  gap: 1.2rem;
}
.rrss-footer ul a{
  text-decoration: none;
  color: #fba819;
  font-size: 1.3rem;
}
.rrss-footer ul a:hover{
  color: #999;
}
.footer-level-2{
  border-top: 1px solid #fff;
  color: #fff;
}
.copyright{
  margin: .2rem 0 .6rem 0;
  font-size: .8rem;
}
.menu-footer{
  margin: .2rem 0 .6rem auto;
}
.menu-footer ul{
  display:flex;
  list-style: none;
  margin: 0;
  gap: 1.2rem;
}
.menu-footer ul li{
  font-size: .8rem;
}
.menu-footer ul li a{
  color: #fba819;
  text-decoration: none;
}
.menu-footer ul li a:hover{
  color: #999;
}
.slicker-instagram-placeholder {
    min-height: 100px;
    min-width: 100px;
}


/**************MEDIA QUERIES ******************/

@media (max-width: 1280px) {
  
  .main-header-title {
    font-size: 1.6em;
  }
  .header.sticky .main-header-title {
    min-width: 300px;
  }
  .main-header-title span, .main-header-title::first-letter {
    font-size: 2rem;
  }
  .logo-image {
    height: 55px; 
  }
  .main-menu .menu {
    gap: 1rem;
    margin: 0;
  }
  .main-menu .menu li {
    font-size: .9rem;
  }
  .secondary-menu li {
    font-size: 1.2rem;
  }
  .rrss-block .twitter-container {
    max-height: 200px;
  }
  .resenias {
    padding: 3rem 1rem 0.1rem 1rem;
  }
  .resenias header {
    margin-left: 1.5rem;
  }
  .resenias-container article img {
    height: 380px;
  }
  .resenias-container article h3 {
    height: auto;
  }
  .main-footer {
    padding: 2rem 1rem 0 1rem;
  }
}


@media (max-width: 1024px) {
  .header {
    padding: 1rem 3rem 0rem 3rem;
  }
  .main-header-title {
    margin: 0;
  }
  .menu-mobile{
    display: block;
  }
  .logo-image {
    height: 45px;
  }
  .main-menu{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #eee;
    padding: 1rem;
    box-sizing: border-box;
    z-index: 15;
  }
  .main-menu.mobile-hidden{
    display: none;
  }
  .home-first-block {
    flex-wrap: wrap;
  }
  .home-first-block > section {
    flex-basis: 48%;
  }
  #sidebar.home-sidebar {
    padding: 0;
    display: flex;
  }
  #sidebar.home-sidebar {
    padding: 0;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    width: 100%;
    border-left: none;
    border-top: 1px solid #ededed;
    padding-top: 1rem;
  }

  #sidebar.home-sidebar .widget_search{
    display: none;
  }
  #sidebar.home-sidebar .textwidget img{
    width: 100%;
  }
  #sidebar.home-sidebar .widget-title{
      display: none;
  }
  #sidebar.home-sidebar .textwidget .estamos-en{
    width: 300px;
    margin-top: 1rem;
    justify-content: flex-start;
  }
  .rrss-block .twitter, .rrss-block .insta {
    max-width: 48%;
    flex-basis: 100%;
  }
  .resenias-container article {
    flex-basis: 48%;
  }
  .main-footer .wrapper {
    align-items: flex-start;
  }
  .fondo-select {
    top: 12px;
  }
  .site-description {
    margin-top: 0;
    padding: 0 1rem;
  }
  .category-container {
    flex-wrap: wrap;
  }
  .category-container #sidebar {
    display: none;
  }
  .single-container {
    flex-wrap: wrap;
  }
  .single-container #sidebar {
    display: none;
  }
  
}

@media (max-width: 768px) {
  .main-menu {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
  }
  .main-menu .menu {
    width: 100%;
    flex-direction: column;
    padding-left: 0;
    gap: 0;
  }
  .header.sticky .main-header-title {
    min-width: 200px;
  }
  .main-menu .menu .menu-item{
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 0.5rem;
  }
  .secondary-menu {
    margin: 0 auto;
    padding: .5rem 0;
  }
  #featured-posts .first-row {
    flex-wrap: wrap;
  }
  #last-featured, #last-podcast{
    flex-basis: 100%;
  }
  .home-first-block > section {
    flex-basis: 100%;
  }
  #sidebar.home-sidebar {
    display: block;
    max-width: 350px;
    margin: 0 auto;
    border: none;
  }
  #sidebar.home-sidebar .widget-title {
    display: block;
  }
  #sidebar.home-sidebar .textwidget .estamos-en {
    justify-content: center;
    margin: auto;
  }
  .rrss-block{
    flex-wrap: wrap;
  }
  .rrss-block .twitter, .rrss-block .insta {
    max-width: 100%;
    flex-basis: 100%;
  }
  .rrss-block .twitter-container {
    overflow-y: visible;
    max-height: 100%;
  }
  .resenias-container article {
    flex-basis: 100%;
  }
  .main-footer .wrapper {
    flex-direction: column;
  }
  .archives {
    margin-bottom: 1rem;
    width: 100%;
  }
  .site-description {
    margin-bottom: 0;
  }
  .copyright {
    width: 100%;
    text-align: center;
  }
  .rrss-footer {
    width: 100%;
  }
  .rrss-footer ul {
    padding-left: 0;
    margin: 0.8rem auto;
    justify-content: center;
  }
  .menu-footer ul {
    margin: 0;
    gap: 1.2rem;
    padding: 0;
  }
  .menu-footer {
    margin: 0.2rem auto 0.6rem auto;
  }
  .category-container #sidebar {
    display: block;
    max-width: 100%;
    padding-left: 0;
    border-left: none;
    margin: auto;
  }
  .category-item .text-content .metadata {
    gap: 0.2rem 3rem;
    flex-wrap: wrap;
  }
  .single-container #sidebar {
    display: block;
    max-width: 100%;
    padding-left: 0;
    border-left: none;
    margin: auto;
  }
  .no-econtrada{
    gap: 1rem;
    width: 360px;
    max-width: 100%;
    flex-wrap: wrap;
    margin: 2rem auto;
  }
  .no-econtrada img{
    max-width: 100%;
  }
  .tortita{
    padding: 1.5rem 1.5rem 0 1.5rem;
    background-color: #e6e6e6;
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}
.tortita img {
    width: 100%;
    margin-right: 0;
}
.tortita h2{
  margin-top: 1.5rem;
}
.texto-tortita{
  flex-basis: 100%;
}
  
}
@media (max-width: 600px) {
  .ficha-tecnica {
    flex-wrap: wrap;
  }
  .ficha-tecnica .ficha-col1{
    margin: auto;
  }
  .social-author {
    order: 5;
  }
  .single-post-footer {
    flex-wrap: wrap;
  }
  .single-post-footer iframe{
    margin: auto;
  }
  .social-author .heateor_sss_sharing_container {
    margin: .5rem auto;
    width: 160px;
  }
  .authorbox {
    flex-wrap: wrap;
    max-height: 100%;
    min-height: 0;
  }
  .authorbox img {
    margin: 0 auto .5rem;
  }
  .comment-fields {
    flex-wrap: wrap;  
  }
  
  
  
}
@media (max-width: 500px) {
  .header, .header.sticky {
    padding: 1rem 1rem 0rem 1rem;
  }
  .logo-image {
    height: 35px;
  }
  .header.sticky .logo-image {
    height: 35px;
  }
  .main-header-title {
    font-size: 1.2em;
  }
  .main-header-title span, .main-header-title::first-letter {
    font-size: 1.4rem;
  }
  #last-podcast .excerpt {
    display: none;
  }
  .category-item {
    flex-wrap: wrap;
    justify-content: center;
  }
  .category-item .category-thumb {
    width: 300px;
    max-width: 100%;
    margin-bottom: .5rem;
  }
  
}
@media (max-width: 400px) {
  .ficha-tecnica dl div{
    flex-wrap: wrap;
  }
  .comment .avatar{
    display: none; 
  }
  .no-econtrada h1 {
    font-size: 5rem; 
  }
  .no-econtrada h2 {
    font-size: 1.2rem;
  }
  .single-content, .single-content iframe{
    max-width: 100%;
  }
  
  
}