/* ===== Estilos compartidos — Fede Bossio Autos y Movilidad ===== */
:root{
  --grafito:#161A20;
  --hormigon:#ECEEF0;
  --blanco:#FFFFFF;
  --azul:#1240C4;
  --rojo:#E0382B;
  --oro:#F2B30D;
  --oro-oscuro:#9A7400;
  --gris-linea:#D4D8DC;
  --gris-texto:#5A6068;
  --radius:6px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{transition:none!important;animation:none!important;} }
body{
  font-family:'Barlow',system-ui,sans-serif;
  background:var(--hormigon);
  color:var(--grafito);
  line-height:1.55;
}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
a{color:inherit;}
:focus-visible{outline:3px solid var(--oro-oscuro);outline-offset:2px;}

/* ===== NAV ===== */
nav{background:#000;border-bottom:3px solid var(--oro);position:sticky;top:0;z-index:50;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 24px;max-width:1120px;margin:0 auto;}
.logo{display:flex;align-items:center;text-decoration:none;}
.logo img{height:40px;display:block;}
@media(max-width:760px){.logo img{height:40px;}}
.nav-links{display:flex;align-items:center;gap:26px;list-style:none;}
.nav-links a{color:#D7DAE0;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.08em;transition:color .15s;}
.nav-links a:hover{color:#FFC400;}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto;}
.nav-toggle span{display:block;width:26px;height:3px;background:#fff;border-radius:2px;margin:5px 0;transition:transform .2s,opacity .2s;}
nav.open .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg);}
nav.open .nav-toggle span:nth-child(2){opacity:0;}
nav.open .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
@media(max-width:760px){
  .nav-toggle{display:block;}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#000;border-bottom:3px solid var(--oro);flex-direction:column;gap:0;padding:6px 0;}
  nav.open .nav-links{display:flex;}
  .nav-links li{width:100%;}
  .nav-links a{display:block;padding:13px 24px;font-size:17px;text-align:center;}
  .nav-links a:hover{background:#111;}
}

/* ===== SECTIONS ===== */
section{padding:48px 0;}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px;border-bottom:3px solid var(--grafito);padding-bottom:10px;}
.sec-head h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:36px;text-transform:uppercase;}
.sec-head .mono{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gris-texto);}

.btn{display:inline-block;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:1px;padding:13px 28px;border-radius:var(--radius);transition:transform .12s, box-shadow .12s;}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(242,179,13,.4);}
.btn-azul{background:var(--oro);color:var(--grafito);}
.btn-borde{border:2px solid var(--grafito);}

