/* De interes */
section#header-blog {
  /* padding-top: 15px; */
  text-align: center;
  /* padding-bottom: 15px; */
  color: #333;
  /* background: linear-gradient(-18deg, var(--c-primary) 16%, #0a0003 230%); */
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 95px;
}

section#header-blog .container {
  /* max-width: 950px; */
  padding: 0;
}

section#header-blog .title {
  color: inherit;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
  font-weight: 400;
}

section#header-blog .suptitle {
  font-size: 11px;
  margin-bottom: 15px;
  opacity: 0.8;
  font-weight: 500;
}

section#header-blog .title:after {
  /* content: ""; */
  display: block;
  height: 4px;
  background-color: #fff;
  width: 60px;
  margin: 0 auto;
  margin-top: 20px;
}

section#de-interes {
  padding-top: 30px;
  padding-bottom: 50px;
  position: relative;
  /* background-color: rgba(243, 51, 98, 4%); */
}

.home section#de-interes {
  background-color: #f333620a;
  padding-top: 50px;
}
section#de-interes .container {
  position: relative;
}
section#de-interes .container .action {
  text-align: center;
  padding-top: 20px;
  margin-top: 20px;
}

section#de-interes .title {
  /* font-weight: 600; */
  padding-bottom: 40px;
  padding-top: 30px;
  text-align: center;
}
section#de-interes .title:before {
  /* content: ""; */
  display: block;
  width: 94px;
  height: 5px;
  margin: 0 auto;
  background: var(--c-primary);
  margin-top: 35px;
  margin-bottom: 35px;
}
.blog section#de-interes {
  padding-top: 50px;
  padding-bottom: 120px;
  background-color: #fff;
}
section#de-interes {
  text-align: center;
}
section#de-interes .item {
  text-align: left;
  /* margin: 1rem; */
  padding: 15px;
  width: auto;
  padding: 0;
}

section#de-interes .item .info-text {
  padding: 1rem;
}
section#de-interes .bg {
  background-color: #fff;
  box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%);
  height: 100%;
}
section#de-interes .imagen_flex {
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 60%;
}
section#de-interes .imagen_flex a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
section#de-interes .imagen_flex a:hover {
  /* opacity: 0.7; */
  background-color: var(--c-primary);
}

section#de-interes .imagen_flex a:before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='49.999px' height='49.999px' viewBox='0 0 49.999 49.999' style='enable-background:new 0 0 49.999 49.999;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M48.681,42.295l-8.925-8.904c-0.045-0.045-0.098-0.078-0.145-0.11c-0.802,1.233-1.761,2.405-2.843,3.487 c-1.081,1.082-2.255,2.041-3.501,2.845c0.044,0.046,0.077,0.1,0.122,0.144l8.907,8.924c1.763,1.76,4.626,1.758,6.383,0 C50.438,46.921,50.439,44.057,48.681,42.295z'/%3E%3Cpath d='M35.496,6.079C27.388-2.027,14.198-2.027,6.089,6.081c-8.117,8.106-8.118,21.306-0.006,29.415 c8.112,8.105,21.305,8.105,29.413-0.001C43.604,27.387,43.603,14.186,35.496,6.079z M9.905,31.678 C3.902,25.675,3.904,15.902,9.907,9.905c6.003-6.002,15.77-6.002,21.771-0.003c5.999,6,5.997,15.762,0,21.774 C25.676,37.66,15.91,37.682,9.905,31.678z'/%3E%3Cpath d='M14.18,22.464c-0.441-1.812-2.257-4.326-3.785-3.525c-1.211,0.618-0.87,3.452-0.299,5.128 c2.552,7.621,11.833,9.232,12.798,8.268C23.843,31.387,15.928,29.635,14.18,22.464z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  display: block;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 120%;
  transform: translate(-50%, -50%) scale(0.7);
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.25s ease-out;
}
section#de-interes .imagen_flex a:hover:before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='49.999px' height='49.999px' viewBox='0 0 49.999 49.999' style='enable-background:new 0 0 49.999 49.999;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M48.681,42.295l-8.925-8.904c-0.045-0.045-0.098-0.078-0.145-0.11c-0.802,1.233-1.761,2.405-2.843,3.487 c-1.081,1.082-2.255,2.041-3.501,2.845c0.044,0.046,0.077,0.1,0.122,0.144l8.907,8.924c1.763,1.76,4.626,1.758,6.383,0 C50.438,46.921,50.439,44.057,48.681,42.295z'/%3E%3Cpath d='M35.496,6.079C27.388-2.027,14.198-2.027,6.089,6.081c-8.117,8.106-8.118,21.306-0.006,29.415 c8.112,8.105,21.305,8.105,29.413-0.001C43.604,27.387,43.603,14.186,35.496,6.079z M9.905,31.678 C3.902,25.675,3.904,15.902,9.907,9.905c6.003-6.002,15.77-6.002,21.771-0.003c5.999,6,5.997,15.762,0,21.774 C25.676,37.66,15.91,37.682,9.905,31.678z'/%3E%3Cpath d='M14.18,22.464c-0.441-1.812-2.257-4.326-3.785-3.525c-1.211,0.618-0.87,3.452-0.299,5.128 c2.552,7.621,11.833,9.232,12.798,8.268C23.843,31.387,15.928,29.635,14.18,22.464z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  display: block;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.7);
  filter: brightness(0) invert(1);
}

