/* Computo Nacional - ajuste visual moderno tipo dashboard */
html,body{background:#f4f8fc!important;}
body.front_page{font-family:Roboto,Arial,sans-serif;color:#0f2747;}
.wide_layout{background:#f4f8fc!important;overflow-x:hidden!important;}
.secondary_page_wrapper{background:linear-gradient(180deg,#f8fbff 0%,#f1f6fb 100%)!important;padding:30px 24px 46px!important;}
#container_wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
.cn-page-row{display:flex!important;gap:24px!important;align-items:flex-start!important;width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;}
.cn-left-sidebar{flex:0 0 320px!important;width:320px!important;min-width:320px!important;max-width:320px!important;float:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
.cn-main-content{flex:1 1 auto!important;width:auto!important;max-width:calc(100% - 348px)!important;min-width:0!important;float:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;box-sizing:border-box!important;}
.cn-left-sidebar .cn-sidebar-box{width:100%!important;max-width:320px!important;margin:0!important;}
.cn-left-sidebar .cn-sidebar-card-main{width:100%!important;max-width:320px!important;}
#footer{margin-top:0!important;}
@media(max-width:1200px){.cn-page-row{gap:20px!important}.cn-left-sidebar{flex-basis:300px!important;width:300px!important;min-width:300px!important;max-width:300px!important}.cn-main-content{max-width:calc(100% - 320px)!important}}
@media(max-width:900px){.cn-page-row{display:block!important}.cn-left-sidebar{width:100%!important;max-width:100%!important;min-width:0!important;margin-bottom:20px!important}.cn-left-sidebar .cn-sidebar-box,.cn-left-sidebar .cn-sidebar-card-main{max-width:100%!important}.cn-main-content{max-width:100%!important;width:100%!important}}

/* Ajustes finales Computo Nacional - base correcta y espacios */
.cn-modern-header{margin:0!important;}
.cn-modern-header .bottom_part{padding-top:18px!important;padding-bottom:16px!important;}
#main_navigation_wrap.cn-main-nav{margin:0!important;}
.secondary_page_wrapper{padding-top:18px!important;}
.cn-page-row{gap:24px!important;}
.cn-left-sidebar{flex:0 0 320px!important;width:320px!important;max-width:320px!important;min-width:320px!important;}
.cn-main-content{max-width:calc(100% - 344px)!important;}
@media(max-width:900px){.cn-left-sidebar,.cn-main-content{width:100%!important;max-width:100%!important;min-width:0!important;}.cn-main-content{max-width:100%!important;}}

/* ===== Ajuste filtros laterales: subcategorias y marcas ===== */
.cn-filters-wrap{width:100%;max-width:300px;margin:0 auto 22px;font-family:Roboto,Arial,sans-serif;color:#1d2d44;}
.cn-filter-title{font-size:22px;line-height:1.15;font-weight:800;color:#1d2d44;margin:0 0 8px;letter-spacing:-.3px;}
.cn-filter-actions{font-size:15px;font-weight:700;margin:0 0 12px;color:#59677a;}
.cn-filter-actions a{color:#006fae;text-decoration:none;font-weight:800;}
.cn-filter-card{background:#fff;border:1px solid #dce5ef;border-radius:4px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03);}
.cn-filter-list{list-style:none;margin:0;padding:12px 18px;}
.cn-filter-group-title{display:block;font-size:14px;font-weight:800;color:#0060a8;margin:6px 0 10px;line-height:1.35;}
.cn-filter-item{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;line-height:1.35;}
.cn-filter-item input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:17px;height:17px;min-width:17px;margin:1px 0 0;border:1px solid #b8c6d6;border-radius:3px;background:#fff;position:relative;cursor:pointer;}
.cn-filter-item input[type="checkbox"]:checked{background:#4c8ff7;border-color:#4c8ff7;}
.cn-filter-item input[type="checkbox"]:checked::after{content:'✓';position:absolute;left:2px;top:-3px;font-size:16px;line-height:17px;color:#fff;font-weight:900;}
.cn-filter-item label{font-size:14px;font-weight:600;color:#606d7c;cursor:pointer;margin:0;line-height:1.45;}
.cn-filter-footer{padding:16px 18px;background:#fff;border-top:1px solid #e2e8f0;}
.cn-filter-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#003b78;color:#fff;border:0;border-radius:0;padding:12px 20px;font-size:17px;font-weight:800;line-height:1;min-width:136px;cursor:pointer;}
.cn-filter-submit.cn-green{background:#39bf20;}

/* =========================================================
   COMPUTO NACIONAL - ESTANDARIZACION GENERAL DE COLORES
   ========================================================= */
:root{
  --cn-primary:#073b78;
  --cn-primary-dark:#052f63;
  --cn-secondary:#005eb8;
  --cn-bg:#f4f8fc;
  --cn-surface:#ffffff;
  --cn-border:#dce6f2;
  --cn-text:#10233f;
  --cn-muted:#66758a;
  --cn-success:#16b34f;
  --cn-warning:#ff8a00;
}
html,body,.wide_layout{background:var(--cn-bg)!important;color:var(--cn-text)!important;}
a{color:var(--cn-primary);}
a:hover{color:var(--cn-secondary);}
.secondary_page_wrapper{background:linear-gradient(180deg,#f8fbff 0%,#f1f6fb 100%)!important;}
.cn-store-header{background:var(--cn-primary)!important;}
.cn-store-cats{background:#edf4ff!important;color:var(--cn-primary)!important;}
.cn-store-whatsapp,.cn-filter-submit.cn-green{background:var(--cn-success)!important;}
.cn-left-sidebar .cn-sidebar-card-main,
.cn-sidebar-box,
.cn-filter-card,
#cn-catalog .cn-card,
#cn-catalog .cn-header{border-color:var(--cn-border)!important;}
.cn-filter-title,#cn-catalog .cn-header h2,#cn-catalog .cn-title h2{color:var(--cn-primary)!important;}
.cn-filter-group-title,.cn-filter-actions a{color:var(--cn-secondary)!important;}
.cn-filter-submit{background:var(--cn-primary)!important;border-radius:6px!important;}
.cn-filter-submit:hover{background:var(--cn-secondary)!important;}
.cn-filter-submit.cn-green:hover{background:#0f9e43!important;}
.cn-filter-item input[type="checkbox"]:checked{background:var(--cn-secondary)!important;border-color:var(--cn-secondary)!important;}
/* Layout categoria/productos */
.cn-section-products{padding:0!important;margin:0!important;}
.cn-main-content{min-height:0!important;}
@media(min-width:901px){
  .cn-page-row{align-items:flex-start!important;}
  .cn-left-sidebar{flex:0 0 300px!important;width:300px!important;min-width:300px!important;max-width:300px!important;}
  .cn-main-content{max-width:calc(100% - 324px)!important;}
}
/* Reduce texto gigante heredado en filtros */
.cn-filters-wrap{max-width:300px!important;}
.cn-filter-title{font-size:22px!important;}
.cn-filter-item label{font-size:14px!important;}
/* Ocultar alertas antiguas de layout que quedan vacias */
.section_offset:empty{display:none!important;}

/* Ajuste logo y espacio footer 2026 */
.cn-store-logo img,.cn-footer-logo{filter:none!important;background:transparent!important;}
.secondary_page_wrapper{padding-bottom:12px!important;}
#container_wrapper{padding-bottom:0!important;}
.cn-main-content{min-height:0!important;}