/* -------------------------------- 
BLOG
-------------------------------- */

.share_social--link {
    padding: var(--space-xxs);
    opacity: .2;
}

.share_social--link:hover { opacity: 1; }


.blog_card,
.blog_card h3,
.blog_card img {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

 
.blog_card--body {  position: relative; top:-40px; background: hsla(var(--light),1); padding: var(--space-xs) var(--space-s); margin:0 0 -40px var(--space-m) } 
/*.blog_card--text { color:hsla(var(--dark),.5); }*/
.blog_card--img  { overflow: hidden; }
/*.blog_card--date { display: block; text-transform: uppercase; font-size: var(--text-xxs); color: hsla(var(--dark),1); margin: var(--space-xs) 0 var(--space-s) }*/
/*.blog_card h3    { margin-bottom: var(--space-xs) }*/
/*.blog_card--cat  { text-transform: uppercase; font-size: var(--text-xxs); color: hsla(var(--dark),1);  }*/
.blog_card--body .blog_card--text   { color:hsla(var(--dark),.6); }
.blog_card:hover img { transform: scale(1.1); }

.blog_card:hover .blog_card--text    { color:hsla(var(--dark),1); }
.blog_card:hover .blog_card--body h3 { color:hsla(var(--brand-second),1); }


/*.blog_card:hover h3  { color: hsla(var(--brand-second),1); }*/


@media only screen and (max-width:768px) {

.blog-background        { height:var(--space-l); margin-top: 0; padding: 0; }

} 


.sec_single--blog   { padding: var(--space-xl) 0 0;  }
.sec_single--blog .section--banner .oferta--card-image, .sec_single--blog .section--banner .oferta--card-info {
  position: relative;
  max-width: 240px;
}
@media only screen and (max-width:600px) {

/* .sec_single--blog {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    display: block;
  } */

.sec_single--margin-safe .col-8 {
    margin: 0;
  }

.sec_single--margin-safe .section--banner {
    margin: 0 auto;
  }

}

.blog_single h1     { padding:0; margin:0; }
.blog_single--date  { font-family:var(--font-secondary); display: block; text-transform: uppercase; font-size: var(--text-xs); color: hsla(var(--dark),1); margin:0 0 var(--space-s) } 

.blog_single         { font-weight:300; font-size: calc(var(--text-m) - 3px); }
.blog_single strong  { font-weight:500; color:hsla(var(--dark),1); } 
.blog_single a       { font-weight:300} 
.blog_single ul      { font-weight:300; color: hsla(var(--dark),.6); margin-bottom: var(--space-l)} 
.blog_single li      { margin-bottom: var(--space-xxs)} 

.block--btn--single     { margin:var(--space-xxxl) auto 0!important;  border-top:1px solid hsla(var(--dark),.2);}  
.block--btn--single > * { width:calc( 33.3333% - var(--space-m)) }

[class*="btn_"]       { padding: var(--space-s); font-size: var(--text-m); color:hsla(var(--dark),.4); }
[class*="btn_"] small { font-size: var(--h6); display: block; text-transform: uppercase; color:hsla(var(--dark),1); }

[class*="btn_"]:hover        { color:hsla(var(--brand-second),1)!important; }
[class*="btn_"]:hover small  { color:hsla(var(--dark),1)!important; }


.block--btn--single:hover a:not(:hover) {
  opacity: 0.2;
}


.btn_empty:hover        { background-color: hsla(var(--dark),0) }

.btn_left  { text-align: left; }
.btn_blog  { text-align: center;}
.btn_right { text-align: right; }


@media only screen and (max-width:56.9375em) {
 
.block--btn--single > * { width:calc( 100% - var(--space-m)) }

[class*="btn_"]       { padding:var(--space-xs); text-align: center; }

.btn_empty { display: none; }

} 

/* -------------------------------- 
PAGINACIÓN BLOG
-------------------------------- */

ul.pagination {
  display: flex; 
  flex-direction: row;
  width:100%;
  align-items:center;
  justify-content: center;
  padding:var(--space-m) 0 0;
  margin:0;
  list-style: none;
  position: relative;
  flex-wrap: wrap;
}


ul.pagination li { 
  display:block;
  margin:-1px 0 12px;
}


ul.pagination li a, 
ul.pagination li.ellipsis {
  --size: 50px;
  background:transparent;
  border:2px solid hsla(var(--dark),.4);
  border-radius:var(--radius8);
 
  color: hsla(var(--dark),.4); 
  margin:0 var(--space-xxxs);
  width: var(--size);
  height: var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.pagination li.current a, ul.pagination li.current a:hover, ul.pagination li:hover a, ul.pagination li a:focus {
  background: hsla(var(--light),1); 
  color: hsla(var(--brand-second),1); 
  border-color:hsla(var(--brand-second),1);
  box-shadow: var(--shadow-second20);
}

@media only screen and (max-width:512px) {
 
ul.pagination li a, 
ul.pagination li.ellipsis {
  --size: 40px;
}

div#ez-toc-container { width: 100%!important; }


}