/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 20 2026 | 04:49:43 */
/* Añade aquí tu código CSS.

Por ejemplo:
.ejemplo {
    color: red;
}

Para mejorar tu conocimiento sobre CSS knowledge echa un vistazo a http://www.w3schools.com/css/css_syntax.asp

Fin del comentario */ 
/* ===== CONTENTS ===== */
.contents{
  position:relative;
  padding:80px 0;
}

/* ===== GRID ITEMS ===== */
.contents .items.js-items{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}

/* ===== ITEM ===== */
.contents .item.js-item{
  position:relative;
}

.contents .item-inner{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  background:#fff;
  overflow:hidden;
}

/* ===== IMAGE ===== */
.image-wrapper{
  position:relative;
  overflow:hidden;
}

.image.imageBackground{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.05);
  transition:transform .6s ease;
}

.item:hover .image.imageBackground{
  transform:scale(1);
}

/* ===== SUMMARY ===== */
.summary{
  padding:30px;
  position:relative;
  z-index:2;
  background:#fff;
}

/* ===== TEXTS ===== */
.texts-wrapper{
  max-width:600px;
}

.excerpt{
  font-size:15px;
  line-height:1.7;
  color:#555;
  margin-top:10px;
}

/* ===== LABELED TERMS ===== */
.labeled-terms{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:15px;
  color:#999;
}

/* ===== MORE INFO TOGGLER ===== */
.more-info-toggler{
  display:inline-flex;
  align-items:center;
  cursor:pointer;
  margin-top:20px;
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
}

.more-info-toggler:after{
  content:"+";
  margin-left:10px;
  font-size:18px;
  transition:.3s;
}

/* ===== MORE INFO PANEL ===== */
.more-info-wrapper{
  position:absolute;
  inset:0;
  background:#fff;
  padding:40px;
  transform:translateY(100%);
  transition:.6s ease;
  overflow:auto;
}

.item.active .more-info-wrapper{
  transform:translateY(0);
}

.more-info{
  max-width:700px;
}

/* ===== CLOSE BUTTON ===== */
.last-close{
  position:absolute;
  top:25px;
  right:25px;
  cursor:pointer;
  font-size:14px;
  letter-spacing:.08em;
}

/* ===== TEXTS IN GRID ===== */
.TextsInGrid{
  padding:100px 0;
}

.background-blue-gradient{
  background:linear-gradient(135deg,#0047ff,#00a3ff);
  color:#fff;
}

/* ===== MEDIA & TEXT ===== */
.MediaAndText{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
}

.media-position-right .media-wrapper{
  order:2;
}

.media-wrapper{
  position:relative;
}

.media-wrapper img{
  width:100%;
  height:auto;
  display:block;
}

/* ===== RED GRADIENT ===== */
.background-red-gradient{
  background:linear-gradient(135deg,#7a0000,#c40000);
  color:#fff;
}

/* ===== SUB CONTENTS ===== */
.sub-contents{
  margin-top:40px;
}

.sub-contents .items{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

.sub-contents .item{
  background:rgba(255,255,255,.05);
  padding:25px;
}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){

  .contents .items.js-items{
    grid-template-columns:1fr;
  }

  .MediaAndText{
    grid-template-columns:1fr;
  }

  .sub-contents .items{
    grid-template-columns:1fr;
  }

}