.elementor-2595 .elementor-element.elementor-element-36bc703{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-fb5f80b *//* ===== GRID ===== */
.inta-links-widget{
  width:min(1100px, 92%);
  margin: 0 auto;
}

.inta-links-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

/* ===== CARD ===== */
.inta-link-card{
  grid-column: span 3;
  display:flex;
  flex-direction:column;
  height: 100%;                 /* todas iguales en fila */
  background:#fff;
  border:1px solid rgba(25,41,81,0.12);
  border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  overflow:hidden;
  text-decoration:none !important;
  transition:.15s;
}

.inta-link-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  border-color: rgba(25,41,81,0.22);
}

/* ===== MEDIA: marco uniforme ===== */
.inta-link-media{
  position:relative;
  background: rgba(25,41,81,0.03);
  padding: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio: 16 / 10;        /* 👈 todos los thumbnails iguales */
  border-bottom: 1px solid rgba(25,41,81,0.08);
}

/* Imagen base */
.inta-link-media img{
  width:100%;
  height:100%;
  display:block;
  border-radius:10px;
}

/* Cover: llena el marco (ideal para portada/revista y youtube) */
.inta-link-media.is-cover img{
  object-fit: cover;
}

/* Logo: NO recorta; centra y respira */
.inta-link-media.is-logo img{
  object-fit: contain;
  padding: 10px;               /* hace que el logo se vea “centrado pro” */
}

/* Chip tipo “Ver detalles” */
.inta-link-chip{
  position:absolute;
  right:12px;
  top:12px;
  background:#192951;
  color:#fff;
  padding:6px 12px;
  border-radius:999px;
  font-size:.75rem;
  font-weight:700;
  text-transform:uppercase;
  transition: transform .15s ease;
}

.inta-link-card:hover .inta-link-chip{
  transform: scale(1.04);
}

/* ===== BODY: alinea títulos y empuja el texto ===== */
.inta-link-body{
  padding: 14px 16px 16px;
  display:flex;
  flex-direction:column;
  gap: 8px;
  flex: 1;                     /* 👈 hace que el body ocupe el resto */
}

.inta-link-title{
  margin:0;
  color:#192951;
  font-size:1.05rem;
  font-weight:900;
  line-height:1.2;
}

.inta-link-mini{
  margin:0;
  color:#555;
  font-size:.95rem;
  line-height:1.5;
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .inta-link-card{ grid-column: span 6; } /* 2 columnas */
}
@media (max-width: 640px){
  .inta-link-card{ grid-column: span 12; } /* 1 columna */
  .inta-link-media{ aspect-ratio: 16 / 9; } /* se ve mejor en móvil */
}/* End custom CSS */