/*<style>*/
        :root{
            --primary:#8a84d6;
            --primary-light:#eef2ff;
            --secondary:#ffc600;
            --azul:#2d2d93;
            --bg:#f8f5f0;
            --bg2:#f1f5f9;
            --danger:#ef142b
            }

            body{background:var(--bg);font-family:Inter,sans-serif}

            /* HEADER */
            .main-header{
            background:var(--azul);
            color:#fff;
            /*padding:50px 20px 80px;*/
            text-align:center;
            position: relative;
            /*clip-path:ellipse(150% 100% at 50% 0%)*/
            }
            .header-logo{
            max-height: 40px; 
            width: auto; 
            height: auto;
            margin-right: 35px;
            }
            /* ACORDEÓN */
            .accordion-item{border:0;margin-bottom:12px}

            .accordion-button{
            background:#fff;
            color:var(--azul);
            font-weight:800;
            text-transform:uppercase;
            border-radius:12px;
            border-left:5px solid var(--primary);
            padding:18px
            }

            .accordion-button:not(.collapsed){
            border-bottom:1px solid #eee;
            border-radius:12px 12px 0 0
            }

            .accordion-body{
            background:#fff;
            border-radius:0 0 12px 12px;
            padding:20px
            }

            /* DOCUMENTOS */
            .doc-card{
            background:var(--bg2);
            border-radius:10px;
            padding:14px 18px;
            margin-bottom:10px;
            /*border:1px solid #e5e7eb*/
            }

            .fase-badge{
            font-size:.7rem;
            font-weight:800;
            background:var(--primary-light);
            color:var(--primary);
            padding:2px 8px;
            border-radius:50px
            }
            /* COLORES POR FASE */
            .fase-1 { background:#e5e7eb; color:#374151 }   /* gris */
            .fase-2 { background:#dbeafe; color:#1d4ed8 }   /* azul */
            .fase-3 { background:#ede9fe; color:#6d28d9 }   /* morado */
            .fase-4 { background:#dcfce7; color:#166534 }   /* verde */

            .btn-download{
            background:var(--secondary);
            color:#000;
            padding:6px 14px;
            border-radius:8px;
            text-decoration:none;
            font-size:.85rem;
            font-weight:600
            }

            /* NAV */
            .nav-pills-container{
            margin-top:40px;
            padding:6px;
            background:#fff;
            border-radius:40px;
            display:inline-flex
            }

            .nav-pills .nav-link{
            color:var(--azul);
            font-weight:600;
            font-size:.85rem;
            border-radius:40px;
            padding:8px 18px;
            background:0
            }

            .nav-pills .nav-link:hover{
            background:var(--primary-light);
            color:var(--primary)
            }

            .nav-pills .nav-link.active{
            background:var(--secondary);
            color:#000000
            }

            /* FOOTER */
            .footer-moderno{
            /*background:linear-gradient(135deg,var(--primary),var(--azul));*/
            background:var(--azul);
            color:#fff;
            padding:18px 0;
            width:100%;
            font-size:14px;
            border-top: 4px solid var(--secondary);
            }

            /* MODAL */
            .modal-epic .modal-content{
            background:hsla(300, 2%, 17%, 0.90);
            border-radius:20px;
            overflow:hidden
            }

            .status-badge{
            display:inline-block;
            padding:6px 16px;
            border-radius:40px;
            font-weight:600;
            font-size:.75rem;
            margin-bottom:12px
            }

            .badge-active{background:#22c55e;color:#fff}
            .badge-closed{background:#ef4444;color:#fff}

            .img-hover-zoom{border-radius:12px}

            .gradient-text{
            background:linear-gradient(90deg,#fff,#94a3b8);
            -webkit-background-clip:text;
            -webkit-text-fill-color:transparent;
            font-weight:800
            }
            .logo-wrapper {
                position: absolute;
                left: 20px; /* Lo pega a la derecha */
                top: 50%;
                transform: translateY(-50%); /* Centrado vertical respecto al header */
                z-index: 1;
            }
            .header-flex {
                width: 100%;
                position: relative; /* Contenedor de referencia */
            }
            .btn-reabrir-visible {
                display: flex !important;
                align-items: center;
                justify-content: center;
                font-size: 24px;
            }
            /* MOBILE */
            @media(max-width:576px){
                .modal-dialog{margin:10px}
                #btn-reabrir{
                width:20px;height:20px;font-size:18px;
                bottom:15px;right:15px
                }
                .logo-wrapper {
                    position: static;
                    transform: none;
                    margin-top: 20px;
                }
                .header-logo{
                    max-height: 30px;
                }
            }
    /*</style>*/