/* ===== Blog Impulsa UQROO Cancún ===== */

/* Hero compacto */
.hero-blog{
  position:relative;overflow:hidden;background-color:var(--verde-950);color:var(--blanco);
  padding-block:72px 64px;
}
.hero-blog::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse at 80% 20%,black 0%,transparent 70%);
  pointer-events:none;
}
.hero-blog::after{
  content:"";position:absolute;right:-8%;top:-30%;width:460px;height:460px;
  background:var(--verde-800);opacity:.35;border-radius:50%;filter:blur(10px);pointer-events:none;
}
.hero-blog .contenedor{position:relative;z-index:2;}
.hero-blog .eyebrow{color:var(--dorado-200);}
.hero-blog h1{color:var(--blanco);max-width:20ch;}
.hero-blog .lead{font-size:1.1rem;color:#d3e0da;max-width:56ch;margin-top:16px;}

/* Barra de herramientas: pestañas + buscador */
.blog-barra{
  background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio-l);
  box-shadow:var(--sombra-m);padding:18px 20px;margin-top:-34px;position:relative;z-index:3;
  display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
.blog-tabs{display:flex;gap:8px;flex-wrap:wrap;}
.blog-tab{
  font-family:inherit;font-size:.86rem;font-weight:700;cursor:pointer;
  padding:10px 18px;border-radius:999px;border:1.5px solid var(--linea);
  background:var(--blanco);color:var(--ink-700);display:inline-flex;align-items:center;gap:8px;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.blog-tab:hover{border-color:var(--verde-700);color:var(--verde-900);}
.blog-tab[aria-pressed="true"]{background:var(--verde-900);border-color:var(--verde-900);color:var(--blanco);}
.blog-tab .cuenta{
  font-size:.72rem;font-weight:800;min-width:22px;text-align:center;padding:2px 7px;border-radius:999px;
  background:var(--verde-100);color:var(--verde-900);
}
.blog-tab[aria-pressed="true"] .cuenta{background:rgba(255,255,255,.18);color:var(--blanco);}
.blog-buscador{position:relative;flex:1 1 240px;max-width:340px;}
.blog-buscador input{
  width:100%;font-family:inherit;font-size:.92rem;padding:11px 16px 11px 42px;
  border:1.5px solid var(--linea);border-radius:999px;background:var(--arena-50);color:var(--ink-900);
}
.blog-buscador input:focus{outline:none;border-color:var(--verde-700);background:var(--blanco);}
.blog-buscador svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--ink-400);pointer-events:none;}

/* Etiquetas */
.blog-etiquetas{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:26px 0 8px;}
.blog-etiquetas .titulo{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-400);margin-right:6px;}
.etiqueta{
  font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;
  padding:6px 13px;border-radius:999px;border:1px solid var(--linea);background:var(--blanco);color:var(--ink-700);
  transition:background .2s,color .2s,border-color .2s;
}
.etiqueta:hover{border-color:var(--verde-700);}
.etiqueta[aria-pressed="true"]{background:var(--dorado-100);border-color:var(--dorado-500);color:var(--verde-950);}

.blog-estado{font-size:.86rem;color:var(--ink-400);font-weight:600;margin:14px 0 22px;min-height:1.4em;}

