:root{
  --ig-primary:#4682B4;
  --ig-text:#0d1b24;
  --ig-muted:#6b7b86;
  --ig-border:rgba(0,0,0,.10);
  --ig-radius:14px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  color:var(--ig-text);
}

.ig-container{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}

/* PREHEADER (color principal) */
.ig-preheader{
  background:var(--ig-primary);
  color:#fff;
  font-size:12px;
}
.ig-preheader-nav{
  display:flex;
  justify-content:flex-end;
  gap:14px;
  padding:8px 0;
}
.ig-preheader-nav a{
  color:#fff;
  text-decoration:none;
  opacity:.92;
}
.ig-preheader-nav a:hover{
  opacity:1;
  text-decoration:underline;
}

/* MAIN HEADER (blanco) */
.ig-mainheader{
  background:#fff;
  border-bottom:1px solid var(--ig-border);
}
.ig-mainheader-row{
  display:flex;
  align-items:center;
  gap:18px;
  padding:14px 0;
}

/* Logo más grande */
.ig-logo{
  display:flex;
  align-items:center;
  text-decoration:none;
  line-height:1;
  white-space:nowrap;
}
.ig-logo-img{
  height:60px;
  width:auto;
  display:block;
}

/* NAV más grande */
.ig-nav{
  display:flex;
  align-items:center;
  gap:16px;
  overflow:hidden;
  white-space:nowrap;
  flex:1;
}
.ig-nav a{
  color:var(--ig-text);
  text-decoration:none;
  font-size:16px;
  font-weight:600;
  padding:8px 8px;
  border-radius:10px;
}
.ig-nav a:hover{
  background:rgba(6,147,227,.10);
  color:var(--ig-primary);
}

/* Donaciones destacado */
.ig-nav-highlight{
  background:var(--ig-primary);
  color:#fff !important;
}
.ig-nav-highlight:hover{
  background:rgba(6,147,227,.92);
  color:#fff !important;
}

/* Burger (en header blanco) */
.ig-burger{
  width:44px;
  height:40px;
  border:1px solid var(--ig-border);
  background:#fff;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  flex:0 0 auto;
}
.ig-burger span{
  display:block;
  width:18px;
  height:2px;
  background:var(--ig-primary);
  border-radius:2px;
}
.ig-burger:hover{
  border-color:rgba(6,147,227,.45);
  background:rgba(6,147,227,.06);
}

/* SUBHEADER (color principal) */
.ig-subheader{
  background:var(--ig-primary);
  border-bottom:1px solid rgba(255,255,255,.18);
}
.ig-subheader-row{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items:center;
  gap:12px;
  padding:6px 0;   /* antes 10px */
}

.ig-date{
  color:rgba(255,255,255,.88);
  font-size:12px;
}
.ig-slogan{
  font-style:italic;
  text-align:center;
  display:block;
  color:#fff;
  opacity:.95;
}
.ig-subcol-right{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

/* Redes sociales sobre barra azul */
.ig-social{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:12px;
  text-decoration:none;
  background:rgba(255,255,255,.10);
}
.ig-social svg{
  width:16px;
  height:16px;
  fill:#fff;
}
.ig-social:hover{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.40);
}

/* MODAL MENU */
.ig-menu-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:9999;
}
.ig-menu-modal.is-open{display:block;}
.ig-menu-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}
.ig-menu-modal-panel{
  position:absolute;
  top:16px;
  right:16px;
  width:min(420px, calc(100% - 32px));
  background:#fff;
  border-radius:var(--ig-radius);
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  overflow:hidden;
}
.ig-menu-modal-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid var(--ig-border);
}
.ig-menu-modal-title{font-weight:800;}
.ig-menu-close{
  border:0;
  background:transparent;
  font-size:18px;
  cursor:pointer;
}
.ig-menu-modal-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:14px 16px 16px 16px;
}
.ig-menu-modal-links a{
  text-decoration:none;
  color:var(--ig-text);
  padding:10px 10px;
  border:1px solid var(--ig-border);
  border-radius:12px;
  background:#fff;
}
.ig-menu-modal-links a:hover{
  border-color:rgba(6,147,227,.45);
  background:rgba(6,147,227,.06);
}

/* Responsive */
@media (max-width: 860px){
  .ig-nav{display:none;} /* en móvil, usar modal */
  .ig-subheader-row{
    grid-template-columns:1fr;
    text-align:center;
  }
  .ig-subcol-right{justify-content:center;}
}

@media (max-width: 420px){
  .ig-logo-img{height:52px;}
}



/* BODY */
.ig-body{
  padding:0 0 28px 0; /* sin espacio arriba */
}

/* HERO principal */
.ig-hero-card{
  position:relative;
  display:block;
  border-radius:0;      /* cuadrado */
  overflow:hidden;
  text-decoration:none;
  border:0;             /* sin borde */
  background:#000;
}

/* La imagen ocupa todo el ancho del espacio de trabajo (el container) */
.ig-hero-img{
  width:100%;
  height:520px;
  object-fit:cover;
  display:block;
}

/* Gradiente para legibilidad del texto */
.ig-hero-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 10%,
    rgba(0,0,0,0.25) 45%,
    rgba(0,0,0,0.70) 100%
  );
  pointer-events:none;
}