/* ===== TARJETAS DE NOTICIAS ===== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:860px){.news-grid{grid-template-columns:1fr;}}
.news-card{background:var(--blanco);border:1px solid var(--gris-linea);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s, box-shadow .15s;text-decoration:none;color:inherit;}
.news-card .thumb{aspect-ratio:16/9;display:block;width:100%;background:#13161B;}
.news-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.news-card .thumb svg{width:100%;height:100%;display:block;}
.news-card .nbody{padding:18px 22px 22px;display:flex;flex-direction:column;flex:1;}
.news-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(22,26,32,.1);}
.news-card .cat{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;color:var(--oro-oscuro);letter-spacing:1.5px;text-transform:uppercase;}
.news-card h3{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;line-height:1.1;margin:10px 0 8px;text-transform:uppercase;}
.news-card p{color:var(--gris-texto);font-size:15px;flex:1;}
.news-card .meta{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--gris-texto);margin-top:16px;border-top:1px dashed var(--gris-linea);padding-top:10px;}

/* Filtros de categoría */
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;}
.filtro{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:8px 16px;border:1px solid var(--gris-linea);border-radius:var(--radius);background:var(--blanco);cursor:pointer;transition:all .15s;}
.filtro:hover{border-color:var(--grafito);}
.filtro.on{background:var(--grafito);color:#fff;border-color:var(--grafito);}

/* ===== NOTA INDIVIDUAL ===== */
.articulo{max-width:760px;margin:0 auto;padding:40px 24px 64px;}
.articulo .volver{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--oro-oscuro);text-decoration:none;display:inline-block;margin-bottom:24px;}
.articulo .volver:hover{text-decoration:underline;}
.articulo .cat{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--oro-oscuro);letter-spacing:1.5px;text-transform:uppercase;}
.articulo h1{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(34px,5vw,52px);line-height:1.0;text-transform:uppercase;margin:12px 0 16px;}
.articulo .bajada{font-size:20px;color:var(--gris-texto);margin-bottom:20px;}
.articulo .firma{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gris-texto);border-top:1px solid var(--gris-linea);border-bottom:1px solid var(--gris-linea);padding:12px 0;margin-bottom:28px;}
.articulo .hero-img{width:100%;border-radius:var(--radius);margin-bottom:28px;display:block;}
.cuerpo{font-size:18px;line-height:1.7;}
.cuerpo p{margin-bottom:20px;}
.cuerpo h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:30px;text-transform:uppercase;margin:32px 0 12px;}
.cuerpo h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px;margin:24px 0 10px;}
.cuerpo ul,.cuerpo ol{margin:0 0 20px 22px;}
.cuerpo li{margin-bottom:8px;}
.cuerpo strong{font-weight:700;}
.cuerpo em{font-style:italic;}
.cuerpo a{color:var(--oro-oscuro);text-decoration:underline;text-underline-offset:2px;font-weight:600;}
.cuerpo a:hover{color:var(--grafito);}
.cuerpo img{width:100%;border-radius:var(--radius);margin:24px 0;}
.cuerpo figure{margin:24px 0;}
.cuerpo figure img{margin:0;}
.cuerpo figcaption{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gris-texto);margin-top:6px;text-align:center;}
.video-embed{position:relative;padding-bottom:56.25%;height:0;margin:24px 0;overflow:hidden;border-radius:var(--radius);background:#000;}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.cuerpo blockquote{border-left:4px solid var(--oro);padding:6px 0 6px 20px;margin:24px 0;font-size:22px;font-style:italic;color:var(--grafito);}
.placeholder-aviso{background:#FFF6DA;border:1px solid var(--oro);border-radius:var(--radius);padding:14px 18px;font-size:14px;color:var(--oro-oscuro);margin-bottom:24px;}

/* ===== FOOTER ===== */
footer{background:var(--grafito);color:#9AA1A9;padding:36px 0;font-size:13px;}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}

/* Estado vacío */
.vacio{text-align:center;color:var(--gris-texto);padding:60px 0;font-size:18px;}


/* ===== Publicidad (noticias) ===== */
html{overflow-x:hidden;}
.sp{max-width:1120px;margin:0 auto;padding:26px 24px;}
.sp-box{border:2px dashed #B9BFC6;border-radius:var(--radius);background:repeating-linear-gradient(45deg,#F2F3F5,#F2F3F5 14px,#ECEEF0 14px,#ECEEF0 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8A929B;}
.sp-box .lbl{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;}
.sp-box .dim{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;letter-spacing:1px;color:#A7AEB6;}
.sp-wide{height:110px;}
@media(max-width:760px){.sp-wide{height:90px;}}
body{position:relative;}
.rail-nota{display:none;}
@media(min-width:1440px){
  .rail-nota{display:flex;flex-direction:column;gap:10px;position:absolute;top:120px;width:300px;z-index:30;}
  .rail-nota.left{left:calc(50% - 380px - 28px - 300px);}
  .rail-nota.right{left:calc(50% + 380px + 28px);}
  .rail-nota .sp-box{width:300px;height:200px;}
}

/* Espacios sin aviso: ocultos hasta que el panel cargue uno */
[data-sp]{display:none;}
.sp{display:none;}