/* ===== secciones a todo el ancho (el fondo NO se recorta) ===== */
    /* el respiro lateral se calcula sobre la seccion: 24px minimo en movil/tablet y centrado exacto
       sobre 1320px en pantallas grandes (misma formula que .prod-head/.arch-head) */
    .prod-list,.arch-list{max-width:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box !important;padding-left:max(24px, calc((100% - 1320px) / 2)) !important;padding-right:max(24px, calc((100% - 1320px) / 2)) !important}
    /* ===== grid centrado a 1320px ===== */
    .prod-list .bde-term-loop,
    .prod-list .bde-loop,
    .prod-list .bde-loop-grid,
    .arch-list .bde-loop,
    .arch-list .bde-loop-grid{margin-left:0 !important;margin-right:0 !important;max-width:none !important;width:100% !important;box-sizing:border-box !important}
    .prod-list .bde-loop-grid{gap:30px !important}
    .arch-list .bde-loop{gap:20px !important}
    /* ===== encabezados alineados al ancho del grid (padding calculado sobre el ancho de la seccion, no 100vw) ===== */
    .prod-head,.arch-head{box-sizing:border-box !important;padding-left:max(24px, calc((100% - 1320px) / 2)) !important;padding-right:max(24px, calc((100% - 1320px) / 2)) !important}
    .prod-head h1,.arch-head h1{font-size:32px !important;line-height:1.2 !important;text-align:left !important;margin-bottom:12px !important}
    .prod-head p{font-size:18px !important;max-width:1320px !important;text-align:center !important;line-height:1.6 !important}
    /* ===== tipografia unificada ===== */
    .cat-name,.product-card .oxy-text{font-size:16px !important;line-height:1.35 !important}
    .product-card .oxy-text.product-cat{font-size:13px !important;letter-spacing:.02em !important;color:#666 !important;text-transform:none !important}
    .prod-list .cat-name{text-align:center !important;margin-top:15px !important}
    /* ===== footer: banda CTA roja eliminada ===== */
    .footer-cta-band{display:none !important}
    /* ===== CTA compacto arriba de la lista de categoria ===== */
    .rcta-top{max-width:none !important;margin:34px max(24px, calc((100% - 1320px) / 2)) 26px !important;padding:14px 20px !important;background:#111 !important;border-radius:10px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;flex-wrap:wrap !important;box-sizing:border-box !important}
    .rcta-top-txt{color:#e8e8e8 !important;font-size:.95rem !important;line-height:1.4 !important}
    .rcta-top-btn{display:inline-flex !important;align-items:center !important;gap:8px !important;background:var(--rastro-red,#F10000) !important;color:#fff !important;text-decoration:none !important;font-family:var(--font-display) !important;font-size:.9rem !important;padding:11px 22px !important;border-radius:999px !important;white-space:nowrap !important}
    .rcta-top-btn:hover{background:#d40000 !important;color:#fff !important}
    .arch-head + .oxy-shortcode .rcta-top{margin-top:34px !important}
    /* ===== CTA por categoria ("Buscas mas repuestos?") ===== */
    .rcta-cat{max-width:none !important;margin:38px max(24px, calc((100% - 1320px) / 2)) 10px !important;padding:26px 30px !important;background:#f7f7f7 !important;border:1px solid #e9e9e9 !important;border-left:5px solid var(--rastro-red,#F10000) !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;box-sizing:border-box !important}
    .rcta-cat-txt{max-width:760px !important}
    .rcta-cat-kicker{display:block !important;font-size:.72rem !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#8a8a8a !important;margin-bottom:6px !important}
    .rcta-cat-title{font-family:var(--font-display) !important;font-weight:400 !important;font-size:1.45em !important;line-height:1.2 !important;color:#111 !important;margin:0 0 6px !important}
    .rcta-cat-sub{color:#555 !important;font-size:.95rem !important;line-height:1.5 !important;margin:0 !important}
    .rcta-cat-btn{display:inline-flex !important;align-items:center !important;gap:10px !important;flex:0 0 auto !important;background:var(--rastro-red,#F10000) !important;color:#fff !important;text-decoration:none !important;font-family:var(--font-display) !important;font-size:1rem !important;padding:14px 26px !important;border-radius:999px !important;transition:background .15s ease, transform .15s ease !important}
    .rcta-cat-btn:hover{background:#d40000 !important;transform:translateY(-1px) !important;color:#fff !important}
    .rcta-cat-btn .rcta-arr{transition:transform .15s ease !important}
    .rcta-cat-btn:hover .rcta-arr{transform:translateX(4px) !important}
    /* ===== movil ===== */
    /* ===== banner articulos relacionados: listas de texto (red de enlazado interno) ===== */
    .rr-banner{max-width:none !important;margin:34px max(24px, calc((100% - 1200px) / 2)) !important;padding:30px 34px !important;background:#111 !important;border-radius:14px !important;box-sizing:border-box !important}
    .rr-block + .rr-block{margin-top:26px !important;padding-top:24px !important;border-top:1px solid #2b2b2b !important}
    .rr-title{font-family:var(--font-display) !important;font-weight:400 !important;color:#fff !important;font-size:1.35em !important;letter-spacing:.02em !important;margin:0 0 16px !important;text-align:left !important;text-transform:uppercase !important}
    .rr-subtitle{font-family:var(--font-display) !important;font-weight:400 !important;color:#9a9a9a !important;font-size:.95em !important;letter-spacing:.06em !important;margin:0 0 14px !important;text-align:left !important;text-transform:uppercase !important}
    .rr-list{list-style:none !important;margin:0 !important;padding:0 !important;display:grid !important;gap:2px 34px !important}
    .rr-list-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
    .rr-list-links{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
    .rr-list li{margin:0 !important;padding:0 !important}
    .rr-list a{display:flex !important;align-items:center !important;gap:8px !important;min-height:42px !important;padding:8px 2px !important;color:#e8e8e8 !important;text-decoration:none !important;font-size:.95rem !important;line-height:1.35 !important;border-bottom:1px solid rgba(255,255,255,.07) !important;transition:color .15s ease, border-color .15s ease !important}
    .rr-list a:hover,.rr-list a:focus-visible{color:#fff !important;border-bottom-color:var(--rastro-red,#F10000) !important;outline:none !important}
    .rr-list .rr-txt{flex:0 1 auto !important;padding-right:6px !important}
    .rr-list .rr-arr{flex:0 0 auto !important;color:var(--rastro-red,#F10000) !important;opacity:.55 !important;transform:translateX(0) !important;transition:transform .15s ease, opacity .15s ease !important}
    .rr-list a:hover .rr-arr,.rr-list a:focus-visible .rr-arr{opacity:1 !important;transform:translateX(4px) !important}
    .rr-list .rr-star{flex:0 0 auto !important;color:#F1B300 !important;font-size:.9em !important}
    @media (max-width: 1023px){
      .rr-list-links{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
    }
    @media (max-width: 1023px){
      .rr-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
    }
    @media (max-width:767px){
      .prod-list .bde-loop-grid{grid-template-columns:1fr !important}
      .rr-banner{margin:24px 0 !important;padding:22px 18px !important}
      .rr-list-cards,.rr-list-links{grid-template-columns:1fr !important}
      .rr-list a{font-size:.9rem !important;min-height:44px !important}
      .rcta-cat{flex-direction:column !important;align-items:flex-start !important;padding:22px 18px !important;margin:26px 16px 8px !important}
      .rcta-cat-btn{width:100% !important;justify-content:center !important}
      .rcta-top{flex-direction:column !important;align-items:stretch !important;padding:14px 16px !important;margin:0 16px 20px !important}
      .rcta-top-btn{justify-content:center !important}

      .prod-head h1,.arch-head h1{font-size:26px !important}
    }
    
/* ===== Ultrawide: alinear titulos/contenido de las secciones de la home con la rejilla centrada ===== */
@media (min-width: 1200px){
  .home-section > *{
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
/* ===== Ultrawide: el texto del hero acompaña a la imagen centrada (no se va a la esquina) ===== */
@media (min-width: 1600px){
  .home-hero h1,
  .home-hero h3,
  .home-hero a.oxy-text-link{
    left: calc((100% - 1200px) / 2 + 40px) !important;
  }
}