/* Rejilla de tarjetas */
.grid-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
@media (max-width:980px){.grid-blog{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.grid-blog{grid-template-columns:1fr;}}

.tarjeta-blog{
  background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio-m);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;
}
.tarjeta-blog:hover{transform:translateY(-6px);box-shadow:var(--sombra-m);border-color:transparent;}
.tarjeta-blog[hidden]{display:none;}
.tarjeta-blog-img{position:relative;display:block;aspect-ratio:16/9;background:var(--verde-900);overflow:hidden;}
.tarjeta-blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.tarjeta-blog:hover .tarjeta-blog-img img{transform:scale(1.04);}
.tarjeta-blog-img .fecha-evento{
  position:absolute;left:14px;top:14px;background:var(--blanco);color:var(--verde-950);border-radius:var(--radio-s);
  padding:8px 12px;text-align:center;line-height:1.1;box-shadow:var(--sombra-s);
}
.fecha-evento strong{display:block;font-size:1.35rem;font-weight:800;}
.fecha-evento span{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--verde-700);}
.tarjeta-blog-img--docente{
  background:linear-gradient(135deg,var(--verde-900),var(--turquesa-600));
  display:flex;align-items:center;justify-content:center;color:var(--dorado-200);
}
.tarjeta-blog-cuerpo{padding:22px 22px 20px;display:flex;flex-direction:column;gap:12px;flex-grow:1;}
.tarjeta-blog-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.tipo{
  font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 11px;border-radius:999px;background:var(--verde-100);color:var(--verde-900);
}
.tipo--evento{background:var(--dorado-100);color:#6b5600;}
.tipo--docente{background:#d9eeee;color:var(--turquesa-600);}
.tarjeta-blog time,.tarjeta-blog .meta-fecha{font-size:.78rem;color:var(--ink-400);font-weight:600;}
.tarjeta-blog h3{font-size:1.15rem;line-height:1.3;}
.tarjeta-blog h3 a:hover{color:var(--verde-700);}
.tarjeta-blog p{font-size:.92rem;flex-grow:1;}
.tarjeta-blog-datos{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--ink-700);font-weight:600;}
.tarjeta-blog-pie{
  display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;
  border-top:1px dashed var(--linea);padding-top:14px;font-size:.8rem;
}
.tarjeta-blog-pie .autor{color:var(--ink-400);font-weight:600;}
.tarjeta-blog-pie .leer{font-weight:700;color:var(--verde-900);}
.tarjeta-blog-pie .leer:hover{text-decoration:underline;}
.badge-estado{
  font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;
}
.badge-estado--proximo{background:var(--verde-900);color:var(--blanco);}
.badge-estado--pasado{background:var(--linea);color:var(--ink-700);}

/* Vacíos */
.blog-vacio{
  display:none;background:var(--blanco);border:1px dashed var(--linea);border-radius:var(--radio-l);
  padding:46px 28px;text-align:center;max-width:720px;margin:10px auto 0;
}
.blog-vacio.visible{display:block;}
.blog-vacio h3{font-size:1.3rem;margin-bottom:10px;}
.blog-vacio p{max-width:52ch;margin:0 auto;}
.blog-vacio .acciones{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px;}

/* Bloque docentes */
.bloque-docentes{
  margin-top:56px;background:var(--verde-950);color:var(--blanco);border-radius:var(--radio-l);
  padding:44px 40px;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;
}
.bloque-docentes h2{color:var(--blanco);font-size:1.6rem;}
.bloque-docentes p{color:#c9d6cf;margin-top:12px;max-width:56ch;}
.bloque-docentes .acciones{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;}
@media (max-width:820px){
  .bloque-docentes{grid-template-columns:1fr;padding:34px 24px;}
  .bloque-docentes .acciones{justify-content:flex-start;}
}

/* ===== Página de artículo / evento ===== */
.articulo-cabecera{
  position:relative;background-color:var(--verde-950);color:var(--blanco);padding-block:60px 56px;overflow:hidden;
}
.articulo-cabecera::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:44px 44px;mask-image:radial-gradient(ellipse at 80% 20%,black 0%,transparent 70%);pointer-events:none;
}
.articulo-cabecera .contenedor{position:relative;z-index:2;max-width:860px;}
.articulo-cabecera .migas,.articulo-cabecera .migas a{color:var(--dorado-200);}
.articulo-cabecera h1{color:var(--blanco);font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2;max-width:none;margin-top:16px;}
.articulo-cabecera .resumen{color:#d3e0da;font-size:1.1rem;margin-top:16px;max-width:60ch;}
.articulo-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:.84rem;font-weight:600;color:#c9d6cf;}
.articulo-meta span{display:inline-flex;align-items:center;gap:7px;}
.articulo-meta svg{color:var(--dorado-200);}

.articulo-imagen{max-width:980px;margin:-28px auto 0;padding-inline:24px;position:relative;z-index:3;}
.articulo-imagen img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--radio-l);box-shadow:var(--sombra-l);}

