@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap'); /* OZONO3 DISENO: fuente */
.block__install {
    display: none;
}
@media (max-width: 768px) {
    .block__install {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 999999;
        background: #fff;
        padding: 15px;
        box-shadow: 10px 5px 5px black;
    }
    .block__install .inner {
        display: flex;
        align-items: center;
    }
    .block__install .inner .close {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
    .block__install .inner .close img {
        width: 32px;
        height: 32px;
    }
    .block__install .inner .logo {
        width: 48px;
    }
    .block__install .inner .logo img {
        width: 42px;
        border-radius: 2px;
    }
    .block__install .inner .name {
        padding-left: 10px;
    }
    .block__install .inner .name span {
        display: block;
    }
    .block__install .inner .name span.title {
        font-size: 1.125rem;
        line-height: 1;
        font-weight: 600;
    }
    .block__install .inner .cta {
        margin-left: auto;
    }
    .block__install.is-active {
        display: block;
    }
}

@media (max-width: 480px){
    .page-header.navbar .top-menu {

        clear: none!important;
    }
}

/* ===== OZONO3 DISENO NUEVO (04/10/2026) - inicio ===== */
:root{--o3-accent: #0ea5c6;--o3-accent-dark: #0b7f99;--o3-accent-soft: #e6f6fa;--o3-ink: #0f172a;--o3-text: #334155;--o3-muted: #64748b;--o3-line: #e2e8f0;--o3-bg: #f4f7fb;--o3-card: #ffffff;--o3-side: #0f1b2d;--o3-side-2: #16263d;--o3-radius: 12px;--o3-shadow: 0 1px 2px rgba(15,23,42,.04),0 4px 16px rgba(15,23,42,.06);}
body,.page-content,h1,h2,h3,h4,h5,h6,input,select,textarea,button,.btn,.form-control,table,.dataTables_wrapper,.page-sidebar-menu,.nav-tabs>li>a{font-family: 'Roboto','Segoe UI',system-ui,sans-serif !important;}
body{background: var(--o3-bg) !important;color: var(--o3-text) !important;-webkit-font-smoothing: antialiased;}
a{color: var(--o3-accent-dark);}
a:hover{color: var(--o3-accent);text-decoration: none;}
body.login{min-height: 100vh;background: radial-gradient(circle at 15% 20%,rgba(14,165,198,.35) 0,transparent 40%),radial-gradient(circle at 85% 80%,rgba(34,197,94,.22) 0,transparent 45%),linear-gradient(135deg,#0b1626 0%,#13263f 55%,#0e3a4f 100%) !important;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 24px 16px;}
body.login::before,body.login::after{content: "";position: fixed;border-radius: 50%;border: 2px solid rgba(255,255,255,.08);pointer-events: none;}
body.login::before{width: 420px;height: 420px;top: -120px;right: -100px;}
body.login::after{width: 260px;height: 260px;bottom: -80px;left: -60px;border-color: rgba(14,165,198,.25);}
body.login .logo{margin: 0 0 22px !important;padding: 0 !important;text-align: center;}
body.login .logo img{max-height: 64px;width: auto;filter: brightness(0) invert(1);opacity: .95;}
body.login .content{width: 100% !important;max-width: 400px !important;margin: 0 !important;background: rgba(255,255,255,.97) !important;border-radius: 20px !important;padding: 36px 34px 28px !important;box-shadow: 0 20px 60px rgba(0,0,0,.35) !important;backdrop-filter: blur(8px);}
body.login .content h3,body.login .form-title{color: var(--o3-ink) !important;font-size: 22px !important;font-weight: 700 !important;text-align: left !important;margin: 0 0 6px !important;}
body.login .login-form .form-title::after{content: "Accede a la gesti\0000f3n de expedientes";display: block;font-size: 13.5px;font-weight: 400;color: var(--o3-muted);margin-top: 6px;}
body.login .content .form-control{height: 48px !important;border-radius: 10px !important;background: #f8fafc !important;border: 1.5px solid var(--o3-line) !important;font-size: 15px !important;color: var(--o3-ink) !important;padding: 0 14px !important;transition: border-color .15s,box-shadow .15s,background .15s;}
body.login .content .form-control:focus{background: #fff !important;border-color: var(--o3-accent) !important;box-shadow: 0 0 0 4px rgba(14,165,198,.15) !important;outline: none;}
body.login .content .form-actions{border: 0 !important;padding: 8px 0 0 !important;margin: 0 !important;display: flex;flex-direction: column;gap: 14px;align-items: stretch;}
body.login .content .form-actions br{display: none;}
body.login .content .form-actions .btn.green,body.login .content .form-actions .btn-success{width: 100%;height: 48px;border: 0 !important;border-radius: 10px !important;background: linear-gradient(135deg,var(--o3-accent),var(--o3-accent-dark)) !important;color: #fff !important;font-weight: 600 !important;font-size: 15px !important;letter-spacing: .3px;box-shadow: 0 6px 18px rgba(14,165,198,.35);transition: transform .1s,box-shadow .15s;float: none !important;}
body.login .content .form-actions .btn.green:hover{transform: translateY(-1px);box-shadow: 0 10px 24px rgba(14,165,198,.45);}
body.login .content .forget-password{float: none !important;margin: 0 !important;text-align: center;font-size: 13.5px !important;color: var(--o3-muted) !important;}
body.login .content .forget-password:hover{color: var(--o3-accent-dark) !important;}
body.login .copyright{background: transparent !important;color: rgba(255,255,255,.55) !important;margin-top: 22px !important;padding: 0 !important;font-size: 12.5px;}
.page-header.navbar{background: #fff !important;box-shadow: 0 1px 0 var(--o3-line),0 2px 10px rgba(15,23,42,.04) !important;}
.page-header.navbar .page-logo{background: var(--o3-side) !important;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle,.page-header.navbar .top-menu .navbar-nav>li.dropdown .username{color: var(--o3-ink) !important;font-weight: 500;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover,.page-header.navbar .top-menu .navbar-nav>li.dropdown.open>.dropdown-toggle{background: var(--o3-bg) !important;}
.page-header.navbar .menu-toggler.sidebar-toggler>span,.page-header.navbar .menu-toggler.sidebar-toggler>span::before,.page-header.navbar .menu-toggler.sidebar-toggler>span::after{background: #94a3b8 !important;}
.page-sidebar,.page-sidebar-wrapper,.page-container{background: var(--o3-side) !important;}
.page-sidebar .page-sidebar-menu>li>a{border: 0 !important;margin: 3px 12px !important;border-radius: 10px !important;padding: 11px 14px !important;color: #b6c2d3 !important;font-size: 14px !important;transition: background .15s,color .15s;}
.page-sidebar .page-sidebar-menu>li>a>i{color: #7d8ea6 !important;}
.page-sidebar .page-sidebar-menu>li:hover>a,.page-sidebar .page-sidebar-menu>li.open>a{background: var(--o3-side-2) !important;color: #fff !important;}
.page-sidebar .page-sidebar-menu>li.active>a,.page-sidebar .page-sidebar-menu>li.active.open>a{background: linear-gradient(135deg,var(--o3-accent),var(--o3-accent-dark)) !important;color: #fff !important;box-shadow: 0 6px 16px rgba(14,165,198,.3);}
.page-sidebar .page-sidebar-menu>li.active>a>i,.page-sidebar .page-sidebar-menu>li:hover>a>i{color: #fff !important;}
.page-sidebar .page-sidebar-menu>li.active>a>.selected{display: none !important;}
.page-sidebar .page-sidebar-menu>li.heading>h3{color: #5b6b82 !important;font-size: 11px !important;letter-spacing: 1.2px;font-weight: 600 !important;padding-left: 26px !important;}
.page-sidebar .page-sidebar-menu .sub-menu{background: transparent !important;}
.page-sidebar .page-sidebar-menu .sub-menu>li>a{color: #9fb0c6 !important;border-radius: 8px;margin: 1px 12px 1px 22px;}
.page-sidebar .page-sidebar-menu .sub-menu>li>a:hover,.page-sidebar .page-sidebar-menu .sub-menu>li.active>a{background: var(--o3-side-2) !important;color: #fff !important;}
.page-content-wrapper .page-content{background: var(--o3-bg) !important;border: 0 !important;padding-top: 20px !important;}
.page-bar{background: transparent !important;border: 0 !important;padding: 0 0 6px !important;margin-bottom: 14px !important;}
.page-bar .page-breadcrumb>li>a,.page-bar .page-breadcrumb>li>span{color: var(--o3-muted) !important;font-size: 13px;}
.page-bar .page-breadcrumb>li:last-child>a,.page-bar .page-breadcrumb>li:last-child>span{color: var(--o3-accent-dark) !important;font-weight: 600;}
.portlet.light,.portlet.light.bordered{background: var(--o3-card) !important;border: 1px solid var(--o3-line) !important;border-radius: var(--o3-radius) !important;box-shadow: var(--o3-shadow) !important;padding: 18px 22px 22px !important;}
.portlet.light>.portlet-title{border-bottom: 1px solid var(--o3-line) !important;margin-bottom: 18px !important;}
.portlet>.portlet-title>.caption .caption-subject{color: var(--o3-ink) !important;font-size: 18px !important;font-weight: 700 !important;text-transform: none !important;letter-spacing: -.2px;}
.portlet>.portlet-title>.caption>i{color: var(--o3-accent) !important;background: var(--o3-accent-soft);width: 34px;height: 34px;line-height: 34px !important;text-align: center;border-radius: 9px;margin-right: 8px;font-size: 15px !important;}
.table-toolbar,.dataTables_wrapper .row:first-child,.portlet .bg-blue,.portlet .blue,.dataTables_wrapper .dt-buttons{background: transparent !important;}
.dataTables_wrapper>.row:first-child,.dt-buttons{border-radius: 10px;}
[class*="bg-blue"]:has(>.dt-buttons),.col-md-12:has(>.dt-buttons){background: transparent !important;}
.dt-buttons .btn,.dt-button{background: #fff !important;border: 1px solid var(--o3-line) !important;color: var(--o3-text) !important;border-radius: 8px !important;font-size: 12.5px !important;font-weight: 500 !important;margin-left: 6px !important;padding: 6px 12px !important;box-shadow: none !important;}
.dt-buttons .btn:hover{border-color: var(--o3-accent) !important;color: var(--o3-accent-dark) !important;}
table.table,table.dataTable{border-collapse: separate !important;border-spacing: 0 !important;border: 1px solid var(--o3-line) !important;border-radius: 10px !important;overflow: hidden;}
table.table>thead>tr>th,table.dataTable thead th{background: #f8fafc !important;color: var(--o3-muted) !important;font-size: 12px !important;text-transform: uppercase;letter-spacing: .5px;font-weight: 600 !important;border: 0 !important;border-bottom: 1px solid var(--o3-line) !important;padding: 12px 14px !important;}
table.table>tbody>tr>td,table.dataTable tbody td{border: 0 !important;border-bottom: 1px solid #eef2f6 !important;padding: 12px 14px !important;color: var(--o3-text) !important;vertical-align: middle !important;font-size: 13.5px;}
table.table-striped>tbody>tr:nth-of-type(odd){background: #fff !important;}
table.table-striped>tbody>tr:nth-of-type(even){background: #fbfcfe !important;}
table.table-hover>tbody>tr:hover,table.dataTable tbody tr:hover{background: var(--o3-accent-soft) !important;}
table.dataTable tbody td a{color: var(--o3-accent-dark) !important;font-weight: 600;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before{background: var(--o3-accent) !important;box-shadow: none !important;border: 0 !important;}
.dataTables_wrapper .dataTables_length select,.dataTables_wrapper .dataTables_filter input{border-radius: 8px !important;border: 1px solid var(--o3-line) !important;height: 36px !important;box-shadow: none !important;}
.dataTables_wrapper .dataTables_filter input{min-width: 240px;padding: 0 12px !important;}
.dataTables_wrapper .dataTables_filter input:focus{border-color: var(--o3-accent) !important;box-shadow: 0 0 0 3px rgba(14,165,198,.15) !important;}
.dataTables_info{color: var(--o3-muted) !important;font-size: 13px;}
.pagination>li>a,.pagination>li>span{border: 0 !important;border-radius: 8px !important;margin: 0 2px;color: var(--o3-text) !important;min-width: 34px;text-align: center;}
.pagination>li>a:hover{background: var(--o3-accent-soft) !important;}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>span{background: var(--o3-accent) !important;color: #fff !important;}
.nav-tabs{border: 0 !important;background: #eef2f7;padding: 5px !important;border-radius: 12px;display: inline-flex;flex-wrap: wrap;gap: 4px;margin-bottom: 18px !important;}
.nav-tabs>li{margin: 0 !important;float: none !important;}
.nav-tabs>li>a{border: 0 !important;border-radius: 9px !important;margin: 0 !important;color: var(--o3-muted) !important;font-weight: 500;padding: 9px 16px !important;}
.nav-tabs>li>a:hover{background: rgba(255,255,255,.7) !important;color: var(--o3-ink) !important;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background: #fff !important;color: var(--o3-accent-dark) !important;font-weight: 600;box-shadow: 0 1px 3px rgba(15,23,42,.1);}
.tab-content,.tab-pane,.tab-content>.tab-pane>.portlet,.form .form-body,.tab-content .form{background: transparent !important;}
.tab-content{border: 1px solid var(--o3-line);border-radius: var(--o3-radius);padding: 8px 22px 20px;background: #fff !important;}
h3.form-section,.form-section,.tab-pane h3{color: var(--o3-ink) !important;font-size: 17px !important;font-weight: 700 !important;border-bottom: 1px solid var(--o3-line) !important;padding-bottom: 10px !important;margin: 26px 0 20px !important;}
.control-label{color: var(--o3-muted) !important;font-weight: 500 !important;font-size: 13.5px;}
.form-control,select.form-control,.select2-container--bootstrap .select2-selection{border-radius: 9px !important;border: 1.5px solid var(--o3-line) !important;height: 40px;background: #fff !important;color: var(--o3-ink) !important;box-shadow: none !important;transition: border-color .15s,box-shadow .15s;}
textarea.form-control{height: auto;}
.form-control:focus{border-color: var(--o3-accent) !important;box-shadow: 0 0 0 4px rgba(14,165,198,.13) !important;}
.form-control[readonly],.form-control[disabled]{background: #f8fafc !important;color: var(--o3-muted) !important;}
.input-group-addon{background: #f8fafc !important;border: 1.5px solid var(--o3-line) !important;color: var(--o3-muted) !important;border-radius: 9px 0 0 9px !important;border-right: 0 !important;}
.input-group .input-group-addon + .form-control{border-radius: 0 9px 9px 0 !important;}
.required{color: #ef4444 !important;}
input[type=radio],input[type=checkbox]{accent-color: var(--o3-accent);}
.form-actions{background: transparent !important;border-top: 1px solid var(--o3-line) !important;}
.btn{border-radius: 9px !important;font-weight: 600 !important;transition: all .15s;}
.btn.green,.btn.blue,.btn-primary,.btn.btn-success,.btn.green-haze,.btn.blue-sharp,input.btn[type=submit]{background: linear-gradient(135deg,var(--o3-accent),var(--o3-accent-dark)) !important;border: 0 !important;color: #fff !important;padding: 9px 20px !important;box-shadow: 0 4px 12px rgba(14,165,198,.28) !important;}
.btn.green:hover,.btn.blue:hover,.btn-primary:hover,.btn-success:hover{transform: translateY(-1px);box-shadow: 0 8px 18px rgba(14,165,198,.36) !important;}
.btn.red,.btn-danger{background: #ef4444 !important;border: 0 !important;color: #fff !important;}
.btn-outline,.btn.btn-circle,.btn.default{background: #fff !important;border: 1px solid var(--o3-line) !important;color: var(--o3-text) !important;}
.btn-outline:hover,.btn.btn-circle:hover,.btn.default:hover{border-color: var(--o3-accent) !important;color: var(--o3-accent-dark) !important;}
.btn.btn-circle{border-radius: 999px !important;padding: 6px 16px !important;}
.dropzone{border: 2px dashed #b9dfe9 !important;border-radius: var(--o3-radius) !important;background: var(--o3-accent-soft) !important;}
.cbp-item img,.portfolio-content img{border-radius: 10px;}
.modal-content{border-radius: 16px !important;border: 0 !important;box-shadow: 0 24px 60px rgba(15,23,42,.25) !important;}
.modal-header{border-bottom: 1px solid var(--o3-line) !important;}
.alert{border-radius: 10px !important;border: 0 !important;}
.dropdown-menu{border-radius: 12px !important;border: 1px solid var(--o3-line) !important;box-shadow: var(--o3-shadow) !important;}
.page-footer,.page-footer .page-footer-inner{color: var(--o3-muted) !important;background: transparent !important;}
.nav-pills{background:#eef2f7;padding:5px !important;border-radius:12px;display:inline-flex;flex-wrap:wrap;gap:4px;margin-bottom:18px !important;}
.nav-pills>li{margin:0 !important;float:none !important;}
.nav-pills>li>a{border-radius:9px !important;margin:0 !important;color:var(--o3-muted) !important;font-weight:500;padding:9px 16px !important;background:transparent !important;}
.nav-pills>li>a:hover{background:rgba(255,255,255,.7) !important;color:var(--o3-ink) !important;}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background:#fff !important;color:var(--o3-accent-dark) !important;font-weight:600;box-shadow:0 1px 3px rgba(15,23,42,.12);}
.tab-content{border:0 !important;padding:0 !important;background:transparent !important;}
.tab-content .portlet.light,.portlet .portlet.light,.portlet.light.bg-inverse{box-shadow:none !important;border:0 !important;padding:0 4px !important;background:transparent !important;}
.page-content>.page-bar{padding-left:2px !important;}
.portlet>.portlet-title>.caption{display:flex;align-items:center;}
.page-sidebar .page-sidebar-menu>li>a{display:flex !important;align-items:center;gap:8px;}
.page-sidebar .page-sidebar-menu>li>a>.arrow{margin-left:auto;}
.page-sidebar .page-sidebar-menu>li>a>.arrow::before{color:inherit !important;}
.page-content>.page-bar{margin:-6px 0 14px !important;padding-left:0 !important;}
.page-sidebar .page-sidebar-menu>li>a>.title{flex:1;}
.portlet.box.blue{border:0 !important;background:transparent !important;}
.portlet.box.blue>.portlet-title{background:transparent !important;border:0 !important;min-height:0 !important;padding:0 0 10px !important;}
.portlet.box>.portlet-body{border:0 !important;padding:0 !important;background:transparent !important;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child{padding-left:36px !important;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before{top:50% !important;transform:translateY(-50%);left:10px !important;}
.table-scrollable{overflow-x:hidden !important;margin:0 !important;border:0 !important;}
.table-scrollable>.table{margin:0 !important;}
.page-sidebar .page-sidebar-menu>li>a{position:relative;padding-left:12px !important;padding-right:30px !important;font-size:13.5px !important;}
.page-sidebar .page-sidebar-menu>li>a>.arrow::before{position:absolute !important;right:12px !important;top:50% !important;transform:translateY(-50%);margin:0 !important;float:none !important;}
.page-sidebar .page-sidebar-menu>li.open>a>.arrow::before{transform:translateY(-50%) rotate(-90deg);}
body.login .login-form .form-title{margin-bottom:22px !important;}
body.login .copyright{width:100% !important;text-align:center !important;}
body.login .content .form-group{margin-bottom:14px !important;}
body.login .content .forget-form .form-actions{flex-direction:row-reverse;}
body.login .content .forget-form .form-actions .btn{width:auto;flex:1;}
/* MENU LATERAL CON FONDO DEGRADADO (04/10/2026) */
html body .page-container,html body .page-header.navbar .page-logo{background:radial-gradient(circle 260px at 40px 160px,rgba(14,165,198,.40) 0,transparent 100%),radial-gradient(circle 300px at 220px 95%,rgba(34,197,94,.25) 0,transparent 100%),linear-gradient(160deg,#0b1626 0%,#13263f 55%,#0e3a4f 100%) !important;background-attachment:fixed !important;}
html body .page-sidebar,html body .page-sidebar-wrapper{background:transparent !important;}
html body .page-sidebar .page-sidebar-menu>li:hover>a,html body .page-sidebar .page-sidebar-menu>li.open>a{background:rgba(255,255,255,.08) !important;}
html body .page-sidebar .page-sidebar-menu>li>a{color:#d3dce8 !important;}
html body .page-sidebar .page-sidebar-menu>li>a>i{color:#9fb3c8 !important;}
html body .page-sidebar .page-sidebar-menu>li.active>a,html body .page-sidebar .page-sidebar-menu>li.active>a>i{color:#fff !important;}
/* FUENTES COMO LAS WEBS (Poppins titulos / Roboto textos) 04/10/2026 */
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body .caption-subject,html body .form-title,html body .form-section,html body .btn,html body button,html body input[type=submit],html body .page-sidebar-menu>li>a,html body .page-sidebar-menu .heading h3,html body .nav-pills>li>a,html body .nav-tabs>li>a,html body table.dataTable thead th,html body table.table>thead>tr>th,html body .page-breadcrumb,html body .pagination>li>a,html body .page-header .username{font-family:'Poppins','Segoe UI',system-ui,sans-serif !important;}
/* ZONA CENTRAL CON COLOR SUAVE (azul O3) 04/10/2026 */
html body .page-content-wrapper .page-content{background:radial-gradient(circle 500px at 100% 0%,rgba(14,165,198,.16) 0,transparent 100%),linear-gradient(180deg,#e2f0f6 0%,#edf5f9 60%,#e6f1f6 100%) !important;background-attachment:fixed !important;}
html body table.table>thead>tr>th,html body table.dataTable thead th{background:#e8f4f8 !important;color:#2f5f72 !important;}
html body table.table-striped>tbody>tr:nth-of-type(even){background:#f5fafc !important;}
html body table.dataTable tbody tr>.sorting_1,html body table.dataTable tbody tr>.sorting_2{background:transparent !important;}
html body .portlet.light.bordered{border-color:#d6e8f0 !important;box-shadow:0 2px 6px rgba(14,90,120,.06),0 10px 30px rgba(14,90,120,.08) !important;}
/* PESTANAS DE LA FICHA REDONDEADAS (azul O3) 04/10/2026 */
html body .nav-pills{background:#d4ebf3 !important;border-radius:999px !important;padding:6px !important;box-shadow:inset 0 1px 2px rgba(14,90,120,.08);}
html body .nav-pills>li>a{border-radius:999px !important;color:#2f5f72 !important;padding:9px 18px !important;}
html body .nav-pills>li>a:hover{background:rgba(255,255,255,.6) !important;color:#0b4a5e !important;}
html body .nav-pills>li.active>a,html body .nav-pills>li.active>a:hover,html body .nav-pills>li.active>a:focus{background:linear-gradient(135deg,#0ea5c6,#0b7f99) !important;color:#fff !important;box-shadow:0 4px 12px rgba(14,165,198,.3) !important;}
/* FONDO SUTIL DE LA FICHA (azul O3) 04/10/2026 */
html body .portlet.light.bordered:has(.nav-pills){background:radial-gradient(circle 420px at 100% 0%,rgba(14,165,198,.12),transparent 70%),radial-gradient(circle 380px at 0% 100%,rgba(34,197,94,.08),transparent 70%),radial-gradient(rgba(14,165,198,.10) 1px,transparent 1.3px) 0 0/18px 18px,linear-gradient(180deg,#fbfdfe,#f2f8fb) !important;}
html body .portlet.light.bordered:has(.nav-pills) h3.form-section,html body .portlet.light.bordered:has(.nav-pills) .tab-pane h3{border-bottom:2px solid rgba(14,165,198,.25) !important;padding-left:12px !important;position:relative;}
html body .portlet.light.bordered:has(.nav-pills) h3.form-section::before,html body .portlet.light.bordered:has(.nav-pills) .tab-pane h3::before{content:"";position:absolute;left:0;top:3px;bottom:12px;width:4px;border-radius:4px;background:linear-gradient(180deg,#0ea5c6,#0b7f99);}
/* ===== OZONO3 DISENO NUEVO - fin ===== */


/* NAV-PILLS ANCHO: barra de pestañas a todo el ancho (04/10/2026) */
html body .nav-pills { display: flex !important; width: 100% !important; }
html body .nav-pills > li { flex: 1 1 auto; float: none !important; }
html body .nav-pills > li > a { text-align: center; white-space: nowrap; }