section#de-interes .imagen_flex a:hover img {
  opacity: 0.6;
  transform: scale(1.05);
}
section#de-interes .imagen_flex img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
section#de-interes p.text {
  margin: 0;
  line-height: 20px;
  padding-bottom: 0;
  font-size: 10px;
  letter-spacing: 0.2px;
  padding-bottom: 5px;
  display: flex;
  max-width: fit-content;
  gap: 4px;
  align-items: center;
}
section#de-interes p.text:before {
  content: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 4.66663C8.5 4.39049 8.27613 4.16663 8 4.16663C7.72387 4.16663 7.5 4.39049 7.5 4.66663V7.99996C7.5 8.17236 7.5888 8.33256 7.735 8.42396L9.735 9.67396C9.9692 9.82029 10.2777 9.74916 10.424 9.51496C10.5703 9.28076 10.4992 8.97229 10.265 8.82596L8.5 7.72283V4.66663Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99996 2.16663C4.7783 2.16663 2.16663 4.7783 2.16663 7.99996C2.16663 11.2216 4.7783 13.8333 7.99996 13.8333C11.2216 13.8333 13.8333 11.2216 13.8333 7.99996C13.8333 4.7783 11.2216 2.16663 7.99996 2.16663ZM3.16663 7.99996C3.16663 5.33059 5.33059 3.16663 7.99996 3.16663C10.6694 3.16663 12.8333 5.33059 12.8333 7.99996C12.8333 10.6694 10.6694 12.8333 7.99996 12.8333C5.33059 12.8333 3.16663 10.6694 3.16663 7.99996Z' fill='black'/%3E%3C/svg%3E");
  line-height: 1;
  opacity: 0.5;
  margin-left: -3px;
}

section#de-interes .titulo_flex {
  text-align: left;
  line-height: 27px;
  letter-spacing: 0.2px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section#de-interes .titulo_flex a {
  color: #222;
  text-decoration: none;
  font-weight: 500;
}

section#de-interes .titulo_flex a:hover {
  opacity: 0.7;
}
section#de-interes .texto_flex {
  font-size: 12px;
  text-align: left;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #737373;
  margin: 15px 0;
  min-height: 40px;
  /* max-width: 274px; */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 400;
}

section#de-interes .categorias {
  font-size: 0.6rem;
  margin-bottom: 20px;
  color: #000;
  display: none;
}

section#de-interes .categorias:before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M345 39.1L472.8 168.4c52.4 53 52.4 138.2 0 191.2L360.8 472.9c-9.3 9.4-24.5 9.5-33.9 .2s-9.5-24.5-.2-33.9L438.6 325.9c33.9-34.3 33.9-89.4 0-123.7L310.9 72.9c-9.3-9.4-9.2-24.6 .2-33.9s24.6-9.2 33.9 .2zM0 229.5V80C0 53.5 21.5 32 48 32H197.5c17 0 33.3 6.7 45.3 18.7l168 168c25 25 25 65.5 0 90.5L277.3 442.7c-25 25-65.5 25-90.5 0l-168-168C6.7 262.7 0 246.5 0 229.5zM144 144c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32z'/%3E%3C/svg%3E");
  width: 13px;
  height: 13px;
  vertical-align: middle;
  opacity: 0.4;
  transform: translateY(-2px);
  margin-right: 6px;
}

