/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.body-wrapper--header- [data-global-resource-path*="header.html"] .header.header--menu_right
{
  position: relative;
}

header.header{
  background-color: #fff;
}

header.header .menu-section .menu-link{
  color: #000;
}

.widget-type-logo img {
  mix-blend-mode: difference;
}

.blog-single h5{
  color: #898888 !important;
}


.container-fluid{
  padding: 0 !important;
}

.blog-single .image-text {
  flex-direction: row-reverse;
  align-items: center;
  display: flex;
}

@media (max-width: 992px) {
  .blog-single .image-text {
    flex-direction: column-reverse;
  }
}

.blog-single .image-text__img {
  width: 50%;
  height: 600px !important;
  overflow: hidden;
  padding: 0px;
  justify-content: center;
}


@media (max-width: 992px) {
  .blog-single .image-text__img {
    height: 400px;
    padding: 0px;
    justify-content: center;
  }

  .blog-single .image-text__text, .blog-single .image-text__img {
    width: 100%;
    margin-left: unset;
  }
  .blog-single .image-text__img{
    overflow: hidden;
  } 
}

@media (max-width: 767px) {
  .blog-single .image-text__img {
    height: 400px;
    padding: 0px;
    justify-content: center;
  }
}

.image-text__img.image-text__img--full, .image-text__img.image-text__img--full img, .image-text__img.image-text__img--full picture {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.dnd_area-row-0-force-full-width-section > .row-fluid {
  max-width: none !important;
}

.dnd_area-row-0-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.blog-single .image-text__text {
  max-width: 640.0px;
  margin-left: auto;
}

.blog-single .image-text__text {
  text-align: left;
  width: 50%;
  padding-top: 64px;
  padding-right: 24px;
  padding-bottom: 64px;
  padding-left: 20px;
}

.blog-single .image-text__img {
  width: 50%;
  height: 780px;
  overflow: hidden;
  padding: 0px;
  justify-content: center;
}

.blog-single .image-text__title{
  text-transform: uppercase;
}

.blog-single img{
  height: auto;
}

.blog-single .sidebar{
  padding: 20px;
}

@media screen and (min-width: 992px){
  .blog-content{
    border-right: 1px solid #F2EFF0;
    padding: 0 20px !important;
  }
}

.blog-single .sidebar .featured-form {
  backdrop-filter: blur(10px);
  padding-top: 20px;
  padding-right: 50px;
  padding-bottom: 20px;
  padding-left: 50px;
  background: #F2EFF0;
  border: 1px none #FFFFFF;
  border-radius: 8px;
}

.blog-single .sidebar .featured-form__content {
  text-align: CENTER;
}

.blog-single .sidebar .featured-form .hs-input:not([type="submit"]) {
  background-color: #ffffff;
  padding: 6px;
  border-radius: 4px;
  padding: 15px;
  border: 0;
}

.blog-single .sidebar .featured-form form {
  flex-direction: column;
  gap: 0px;
}

.blog-single .sidebar .featured-form .hs_submit .actions, .blog-single .sidebar .featured-form .hs_submit .actions button, .blog-single .sidebar .featured-form .hs_submit {
  width: 100%;
}

.blog-single .sidebar .featured-form .actions button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-single .sidebar .featured-form .hs_email{
  width: 100%;
}

.blog-single .ads-section{
  margin-top: 40px;
}

.body-wrapper--header- [data-global-resource-path*="header.html"] .header__logo .hs_cos_wrapper_type_logo{
  display: none;
}

.body-wrapper--header- [data-global-resource-path*="header.html"] .header.header--menu_right .logo-oscuro{
  display: block !important;
}

.dnd_area-row-2-background-color{
  background-image: linear-gradient(rgba(242, 239, 240, 1), rgba(242, 239, 240, 1)) !important;
  background-position: left top !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 992px) {
  .blog-single .image-text__text {
    text-align: center;
    padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 30px;
    padding-left: 24px;
  }
  .blog-single .image-text__text, .blog-single .image-text__img {
    width: 100%;
    margin-left: unset;
  }
}

.share { display:flex; align-items:center; gap:.75rem; font-family:inherit; margin-bottom: 20px;}
.share__label { font-weight:600; }
.share__buttons { display:flex; gap:.5rem; }
.share__btn {
  width:36px; height:36px; display:inline-grid; place-items:center;
  border-radius:50%; background:#000;
  text-decoration:none; line-height:0; transition:transform .15s ease, opacity .15s ease;
}
.share__btn svg { width:18px; height:18px; fill:#fff; }
.share__btn:hover { transform:translateY(-1px); opacity:.9; }
.share__btn:active { transform:translateY(0); opacity:.8; }
/* Accesibilidad con teclado */
.share__btn:focus-visible{ outline:2px solid #111; outline-offset:2px; }
.share__label{ color:#000000; }
}

/* Buscador */

.grid {
  opacity: 1;
  transition: opacity .4s ease;
}
.grid.is-fading {
  opacity: 0;
}

.search{
  border-radius: 100px;
  margin: 8px auto 18px;
  padding: 5px 15px;
  position: relative;
  width: min(500px, 100%);
  background: white;
  border: 1px solid #9D9D9C;
}
.search__input{
  width:100%; height:44px; padding:0 48px 0 16px;
  background:var(--bg-soft); color:#9D9D9C;
  border:1px solid transparent; border-radius:999px; outline:none;
  transition:border .2s, box-shadow .2s;
}
.search__input::placeholder{color:var(--muted)}
.search__input:focus{border-color:var(--brand); box-shadow:0 0 0 3px rgba(30,107,255,.25)}
.search__btn{
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  min-width:32px; border:0; border-radius:999px;
  background: #0B95D3;
  display:grid; place-items:center; cursor:pointer; box-shadow:var(--shadow);
}
.search__btn:hover{
  background: #0B95D3;
  border: 0;
}
.search__btn svg{width:18px; height:18px; fill:white}

/* Pestañas */
.tabs{
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  justify-content: center;
  margin: 10px 0 18px;
  flex-direction: row;
}

@media screen and (max-width: 992px){
  .tabs{
    flex-direction: column;
    gap: 10px;
  }

  .tab{
    width: 100%;
  }
}

.tab{
  appearance:none; border-radius:4px;
  font-weight: 400;
  border: 1px solid #ececec;
  background: #fff; color: #000000; padding: 15px 20px; cursor:pointer;
  transition:all .2s;
  justify-content: center;
  text-transform: unset;
  min-width: 200px;
  gap: 15px;
}
.tab[aria-selected="true"], .tab:hover{background: #72C6D4; color: #fff; border: 1px solid #72C6D4;}
.tab:focus-visible{outline:3px solid rgba(30,107,255,.35)}
.tab svg{height: 20px;}
.tab svg path{ fill: #000;}
.tab:hover svg path, .tab[aria-selected=true] svg path{ fill: #fff;}

/* Grid */
.grid{display:grid; gap:14px; grid-template-columns:repeat(12,1fr)}
@media (max-width: 1199px){ .grid{grid-template-columns:repeat(8,1fr)}}
@media (max-width: 767px){ .grid{grid-template-columns:repeat(4,1fr)}}

.card{
  grid-column:span 4; position:relative; overflow:hidden; border-radius:6px;
  background:var(--card); min-height:430px; display:flex; align-items:flex-end;
  box-shadow:var(--shadow); isolation:isolate;
}


.card--wide{grid-column:span 6; min-height:220px}
@media (max-width: 767px){ 
  .card{grid-column:span 4} .card--wide{grid-column:span 4} 
  .image-text__img.image-text__img--full, .image-text__img.image-text__img--full img, .image-text__img.image-text__img--full picture{
    max-height: 200px;
  }
}

.card__img{
  position:absolute; inset:0; background-size:cover; background-position:center;
  filter:saturate(110%) brightness(.9); transform:scale(1.02); transition:transform .35s ease;
}

.card:hover .card__img{transform:scale(1.06)}
.card__body{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  height: 100%;
  align-items: flex-start;
}

.card__excerpt{
  display: none;
  margin: 30px 0;
}

.card .button--small{
  display: none;
}


@media screen and (max-width: 767px){
  .card::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(6,10,18,.05) 0%, rgba(6,10,18,.2) 55%, rgba(6,10,18,.2) 100%);
    z-index:0;
  }

  .card h3 {
    padding: 40px 60px 60px 40px;
    background: rgba(0,0,0,0.2);
    width: 100%;
  }

}

.card__body h3{
  color: #fff;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.4);
  padding: 40px 60px 60px 40px;
  width: 100%;
} 

.pills{
  display:flex;
  gap:6px;
  margin-bottom:8px;
  flex-wrap:wrap}
.pill{
  font-size: 15px;
  color: #fff;
  text-transform:uppercase;
  margin: 40px;
}
.card h3{font-size:1rem; margin:0 44px 0 0; text-align: left; font-weight: 400;}

.card__cta{
  position:absolute; right:20px; bottom:40px; width:36px; height:36px;
  border-radius:999px; border:0; z-index: 10;
  display:grid; place-items:center; background: #72C6D4; transform: rotate(-45deg);
  transition:transform .2s, background .2s, border-color .2s;
}
.card__cta svg{width:18px; height:18px; fill:white}
.card:hover .card__cta{transform:translateX(2px); background:rgba(255,255,255,.2); border-color:rgba(255,255,255,.25)}

/* Paginación */
.pager{display:flex; align-items:center; gap:6px; justify-content:center; margin:18px 0 0}
.pager button, .pager span{
  min-width:32px; display:grid; place-items:center; border-radius:8px; border:1px solid #D7D7D7;
  background:#fff; color: #D7D7D7; cursor:pointer; font-weight:600;
}
.pager .is-active{background: #fff; border-color:#0A67B1; color: #9D9D9C;}
.pager .arrow{font-size:18px; line-height:1; background-color: #0A67B1; color: #fff;}
.pager button[disabled]{opacity:.45; cursor:not-allowed}

/* Ocultar cards sin quitarlas del DOM */
.card.is-hidden { display: none; }

/* Fade en la grid del panel activo */
.grid { transition: opacity 180ms ease; }
.grid.fade-out { opacity: 0; }
.grid.fade-in  { opacity: 1; }

/* Paginación opcional */
.pager.is-hidden { display: none; }
.pager__btn[aria-current="page"] { font-weight: 700; text-decoration: none; background-color: #72c6d4; color: #fff; }
.pager__ellipsis { padding: 0 .5rem; }

.blog-single .hs-embed-wrapper{
  max-width: 100% !important;
  min-width: 100% !important; 
}