.articulo-layout{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:56px;justify-content:center;align-items:start;}
@media (max-width:1020px){.articulo-layout{grid-template-columns:minmax(0,720px);}}
.articulo-cuerpo{font-size:1.04rem;line-height:1.8;color:var(--ink-700);}
.articulo-cuerpo h2{font-size:1.5rem;margin:40px 0 14px;color:var(--ink-900);line-height:1.3;}
.articulo-cuerpo h3{font-size:1.15rem;margin:28px 0 10px;color:var(--ink-900);}
.articulo-cuerpo p{margin-bottom:18px;}
.articulo-cuerpo ul,.articulo-cuerpo ol{margin:0 0 20px 0;padding-left:22px;}
.articulo-cuerpo ul{list-style:disc;}
.articulo-cuerpo ol{list-style:decimal;}
.articulo-cuerpo li{margin-bottom:8px;padding-left:4px;}
.articulo-cuerpo strong{color:var(--ink-900);}
.articulo-cuerpo a{color:var(--verde-700);font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.articulo-cuerpo blockquote{
  border-left:4px solid var(--dorado-500);background:var(--dorado-100);padding:18px 22px;margin:26px 0;
  border-radius:0 var(--radio-s) var(--radio-s) 0;color:var(--ink-900);font-weight:600;
}
.articulo-etiquetas{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px;padding-top:24px;border-top:1px solid var(--linea);}
.articulo-etiquetas a{
  font-size:.78rem;font-weight:600;padding:6px 13px;border-radius:999px;border:1px solid var(--linea);background:var(--blanco);color:var(--ink-700);
}
.articulo-etiquetas a:hover{border-color:var(--verde-700);}

.autor-caja{
  display:flex;gap:16px;align-items:center;margin-top:30px;padding:20px;background:var(--blanco);
  border:1px solid var(--linea);border-radius:var(--radio-m);
}
.autor-caja .inicial{
  width:52px;height:52px;border-radius:50%;background:var(--verde-900);color:var(--dorado-200);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;flex-shrink:0;
}
.autor-caja strong{display:block;color:var(--ink-900);}
.autor-caja span{font-size:.85rem;color:var(--ink-400);font-weight:600;}

.articulo-lateral{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px;}
@media (max-width:1020px){.articulo-lateral{position:static;}}
.caja-lateral{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio-m);padding:24px;box-shadow:var(--sombra-s);}
.caja-lateral h2{font-size:1.05rem;margin-bottom:14px;}
.caja-lateral ul{display:flex;flex-direction:column;gap:12px;}
.caja-lateral li{font-size:.9rem;display:flex;flex-direction:column;}
.caja-lateral li strong{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-400);font-weight:800;}
.caja-lateral .btn{margin-top:18px;}
.caja-lateral--verde{background:var(--verde-950);border-color:var(--verde-950);color:#c9d6cf;}
.caja-lateral--verde h2{color:var(--blanco);}
.caja-lateral--verde p{font-size:.9rem;color:#c9d6cf;}

.relacionados{margin-top:8px;}
.volver-blog{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--verde-900);margin-bottom:26px;}
.volver-blog:hover{text-decoration:underline;}

@media (max-width:640px){
  .hero-blog{padding-block:56px 56px;}
  .blog-barra{padding:16px;border-radius:var(--radio-m);margin-top:-28px;}
  .blog-buscador{max-width:none;flex-basis:100%;}
  .blog-tab{padding:9px 14px;font-size:.8rem;}
  .articulo-cabecera{padding-block:44px 48px;}
}
.bloque-docentes[hidden]{display:none;}