section#de-interes .categorias a {
  color: var(--c-primary);
  /* font-style: italic; */
}

section#de-interes .categorias a:hover {
  color: #222;
}
section#de-interes .btn {
  font-size: 0.7rem;
  padding: 0.5rem 1.2rem;
  border-radius: 0;
}
section#de-interes .btn-icon {
  padding-top: 0;
}
section#de-interes .container .action .btn {
  color: var(--c-primary);
  outline: 1px solid;
  background-color: #fff;
  padding-top: 16px;
  padding-bottom: 16px;
}
section#de-interes img.forma-01 {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
section#de-interes .de-interes.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
}
@media screen and (max-width: 900px) {
  section#header-blog .container{
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
  section#de-interes {
  }
  section#de-interes .container {
  }
  section#de-interes .title {
  }
  section#de-interes .items-de-interes {
  }
  section#de-interes .items-de-interes .item {
  }
  section#de-interes .items-de-interes .bg {
  }
  section#de-interes .items-de-interes .imagen_flex {
  }
  section#de-interes .items-de-interes .imagen_flex img {
  }
  section#de-interes .items-de-interes .titulo_flex {
  }
  section#de-interes .items-de-interes .texto_flex {
  }
  section#de-interes .items-de-interes .btn {
  }
}

.de-interes.flex.t-col-3 {
  /* margin-left: -15px; */
  /* margin-right: -15px; */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 240px 240px 1fr;
  grid-gap: 20px;
}

ul.pagination {
  display: block;
}

ul.pagination li {
  display: inline-block;
  margin-top: 30px;
  padding-left: 2px;
  padding-right: 2px;
}

ul.pagination li a {
  color: #111;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9rem;
}

ul.pagination li a:hover {
  opacity: 0.5;
}

ul.pagination li.active a {
  color: var(--c-primary);
}

@media screen and (max-width: 900px) {
  .de-interes.flex.t-col-3 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
  }
}

@media screen and (min-width: 900px) {

  /* item 1 */
  section#de-interes[data-current-page="1"] .item:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    /* padding-bottom: 40px; */
    grid-row-start: 1;
    grid-row-end: 3;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(1) .bg {
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
    align-items: center;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(1) .bg .info-text {
      position: absolute;
      background-color: rgba(255,255,255,0.95);
      width: 50%;
      right: 20px;
      bottom: 10px;
      padding: 35px;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(2) .bg .info-text,
  section#de-interes[data-current-page="1"] .item:nth-child(3) .bg .info-text{
      position: absolute;
      background-color: rgba(255,255,255,0.95);
      bottom: 0;
      padding: 6px 20px;
      width: calc(100% + 2px);
      min-height: 30%;
      z-index: 10;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(2) .bg .titulo_flex,
  section#de-interes[data-current-page="1"] .item:nth-child(3) .bg .titulo_flex{
    /* padding-bottom: 8px; */
    width: 70%;
    float: left;
    -webkit-line-clamp: 3;
    padding-right: 10px;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(1) .bg .titulo_flex a{
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(2) .bg .btn-icon, 
  section#de-interes[data-current-page="1"] .item:nth-child(3) .bg .btn-icon{
    width: 30%;
    float: right;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(2) .bg .btn-icon a,
   section#de-interes[data-current-page="1"] .item:nth-child(3) .bg .btn-icon a{
    padding: 0.5rem 1.1rem;
   }

  section#de-interes[data-current-page="1"] .item:nth-child(2) .bg .titulo_flex a,
  section#de-interes[data-current-page="1"] .item:nth-child(3) .bg .titulo_flex a{
    font-weight: 800;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(2) .bg .info-text p.text,
   section#de-interes[data-current-page="1"] .item:nth-child(3) .bg .info-text p.text{
    display: none;
   }

  section#de-interes[data-current-page="1"]
    .item:nth-child(1)
    .bg
    .titulo_flex {
    -webkit-line-clamp: initial;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(1) .bg p.text {
  }

  section#de-interes[data-current-page="1"] .item:nth-child(1) .bg .texto_flex {
    font-size: 15px;
    line-height: 1.5;
    margin: 25px 0;
  }
  section#de-interes[data-current-page="1"] .item:nth-child(1) .imagen_flex{
    height: inherit;
  }

  /* item 2 */

  section#de-interes[data-current-page="1"] .item:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 1;
    /* padding-bottom: 40px; */
    /* height: 350px; */
  }

  section#de-interes[data-current-page="1"] .item:nth-child(2) .bg {
    /* display: grid; */
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(2) .texto_flex,section#de-interes[data-current-page="1"] .item:nth-child(3) .texto_flex {
      display: none;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(2) .imagen_flex,
  section#de-interes[data-current-page="1"] .item:nth-child(3) .imagen_flex{
    height: 100%;
    padding-bottom: 0;
  }

  /* item 3 */

  section#de-interes[data-current-page="1"] .item:nth-child(3) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    /* height: 350px; */
  }

  section#de-interes[data-current-page="1"] .item:nth-child(3) .bg {
    /* display: grid; */
    /* grid-template-columns: 1fr 1fr; */
    align-items: center;
  }

  section#de-interes[data-current-page="1"] .item:nth-child(4),
  section#de-interes[data-current-page="1"] .item:nth-child(5),
  section#de-interes[data-current-page="1"] .item:nth-child(6){
    margin-top: 60px;
  }
}