/* Texto sobre la imagen, un poco más abajo del centro */
.ig-hero-overlay{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;      /* ahora se alinea al bottom de la imagen */
  top:auto;
  transform:none;
  z-index:2;
}

/* Título principal (2 líneas) */
.ig-hero-title{
  margin:0 0 10px 0;
  color:#fff;
  font-size:42px;
  font-weight:900;
  line-height:1.05;
  letter-spacing:-0.4px;
  max-width:950px;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Meta debajo del título */
.ig-hero-meta{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.88);
  font-size:14px;
  font-weight:500;
}

.ig-hero-cat{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(6,147,227,.92); /* color principal */
  color:#fff;
  font-weight:700;
  font-size:12px;
  letter-spacing:.2px;
}

.ig-dot{
  opacity:.8;
}

/* Responsive */
@media (max-width: 860px){
  .ig-hero-img{height:420px;}
  .ig-hero-overlay{left:16px; right:16px; bottom:16px;}
  .ig-hero-title{font-size:32px;}
}
@media (max-width: 420px){
  .ig-hero-img{height:360px;}
  .ig-hero-title{font-size:26px;}
  .ig-hero-meta{font-size:13px;}
}



/* BLOQUE GENÉRICO (1 destacada + 4 al lado) */
.ig-block{
  padding:18px 0 0 0; /* full width, pero el margen lo da .ig-container interno */
}

.ig-block-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:14px 0 10px 0;
  border-bottom:1px solid var(--ig-border);
}

.ig-block-title{
  margin:0;
  font-size:18px;
  font-weight:900;
  letter-spacing:.2px;
}

.ig-block-more{
  text-decoration:none;
  color:var(--ig-primary);
  font-weight:800;
  font-size:14px;
}
.ig-block-more:hover{ text-decoration:underline; }

.ig-block-grid{
  display:grid;
  grid-template-columns: 1.25fr 1fr;
  gap:16px;
  padding-top:14px;
}

/* Destacada (cuadrada, sin bordes redondos) */
.ig-block-feature{
  position:relative;
  display:block;
  text-decoration:none;
  background:#000;
  overflow:hidden;
}

.ig-block-feature-img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}

.ig-block-feature::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,0.10) 10%,
    rgba(0,0,0,0.35) 55%,
    rgba(0,0,0,0.80) 100%
  );
  pointer-events:none;
}

.ig-block-feature-overlay{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
}

.ig-block-feature-title{
  margin:0 0 10px 0;
  color:#fff;
  font-size:26px;
  font-weight:900;
  line-height:1.08;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ig-block-meta{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.88);
  font-size:13px;
  font-weight:700;
}

.ig-block-tag{
  background:rgba(6,147,227,.92);
  color:#fff;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}

/* Lista 4 al lado (2x2) */
.ig-block-list{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.ig-block-item{
  display:flex;
  gap:10px;
  text-decoration:none;
  color:var(--ig-text);
  padding:10px;
  border:1px solid var(--ig-border);
  background:#fff;
}

.ig-block-item:hover{
  border-color:rgba(6,147,227,.35);
  background:rgba(6,147,227,.04);
}

.ig-block-thumb{
  width:88px;
  height:66px;
  flex:0 0 auto;
  overflow:hidden;
  background:#000;
}

.ig-block-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ig-block-text{ min-width:0; }

.ig-block-item-title{
  margin:0 0 6px 0;
  font-size:14px;
  font-weight:900;
  line-height:1.15;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ig-block-mini{
  font-size:12px;
  color:var(--ig-muted);
  font-weight:700;
}

/* Responsive */
@media (max-width: 980px){
  .ig-block-grid{ grid-template-columns:1fr; }
  .ig-block-feature-img{ height:380px; }
  .ig-block-list{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px){
  .ig-block-list{ grid-template-columns:1fr; }
  .ig-block-item{ padding:12px; }
  .ig-block-thumb{ width:110px; height:78px; }
}


/* BLOQUE 3 COLUMNAS */
.ig-triple{
  padding:22px 0 0 0;
}

.ig-triple-grid{
  display:grid;
  grid-template-columns: 1fr 1fr 0.9fr; /* la 3era un poco más angosta */
  gap:16px;
  padding-top:14px;
}

.ig-col{
  background:#fff;
}

.ig-col-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:0 0 10px 0;
  border-bottom:1px solid var(--ig-border);
  margin-bottom:12px;
}

.ig-col-title{
  margin:0;
  font-size:16px;
  font-weight:900;
}

.ig-col-more{
  text-decoration:none;
  color:var(--ig-primary);
  font-weight:800;
  font-size:13px;
}
.ig-col-more:hover{ text-decoration:underline; }

.ig-col-item{
  display:flex;
  gap:10px;
  text-decoration:none;
  color:var(--ig-text);
  padding:10px;
  border:1px solid var(--ig-border);
  background:#fff;
  margin-bottom:10px;
}

.ig-col-item:hover{
  border-color:rgba(6,147,227,.35);
  background:rgba(6,147,227,.04);
}

.ig-col-thumb{
  width:92px;
  height:70px;
  flex:0 0 auto;
  overflow:hidden;
  background:#000;
}

.ig-col-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ig-col-text{ min-width:0; }

.ig-col-item-title{
  margin:0 0 6px 0;
  font-size:14px;
  font-weight:900;
  line-height:1.15;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ig-col-mini{
  font-size:12px;
  color:var(--ig-muted);
  font-weight:700;
}

/* Publicidad */
.ig-ad .ig-col-item{ display:none; }
.ig-ad-box{
  padding:10px;
  border:1px solid var(--ig-border);
  background:#fff;
}

/* Responsive */
@media (max-width: 980px){
  .ig-triple-grid{
    grid-template-columns:1fr; /* apila */
  }
  .ig-ad-box{
    max-width:420px;
  }
}



/* SECCIÓN: VideoColumna */
.ig-video-col{
  padding:22px 0 0 0;
}

.ig-video-card{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap:18px;
  align-items:stretch;
  text-decoration:none;
  color:var(--ig-text);
  background:rgba(6,147,227,.08);  /* fondo con color */
  border:1px solid rgba(6,147,227,.18);
  padding:14px;
}

/* Thumbnail (cuadrado, sin bordes redondos) */
.ig-video-thumb{
  position:relative;
  background:#000;
  overflow:hidden;
  min-height:220px;
}
.ig-video-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Capa oscura suave al hover */
.ig-video-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.0);
  transition:background .18s ease;
  pointer-events:none;
}

/* Ícono PLAY al hover */
.ig-video-play{
  position:absolute;
  left:18px;
  bottom:18px;
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.08);
  transform:translateY(6px);
  opacity:0;
  transition:opacity .18s ease, transform .18s ease;
}
.ig-video-play svg{
  width:26px;
  height:26px;
  fill:var(--ig-primary);
  transform:translateX(1px);
}

.ig-video-card:hover .ig-video-thumb::after{
  background:rgba(0,0,0,.25);
}
.ig-video-card:hover .ig-video-play{
  opacity:1;
  transform:translateY(0);
}

/* Texto */
.ig-video-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:6px 6px;
}

