@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');
.futura-notas{ --fnt-azul:#2563EB; --fnt-navy:#1A2744; --fnt-line:#E7EAF0; --fnt-muted:#64748B;
  font-family:'Jost',sans-serif; background:#fff; padding:56px clamp(20px,3vw,38px); }
.futura-notas .fnt-in{ max-width:1300px; margin:0 auto; }

.futura-notas .fnt-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:26px; }
.futura-notas .fnt-eyebrow{ font-size:12.5px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; color:var(--fnt-azul); margin:0 0 6px; }
.futura-notas .fnt-title{ font-family:'Jost',sans-serif; font-size:clamp(23px,2.6vw,31px); font-weight:600; color:var(--fnt-navy); line-height:1.15; margin:0; max-width:620px; }
.futura-notas .fnt-all{ display:inline-flex; align-items:center; gap:8px; flex-shrink:0; font-size:14px; font-weight:600; color:var(--fnt-azul); text-decoration:none; white-space:nowrap; }
.futura-notas .fnt-all svg{ width:16px; height:16px; transition:transform .15s; }
.futura-notas .fnt-all:hover svg{ transform:translateX(3px); }

.futura-notas .fnt-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.futura-notas .fnt-card{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--fnt-line); border-radius:16px; overflow:hidden;
  text-decoration:none; transition:transform .18s, box-shadow .18s, border-color .18s; }
.futura-notas .fnt-card:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(15,23,42,.12); border-color:transparent; }
.futura-notas .fnt-card--ph{ cursor:default; }
.futura-notas .fnt-card--ph:hover{ transform:none; box-shadow:none; border-color:var(--fnt-line); }

.futura-notas .fnt-thumb{ position:relative; display:block; height:186px; background:linear-gradient(135deg,#3b5b8c,#22304f); background-size:cover; background-position:center; }
.futura-notas .fnt-badge{ position:absolute; left:12px; top:12px; font-style:normal; font-size:11.5px; font-weight:600; color:var(--fnt-azul);
  background:rgba(255,255,255,.94); padding:5px 11px; border-radius:999px; }
.futura-notas .fnt-body{ display:flex; flex-direction:column; flex:1; padding:16px 18px 18px; }
.futura-notas .fnt-date{ font-size:12px; color:var(--fnt-muted); margin-bottom:7px; }
.futura-notas .fnt-h{ font-size:17px; font-weight:600; color:var(--fnt-navy); line-height:1.28; margin-bottom:8px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.futura-notas .fnt-exc{ font-size:13.5px; color:var(--fnt-muted); line-height:1.5; margin-bottom:14px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.futura-notas .fnt-more{ display:inline-flex; align-items:center; gap:6px; margin-top:auto; font-size:13.5px; font-weight:600; color:var(--fnt-azul); }
.futura-notas .fnt-more svg{ width:15px; height:15px; transition:transform .15s; }
.futura-notas .fnt-card:hover .fnt-more svg{ transform:translateX(3px); }

@media (max-width:1100px){ .futura-notas .fnt-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){
  .futura-notas{ padding:44px 20px; }
  .futura-notas .fnt-head{ flex-direction:column; align-items:flex-start; gap:12px; }
  .futura-notas .fnt-grid{ grid-template-columns:1fr; }
}