:root{
    --rojo:#C8011A;
    --rojo-sombra:#4A000C;
    --negro:#111111;
    --blanco:#FFFFFF;
    --gris-fondo:#F4F4F2;
    --gris-texto:#5A5A5A;
    --borde:#1f1f1f;
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;font-size:17.5px;}
  body{font-family:'Inter', sans-serif;background:var(--blanco);color:var(--negro);-webkit-font-smoothing:antialiased;}
  a{color:inherit;text-decoration:none;}

  .eyebrow{font-family:'Inter', sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;}

  /* ===== MASTHEAD ===== */
  header.masthead{background:var(--negro);color:var(--blanco);position:sticky;top:0;z-index:100;border-bottom:4px solid var(--rojo);}

  /* TOP BAR con clima y dólar */
  .masthead-top{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.12);flex-wrap:wrap;gap:.4rem;}
  .masthead-top .meta{font-family:'Inter', sans-serif;font-size:.68rem;letter-spacing:.06em;color:#bdbdbd;display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap;}
  .masthead-top .meta span#clock{color:var(--rojo);font-weight:700;}

  /* Widgets de clima y dólar */
  .top-widgets{display:flex;align-items:center;gap:1.2rem;}
  .widget-item{display:flex;align-items:center;gap:.4rem;font-size:.68rem;color:#d0d0d0;font-family:'Inter',sans-serif;}
  .widget-item .widget-icon{font-size:.9rem;}
  .widget-item .widget-val{font-weight:700;color:#fff;}
  .widget-item .widget-label{color:#888;font-size:.62rem;}
  .widget-divider{width:1px;height:1rem;background:rgba(255,255,255,.2);}

  .fuel-column{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;padding:.35rem .85rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.05);font-family:'Inter',sans-serif;font-size:.68rem;color:#fff;}
  .fuel-column .fuel-label{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f5f5f5;}
  .fuel-column .fuel-item{display:flex;gap:.4rem;align-items:center;color:#dcdcdc;}
  .fuel-column .fuel-item span:last-child{font-weight:700;color:#fff;}

  .social-bar{display:flex;align-items:center;gap:.7rem;}
  .social-bar a{width:2.1rem;height:2.1rem;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s, border-color .15s;}
  .social-bar a:hover{background:var(--rojo);border-color:var(--rojo);}
  .social-bar svg{width:1.1rem;height:1.1rem;fill:#e6e6e6;}

  .masthead-main{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;gap:0;}
  .logo-img-wrap{flex-shrink:0;}
  .header-ad-banner{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;height:90px;min-width:0;}
  .header-ad-banner .ad-rendered{max-width:100%;height:90px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
  .header-ad-banner img{height:90px;width:auto;max-width:100%;object-fit:contain;display:block;}
  #searchBarWrap{width:260px;flex-shrink:0;}
  .hamburger{order:99;}
  .support-btn{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,var(--rojo),#ff214f);color:var(--blanco);padding:.7rem 1rem;border-radius:999px;font-family:'Inter',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 10px 25px rgba(200,1,26,.24);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:none;cursor:pointer;white-space:nowrap;}
  .support-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(200,1,26,.3);background:linear-gradient(135deg,#d3011d,#ff2c58);}
  .support-btn svg{width:1rem;height:1rem;fill:currentColor;flex-shrink:0;}

  .search-bar{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:.4rem .9rem;width:100%;margin:0;}
  .search-bar svg{width:.9rem;height:.9rem;fill:#9a9a9a;flex-shrink:0;}
  .search-bar input{background:none;border:none;outline:none;color:var(--blanco);font-family:'Inter', sans-serif;font-size:.8rem;width:100%;}
  .search-bar input::placeholder{color:#8a8a8a;}

  .logo{font-family:'Inter', sans-serif;font-weight:900;font-size:2.2rem;line-height:1;letter-spacing:-.03em;color:var(--rojo);text-shadow:2px 2px 0 var(--rojo-sombra);display:flex;align-items:baseline;gap:.15rem;}
  .logo .slogan{font-family:'Inter', sans-serif;font-weight:600;font-size:.64rem;letter-spacing:.08em;color:#9a9a9a;text-shadow:none;align-self:flex-end;margin-left:.5rem;text-transform:uppercase;}

  /* Nav desktop */
  nav.sections{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;}
  nav.sections::-webkit-scrollbar{display:none;}
  nav.sections a{font-family:'Inter', sans-serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#d8d8d8;padding:.8rem 1rem;white-space:nowrap;border-right:1px solid rgba(255,255,255,.1);transition:background .15s, color .15s;}
  nav.sections a:hover, nav.sections a.active{background:var(--rojo);color:var(--blanco);}

  /* Hamburger button */
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem;background:none;border:none;margin-left:auto;}
  .hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .25s;}
  .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .hamburger.open span:nth-child(2){opacity:0;}
  .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* Mobile nav overlay */
  .mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.96);z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:0;}
  .mobile-nav.open{display:flex;}
  .mobile-nav a{font-family:'Inter',sans-serif;font-size:1.6rem;font-weight:800;text-transform:uppercase;color:#fff;padding:1rem 2rem;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1);width:100%;text-align:center;transition:color .15s;}
  .mobile-nav a:hover{color:var(--rojo);}
  .mobile-nav-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;}

  /* ===== TICKER ===== */
  .ticker{background:var(--rojo);color:var(--blanco);overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--rojo-sombra);}
  .ticker-inner{display:inline-block;padding:.4rem 0;font-family:'Inter', sans-serif;font-size:.76rem;letter-spacing:.03em;animation:scroll-left 25s linear infinite;}
  .ticker-inner span{margin-right:3rem;}
  .ticker-inner span b{background:var(--negro);padding:.15rem .4rem;margin-right:.5rem;font-style:normal;}
  @keyframes scroll-left{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
  @media (prefers-reduced-motion: reduce){.ticker-inner{animation:none;}}

  /* ===== BREAKING NEWS BANNER ===== */
  .breaking-banner{
    background: linear-gradient(135deg, #8B0000, var(--rojo));
    color:#fff;
    display:flex;
    align-items:center;
    gap:1rem;
    padding:.6rem 1.5rem;
    font-family:'Inter',sans-serif;
    font-size:.8rem;
    position:relative;
  }
  .breaking-label{
    background:#fff;
    color:var(--rojo);
    font-weight:900;
    font-size:.65rem;
    letter-spacing:.1em;
    text-transform:uppercase;
    padding:.25rem .6rem;
    white-space:nowrap;
    animation:pulse-badge 1.4s ease-in-out infinite;
  }
  @keyframes pulse-badge{0%,100%{opacity:1;}50%{opacity:.6;}}
  .breaking-text{flex:1;font-weight:600;}
  .breaking-close{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;font-size:1.1rem;padding:0 .3rem;line-height:1;}
  .breaking-close:hover{color:#fff;}

  /* ===== PUBLICIDAD ===== */
  .ad-slot{max-width:1200px;margin:1.4rem auto;padding:0 1.5rem;}
  .ad-slot .ad-box{border:1.5px dashed #c7c7c2;background:#fafaf8;color:#9a9a96;text-align:center;padding:1.1rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;}
  .ad-slot.top .ad-box{padding:.8rem 1rem;}
  .ad-slot.mid .ad-box{padding:1.2rem 1rem;}
  .ad-slot.center-bottom{max-width:680px;}
  .ad-slot.center-bottom .ad-box{width:100%;height:175px;display:flex;align-items:center;justify-content:center;padding:0;}

  .page-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 260px;gap:1.1rem;align-items:start;padding:0;}
  .ad-rail.left{display:none;}
  .ad-rail{position:sticky;top:148px;display:flex;flex-direction:column;align-items:center;gap:.8rem;padding-top:1.4rem;}
  .ad-box-fixed{border:1.5px dashed #c7c7c2;background:#fafaf8;color:#9a9a96;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:3px;flex-shrink:0;line-height:1.4;}

  /* Sidebar derecho con Más Leídas */
  .right-sidebar{position:sticky;top:148px;padding:1.4rem 1.5rem 0 0;display:flex;flex-direction:column;gap:1.2rem;}
  .mas-leidas{background:#fff;border:1.5px solid #e3e3e0;border-radius:4px;overflow:hidden;}
  .mas-leidas-head{background:var(--negro);color:#fff;padding:.7rem 1rem;font-family:'Inter',sans-serif;font-weight:800;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;}
  .mas-leidas-head span{background:var(--rojo);width:8px;height:8px;border-radius:50%;display:inline-block;}
  .leida-item{display:flex;gap:.8rem;padding:.75rem 1rem;border-bottom:1px solid #f0f0ed;align-items:flex-start;transition:background .15s;}
  .leida-item:last-child{border-bottom:none;}
  .leida-item:hover{background:#fafaf8;}
  .leida-num{font-family:'Inter',sans-serif;font-weight:900;font-size:1.4rem;color:#e0e0dc;line-height:1;flex-shrink:0;min-width:1.6rem;}
  .leida-text h4{font-size:.8rem;font-weight:700;line-height:1.35;color:var(--negro);}
  .leida-text h4:hover{color:var(--rojo);}
  .leida-text .leida-meta{font-size:.62rem;color:#999;margin-top:.25rem;font-family:'Inter',sans-serif;}
  .leida-views{font-size:.6rem;color:var(--rojo);font-weight:700;display:flex;align-items:center;gap:.2rem;}

  /* Ad en sidebar */
  .sidebar-ad{border:1.5px dashed #c7c7c2;background:#fafaf8;color:#9a9a96;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:3px;height:250px;width:100%;}

  @media (max-width:980px){.page-grid{grid-template-columns:1fr;}.right-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem;}}
  @media (max-width:600px){.right-sidebar{grid-template-columns:1fr;}}

  /* ===== HERO ===== */
  .hero{
    position:relative;
    background:var(--negro);
    margin-bottom:0;
    overflow:hidden;
  }
  .hero-inner{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.6fr 1fr;
    gap:0;
    min-height:480px;
  }
  .hero-main{
    position:relative;
    overflow:hidden;
  }
  .hero-main img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    opacity:.75;
  }
  .hero-main-overlay{
    position:absolute;
    bottom:0;left:0;right:0;
    background:linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,.4) 70%, transparent 100%);
    padding:2.2rem 2rem 2rem;
  }
  .hero-category{
    display:inline-block;
    background:var(--rojo);
    color:#fff;
    font-family:'Inter',sans-serif;
    font-weight:700;
    font-size:.65rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:.3rem .7rem;
    margin-bottom:.8rem;
  }
  .hero-main-overlay h2{
    font-family:'Inter',sans-serif;
    font-weight:900;
    font-size:2.1rem;
    line-height:1.15;
    color:#fff;
    margin-bottom:.7rem;
    letter-spacing:-.02em;
  }
  .hero-main-overlay h2 a:hover{color:var(--rojo);}
  .hero-main-overlay p{
    font-size:.9rem;
    color:#d0d0d0;
    line-height:1.5;
    margin-bottom:.8rem;
  }
  .hero-byline{
    font-family:'Inter',sans-serif;
    font-size:.68rem;
    color:#aaa;
    text-transform:uppercase;
    letter-spacing:.05em;
    display:flex;
    align-items:center;
    gap:.8rem;
  }
  .hero-byline .live-dot{
    width:7px;height:7px;border-radius:50%;background:#ff3b3b;
    animation:blink 1.2s ease-in-out infinite;
    display:inline-block;
  }
  @keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}

  .hero-secondary{
    display:flex;
    flex-direction:column;
    border-left:1px solid rgba(255,255,255,.1);
  }
  .hero-secondary-item{
    flex:1;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .hero-secondary-item:last-child{border-bottom:none;}
  .hero-secondary-item img{width:100%;height:100%;object-fit:cover;display:block;opacity:1;transition:opacity .2s;}
  .hero-secondary-item:hover img{opacity:1;}
  /* overlay gris oscuro semitransparente sobre toda la tarjeta */
  .hero-secondary-item::after{content:'';position:absolute;inset:0;background:rgba(15,15,15,.52);z-index:1;pointer-events:none;}
  .hero-sec-overlay{
    position:absolute;
    bottom:0;left:0;right:0;
    background:none;
    padding:.75rem 1rem;
    z-index:2;
  }
  .hero-sec-overlay .hero-category{margin-bottom:.3rem;font-size:.56rem;}
  .hero-sec-overlay h3{
    font-family:'Inter',sans-serif;
    font-weight:700;
    font-size:.78rem;
    line-height:1.25;
    color:#fff;
  }
  .hero-sec-overlay h3 a:hover{color:var(--rojo);}
  .hero-sec-overlay .hero-byline{font-size:.6rem;margin-top:.4rem;}

  @media (max-width:880px){
    .hero-inner{grid-template-columns:1fr;min-height:auto;}
    .hero-main{height:320px;}
    .hero-secondary{flex-direction:row;}
    .hero-secondary-item{height:160px;}
    .hero-main-overlay h2{font-size:1.5rem;}
  }
  @media (max-width:560px){
    .hero-secondary{flex-direction:column;}
    .hero-secondary-item{height:140px;}
  }

  /* ===== SECTIONS ===== */
  main{padding:0 2rem;}
  section.cat{padding:3.5rem 0 3rem;border-bottom:2px solid #e3e3e0;scroll-margin-top:150px;}
  section.cat:nth-of-type(even){background:var(--gris-fondo);}

  .cat-head{display:flex;align-items:baseline;gap:.9rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--negro);}
  .cat-head .dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--rojo);box-shadow:0 0 0 3px var(--rojo-sombra);flex-shrink:0;}
  .cat-head h2{font-family:'Inter', sans-serif;font-weight:800;font-size:1.8rem;text-transform:uppercase;letter-spacing:-.01em;}
  .cat-head .count{font-family:'Inter', sans-serif;font-size:.72rem;color:var(--gris-texto);}

  .grid{display:grid;grid-template-columns:1.3fr 1fr;gap:2.8rem;}
  .feature{position:relative;}
  .feature .thumb{border-radius:4px;background:var(--gris-fondo);position:relative;overflow:hidden;margin-bottom:1rem;}
  .feature .thumb img{width:100%;height:auto;display:block;}
  .read-badge{position:absolute;top:.7rem;left:.7rem;background:var(--rojo);color:var(--blanco);font-family:'Inter', sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.28rem .55rem;text-transform:uppercase;box-shadow:2px 2px 0 var(--rojo-sombra);z-index:2;}
  .feature h3{font-size:1.65rem;line-height:1.2;font-weight:700;margin-bottom:.5rem;}
  .feature h3:hover{color:var(--rojo);}
  .feature p.excerpt{color:var(--gris-texto);font-size:1rem;line-height:1.55;margin-bottom:.6rem;}
  .byline{font-family:'Inter', sans-serif;font-size:.68rem;color:var(--gris-texto);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;}

  /* Share buttons */
  .share-btns{display:flex;gap:.5rem;margin-top:.6rem;}
  .share-btn{display:flex;align-items:center;gap:.3rem;font-family:'Inter',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .65rem;border-radius:3px;cursor:pointer;border:none;transition:opacity .15s;}
  .share-btn:hover{opacity:.8;}
  .share-btn.fb{background:#1877F2;color:#fff;}
  .share-btn.wa{background:#25D366;color:#fff;}
  .share-btn.tw{background:#000;color:#fff;}
  .share-btn svg{width:.75rem;height:.75rem;fill:currentColor;}
  .views-count{font-family:'Inter',sans-serif;font-size:.62rem;color:#999;display:flex;align-items:center;gap:.3rem;}
  .views-count svg{width:.7rem;height:.7rem;fill:#bbb;}

  .side-list{display:flex;flex-direction:column;gap:1.2rem;}
  .side-item{display:flex;gap:1rem;padding-bottom:1.2rem;border-bottom:1px solid #e3e3e0;}
  .side-item:last-child{border-bottom:none;padding-bottom:0;}
  .side-thumb{width:90px;height:72px;flex-shrink:0;border-radius:3px;overflow:hidden;background:var(--gris-fondo);}
  .side-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
  .side-text h4{font-size:1rem;line-height:1.3;font-weight:600;margin-bottom:.25rem;}
  .side-text h4:hover{color:var(--rojo);}
  .side-text .mini-badge{font-family:'Inter', sans-serif;font-size:.6rem;color:var(--rojo);font-weight:700;letter-spacing:.03em;}

  /* Tags */
  .tag:hover{background:var(--rojo);color:#fff;}

  @media (max-width:880px){
    .grid{grid-template-columns:1fr;}
    .logo{font-size:1.8rem;}
    .masthead-main{padding:.6rem 1rem;flex-wrap:wrap;row-gap:.5rem;gap:.5rem;}
    .header-ad-banner{display:none;}
    #searchBarWrap{width:100%;order:3;flex-basis:100%;max-width:none;margin:0;}
    .logo-img-wrap{order:1;margin:0;}
    .hamburger{display:flex;order:2;margin-left:auto;}
    section.cat{padding:2rem 0 1.8rem;}
    nav.sections{display:none;}
  }
  @media (max-width:540px){
    .masthead-top{padding:.4rem 1rem;gap:.3rem;}
    .masthead-top .meta{gap:.6rem;font-size:.6rem;}
    .top-widgets{gap:.7rem;}
    .widget-divider{display:none;}
    .cat-head h2{font-size:1.3rem;}
    .whatsapp-fab{width:3.2rem;height:3.2rem;bottom:1.1rem;right:1.1rem;}
    .whatsapp-fab svg{width:1.5rem;height:1.5rem;}
    .breaking-banner{flex-wrap:wrap;}
  }

  a:focus-visible, nav.sections a:focus-visible{outline:2px solid var(--rojo);outline-offset:2px;}

  .whatsapp-fab{position:fixed;bottom:1.6rem;right:1.6rem;width:3.6rem;height:3.6rem;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.35);z-index:60;transition:transform .15s;}
  .whatsapp-fab:hover{transform:scale(1.07);}
  .whatsapp-fab svg{width:1.7rem;height:1.7rem;fill:var(--blanco);}

  .support-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:700;align-items:center;justify-content:center;padding:1.5rem;}
  .support-modal.open{display:flex;}
  .support-modal-box{width:100%;max-width:620px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.25);}
  .support-modal-header{background:linear-gradient(135deg,var(--rojo),#b10016);color:#fff;padding:1.4rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
  .support-modal-title{font-family:'Inter',sans-serif;font-weight:800;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:.7rem;}
  .support-modal-title svg{width:1rem;height:1rem;fill:currentColor;}
  .support-modal-close{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;line-height:1;padding:.2rem;}
  .support-modal-body{padding:1.6rem 1.6rem 2rem;}
  .support-modal-body h3{font-family:'Inter',sans-serif;font-weight:800;font-size:1.35rem;margin-bottom:.75rem;color:#111;}
  .support-modal-body p{font-size:.95rem;color:#505050;line-height:1.7;margin-bottom:1rem;}
  .support-details{background:#f7f7f7;border:1px solid #ededed;border-radius:8px;padding:1rem 1rem 1.1rem;margin:1rem 0;}
  .support-details strong{display:block;font-size:.95rem;color:#111;margin-bottom:.45rem;}
  .support-details a{color:var(--rojo);font-weight:700;text-decoration:none;}
  .support-actions{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1rem;}
  .support-action-btn{background:var(--rojo);color:#fff;border:none;padding:.95rem 1rem;border-radius:7px;font-family:'Inter',sans-serif;font-weight:800;font-size:.86rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .2s,transform .2s;}
  .support-action-btn:hover{background:#a20015;transform:translateY(-1px);}
  .support-action-btn.secondary{background:#111;color:#fff;}
  .support-note{font-size:.78rem;color:#777;margin-top:1rem;line-height:1.6;}

  footer{background:var(--negro);color:#c9c9c9;padding:2.4rem 1.5rem;margin-top:1rem;}
  footer .foot-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
  footer .foot-logo{font-family:'Inter', sans-serif;font-weight:900;color:var(--rojo);font-size:1.2rem;letter-spacing:-.02em;}
  footer p{font-family:'Inter', sans-serif;font-size:.68rem;letter-spacing:.04em;color:#8a8a8a;}

  /* ===== SUSCRIPCIÓN ===== */
  .subscribe{background:var(--rojo);color:var(--blanco);padding:3rem 1.5rem;text-align:center;}
  .subscribe-inner{max-width:560px;margin:0 auto;}
  .bell-icon{width:3.2rem;height:3.2rem;margin:0 auto .9rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border-radius:50%;animation:bell-ring 2.6s ease-in-out infinite;}
  .bell-icon svg{width:1.7rem;height:1.7rem;fill:var(--blanco);}
  @keyframes bell-ring{0%, 70%, 100%{transform:rotate(0);}73%{transform:rotate(14deg);}76%{transform:rotate(-12deg);}79%{transform:rotate(9deg);}82%{transform:rotate(-6deg);}85%{transform:rotate(0);}}
  .subscribe h2{font-family:'Inter', sans-serif;font-weight:800;font-size:1.75rem;letter-spacing:-.01em;margin-bottom:.5rem;}
  .subscribe p{font-size:.92rem;color:#ffe1e5;margin-bottom:1.5rem;}
  .subscribe-form{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;}
  .subscribe-form input{flex:1;min-width:220px;padding:.82rem 1.1rem;border:none;border-radius:30px;font-family:'Inter', sans-serif;font-size:.9rem;outline:none;}
  .subscribe-form input:focus-visible{outline:2px solid var(--negro);}
  .subscribe-form button{background:var(--negro);color:var(--blanco);border:none;padding:.82rem 1.5rem;border-radius:30px;font-family:'Inter', sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:.45rem;}
  .subscribe-form button svg{width:1rem;height:1rem;fill:var(--blanco);}
  .subscribe-form button:hover{background:#2a2a2a;}
  .subscribe-note{font-size:.74rem;color:#ffd2d8;margin-top:1rem;}

  /* Search overlay */
  .search-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.92);z-index:300;align-items:flex-start;justify-content:center;padding-top:6rem;}
  .search-overlay.open{display:flex;}
  .search-overlay-inner{width:100%;max-width:700px;padding:0 1.5rem;}
  .search-big{display:flex;align-items:center;gap:1rem;border-bottom:3px solid var(--rojo);padding-bottom:.8rem;}
  .search-big input{background:none;border:none;outline:none;color:#fff;font-family:'Inter',sans-serif;font-size:2rem;font-weight:700;flex:1;width:100%;}
  .search-big input::placeholder{color:#555;}
  .search-big button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;}
  .search-hint{color:#666;font-size:.8rem;font-family:'Inter',sans-serif;margin-top:.8rem;}

  /* ===== FASE 2: BREAKING NEWS MODAL ===== */
  .breaking-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:400;align-items:center;justify-content:center;padding:1rem;}
  .breaking-modal.open{display:flex;}
  .breaking-modal-box{background:#fff;max-width:560px;width:100%;border-radius:4px;overflow:hidden;animation:modal-in .25s ease;}
  @keyframes modal-in{from{transform:scale(.9);opacity:0;}to{transform:scale(1);opacity:1;}}
  .breaking-modal-head{background:linear-gradient(135deg,#8B0000,var(--rojo));color:#fff;padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1rem;}
  .breaking-modal-head .pulse-ring{width:14px;height:14px;border-radius:50%;background:#fff;position:relative;flex-shrink:0;}
  .breaking-modal-head .pulse-ring::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.5);animation:ring-pulse 1.2s ease-in-out infinite;}
  @keyframes ring-pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.4);opacity:0;}}
  .breaking-modal-head h3{font-family:'Inter',sans-serif;font-weight:900;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;}
  .breaking-modal-body{padding:1.5rem;}
  .breaking-modal-body h2{font-family:'Inter',sans-serif;font-weight:800;font-size:1.4rem;line-height:1.25;color:var(--negro);margin-bottom:.8rem;}
  .breaking-modal-body p{font-size:.9rem;color:var(--gris-texto);line-height:1.6;margin-bottom:1.2rem;}
  .breaking-modal-footer{display:flex;gap:.7rem;flex-wrap:wrap;}
  .btn-primary{background:var(--rojo);color:#fff;border:none;padding:.75rem 1.4rem;font-family:'Inter',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:opacity .15s;}
  .btn-primary:hover{opacity:.85;}
  .btn-ghost{background:none;color:var(--gris-texto);border:1.5px solid #ddd;padding:.75rem 1.2rem;font-family:'Inter',sans-serif;font-weight:600;font-size:.8rem;cursor:pointer;border-radius:3px;transition:border-color .15s;}
  .btn-ghost:hover{border-color:#999;}



  /* ===== FASE 2: PÁGINA DE ARTÍCULO ===== */
  .article-page{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:500;overflow-y:auto;}
  .article-page.open{display:block;}
  .article-page-inner{max-width:760px;margin:0 auto;padding:2rem 1.5rem 4rem;}
  .article-back{display:inline-flex;align-items:center;gap:.5rem;font-family:'Inter',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris-texto);cursor:pointer;margin-bottom:1.5rem;transition:color .15s;}
  .article-back:hover{color:var(--rojo);}
  .article-back svg{width:.85rem;height:.85rem;fill:currentColor;}
  .article-cat-badge{display:inline-block;background:var(--rojo);color:#fff;font-family:'Inter',sans-serif;font-weight:700;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .8rem;margin-bottom:.9rem;}
  .article-title{font-family:'Inter',sans-serif;font-weight:900;font-size:2.4rem;line-height:1.15;letter-spacing:-.02em;color:var(--negro);margin-bottom:.7rem;}
  .article-deck{font-size:1.2rem;color:var(--gris-texto);line-height:1.55;margin-bottom:1.2rem;font-weight:400;}
  .article-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid #e8e8e5;border-bottom:1px solid #e8e8e5;margin-bottom:1.5rem;}
  .article-author{display:flex;align-items:center;gap:.6rem;}
  .author-avatar{width:36px;height:36px;border-radius:50%;background:var(--gris-fondo);overflow:hidden;flex-shrink:0;}
  .author-avatar img{width:100%;height:100%;object-fit:cover;}
  .author-info{font-family:'Inter',sans-serif;}
  .author-name{font-size:.78rem;font-weight:700;color:var(--negro);}
  .author-role{font-size:.62rem;color:#999;text-transform:uppercase;letter-spacing:.04em;}
  .article-meta-divider{width:1px;height:28px;background:#e0e0dc;}
  .article-meta-item{font-family:'Inter',sans-serif;font-size:.68rem;color:#888;display:flex;align-items:center;gap:.3rem;}
  .article-meta-item svg{width:.75rem;height:.75rem;fill:#bbb;}
  .article-hero-img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--gris-fondo);border-radius:4px;margin-bottom:.6rem;display:block;}
  .article-img-caption{font-family:'Inter',sans-serif;font-size:.68rem;color:#999;margin-bottom:1.8rem;font-style:italic;}
  .article-body{font-size:1.08rem;line-height:1.75;color:#222;}
  .article-body p{margin-bottom:1.3rem;}
  .article-body h3{font-family:'Inter',sans-serif;font-weight:800;font-size:1.3rem;margin:2rem 0 .8rem;color:var(--negro);}
  .article-body blockquote{border-left:4px solid var(--rojo);margin:1.5rem 0;padding:.8rem 1.2rem;background:#fafaf8;font-style:italic;color:var(--gris-texto);font-size:1.1rem;line-height:1.6;}
  .article-share{margin-top:2.5rem;padding-top:1.5rem;border-top:2px solid #e8e8e5;}
  .article-share h4{font-family:'Inter',sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem;}
  .article-share .share-btns{gap:.6rem;}
  .article-share .share-btn{font-size:.7rem;padding:.45rem .9rem;}
  .article-related{margin-top:2.5rem;padding-top:1.5rem;border-top:2px solid #e8e8e5;}
  .article-related h4{font-family:'Inter',sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;}
  .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
  .related-card{cursor:pointer;}
  .related-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--gris-fondo);border-radius:3px;display:block;margin-bottom:.5rem;}
  .related-card h5{font-family:'Inter',sans-serif;font-size:.82rem;font-weight:700;line-height:1.3;color:var(--negro);}
  .related-card h5:hover{color:var(--rojo);}
  .related-card .mini-badge{font-size:.6rem;color:var(--rojo);font-weight:700;display:block;margin-bottom:.25rem;}
  @media(max-width:600px){
    .article-title{font-size:1.7rem;}
    .related-grid{grid-template-columns:1fr;}
  }

  /* ===== FASE 2: SECCIÓN OPINIÓN ===== */
  .opinion-section{background:#111;padding:3.5rem 1.5rem;}
  .opinion-inner{max-width:1200px;margin:0 auto;}
  .opinion-head{display:flex;align-items:baseline;gap:.9rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--rojo);}
  .opinion-head h2{font-family:'Inter',sans-serif;font-weight:800;font-size:1.8rem;text-transform:uppercase;letter-spacing:-.01em;color:#fff;}
  .opinion-head .dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--rojo);box-shadow:0 0 0 3px #4A000C;flex-shrink:0;}
  .opinion-head .sub{font-size:.72rem;color:#666;}
  .opinion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
  .columnist-card{background:#1a1a1a;border-radius:4px;overflow:hidden;transition:transform .15s;}
  .columnist-card:hover{transform:translateY(-3px);}
  .columnist-img{width:100%;height:180px;object-fit:cover;display:block;filter:grayscale(20%);}
  .columnist-body{padding:1rem;}
  .columnist-name{font-family:'Inter',sans-serif;font-weight:800;font-size:.95rem;color:#fff;margin-bottom:.15rem;}
  .columnist-role{font-family:'Inter',sans-serif;font-size:.62rem;color:var(--rojo);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.7rem;}
  .columnist-headline{font-family:'Inter',sans-serif;font-size:.85rem;font-weight:600;color:#d0d0d0;line-height:1.4;margin-bottom:.6rem;cursor:pointer;}
  .columnist-headline:hover{color:#fff;}
  .columnist-excerpt{font-size:.75rem;color:#777;line-height:1.5;}
  .columnist-link{display:inline-flex;align-items:center;gap:.3rem;font-family:'Inter',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rojo);margin-top:.7rem;cursor:pointer;}
  .columnist-link svg{width:.7rem;height:.7rem;fill:currentColor;transition:transform .15s;}
  .columnist-link:hover svg{transform:translateX(3px);}
  @media(max-width:980px){.opinion-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.opinion-grid{grid-template-columns:1fr;}}

  /* ===== FASE 3: SECCIÓN DE VIDEO ===== */
  .video-section{background:#0a0a0a;padding:3.5rem 1.5rem;position:relative;overflow:hidden;}
  .video-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top left,rgba(200,1,26,.15) 0%,transparent 60%);pointer-events:none;}
  .video-inner{max-width:1200px;margin:0 auto;}
  .video-head{display:flex;align-items:baseline;justify-content:space-between;gap:.9rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--rojo);}
  .video-head-left{display:flex;align-items:baseline;gap:.9rem;}
  .video-head h2{font-family:'Inter',sans-serif;font-weight:800;font-size:1.8rem;text-transform:uppercase;color:#fff;letter-spacing:-.01em;}
  .video-head .dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--rojo);box-shadow:0 0 0 3px #4A000C;flex-shrink:0;}

  .video-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:1.5rem;}
  .video-featured{position:relative;}
  .video-embed-wrap{position:relative;width:100%;padding-bottom:56.25%;background:#1a1a1a;border-radius:4px;overflow:hidden;cursor:pointer;}
  .video-embed-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .2s;}
  .video-embed-wrap:hover img{opacity:.6;}
  .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;background:rgba(200,1,26,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s;}
  .video-embed-wrap:hover .video-play-btn{transform:translate(-50%,-50%) scale(1.1);background:var(--rojo);}
  .video-play-btn svg{width:28px;height:28px;fill:#fff;margin-left:4px;}
  .video-duration{position:absolute;bottom:.6rem;right:.7rem;background:rgba(0,0,0,.85);color:#fff;font-family:'Inter',sans-serif;font-size:.62rem;font-weight:700;padding:.2rem .5rem;border-radius:2px;}
  .video-featured-info{margin-top:.9rem;}
  .video-cat{display:inline-block;background:var(--rojo);color:#fff;font-family:'Inter',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .55rem;margin-bottom:.5rem;}
  .video-featured-info h3{font-family:'Inter',sans-serif;font-weight:700;font-size:1.25rem;color:#fff;line-height:1.3;margin-bottom:.4rem;cursor:pointer;}
  .video-featured-info h3:hover{color:var(--rojo);}
  .video-featured-info p{font-size:.8rem;color:#888;line-height:1.5;}
  .video-meta{font-family:'Inter',sans-serif;font-size:.62rem;color:#666;margin-top:.4rem;display:flex;gap:.8rem;}

  .video-list{display:flex;flex-direction:column;gap:.8rem;}
  .video-item{display:flex;gap:.9rem;cursor:pointer;padding:.6rem;border-radius:3px;transition:background .15s;}
  .video-item:hover{background:#1a1a1a;}
  .video-thumb-sm{position:relative;width:130px;flex-shrink:0;border-radius:3px;overflow:hidden;}
  .video-thumb-sm img{width:100%;height:80px;object-fit:cover;display:block;}
  .video-thumb-sm .video-play-sm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:rgba(200,1,26,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;}
  .video-thumb-sm .video-play-sm svg{width:12px;height:12px;fill:#fff;margin-left:2px;}
  .video-thumb-sm .video-duration{font-size:.55rem;bottom:.3rem;right:.3rem;}
  .video-item-info h4{font-family:'Inter',sans-serif;font-size:.83rem;font-weight:700;color:#d0d0d0;line-height:1.3;margin-bottom:.3rem;}
  .video-item-info h4:hover{color:#fff;}
  .video-item-info .video-meta{margin-top:.3rem;}

  .video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:600;align-items:center;justify-content:center;padding:1rem;}
  .video-modal.open{display:flex;}
  .video-modal-inner{width:100%;max-width:900px;position:relative;}
  .video-modal-close{position:absolute;top:-2.5rem;right:0;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;font-family:'Inter',sans-serif;}
  .video-modal-frame{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:4px;overflow:hidden;}
  .video-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}

  @media(max-width:880px){.video-grid{grid-template-columns:1fr;}.video-list{flex-direction:row;flex-wrap:wrap;}.video-item{flex:1;min-width:200px;flex-direction:column;}.video-thumb-sm{width:100%;}.video-thumb-sm img{height:120px;}}
  @media(max-width:560px){.video-list{flex-direction:column;}}



  /* ===== FASE 4: BUSCADOR FUNCIONAL ===== */
  .search-results-panel{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:3px solid var(--rojo);box-shadow:0 8px 30px rgba(0,0,0,.18);z-index:200;max-height:480px;overflow-y:auto;}
  .search-results-panel.open{display:block;}
  .search-results-inner{max-width:900px;margin:0 auto;padding:1rem 1.5rem;}
  .search-results-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.7rem;border-bottom:1px solid #eee;margin-bottom:.8rem;}
  .search-results-header h4{font-family:'Inter',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999;}
  .search-results-header span{font-family:'Inter',sans-serif;font-size:.68rem;color:var(--rojo);font-weight:700;cursor:pointer;}
  .search-result-item{display:flex;gap:.9rem;padding:.7rem 0;border-bottom:1px solid #f5f5f3;cursor:pointer;align-items:flex-start;transition:background .1s;}
  .search-result-item:last-child{border-bottom:none;}
  .search-result-item:hover{background:#fafaf8;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:3px;}
  .search-result-thumb{width:72px;height:56px;flex-shrink:0;border-radius:3px;overflow:hidden;background:var(--gris-fondo);}
  .search-result-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
  .search-result-info .sr-cat{font-family:'Inter',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rojo);margin-bottom:.2rem;}
  .search-result-info h5{font-family:'Inter',sans-serif;font-size:.85rem;font-weight:700;color:var(--negro);line-height:1.3;margin-bottom:.2rem;}
  .search-result-info p{font-size:.72rem;color:#888;line-height:1.4;}
  .search-result-info .sr-meta{font-family:'Inter',sans-serif;font-size:.6rem;color:#bbb;margin-top:.2rem;}
  .search-highlight{background:#fff3cd;padding:0 2px;border-radius:2px;}
  .search-no-results{text-align:center;padding:2rem;color:#999;font-family:'Inter',sans-serif;font-size:.85rem;}
  .search-no-results svg{width:2.5rem;height:2.5rem;fill:#ddd;display:block;margin:0 auto .7rem;}
  .search-loading{text-align:center;padding:1.5rem;color:#999;font-family:'Inter',sans-serif;font-size:.8rem;}
  .search-loading::after{content:'';display:inline-block;width:14px;height:14px;border:2px solid #ddd;border-top-color:var(--rojo);border-radius:50%;animation:spin .6s linear infinite;margin-left:.5rem;vertical-align:middle;}
  @keyframes spin{to{transform:rotate(360deg);}}

  /* Live search bar indicator */
  .search-bar.searching{border-color:var(--rojo);}
  .search-bar.searching svg{fill:var(--rojo);}

  /* ===== FASE 4: NEWSLETTER MEJORADO ===== */
  .subscribe-steps{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap;}
  .subscribe-step{display:flex;align-items:center;gap:.5rem;font-family:'Inter',sans-serif;font-size:.72rem;color:rgba(255,255,255,.75);}
  .subscribe-step .step-num{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0;}
  .subscribe-step.done .step-num{background:#fff;color:var(--rojo);}
  .subscribe-prefs{display:none;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem;}
  .subscribe-prefs.visible{display:flex;}
  .pref-btn{font-family:'Inter',sans-serif;font-size:.68rem;font-weight:700;padding:.35rem .8rem;border-radius:20px;border:1.5px solid rgba(255,255,255,.4);background:transparent;color:#fff;cursor:pointer;transition:all .15s;}
  .pref-btn.selected{background:#fff;color:var(--rojo);border-color:#fff;}
  .subscribe-success{display:none;text-align:center;}
  .subscribe-success.visible{display:block;}
  .subscribe-success .check-circle{width:56px;height:56px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}
  .subscribe-success .check-circle svg{width:28px;height:28px;fill:#fff;}
  .subscribe-success h3{font-family:'Inter',sans-serif;font-weight:800;font-size:1.4rem;margin-bottom:.5rem;}
  .subscribe-success p{font-size:.85rem;color:rgba(255,255,255,.8);}

  /* ===== FASE 4: NOTIFICACIONES PUSH ===== */
  .notif-toast{position:fixed;bottom:6rem;right:1.6rem;background:#fff;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.2);padding:1rem 1.2rem;max-width:320px;z-index:150;display:flex;gap:.9rem;align-items:flex-start;transform:translateX(calc(100% + 2rem));transition:transform .35s cubic-bezier(.34,1.56,.64,1);border-left:4px solid var(--rojo);}
  .notif-toast.show{transform:translateX(0);}
  .notif-icon{width:36px;height:36px;background:var(--rojo);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .notif-icon svg{width:18px;height:18px;fill:#fff;}
  .notif-body{flex:1;}
  .notif-body .notif-label{font-family:'Inter',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rojo);margin-bottom:.2rem;}
  .notif-body h5{font-family:'Inter',sans-serif;font-size:.8rem;font-weight:700;color:var(--negro);line-height:1.3;margin-bottom:.2rem;}
  .notif-body p{font-family:'Inter',sans-serif;font-size:.68rem;color:#888;line-height:1.4;}
  .notif-close{background:none;border:none;color:#bbb;cursor:pointer;font-size:1.1rem;line-height:1;padding:0;flex-shrink:0;}
  .notif-close:hover{color:#666;}
  .notif-actions{display:flex;gap:.5rem;margin-top:.6rem;}
  .notif-btn{font-family:'Inter',sans-serif;font-size:.62rem;font-weight:700;padding:.3rem .7rem;border-radius:3px;cursor:pointer;border:none;transition:opacity .15s;}
  .notif-btn.primary{background:var(--rojo);color:#fff;}
  .notif-btn.ghost{background:#f0f0ed;color:#555;}
  .notif-btn:hover{opacity:.8;}

  /* Push permission banner */
  .push-banner{background:var(--negro);color:#fff;padding:.7rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;}
  .push-banner p{font-family:'Inter',sans-serif;font-size:.75rem;color:#ccc;flex:1;min-width:200px;}
  .push-banner p strong{color:#fff;}
  .push-banner-btns{display:flex;gap:.6rem;}
  .push-banner-btn{font-family:'Inter',sans-serif;font-size:.7rem;font-weight:700;padding:.4rem .9rem;border-radius:3px;cursor:pointer;border:none;transition:all .15s;}
  .push-banner-btn.yes{background:var(--rojo);color:#fff;}
  .push-banner-btn.yes:hover{background:#e0001d;}
  .push-banner-btn.no{background:transparent;color:#888;border:1px solid #444;}
  .push-banner-btn.no:hover{border-color:#888;color:#ccc;}