.ig-video-kicker{
  font-weight:900;
  color:var(--ig-primary);
  letter-spacing:.4px;
  text-transform:uppercase;
  font-size:12px;
  margin-bottom:6px;
}

.ig-video-title{
  margin:0 0 8px 0;
  font-size:22px;
  font-weight:950;
  line-height:1.12;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ig-video-desc{
  margin:0 0 10px 0;
  color:#2a3b47;
  font-size:14px;
  line-height:1.35;
  max-width:820px;

  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ig-video-meta{
  margin-top:auto;
  display:flex;
  gap:10px;
  color:var(--ig-muted);
  font-size:12px;
  font-weight:800;
}

/* Responsive */
@media (max-width: 980px){
  .ig-video-card{
    grid-template-columns: 1fr;
  }
  .ig-video-thumb{
    min-height:260px;
  }
}
@media (max-width: 420px){
  .ig-video-thumb{min-height:220px;}
  .ig-video-title{font-size:20px;}
}


/* SECCIÓN: Opiniones */
.ig-opiniones{
  padding:22px 0 0 0;
}

.ig-op-grid{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:14px;
  padding-top:14px;
}

/* Card opinión (cuadrado, sin bordes redondos) */
.ig-op-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
  text-decoration:none;
  color:var(--ig-text);
  background:#fff;
  border:1px solid var(--ig-border);
  padding:12px;
}

.ig-op-card:hover{
  border-color:rgba(6,147,227,.35);
  background:rgba(6,147,227,.04);
}

/* Avatar */
.ig-op-avatar{
  width:56px;
  height:56px;
  flex:0 0 auto;
  overflow:hidden;
  background:#000;
}
.ig-op-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Texto */
.ig-op-content{
  min-width:0;
}

.ig-op-author{
  font-weight:950;
  font-size:13px;
  color:var(--ig-primary);
  margin-bottom:6px;
  letter-spacing:.2px;
}

.ig-op-title{
  margin:0 0 8px 0;
  font-size:15px;
  font-weight:950;
  line-height:1.15;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ig-op-desc{
  margin:0 0 10px 0;
  color:#2a3b47;
  font-size:13px;
  line-height:1.35;

  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ig-op-meta{
  font-size:12px;
  color:var(--ig-muted);
  font-weight:800;
}

/* Responsive */
@media (max-width: 980px){
  .ig-op-grid{
    grid-template-columns:1fr;
  }
  .ig-op-card{
    padding:14px;
  }
  .ig-op-avatar{
    width:64px;
    height:64px;
  }
}


/* BANNER PUBLICITARIO (inteligente) */
.ig-ad-banner{
  padding:22px 0 0 0;
}

.ig-ad-slot{
  border:1px solid var(--ig-border);
  background:#fff;
  padding:10px;
}

/* Unidades */
.ig-ad-unit{ display:none; }
.ig-ad-slot iframe{ max-width:100%; display:block; }

/* Mostrar según breakpoint */
@media (min-width: 981px){
  .ig-ad-desktop{ display:block; }
}
@media (min-width: 561px) and (max-width: 980px){
  .ig-ad-tablet{ display:block; }
}
@media (max-width: 560px){
  .ig-ad-mobile{ display:block; }
}

/* Placeholder (solo maqueta; puedes borrar cuando pongas ads reales) */
.ig-ad-placeholder{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:900;
  color:rgba(0,0,0,.55);
  border:1px dashed rgba(0,0,0,.25);
  background:rgba(6,147,227,.05);
  padding:18px;
}

/* Alturas sugeridas por formato */
.ig-ph-970x250{ min-height:250px; }
.ig-ph-728x90{  min-height:90px;  }
.ig-ph-320x100{ min-height:100px; }




/* FOOTER */

/* Separación con la última sección antes del footer */
.ig-footer{
  margin-top:34px;
  background:#0b2231;
  color:#fff;
  padding:28px 0 16px 0;
}

.ig-footer-grid{
  display:grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap:18px;
  padding-top:6px;
}

.ig-footer-col{ min-width:0; }

.ig-footer-logo{ display:inline-flex; text-decoration:none; }
.ig-footer-logo-img{ height:52px; width:auto; display:block; }

.ig-footer-slogan{
  margin-top:10px;
  font-style:italic;
  opacity:.9;
}

.ig-footer-text{
  margin:12px 0 0 0;
  color:rgba(255,255,255,.82);
  line-height:1.45;
  font-size:13px;
}

.ig-footer-title{
  margin:0 0 12px 0;
  font-size:15px;
  font-weight:950;
  letter-spacing:.2px;
}

/* Lo más visto */
.ig-footer-link{
  display:grid;
  grid-template-columns: 22px 1fr;
  gap:10px;
  align-items:start;
  text-decoration:none;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#fff;
}
.ig-footer-link:hover{ color:#fff; }
.ig-footer-rank{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  background:rgba(6,147,227,.95);
  color:#fff;
  font-weight:950;
  font-size:12px;
}
.ig-footer-linktext{
  color:rgba(255,255,255,.90);
  font-size:13px;
  line-height:1.25;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Redes */
.ig-footer-socials{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ig-footer-social{
  text-decoration:none;
  color:rgba(255,255,255,.90);
  font-weight:800;
}
.ig-footer-social:hover{
  color:#fff;
  text-decoration:underline;
}

/* Newsletter */
.ig-footer-newsletter{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.12);
}
.ig-footer-newsletter-title{
  font-weight:950;
  margin-bottom:6px;
}
.ig-footer-newsletter-sub{
  color:rgba(255,255,255,.78);
  font-size:13px;
  margin-bottom:10px;
}

.ig-footer-form{
  display:flex;
  gap:10px;
}
.ig-footer-input{
  flex:1;
  min-width:0;
  height:40px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
  border-radius:0; /* cuadrado */
}
.ig-footer-input::placeholder{ color:rgba(255,255,255,.55); }

.ig-footer-btn{
  height:40px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(6,147,227,.95);
  color:#fff;
  font-weight:950;
  cursor:pointer;
  border-radius:0; /* cuadrado */
}
.ig-footer-btn:hover{ background:rgba(6,147,227,.88); }

/* Barra inferior */
.ig-footer-bottom{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.ig-footer-copy{
  color:rgba(255,255,255,.70);
  font-size:12px;
  font-weight:700;
}

.ig-footer-legal{
  display:flex;
  gap:14px;
}
.ig-footer-legal a{
  color:rgba(255,255,255,.80);
  text-decoration:none;
  font-weight:800;
  font-size:12px;
}
.ig-footer-legal a:hover{ color:#fff; text-decoration:underline; }

/* Responsive */
@media (max-width: 980px){
  .ig-footer-grid{
    grid-template-columns:1fr;
  }
  .ig-footer-logo-img{ height:56px; }
}

/* Link invisible para que toda la tarjeta sea clickeable */
.ig-hero-link{
  position:absolute;
  inset:0;
  z-index:1; /* debajo de overlays y relacionados */
}

/* Relacionadas dentro del hero */
.ig-hero-related{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;              /* encima del gradiente */
  display:flex;
  flex-direction:column;
  gap:10px;
  width:min(360px, 46%);
}

/* Box relacionada */
.ig-hero-rel-item{
  display:flex;
  gap:10px;
  text-decoration:none;
  color:#fff;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.18);
  padding:10px;
  backdrop-filter: blur(6px);
}

.ig-hero-rel-item:hover{
  border-color:rgba(6,147,227,.55);
  background:rgba(0,0,0,.55);
}

/* Thumb */
.ig-hero-rel-thumb{
  width:78px;
  height:58px;
  flex:0 0 auto;
  overflow:hidden;
  background:#000;
}
.ig-hero-rel-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Texto */
.ig-hero-rel-title{
  min-width:0;
  font-size:13px;
  font-weight:900;
  line-height:1.18;
  color:rgba(255,255,255,.95);

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Asegura que overlay del título quede arriba del link invisible */
.ig-hero-overlay{
  z-index:3; /* tu CSS tiene z-index:2, subimos para que quede sobre el link */
}

/* IMPORTANTE: tu gradiente ::after queda bien, pero debe estar debajo del contenido */
.ig-hero-card::after{
  z-index:2;
}
.ig-hero-img{
  position:relative;
  z-index:0;
}

/* Responsive: en móvil, mover relacionadas abajo o esconder */
@media (max-width: 860px){
  .ig-hero-related{
    left:16px;
    right:16px;
    top:auto;
    bottom:86px;   /* arriba del título principal */
    width:auto;
    flex-direction:row;
    overflow:auto;
    padding-bottom:6px;
  }
  .ig-hero-rel-item{
    flex:0 0 auto;
    width:260px;
  }
}

@media (max-width: 420px){
  .ig-hero-related{
    bottom:78px;
  }
  .ig-hero-rel-item{
    width:240px;
  }
}
.ig-hero-related-title{
  font-size:12px;
  font-weight:950;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:rgba(255,255,255,.92);
  background:rgba(6,147,227,.92); /* color principal */
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.18);
}

.ig-hero-rel-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.ig-hero-rel-time{
  font-size:12px;
  font-weight:800;
  color:rgba(255,255,255,.78);
}





/******* NOTICIA.php **********************/

/* Página Noticia */
.ig-article{
  padding:18px 0 28px 0;
}

.ig-article-grid{
  display:grid;
  grid-template-columns: 1fr 360px;
  gap:18px;
  align-items:start;
}

/* Main */
.ig-article-main{
  background:#fff;
}

.ig-article-top{
  padding:14px 0 12px 0;
  border-bottom:1px solid var(--ig-border);
  margin-bottom:14px;
}

.ig-article-cat{
  display:inline-flex;
  padding:6px 10px;
  background:rgba(6,147,227,.92);
  color:#fff;
  font-weight:900;
  font-size:12px;
  border-radius:999px;
  margin-bottom:10px;
}

.ig-article-title{
  margin:0 0 10px 0;
  font-size:38px;
  font-weight:950;
  line-height:1.05;
  letter-spacing:-.4px;
}

.ig-article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--ig-muted);
  font-size:13px;
  font-weight:700;
}
.ig-article-author{ color:#2a3b47; font-weight:900; }

.ig-article-figure{
  margin:0;
  background:#000;
}
.ig-article-figure img{
  width:100%;
  height:420px;
  object-fit:cover;
  display:block;
}

/* Body */
.ig-article-body{
  padding:16px 0 0 0;
  font-size:16px;
  line-height:1.75;
  color:#13232e;
}
.ig-article-body p{ margin:0 0 14px 0; }
.ig-article-body h2{
  margin:22px 0 10px 0;
  font-size:20px;
  font-weight:950;
}
.ig-article-quote{
  margin:18px 0;
  padding:14px 16px;
  border-left:4px solid var(--ig-primary);
  background:rgba(6,147,227,.06);
  color:#0d1b24;
  font-weight:800;
}

/* Sidebar */
.ig-article-side{
  position:sticky;
  top:14px;
}

.ig-side-block{
  margin-bottom:14px;
  background:#fff;
}

.ig-side-head{
  padding:10px 0 10px 0;
  border-bottom:1px solid var(--ig-border);
  margin-bottom:12px;
}
.ig-side-title{
  margin:0;
  font-size:15px;
  font-weight:950;
}

.ig-side-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ig-side-item{
  display:flex;
  gap:10px;
  text-decoration:none;
  color:var(--ig-text);
  border:1px solid var(--ig-border);
  background:#fff;
  padding:10px;
}
.ig-side-item:hover{
  border-color:rgba(6,147,227,.35);
  background:rgba(6,147,227,.04);
}

.ig-side-thumb{
  width:86px;
  height:64px;
  overflow:hidden;
  background:#000;
  flex:0 0 auto;
}
.ig-side-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ig-side-text{ min-width:0; }
.ig-side-item-title{
  font-size:13px;
  font-weight:950;
  line-height:1.18;
  margin-bottom:6px;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ig-side-time{
  font-size:12px;
  font-weight:800;
  color:var(--ig-muted);
}

/* Publicidad placeholders adicionales */
.ig-ph-300x600{ min-height:600px; }
.ig-ph-300x250{ min-height:250px; }

/* Responsive */
@media (max-width: 980px){
  .ig-article-grid{
    grid-template-columns:1fr;
  }
  .ig-article-side{
    position:static;
  }
  .ig-article-figure img{ height:360px; }
}
@media (max-width: 420px){
  .ig-article-title{ font-size:28px; }
  .ig-article-figure img{ height:280px; }
}



/********* FIN NOTICIA *******************/


/********** CSS SECCIONES *****************/

.ig-block-time{
  color:rgba(255,255,255,.88);
  font-weight:700;
  font-size:13px;
}
/* Título de categoría antes del HERO */
.ig-cathead{
  padding:14px 0 10px 0;
}

.ig-cathead-title{
  margin:0;
  font-size:26px;
  font-weight:950;
  letter-spacing:-.2px;
}
/* Breadcrumb + Título de categoría */
.ig-cathead{
  padding:16px 0 12px 0;
}

.ig-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:800;
  color:var(--ig-muted);
  margin-bottom:8px;
}
.ig-breadcrumb a{
  color:var(--ig-primary);
  text-decoration:none;
  font-weight:900;
}
.ig-breadcrumb a:hover{ text-decoration:underline; }

.ig-bc-sep{ opacity:.7; }
.ig-bc-current{ color:var(--ig-muted); font-weight:900; }

.ig-cathead-title{
  margin:0;
  font-size:40px;   /* más grande */
  font-weight:950;
  letter-spacing:-.6px;
  line-height:1.05;
}

.ig-cathead-underline{
  margin-top:10px;
  height:4px;
  width:120px;
  background:var(--ig-primary);
}



/********* FIN SECCIONES ******************/


/********** INICIO OPINION ******************/


/* Página Opinión */
.ig-op-page{
  padding:18px 0 28px 0;
}

.ig-op-page-grid{
  display:grid;
  grid-template-columns: 1fr 360px;
  gap:18px;
  align-items:start;
}

/* Artículo */
.ig-op-article{
  background:#fff;
}

.ig-op-head{
  padding:10px 0 12px 0;
  border-bottom:1px solid var(--ig-border);
  margin-bottom:14px;
}

.ig-op-authorbox{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}

.ig-op-avatar-lg{
  width:72px;
  height:72px;
  overflow:hidden;
  background:#000;
  flex:0 0 auto;
}
.ig-op-avatar-lg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ig-op-authorinfo{ min-width:0; }
.ig-op-authorname{
  font-weight:950;
  font-size:16px;
  color:#fff;
  background:rgba(6,147,227,.92);
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
}
.ig-op-role{
  margin-top:8px;
  font-weight:800;
  color:var(--ig-muted);
  font-size:13px;
}
.ig-op-meta{
  margin-top:6px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--ig-muted);
  font-size:12px;
  font-weight:800;
}

.ig-op-h1{
  margin:8px 0 10px 0;
  font-size:38px;
  font-weight:950;
  line-height:1.05;
  letter-spacing:-.4px;
}

.ig-op-excerpt{
  margin:0;
  font-size:16px;
  line-height:1.55;
  color:#2a3b47;
  font-weight:700;
  max-width:950px;
}

.ig-op-figure{
  margin:0;
  background:#000;
}
.ig-op-figure img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}

.ig-op-body{
  padding:16px 0 0 0;
  font-size:16px;
  line-height:1.75;
  color:#13232e;
}
.ig-op-body p{ margin:0 0 14px 0; }
.ig-op-body h2{
  margin:22px 0 10px 0;
  font-size:20px;
  font-weight:950;
}

.ig-op-quote{
  margin:18px 0;
  padding:14px 16px;
  border-left:4px solid var(--ig-primary);
  background:rgba(6,147,227,.06);
  font-weight:900;
}

.ig-op-list{
  margin:10px 0 0 18px;
  padding:0;
}
.ig-op-list li{
  margin:0 0 8px 0;
  font-weight:700;
  color:#1a2b36;
}

/* Sidebar */
.ig-op-side{
  position:sticky;
  top:14px;
}

/* Lista “otras columnas” */
.ig-op-side-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ig-op-side-item{
  display:flex;
  gap:10px;
  text-decoration:none;
  color:var(--ig-text);
  border:1px solid var(--ig-border);
  background:#fff;
  padding:10px;
}
.ig-op-side-item:hover{
  border-color:rgba(6,147,227,.35);
  background:rgba(6,147,227,.04);
}

.ig-op-side-avatar{
  width:44px;
  height:44px;
  overflow:hidden;
  background:#000;
  flex:0 0 auto;
}
.ig-op-side-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ig-op-side-text{ min-width:0; }
.ig-op-side-author{
  font-size:12px;
  font-weight:950;
  color:var(--ig-primary);
  margin-bottom:6px;
}
.ig-op-side-title{
  font-size:13px;
  font-weight:950;
  line-height:1.18;
  margin-bottom:6px;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ig-op-side-time{
  font-size:12px;
  font-weight:800;
  color:var(--ig-muted);
}

/* Responsive */
@media (max-width: 980px){
  .ig-op-page-grid{
    grid-template-columns:1fr;
  }
  .ig-op-side{
    position:static;
  }
  .ig-op-figure img{ height:300px; }
}
@media (max-width: 420px){
  .ig-op-h1{ font-size:28px; }
  .ig-op-figure img{ height:240px; }
  .ig-op-avatar-lg{ width:64px; height:64px; }
}
/************ FIN OPINION *******************/

/********** TICKER **********************/

/* TICKER */
.ig-ticker{
  background:#fff;
  border-bottom:1px solid var(--ig-border);
}

.ig-ticker-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 0;
}

/* Label tipo CNN */
.ig-ticker-label{
  flex:0 0 auto;
  background:var(--ig-primary);
  color:#fff;
  font-weight:950;
  font-size:12px;
  letter-spacing:.6px;
  text-transform:uppercase;
  padding:8px 10px;
}

.ig-ticker-viewport{
  position:relative;
  overflow:hidden;
  flex:1 1 auto;
  min-width:0;
}

/* Track animado */
.ig-ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  animation: igTicker 38s linear infinite;
}

/* Items en línea */
.ig-ticker-items{
  display:flex;
  align-items:center;
  gap:0;
  white-space:nowrap;
}

.ig-ticker-item{
  text-decoration:none;
  color:#0d1b24;
  font-size:13px;
  font-weight:800;
}
.ig-ticker-item strong{
  color:var(--ig-primary);
  font-weight:950;
}
.ig-ticker-item:hover{
  text-decoration:underline;
}

.ig-ticker-sep{
  color:rgba(0,0,0,.45);
  font-weight:900;
  padding:0 10px;
}

/* Pausar al pasar el mouse */
.ig-ticker:hover .ig-ticker-track{
  animation-play-state:paused;
}

/* Animación: desplaza 50% porque duplicamos el contenido */
@keyframes igTicker{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* Respeto a usuarios que prefieren menos movimiento */
@media (prefers-reduced-motion: reduce){
  .ig-ticker-track{ animation:none; }
  .ig-ticker-viewport{ overflow:auto; }
}

/* Responsive */
@media (max-width: 560px){
  .ig-ticker-wrap{ padding:8px 0; }
  .ig-ticker-label{ padding:7px 9px; }
  .ig-ticker-item{ font-size:12px; }
}


/********** FIN TICKER*****************/



/************ DIVISAS*******************/


/* DIVISAS DEL DÍA */
.ig-fx-box{
  border:1px solid var(--ig-border);
  background:#fff;
}

.ig-fx-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border-bottom:1px solid var(--ig-border);
}

.ig-fx-left{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
}

.ig-fx-code{
  font-weight:950;
  font-size:13px;
  color:#fff;
  background:var(--ig-primary);
  padding:5px 8px;
}

.ig-fx-name{
  font-weight:900;
  font-size:13px;
  color:#0d1b24;
  opacity:.9;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:180px;
}

.ig-fx-right{
  text-align:right;
  flex:0 0 auto;
}

.ig-fx-value{
  font-weight:950;
  font-size:14px;
  color:#0d1b24;
}

.ig-fx-delta{
  font-weight:950;
  font-size:12px;
  margin-top:4px;
}

/* Variaciones (sin colores fijos “chillones”, pero claras) */
.ig-fx-up{ color:#0b7a2a; }
.ig-fx-down{ color:#b00020; }
.ig-fx-flat{ color:rgba(0,0,0,.55); }

.ig-fx-foot{
  padding:10px 12px;
  font-size:12px;
  font-weight:800;
  color:var(--ig-muted);
  background:rgba(6,147,227,.05);
}


/************ FIN DIVISAS ******************/


/*********** RADIO ONLINE *******************/

/* RADIO EN VIVO */
.ig-radio{
  padding:22px 0 0 0;
}

.ig-radio-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 0 10px 0;
  border-bottom:1px solid var(--ig-border);
  margin-bottom:12px;
}

.ig-radio-title{
  margin:0;
  font-size:18px;
  font-weight:950;
}

.ig-radio-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  background:rgba(6,147,227,.92);
  color:#fff;
  font-weight:950;
  font-size:12px;
  letter-spacing:.6px;
}

/* Contenedor responsive del iframe */
.ig-radio-embed{
  border:1px solid var(--ig-border);
  background:#fff;
  padding:10px;
}

.ig-radio-embed iframe{
  width:100%;
  height:140px; /* ajusta si el widget necesita más */
  border:0;
  display:block;
}

/* Mobile */
@media (max-width: 560px){
  .ig-radio-embed iframe{
    height:170px;
  }
}

/******** FIN RADIO ONLINE ***********************/


/******* PAGINAS ESTATICAS *********************/


/* Página estática (Publicidad, Quienes somos, Donaciones, etc.) */
.ig-static{
  padding:18px 0 28px 0;
}

.ig-static-head{
  padding:8px 0 14px 0;
}

.ig-static-title{
  margin:0;
  font-size:42px;
  font-weight:950;
  letter-spacing:-.6px;
  line-height:1.05;
}

.ig-static-underline{
  margin-top:10px;
  height:4px;
  width:140px;
  background:var(--ig-primary);
}

.ig-static-card{
  margin-top:14px;
  background:#fff;
  border:1px solid var(--ig-border);
  padding:18px;
  color:#13232e;
  line-height:1.75;
  font-size:16px;
}

.ig-static-card h2{
  margin:18px 0 10px 0;
  font-size:20px;
  font-weight:950;
}

.ig-static-block{
  margin:14px 0;
  padding:14px;
  border:1px solid var(--ig-border);
  background:rgba(6,147,227,.04);
}

.ig-static-block h3{
  margin:0 0 8px 0;
  font-size:16px;
  font-weight:950;
}

.ig-static-link a{
  color:var(--ig-primary);
  font-weight:950;
  text-decoration:none;
}
.ig-static-link a:hover{ text-decoration:underline; }

.ig-static-cta{
  margin-top:18px;
  padding:14px;
  border:1px solid rgba(6,147,227,.25);
  background:rgba(6,147,227,.08);
}

.ig-static-cta-title{
  font-weight:950;
  margin-bottom:6px;
}

.ig-static-cta-text a{
  color:var(--ig-primary);
  font-weight:950;
  text-decoration:none;
}
.ig-static-cta-text a:hover{ text-decoration:underline; }

@media (max-width: 420px){
  .ig-static-title{ font-size:30px; }
  .ig-static-card{ padding:14px; }
}


/********** FIN ESTATICAS ********/


/********* BUSCADOR *************/


/* Buscador en header */
.ig-search{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:12px;
}

.ig-search-input{
  height:38px;
  width:220px;
  padding:0 12px;
  border:1px solid var(--ig-border);
  background:#fff;
  border-radius:0;
  outline:none;
  font-weight:700;
}

.ig-search-btn{
  height:38px;
  padding:0 12px;
  border:1px solid var(--ig-border);
  background:rgba(6,147,227,.92);
  color:#fff;
  font-weight:950;
  cursor:pointer;
  border-radius:0;
}

.ig-search-btn:hover{ background:rgba(6,147,227,.85); }

/* En pantallas chicas, el buscador se achica */
@media (max-width: 980px){
  .ig-search-input{ width:160px; }
}
@media (max-width: 560px){
  .ig-search{ width:100%; margin-left:0; }
  .ig-search-input{ flex:1; width:auto; }
}

/* Página buscar */
.ig-search-page{
  padding:18px 0 28px 0;
}

.ig-search-head{
  padding:8px 0 14px 0;
}

.ig-search-title{
  margin:0;
  font-size:40px;
  font-weight:950;
  letter-spacing:-.6px;
  line-height:1.05;
}

.ig-search-sub{
  margin-top:10px;
  font-size:13px;
  font-weight:800;
  color:var(--ig-muted);
}

.ig-search-page-form{
  margin-top:12px;
  display:flex;
  gap:10px;
}

.ig-search-page-input{
  flex:1;
  height:42px;
  padding:0 12px;
  border:1px solid var(--ig-border);
  border-radius:0;
  outline:none;
  font-weight:700;
}

.ig-search-page-btn{
  height:42px;
  padding:0 14px;
  border:1px solid var(--ig-border);
  background:rgba(6,147,227,.92);
  color:#fff;
  font-weight:950;
  cursor:pointer;
  border-radius:0;
}
.ig-search-page-btn:hover{ background:rgba(6,147,227,.85); }

.ig-search-grid{
  display:grid;
  grid-template-columns: 1fr 360px;
  gap:18px;
  align-items:start;
  margin-top:14px;
}

.ig-search-results{
  background:#fff;
}

.ig-search-item{
  display:flex;
  gap:12px;
  text-decoration:none;
  color:var(--ig-text);
  border:1px solid var(--ig-border);
  background:#fff;
  padding:12px;
  margin-bottom:12px;
}
.ig-search-item:hover{
  border-color:rgba(6,147,227,.35);
  background:rgba(6,147,227,.04);
}

.ig-search-thumb{
  width:140px;
  height:96px;
  background:#000;
  overflow:hidden;
  flex:0 0 auto;
}
.ig-search-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ig-search-text{ min-width:0; }

.ig-search-meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:900;
  color:var(--ig-muted);
  margin-bottom:8px;
}
.ig-search-cat{
  color:var(--ig-primary);
  font-weight:950;
}

.ig-search-h2{
  margin:0;
  font-size:16px;
  font-weight:950;
  line-height:1.18;

  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ig-search-empty{
  border:1px solid var(--ig-border);
  background:#fff;
  padding:16px;
  font-weight:800;
  color:var(--ig-muted);
}

.ig-search-side{
  position:sticky;
  top:14px;
}

@media (max-width: 980px){
  .ig-search-grid{ grid-template-columns:1fr; }
  .ig-search-side{ position:static; }
  .ig-search-thumb{ width:120px; height:84px; }
}
@media (max-width: 420px){
  .ig-search-title{ font-size:30px; }
  .ig-search-thumb{ width:110px; height:80px; }
}
/* Buscador en header */
.ig-search{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:12px;
  flex:0 0 auto;
}

.ig-search-input{
  height:40px;
  width:230px;
  padding:0 12px;
  border:1px solid var(--ig-border);
  background:#fff;
  border-radius:0;
  outline:none;
  font-weight:800;
}

.ig-search-input:focus{
  border-color:rgba(6,147,227,.55);
}

.ig-search-btn{
  height:40px;
  padding:0 12px;
  border:1px solid var(--ig-border);
  background:rgba(6,147,227,.92);
  color:#fff;
  font-weight:950;
  cursor:pointer;
  border-radius:0;
}

.ig-search-btn:hover{ background:rgba(6,147,227,.85); }

/* En pantallas medias, achicar */
@media (max-width: 1120px){
  .ig-search-input{ width:170px; }
}

/* En móvil: ocultar buscador del header y usar el del modal */
@media (max-width: 860px){
  .ig-search{ display:none; }
}

/* Buscador en modal (siempre visible dentro del panel) */
.ig-search--modal{
  display:flex;
  gap:10px;
  margin:12px 0 14px 0;
}
.ig-search--modal .ig-search-input{
  width:100%;
  flex:1 1 auto;
  height:42px;
}
.ig-search--modal .ig-search-btn{
  height:42px;
  padding:0 14px;
}

/***********************************/