@media screen and (max-width: 1207px){
 
  section#de-interes[data-current-page="1"] .item:nth-child(2) .bg .info-text,
   section#de-interes[data-current-page="1"] .item:nth-child(3) .bg .info-text{
    height: 40%;
  }

}

/* ===== ESTILOS PARA HEADER CONTAINER DEL BLOG ===== */

/* Contenedor de títulos */
.blog .header-container {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 70px 0px;
  border-radius: 15px;
  margin-bottom: 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  margin-top: 80px;
}

.blog h1.title,
.blog h2.subtitle,
.blog h3.description {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}

/* H1 - Título principal */
.blog h1.title {
  font-size: 2.8rem;
  font-weight: 700;
  /* color: #2c3e50; */
  /* color: var(--c-primary); */
  color: #2F2F2F;
  margin-bottom: 25px;
  text-transform: none;
  position: relative;
}

/* H2 - Subtítulo */
.blog h2.subtitle {
  font-size: 1.2rem;
  font-weight: 600;
  color: #444;
  margin-bottom: 10px;
  text-transform: none;
  position: relative;
  padding: 0 20px;
}

.blog h2.subtitle:after{
  content: "";
  display: block;
  height: 2px;
  width: 50px;
  background-color: #666;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 15px;
}

/* H3 - Descripción */
.blog h3.description {
  font-size: 1rem;
  color: #6c757d;
  font-weight: 400;
  text-transform: none;
  line-height: 1.5;
  margin: 0 auto 30px auto;
}

/* Animaciones de entrada para blog */
.blog h1.title {
  /* animation: fadeInDown 0.8s ease forwards; */
}

.blog h2.subtitle {
  animation: fadeInDown 0.8s ease forwards;
  animation-delay: 0.2s;
}

.blog h3.description {
  animation: fadeInDown 0.8s ease forwards;
  animation-delay: 0.4s;
}

/* Responsive para blog */
@media screen and (max-width: 900px) {
  .blog h1.title {
    font-size: 2.2rem;
  }
  
  .blog h2.subtitle {
    font-size: 1.4rem;
  }
  
  .blog h3.description {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 600px) {
  .blog h1.title {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  
  .blog h2.subtitle {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  
  .blog h3.description {
    font-size: 1rem;
    padding: 10px 15px;
  }
  
  .blog h2.subtitle::before,
  .blog h2.subtitle::after {
    /* margin: 0 8px; */
  }
}