/* Estilos extra?dos de vistas Blade. Mantener aqu? el CSS de p?ginas y componentes. */

/* App/index.blade.php */

.card-title-sm {
        font-size: 0.89rem;
        line-height: 1rem;
    }

/* ConsultaFracciones/index.blade.php */

.cf-page {
   padding: 32px 0 48px;
   }
   .cf-page > .container {
   width: min(96%, 1680px);
   max-width: none;
   }
   .cf-tree,
   .cf-nested-accordion {
   width: 100%;
   }
   .cf-chapter-card {
   margin-bottom: 16px;
   border-radius: 18px;
   background: #ffffff;
   box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
   overflow: hidden;
   }
   .cf-partidas-wrap {
   padding: 0 20px 20px;
   }
   .cf-subpartidas-wrap {
   padding-top: 14px;
   }
   .cf-partida-card {
   margin-top: 16px;
   padding: 0;
   background: #f8fafc;
   border: 1px solid #e9eef5;
   border-radius: 16px;
   overflow: hidden;
   }
   .cf-subpartida-card {
   margin-top: 14px;
   padding: 0;
   background: #ffffff;
   border: 1px solid #e9eef5;
   border-radius: 14px;
   overflow: hidden;
   }
   .cf-accordion-toggle {
   width: 100%;
   border: 0;
   outline: 0 !important;
   text-align: left;
   cursor: pointer;
   box-shadow: none !important;
   }
   .cf-accordion-toggle:focus,
   .cf-accordion-toggle:active {
   outline: 0 !important;
   box-shadow: none !important;
   }
   .cf-chapter-header,
   .cf-partida-header,
   .cf-subpartida-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
   background: transparent;
   }
   .cf-chapter-header {
   padding: 18px 20px;
   background: #ffffff;
   }
   .cf-partida-header {
   padding: 18px;
   background: #f8fafc;
   }
   .cf-subpartida-header {
   padding: 16px;
   background: #ffffff;
   }
   .cf-chapter-header:hover {
   background: #f8fafc;
   }
   .cf-partida-header:hover,
   .cf-subpartida-header:hover {
   background: #f1f5f9;
   }
   .cf-chapter-header-left,
   .cf-partida-header-left,
   .cf-subpartida-header-left {
   display: flex;
   align-items: flex-start;
   gap: 14px;
   min-width: 0;
   flex: 1 1 auto;
   }
   .cf-partida-header-right,
   .cf-subpartida-header-right {
   display: flex;
   align-items: center;
   flex: 0 0 auto;
   }
   .cf-chevron {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 22px;
   min-width: 22px;
   transition: transform .22s ease;
   font-size: 24px;
   color: #334155;
   }
   .cf-accordion-toggle[aria-expanded="true"] .cf-chevron {
   transform: rotate(180deg);
   }
   .cf-accordion-panel {
   display: none;
   }
   .cf-accordion-panel.is-open {
   display: block;
   }
   .cf-subpartida-detail {
   padding: 0 16px 16px;
   }
   .cf-fracciones-list {
   margin-top: 10px;
   }
   .cf-fraccion-item {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 12px;
   padding: 12px 0;
   border-top: 1px solid #eef2f7;
   }
   .cf-fraccion-item:first-child {
   border-top: 0;
   }
   .cf-fraccion-main {
   min-width: 0;
   flex: 1 1 auto;
   }
   .cf-fraccion-actions {
   display: flex;
   align-items: center;
   gap: 8px;
   flex: 0 0 auto;
   }
   .cf-code {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 54px;
   padding: 8px 10px;
   border-radius: 10px;
   font-weight: 700;
   line-height: 1;
   }
   .cf-code-mini {
   min-width: 36px;
   padding: 6px 8px;
   font-size: 12px;
   }
   .cf-code-capitulo {
   background: #0d6efd;
   color: #fff;
   }
   .cf-code-partida {
   background: #17a2b8;
   color: #fff;
   }
   .cf-code-subpartida {
   background: #6c757d;
   color: #fff;
   }
   @media (max-width: 767.98px) {
   .cf-page {
   padding: 20px 0 32px;
   }
   .cf-chapter-header,
   .cf-partida-header,
   .cf-subpartida-header {
   padding-left: 14px;
   padding-right: 14px;
   }
   .cf-partidas-wrap {
   padding: 0 12px 12px;
   }
   .cf-subpartida-detail {
   padding: 0 14px 14px;
   }
   .cf-fraccion-item {
   flex-direction: column;
   }
   .cf-partida-header-right,
   .cf-subpartida-header-right {
   align-items: flex-start;
   }
   }

/* Exportaciones/export_history_mensual.blade.php */

.history-page{
        padding: 30px 0 60px;
        background:
            radial-gradient(circle at top right, rgba(28,126,214,.07), transparent 22%),
            linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
    }

    .history-container{
        width: 100%;
        max-width: 1540px;
        margin: 0 auto;
        padding-left: 16px;
        padding-right: 16px;
    }

    .intelcom-breadcrumb-wrap{
        margin-bottom: 18px;
    }

    .intelcom-breadcrumb{
        background: #f8fafc;
        border: 1px solid #e8eef5;
        border-radius: 14px;
        padding: 12px 18px;
        margin-bottom: 0;
    }

    .intelcom-breadcrumb .breadcrumb-item a{
        color: #0f5fd7;
        font-weight: 600;
        text-decoration: none;
    }

    .intelcom-breadcrumb .breadcrumb-item.active{
        color: #667085;
        font-weight: 600;
    }

    .page-hero{
        position: relative;
        overflow: hidden;
        background: linear-gradient(135deg, #0f2f57 0%, #145da0 55%, #1c7ed6 100%);
        border-radius: 24px;
        padding: 28px 28px;
        color: #fff;
        box-shadow: 0 18px 42px rgba(15,47,87,.16);
        margin-bottom: 18px;
    }

    .page-hero::before{
        content: "";
        position: absolute;
        top: -70px;
        right: -70px;
        width: 210px;
        height: 210px;
        border-radius: 50%;
        background: rgba(255,255,255,.08);
    }

    .page-hero::after{
        content: "";
        position: absolute;
        left: -50px;
        bottom: -60px;
        width: 170px;
        height: 170px;
        border-radius: 50%;
        background: rgba(255,255,255,.05);
    }

    .page-hero-badge{
        position: relative;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 14px;
        background: rgba(255,255,255,.14);
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 14px;
    }

    .page-hero-title{
        position: relative;
        z-index: 2;
        font-size: 1.9rem;
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 10px;
    }

    .page-hero-text{
        position: relative;
        z-index: 2;
        max-width: 980px;
        margin-bottom: 0;
        color: rgba(255,255,255,.92);
        font-size: 1rem;
        line-height: 1.75;
    }

    .panel-card{
        background: #fff;
        border: 1px solid #e8eef5;
        border-radius: 22px;
        box-shadow: 0 12px 34px rgba(15,23,42,.06);
        overflow: hidden;
        margin-bottom: 18px;
    }

    .panel-card-header{
        padding: 20px 22px 14px;
        border-bottom: 1px solid #edf2f7;
        background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
    }

    .panel-card-title{
        font-size: 1.15rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 6px;
    }

    .panel-card-text{
        font-size: 14px;
        color: #667085;
        line-height: 1.7;
        margin-bottom: 0;
    }

    .panel-card-body{
        padding: 20px 22px 22px;
    }

    .filter-grid{
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto;
        gap: 14px;
        align-items: end;
    }

    .filter-group{
        min-width: 0;
    }

    .filter-group label{
        display: block;
        font-size: 14px;
        font-weight: 700;
        color: #16324f;
        margin-bottom: 8px;
    }

    .filter-select{
        height: 48px;
        width: 100%;
        min-width: 0;
        border-radius: 14px;
        border: 1px solid #dbe6f2;
        box-shadow: none !important;
        font-size: 14px;
        color: #24415f;
        background-color: #fff;
        text-overflow: ellipsis;
    }

    .filter-select:disabled{
        color: #667085;
        background-color: #f1f5f9;
        border-color: #e2e8f0;
        opacity: 1;
        cursor: not-allowed;
    }

    .filter-select option{
        max-width: 100%;
        white-space: normal;
    }

    .filter-select:focus{
        border-color: #0f5fd7;
        box-shadow: 0 0 0 .2rem rgba(15,95,215,.12) !important;
    }

    .btn-intelcom-primary{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 48px;
        padding: 12px 18px;
        border-radius: 14px;
        border: 0;
        background: linear-gradient(135deg, #0f5fd7 0%, #1c7ed6 100%);
        color: #fff !important;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 12px 26px rgba(28,126,214,.22);
        transition: all .2s ease;
    }

    .btn-intelcom-primary:hover{
        transform: translateY(-2px);
        color: #fff !important;
    }

    .top-actions{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 14px;
    }

    .help-btn,
    .link-btn{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 12px;
        background: #fff;
        border: 1px solid #dbe6f2;
        color: #145da0 !important;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 8px 20px rgba(15,47,87,.06);
        transition: all .2s ease;
    }

    .help-btn:hover,
    .link-btn:hover{
        transform: translateY(-2px);
        background: #f5f9ff;
    }

    .help-box{
        margin-top: 14px;
        border: 1px solid #d8e8f6;
        background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 10px 24px rgba(15,47,87,.06);
    }

    .help-box-body{
        padding: 22px;
    }

    .help-box p{
        color: #516173;
        line-height: 1.75;
        margin-bottom: 12px;
    }

    .help-box p:last-child{
        margin-bottom: 0;
    }

    .help-blue{ color: #0f5fd7; }
    .help-green{ color: #198754; }
    .help-info{ color: #17a2b8; }
    .help-gray{ color: #6c757d; }

    .table-card{
        background: #fff;
        border: 1px solid #e8eef5;
        border-radius: 22px;
        box-shadow: 0 12px 34px rgba(15,23,42,.06);
        overflow: hidden;
    }

    .table-card-header{
        padding: 20px 22px 14px;
        border-bottom: 1px solid #edf2f7;
        background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
    }

    .table-card-title{
        font-size: 1.2rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 6px;
    }

    .table-card-text{
        font-size: 14px;
        color: #667085;
        line-height: 1.7;
        margin-bottom: 0;
    }

    .table-card-body{
        padding: 16px;
    }

    .table-wrap{
        border: 1px solid #e6edf6;
        border-radius: 18px;
        overflow: auto;
        background: #fff;
    }

    .history-table{
        margin-bottom: 0;
        min-width: 1200px;
    }

    .history-table thead th{
        background: linear-gradient(180deg, #123b63, #0d3b66);
        color: #fff;
        border: 0 !important;
        font-size: 13px;
        font-weight: 700;
        vertical-align: middle !important;
        text-align: center;
        white-space: nowrap;
    }

    .history-table tbody td{
        vertical-align: middle !important;
        border-color: #e7eef6;
        font-size: 14px;
    }

    .history-table tbody tr:nth-child(even){
        background: #fbfdff;
    }

    .history-table tbody tr:hover{
        background: #f2f8ff;
    }

    .product-cell{
        min-width: 320px;
    }

    .product-code{
        font-weight: 800;
        color: #16324f;
        margin-bottom: 6px;
        font-size: 15px;
    }

    .product-desc{
        color: #5f6c7b;
        line-height: 1.65;
        margin-bottom: 10px;
    }

    .product-dates{
        font-size: 13px;
        color: #667085;
        line-height: 1.65;
    }

    .product-dates .date-value{
        color: #0f5fd7;
        font-weight: 700;
    }

    .mark-success{
        color: #198754;
        font-size: 16px;
    }

    .mark-recovered{
        color: #0f5fd7;
        font-size: 16px;
    }

    .legend-row{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 14px;
    }

    .legend-chip{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 12px;
        border-radius: 999px;
        background: #f8fbff;
        border: 1px solid #dce8f7;
        color: #145da0;
        font-size: 13px;
        font-weight: 700;
    }

    .note-card{
        margin-top: 16px;
        background: #fff;
        border: 1px solid #e8eef5;
        border-radius: 20px;
        box-shadow: 0 10px 28px rgba(15,23,42,.05);
        overflow: hidden;
    }

    .note-card-body{
        padding: 18px 20px;
    }

    .note-box{
        display: flex;
        align-items: flex-start;
        gap: 12px;
        color: #506174;
        line-height: 1.75;
        background: linear-gradient(180deg, #f8fbff 0%, #f3f8fd 100%);
        border: 1px solid #dce8f7;
        border-radius: 16px;
        padding: 16px 18px;
    }

    .note-box i{
        color: #0f5fd7;
        font-size: 18px;
        margin-top: 3px;
    }

    .pagination{
        margin-bottom: 0;
    }

    .empty-state{
        border: 1px dashed #d8e3ef;
        border-radius: 18px;
        padding: 36px 20px;
        text-align: center;
        color: #667085;
        background: #fff;
    }

    .empty-state i{
        font-size: 36px;
        color: #b7c4d3;
        margin-bottom: 12px;
    }

    @media (max-width: 991.98px){
        .filter-grid{
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }
    }

    @media (max-width: 767.98px){
        .history-page{
            padding: 22px 0 46px;
        }

        .history-container{
            padding-left: 10px;
            padding-right: 10px;
        }

        .page-hero{
            padding: 24px 18px;
        }

        .page-hero-title{
            font-size: 1.45rem;
        }

        .page-hero-text,
        .panel-card-text,
        .table-card-text{
            font-size: .96rem;
        }

        .filter-grid{
            grid-template-columns: 1fr;
        }

        .top-actions{
            flex-direction: column;
            align-items: stretch;
        }

        .help-btn,
        .link-btn,
        .btn-intelcom-primary{
            width: 100%;
            justify-content: center;
        }

        .panel-card-header,
        .panel-card-body,
        .table-card-header,
        .table-card-body{
            padding-left: 16px;
            padding-right: 16px;
        }

        .product-cell{
            min-width: 260px;
        }
    }

/* Guia/guia-aprovechamiento.blade.php */

.guia-aprovechamiento {
        color: #1f2937;
    }

    .guia-hero {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(15, 23, 42, 0.06);
        border-radius: 18px;
        background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
        padding: 1.75rem;
    }

    .guia-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: .82rem;
        font-weight: 600;
        color: #0f4c81;
        background: #eaf4ff;
        border: 1px solid #d7e9fb;
        border-radius: 999px;
        padding: .45rem .85rem;
        margin-bottom: 1rem;
    }

    .guia-title {
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.15;
        margin: 0;
    }

    .guia-subtitle {
        max-width: 760px;
        color: #6b7280;
        font-size: 1rem;
        line-height: 1.7;
    }

    .guia-section-title {
        font-size: 1.15rem;
        font-weight: 700;
        margin: 0;
        color: #111827;
    }

    .guia-panel {
        background: #fff;
        border: 1px solid rgba(15, 23, 42, 0.06);
        border-radius: 18px;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.04);
        padding: 1.25rem;
    }

    .tratado-card {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 14px;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 16px;
        background: #fff;
        padding: 1rem 1rem;
        transition: .22s ease;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
        cursor: pointer;
        outline: none;
    }

    .tratado-card:hover,
    .tratado-card.is-active {
        transform: translateY(-3px);
        border-color: #cfe3f7;
        box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    }

    .tratado-card__icon {
        width: 48px;
        height: 48px;
        min-width: 48px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #eef6ff;
        color: #0f4c81;
        font-size: 1.2rem;
    }

    .tratado-card__body {
        flex: 1;
        min-width: 0;
    }

    .tratado-card__title {
        font-size: 1rem;
        font-weight: 700;
        margin: 0 0 .25rem 0;
        color: #111827;
    }

    .tratado-card__text {
        font-size: .9rem;
        color: #6b7280;
    }

    .tratado-card__arrow {
        color: #9ca3af;
        font-size: 1.1rem;
    }

    .paises-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: .75rem;
        min-height: 48px;
    }

    .pais-chip {
        border: 1px solid #dbe7f3;
        background: #fff;
        color: #1f2937;
        border-radius: 999px;
        padding: .65rem 1rem;
        font-size: .92rem;
        font-weight: 600;
        transition: .2s ease;
        cursor: pointer;
    }

    .pais-chip:hover,
    .pais-chip.is-active {
        background: #0f4c81;
        border-color: #0f4c81;
        color: #fff;
        box-shadow: 0 10px 22px rgba(15, 76, 129, 0.18);
    }

    .empty-state,
    .loading-state {
        display: flex;
        align-items: center;
        gap: .65rem;
        color: #6b7280;
        font-size: .95rem;
        padding: .25rem 0;
    }

    .detalle-card {
        background: #fff;
        border: 1px solid rgba(15, 23, 42, 0.06);
        border-radius: 20px;
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05);
        overflow: hidden;
    }

    .detalle-header {
        padding: 1.25rem 1.25rem 1rem;
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
        background: linear-gradient(135deg, #0f4c81 0%, #1f6aa5 100%);
        color: #fff;
    }

    .detalle-header h3 {
        margin: 0;
        font-size: 1.45rem;
        font-weight: 700;
    }

    .detalle-header p {
        margin: .35rem 0 0;
        opacity: .9;
        font-size: .95rem;
    }

    .detalle-body {
        padding: 1.25rem;
    }

    .nav-pills-custom {
        gap: .5rem;
    }

    .nav-pills-custom .nav-link {
        border-radius: 999px;
        border: 1px solid #dbe7f3;
        color: #334155;
        font-weight: 600;
        background: #fff;
        padding: .55rem .95rem;
    }

    .nav-pills-custom .nav-link.active,
    .nav-pills-custom .show > .nav-link {
        background: #0f4c81;
        border-color: #0f4c81;
        color: #fff;
    }

    .detalle-box {
        margin-top: 1rem;
        border: 1px solid #edf2f7;
        border-radius: 16px;
        background: #fbfdff;
        padding: 1.15rem;
        min-height: 170px;
    }

    .detalle-box h4 {
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: .75rem;
        color: #0f172a;
    }

    .detalle-box p {
        margin: 0;
        color: #4b5563;
        line-height: 1.8;
        white-space: pre-line;
    }

    .detalle-meta {
        display: flex;
        flex-wrap: wrap;
        gap: .65rem;
        margin-top: .75rem;
    }

    .detalle-meta span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #eff6ff;
        color: #0f4c81;
        border: 1px solid #d9eaff;
        border-radius: 999px;
        padding: .45rem .75rem;
        font-size: .82rem;
        font-weight: 600;
    }

    @media (max-width: 767.98px) {
        .guia-hero {
            padding: 1.25rem;
        }

        .guia-title {
            font-size: 1.6rem;
        }

        .detalle-header,
        .detalle-body,
        .guia-panel {
            padding: 1rem;
        }

        .nav-pills-custom .nav-link {
            font-size: .86rem;
            padding: .5rem .8rem;
        }
    }

/* includes/aplicaciones_intelcom.blade.php */

.aplicaciones{
        position: relative;
        padding: 85px 0 95px;
        background:
            radial-gradient(circle at top left, rgba(15, 118, 110, 0.08), transparent 34%),
            radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 28%),
            linear-gradient(180deg, #f8fafc 0%, #eef4fb 45%, #ffffff 100%);
        overflow: hidden;
    }

    .aplicaciones::before{
        content: "";
        position: absolute;
        top: -120px;
        left: -120px;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background: rgba(37, 99, 235, 0.05);
        filter: blur(30px);
        pointer-events: none;
    }

    .aplicaciones::after{
        content: "";
        position: absolute;
        right: -120px;
        bottom: -120px;
        width: 320px;
        height: 320px;
        border-radius: 50%;
        background: rgba(15, 118, 110, 0.06);
        filter: blur(36px);
        pointer-events: none;
    }

    .aplicaciones .apps-container{
        position: relative;
        z-index: 2;
        max-width: 1360px;
    }

    .aplicaciones .apps-header{
        max-width: 860px;
        margin: 0 auto 48px;
        text-align: center;
    }

    .aplicaciones .apps-badge{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 18px;
        margin-bottom: 18px;
        border-radius: 999px;
        background: rgba(255,255,255,.78);
        border: 1px solid rgba(148, 163, 184, 0.24);
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
        color: #0f172a;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .12em;
    }

    .aplicaciones .apps-badge i{
        color: #2563eb;
        font-size: 13px;
    }

    .aplicaciones .apps-title{
        margin: 0 0 14px;
        font-size: 2.45rem;
        line-height: 1.08;
        font-weight: 800;
        color: #0f172a;
        letter-spacing: -.02em;
    }

    .aplicaciones .apps-subtitle{
        margin: 0 auto;
        max-width: 700px;
        color: #64748b;
        font-size: 1.05rem;
        line-height: 1.8;
    }

    .aplicaciones .apps-grid{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
    }

    .aplicaciones .app-link{
        display: block;
        height: 100%;
        color: inherit !important;
        text-decoration: none !important;
    }

    .aplicaciones .app-card{
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: 215px;
        height: 100%;
        padding: 26px 24px 22px;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.96) 100%);
        border: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow:
            0 14px 35px rgba(15, 23, 42, 0.07),
            0 2px 10px rgba(15, 23, 42, 0.04);
        overflow: hidden;
        transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }

    .aplicaciones .app-card::before{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(145deg, rgba(37,99,235,.06), rgba(15,118,110,.03) 55%, rgba(255,255,255,0) 100%);
        opacity: 0;
        transition: opacity .28s ease;
        pointer-events: none;
    }

    .aplicaciones .app-card::after{
        content: "";
        position: absolute;
        left: 24px;
        right: 24px;
        bottom: 0;
        height: 4px;
        border-radius: 999px;
        background: linear-gradient(90deg, #2563eb 0%, #0f766e 100%);
        opacity: 0;
        transform: scaleX(.35);
        transform-origin: center;
        transition: opacity .28s ease, transform .28s ease;
    }

    .aplicaciones .app-link:hover .app-card{
        transform: translateY(-8px);
        border-color: rgba(96, 165, 250, 0.35);
        box-shadow:
            0 24px 55px rgba(15, 23, 42, 0.12),
            0 4px 14px rgba(15, 23, 42, 0.06);
    }

    .aplicaciones .app-link:hover .app-card::before{
        opacity: 1;
    }

    .aplicaciones .app-link:hover .app-card::after{
        opacity: 1;
        transform: scaleX(1);
    }

    .aplicaciones .app-top{
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 100%;
    }

    .aplicaciones .app-icon-wrap{
        width: 84px;
        height: 84px;
        border-radius: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
        background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
        border: 1px solid rgba(191, 219, 254, 0.55);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.95),
            0 12px 24px rgba(37, 99, 235, 0.09);
    }

    .aplicaciones .app-icon{
        width: 46px;
        height: 46px;
        object-fit: contain;
        display: block;
        margin: 0 auto;
    }

    .aplicaciones .app-title{
        position: relative;
        z-index: 2;
        margin: 0 0 10px;
        font-size: 1.05rem;
        font-weight: 800;
        line-height: 1.35;
        color: #0f172a;
        min-height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
    }

    .aplicaciones .app-text{
        position: relative;
        z-index: 2;
        margin: 0;
        font-size: .92rem;
        line-height: 1.65;
        color: #64748b;
        text-align: center;
    }

    @media (max-width: 1199.98px){
        .aplicaciones .apps-grid{
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 991.98px){
        .aplicaciones{
            padding: 70px 0 80px;
        }

        .aplicaciones .apps-title{
            font-size: 2rem;
        }

        .aplicaciones .apps-grid{
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
        }

        .aplicaciones .app-card{
            min-height: 205px;
        }
    }

    @media (max-width: 575.98px){
        .aplicaciones{
            padding: 58px 0 66px;
        }

        .aplicaciones .apps-header{
            margin-bottom: 32px;
        }

        .aplicaciones .apps-title{
            font-size: 1.7rem;
        }

        .aplicaciones .apps-subtitle{
            font-size: .96rem;
            line-height: 1.7;
        }

        .aplicaciones .apps-grid{
            grid-template-columns: 1fr;
            gap: 16px;
        }

        .aplicaciones .app-card{
            min-height: 190px;
            padding: 22px 20px 20px;
            border-radius: 20px;
        }

        .aplicaciones .app-icon-wrap{
            width: 74px;
            height: 74px;
            border-radius: 20px;
            margin-bottom: 16px;
        }

        .aplicaciones .app-icon{
            width: 40px;
            height: 40px;
        }

        .aplicaciones .app-title{
            font-size: 1rem;
            min-height: auto;
        }
    }

/* includes/banner_intelcom.blade.php */

.intelcom-banner-premium {
        position: relative !important;
        width: 100% !important;
        height: 620px !important;
        min-height: 620px !important;
        overflow: hidden !important;
        background: #071827 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .intelcom-banner-premium *,
    .intelcom-banner-premium *::before,
    .intelcom-banner-premium *::after {
        box-sizing: border-box !important;
    }

    .intelcom-banner-premium .carousel,
    .intelcom-banner-premium .carousel-inner,
    .intelcom-banner-premium .carousel-item {
        width: 100% !important;
        height: 620px !important;
        min-height: 620px !important;
    }

    .intelcom-banner-premium .carousel-item {
        position: relative !important;
        overflow: hidden !important;
        background: #071827 !important;
    }

    .intelcom-banner-premium__image {
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: scale(1.08) !important;
        transition: transform 7s ease !important;
    }

    .intelcom-banner-premium .carousel-item.active .intelcom-banner-premium__image {
        transform: scale(1.01) !important;
    }

    .intelcom-banner-premium__overlay {
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        background:
            linear-gradient(90deg, rgba(3, 12, 27, .92) 0%, rgba(3, 12, 27, .78) 38%, rgba(3, 12, 27, .36) 72%, rgba(3, 12, 27, .16) 100%),
            linear-gradient(180deg, rgba(3, 12, 27, .35) 0%, rgba(3, 12, 27, .18) 45%, rgba(3, 12, 27, .62) 100%) !important;
    }

    .intelcom-banner-premium__decor {
        position: absolute !important;
        inset: 0 !important;
        z-index: 3 !important;
        pointer-events: none !important;
        background:
            radial-gradient(circle at 16% 25%, rgba(14, 165, 233, .30), transparent 28%),
            radial-gradient(circle at 36% 74%, rgba(32, 201, 151, .18), transparent 31%),
            linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 42%) !important;
    }

    .intelcom-banner-premium__wrap {
        position: relative !important;
        z-index: 5 !important;
        width: 100% !important;
        max-width: 1380px !important;
        height: 620px !important;
        margin: 0 auto !important;
        padding: 72px 92px 96px !important;
        display: flex !important;
        align-items: center !important;
    }

    .intelcom-banner-premium__content {
        position: relative !important;
        width: 100% !important;
        max-width: 820px !important;
        padding: 34px 38px 36px !important;
        color: #ffffff !important;
        border-radius: 28px !important;
        background: linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .08)) !important;
        border: 1px solid rgba(255, 255, 255, .22) !important;
        box-shadow: 0 28px 72px rgba(0, 0, 0, .34) !important;
        backdrop-filter: blur(10px) !important;
        overflow: hidden !important;
    }

    .intelcom-banner-premium__content::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 6px !important;
        height: 100% !important;
        background: linear-gradient(180deg, #0ea5e9 0%, #20c997 100%) !important;
    }

    .intelcom-banner-premium__badge {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 34px !important;
        padding: 7px 16px !important;
        margin-bottom: 18px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, .96) !important;
        color: #15537a !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;
        box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
    }

    .intelcom-banner-premium__title {
        display: block !important;
        margin: 0 0 18px !important;
        color: #ffffff !important;
        font-size: 45px !important;
        line-height: 1.08 !important;
        font-weight: 900 !important;
        letter-spacing: -.035em !important;
        text-shadow: 0 14px 36px rgba(0, 0, 0, .60) !important;
    }

    .intelcom-banner-premium__text {
        display: block !important;
        margin: 0 0 28px !important;
        max-width: 720px !important;
        color: rgba(255, 255, 255, .96) !important;
        font-size: 18px !important;
        line-height: 1.62 !important;
        font-weight: 500 !important;
        text-shadow: 0 10px 26px rgba(0, 0, 0, .52) !important;
    }

    .intelcom-banner-premium__actions {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .intelcom-banner-premium__btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 48px !important;
        padding: 0 24px !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #0ea5e9 0%, #20c997 100%) !important;
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
        transition: transform .22s ease, box-shadow .22s ease, opacity .22s ease !important;
    }

    .intelcom-banner-premium__btn:hover,
    .intelcom-banner-premium__btn:focus {
        color: #ffffff !important;
        text-decoration: none !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 24px 56px rgba(0, 0, 0, .42) !important;
        opacity: .96 !important;
    }

    .intelcom-banner-premium .carousel-indicators {
        z-index: 15 !important;
        bottom: 28px !important;
        margin-bottom: 0 !important;
    }

    .intelcom-banner-premium .carousel-indicators li {
        width: 11px !important;
        height: 11px !important;
        border: 0 !important;
        border-radius: 50% !important;
        margin: 0 5px !important;
        background: rgba(255, 255, 255, .50) !important;
        opacity: 1 !important;
        transition: all .25s ease !important;
    }

    .intelcom-banner-premium .carousel-indicators .active {
        width: 34px !important;
        border-radius: 999px !important;
        background: #ffffff !important;
    }

    .intelcom-banner-premium .carousel-control-prev,
    .intelcom-banner-premium .carousel-control-next {
        z-index: 15 !important;
        width: 76px !important;
        opacity: 1 !important;
    }

    .intelcom-banner-premium__control {
        width: 48px !important;
        height: 48px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 255, 255, .18) !important;
        color: #ffffff !important;
        font-size: 24px !important;
        backdrop-filter: blur(8px) !important;
        box-shadow: 0 14px 34px rgba(0, 0, 0, .32) !important;
        transition: background .22s ease, transform .22s ease !important;
    }

    .intelcom-banner-premium__control:hover {
        background: rgba(255, 255, 255, .30) !important;
        transform: scale(1.05) !important;
    }

    @media (max-width: 1199.98px) {
        .intelcom-banner-premium,
        .intelcom-banner-premium .carousel,
        .intelcom-banner-premium .carousel-inner,
        .intelcom-banner-premium .carousel-item {
            height: 550px !important;
            min-height: 550px !important;
        }

        .intelcom-banner-premium__wrap {
            height: 550px !important;
            padding: 58px 62px 82px !important;
        }

        .intelcom-banner-premium__content {
            max-width: 760px !important;
            padding: 30px 34px 32px !important;
        }

        .intelcom-banner-premium__title {
            font-size: 38px !important;
        }

        .intelcom-banner-premium__text {
            font-size: 17px !important;
        }
    }

    @media (max-width: 767.98px) {
        .intelcom-banner-premium,
        .intelcom-banner-premium .carousel,
        .intelcom-banner-premium .carousel-inner,
        .intelcom-banner-premium .carousel-item {
            height: 500px !important;
            min-height: 500px !important;
        }

        .intelcom-banner-premium__wrap {
            height: 500px !important;
            padding: 36px 18px 66px !important;
            align-items: center !important;
        }

        .intelcom-banner-premium__content {
            max-width: 100% !important;
            padding: 24px 22px 26px !important;
            border-radius: 22px !important;
        }

        .intelcom-banner-premium__badge {
            min-height: 29px !important;
            padding: 6px 12px !important;
            margin-bottom: 12px !important;
            font-size: 10px !important;
        }

        .intelcom-banner-premium__title {
            font-size: 28px !important;
            line-height: 1.13 !important;
            margin-bottom: 13px !important;
        }

        .intelcom-banner-premium__text {
            font-size: 14px !important;
            line-height: 1.5 !important;
            margin-bottom: 18px !important;
        }

        .intelcom-banner-premium__btn {
            min-height: 42px !important;
            padding: 0 18px !important;
            font-size: 13px !important;
        }

        .intelcom-banner-premium .carousel-control-prev,
        .intelcom-banner-premium .carousel-control-next {
            display: none !important;
        }

        .intelcom-banner-premium .carousel-indicators {
            bottom: 18px !important;
        }
    }

/* includes/footer_intelcom.blade.php */

.footer-section {
        background: linear-gradient(135deg, #0f172a 0%, #111827 55%, #1f2937 100%);
        color: #e5e7eb;
        padding: 45px 0 18px;
    }

    .footer-section .footer-widget {
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 14px;
        padding: 18px 16px;
        box-shadow: 0 6px 20px rgba(0,0,0,0.15);
        transition: all .2s ease;
    }

    .footer-section .footer-widget:hover {
        transform: translateY(-2px);
    }

    .footer-section .fw-title {
        color: #ffffff;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 12px;
        padding-bottom: 6px;
        position: relative;
    }

    .footer-section .fw-title:after {
        content: "";
        width: 36px;
        height: 2px;
        background: #60a5fa;
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 20px;
    }

    .footer-section p,
    .footer-section li,
    .footer-section a {
        color: #d1d5db !important;
        font-size: 13px;
        line-height: 1.5;
    }

    .footer-section ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-section ul li {
        margin-bottom: 6px;
    }

    .footer-section ul li a {
        transition: .2s ease;
    }

    .footer-section ul li a:hover {
        color: #fff !important;
        transform: translateX(3px);
    }

    .footer-section .footer-info-box {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 10px;
        padding: 10px 12px;
        background: rgba(255,255,255,0.05);
        border-radius: 10px;
    }

    .footer-section .fib-icon {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: rgba(96,165,250,0.15);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #93c5fd;
        font-size: 14px;
    }

    .footer-section .fib-text p {
        margin: 0;
    }

    .footer-section .copyright-wrap {
        margin-top: 20px;
        padding-top: 12px;
        border-top: 1px solid rgba(255,255,255,0.10);
    }

    .footer-section .copyright {
        color: #9ca3af;
        font-size: 12px;
    }

    @media (max-width: 991.98px) {
        .footer-section {
            padding: 35px 0 15px;
        }

        .footer-section .footer-widget {
            margin-bottom: 15px;
        }
    }

    /* IGUALAR ALTURAS */
    .footer-section .row {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-section .row > div {
        display: flex;
    }

    .footer-section .footer-widget {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; /* 👈 clave */
        height: 100%;
        width: 100%;
    }

    /* 🔥 IMPORTANTE: quitar cualquier auto */
    .footer-section .footer-widget ul {
        margin-top: 0 !important;
    }

    .footer-section .footer-widget > *:last-child {
        margin-top: 0 !important;
    }

/* includes/header.blade.php */

/* =========================================================
   RESET BASE
========================================================= */
body {
    overflow-x: hidden;
}

/* =========================================================
   GOOGLE TRANSLATE
========================================================= */
.goog-te-gadget {
    font-size: 0;
}

.goog-te-gadget .goog-te-combo {
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #000;
}

#google_translate_element {
    display: inline-block;
    margin-left: 10px;
}

#google_translate_element select {
    font-size: 14px;
    padding: 5px;
    color: #333;
}

/* =========================================================
   CARDS GENERALES (RECIENTES)
========================================================= */
.card-hover {
    transition: all 0.3s ease;
    border-radius: 12px;
    overflow: hidden;
}

.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* =========================================================
   IMÁGENES
========================================================= */
.img-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

.img-wrapper img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.img-wrapper:hover img {
    transform: scale(1.05);
}

/* =========================================================
   EFECTO GLASS GLOBAL
========================================================= */
.glass-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0.1),
        rgba(255,255,255,0.5),
        rgba(255,255,255,0.1)
    );
    transform: skewX(-25deg);
    pointer-events: none;
}

.glass-effect:hover::before {
    animation: glass-shine 0.9s ease forwards;
}

@keyframes glass-shine {
    100% {
        left: 125%;
    }
}

/* =========================================================
   TITULOS
========================================================= */
.card-title {
    font-size: 16px;
    line-height: 1.3;
}

/* =========================================================
   LINKS RECIENTES
========================================================= */
.links-recientes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.links-recientes a {
    padding: 8px 18px;
    border-radius: 30px;
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    transition: 0.2s;
}

.links-recientes a:hover {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}

/* =========================================================
   BANNER / HERO PREMIUM
========================================================= */
.hero-section {
    position: relative;
    width: 100%;
    height: 650px;
    overflow: hidden;
}

.hero-item {
    position: relative;
    height: 650px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.3),
        rgba(0,0,0,0.65)
    );
}

.hero-content {
    backdrop-filter: blur(12px);
    background: rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 40px 30px;
    border: 1px solid rgba(255,255,255,0.2);
    transition: all 0.3s ease;
}

.hero-content:hover {
    transform: translateY(-6px);
    background: rgba(255,255,255,0.12);
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);
}

.hero-title {
    font-size: 2.6rem;
    font-weight: 700;
    color: #fff;
}

.hero-subtitle {
    font-size: 1.2rem;
    color: rgba(255,255,255,0.85);
}

.hero-content {
    animation: fadeUp 0.8s ease;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================================================
   OWL NAV
========================================================= */
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.2) !important;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    color: #fff !important;
}

.owl-nav .owl-prev { left: 20px; }
.owl-nav .owl-next { right: 20px; }

.owl-nav button:hover {
    background: rgba(255,255,255,0.4) !important;
}

/* =========================================================
   APLICACIONES
========================================================= */
.aplicaciones {
    position: relative;
    margin-top: 20px;
    z-index: 1;
}

.aplicaciones .container {
    max-width: 1140px;
}

.apps-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
    padding: 0 10px;
}

.app-card {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 16px;
    padding: 22px 15px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #eee;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 8px 22px rgba(0,0,0,0.04);
}

.app-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}

.app-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 12px;
}

.app-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.3s;
}

.app-card:hover .app-icon img {
    transform: scale(1.1);
}

.app-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0.05),
        rgba(255,255,255,0.4),
        rgba(255,255,255,0.05)
    );
    transform: skewX(-25deg);
    pointer-events: none;
}

.app-card:hover::before {
    animation: shine 0.9s forwards;
}

@keyframes shine {
    100% { left: 120%; }
}

.app-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.app-link {
    text-decoration: none !important;
    color: inherit;
}

/* =========================================================
   SOCIAL FLOAT PREMIUM - COMPACTO / NO INVASIVO
========================================================= */
.social {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(calc(100% - 18px), -50%);
    z-index: 2000;
    transition: transform 0.28s ease, opacity 0.28s ease;
    opacity: 0.92;
}

.social:hover,
.social:focus-within {
    transform: translate(0, -50%);
    opacity: 1;
}

.social ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 10px 7px 10px 10px;
    background: rgba(255, 255, 255, 0.96);
    border-radius: 18px 0 0 18px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-right: 0;
    backdrop-filter: blur(10px);
}

/* pestaña visible pegada al margen */
.social ul::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 20px;
    background: linear-gradient(180deg, #32b8c7, #2ec66d);
}

.social ul li {
    margin: 5px 0;
}

.social ul li a {
    position: relative;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    transition: all 0.22s ease;
    text-decoration: none !important;
}

.social ul li img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    transition: transform 0.22s ease;
}

.social ul li a:hover {
    transform: translateX(-4px);
    background: linear-gradient(135deg, #32b8c7, #2ec66d);
    box-shadow: 0 10px 22px rgba(50, 184, 199, 0.28);
}

.social ul li a:hover img {
    transform: scale(1.08);
    filter: brightness(1.05) saturate(1.1);
}

/* tooltip limpio hacia la izquierda */
.social ul li a::after {
    content: attr(data-title);
    position: absolute;
    right: 52px;
    top: 50%;
    transform: translate(8px, -50%);
    background: #0b1736;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 8px 10px;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    transition: all 0.22s ease;
}

.social ul li a:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(0, -50%);
}

/* evita que si hay muchas opciones tape toda la pantalla */
@media (max-height: 720px) {
    .social ul {
        max-height: calc(100vh - 130px);
        overflow-y: auto;
    }

    .social ul::-webkit-scrollbar {
        width: 0;
    }
}

@media (max-width: 991px) {
    .social {
        display: none;
    }
}

/* =========================================================
   HEADER / NAVBAR
========================================================= */
.header-section {
    width: 100%;
    overflow: visible !important;
}

.header-section .container {
    max-width: 1320px;
    overflow: visible !important;
}

.site-logo img {
    display: block;
}

.navbar {
    padding: 0 0 0 20px;
    overflow: visible !important;
    position: relative;
    z-index: 1000;
}

.navbar-collapse {
    overflow: visible !important;
}

.navbar-nav {
    align-items: center;
    flex-wrap: wrap;
    overflow: visible !important;
}

.navbar-nav .nav-item {
    position: relative;
    overflow: visible !important;
}

.navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 600;
    color: #1f2d3d !important;
    padding: 16px 14px !important;
    transition: all .2s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.show > .nav-link,
.navbar-nav .nav-item:hover > .nav-link {
    color: #0056b3 !important;
}

.navbar .dropdown {
    position: relative;
}

.navbar .dropdown-toggle::after {
    margin-left: 6px;
    vertical-align: 2px;
}

.navbar .dropdown-menu {
    position: absolute;
    top: 100% !important;
    left: 0;
    margin-top: 0 !important;
    min-width: 290px;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
    padding: 12px 0;
    background: #fff;
    z-index: 99999;
}

.navbar .dropdown-item {
    padding: 12px 18px;
    font-size: 14px;
    color: #2f3b4a;
    transition: all .2s ease;
    white-space: normal;
    line-height: 1.35;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
    background: #f4f8fc;
    color: #0056b3;
}

@media (min-width: 992px) {
    .navbar .dropdown::after {
        content: "";
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 24px;
        background: transparent;
        z-index: 99998;
    }

    .navbar .dropdown-menu {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: none !important;
        transition: opacity .18s ease, visibility .18s ease;
    }

    .navbar .dropdown:hover > .dropdown-menu,
    .navbar .dropdown:focus-within > .dropdown-menu,
    .navbar .dropdown-menu:hover {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1200px) {
    .apps-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 992px) {
    .apps-grid { grid-template-columns: repeat(3, 1fr); }

    .navbar {
        padding-left: 0;
    }

    .navbar-collapse {
        margin-top: 15px;
        background: rgba(255,255,255,0.98);
        border-radius: 14px;
        padding: 12px 14px;
        box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    }

    .navbar-nav {
        align-items: flex-start;
    }

    .navbar .dropdown::after {
        display: none;
    }

    .navbar .dropdown-menu {
        display: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        position: static !important;
        float: none;
        min-width: 100%;
        margin: 6px 0 10px 0 !important;
        box-shadow: none;
        border: 1px solid #e9ecef;
    }

    .navbar .dropdown.show > .dropdown-menu {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .apps-grid { grid-template-columns: repeat(2, 1fr); }

    .hero-title { font-size: 1.8rem; }
    .hero-content { padding: 25px 20px; }

    .social { display: none; }

    .site-logo img {
        max-width: 240px !important;
    }
}

@media (max-width: 480px) {
    .apps-grid { grid-template-columns: 1fr; }
}

/* includes/header_intelcom.blade.php */

.intelcom-header {
        position: relative;
        z-index: 1030;
        width: 100%;
        background: #ffffff;
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    }

    .intelcom-header--home {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(255,255,255,0.88);
        backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(255,255,255,0.18);
    }

    .intelcom-header__container {
        max-width: 1400px;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 24px;
    }

    .intelcom-header__inner {
        min-height: 88px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
        padding: 12px 0;
    }

    .intelcom-header__brand {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        margin-left: -6px;
    }

    .intelcom-header__logo {
        display: inline-flex;
        align-items: center;
        text-decoration: none !important;
    }

    .intelcom-header__logo img {
        display: block;
        max-width: 360px;
        width: 100%;
        height: auto;
    }

    .intelcom-header__nav-wrap {
        flex: 1 1 auto;
        display: flex;
        justify-content: flex-end;
        min-width: 0;
    }

    .intelcom-navbar {
        width: auto;
        padding: 0;
    }

    .intelcom-navbar .navbar-toggler {
        border: 0;
        outline: 0 !important;
        box-shadow: none !important;
        padding: .35rem .4rem;
    }

    .intelcom-navbar .navbar-collapse {
        justify-content: flex-end;
    }

    .intelcom-navbar__panel {
        display: flex;
        align-items: center;
        gap: 10px;
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: 0;
    }

    .intelcom-navbar .navbar-nav {
        align-items: center;
        gap: 6px;
    }

    .intelcom-navbar .nav-item {
        position: relative;
    }

    .intelcom-navbar .nav-link {
        color: #1f2937 !important;
        font-weight: 600;
        font-size: 15px;
        padding: 8px 14px !important;
        border-radius: 10px;
        transition: all .18s ease;
        white-space: nowrap;
    }

    .intelcom-navbar .nav-link:hover,
    .intelcom-navbar .nav-link.is-current,
    .intelcom-navbar .nav-item.show > .nav-link,
    .intelcom-navbar .nav-item.dropdown-menu-open > .nav-link {
        color: #0f172a !important;
        background: #f3f4f6;
    }

    .intelcom-navbar .nav-link.text-success {
        background: linear-gradient(135deg, #0ea5e9, #22c55e);
        color: #ffffff !important;
        border-radius: 999px;
        padding: 8px 18px !important;
        box-shadow: 0 8px 20px rgba(14, 165, 233, 0.18);
    }

    .intelcom-navbar .nav-link.text-success:hover {
        color: #ffffff !important;
        background: linear-gradient(135deg, #0284c7, #16a34a);
        opacity: 0.96;
    }

    .intelcom-navbar .dropdown-menu {
        border: 0;
        border-radius: 16px;
        box-shadow: 0 22px 50px rgba(15, 23, 42, 0.16);
        padding: 10px 0;
        min-width: 285px;
        margin-top: 10px;
        overflow: hidden;
    }

    .intelcom-navbar .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -12px;
        left: 0;
        right: 0;
        height: 12px;
        display: block;
    }

    .intelcom-navbar .dropdown-item {
        padding: 11px 18px;
        font-size: 14px;
        color: #374151;
        transition: all .18s ease;
        white-space: normal;
        line-height: 1.45;
    }

    .intelcom-navbar .dropdown-item:hover,
    .intelcom-navbar .dropdown-item.active,
    .intelcom-navbar .dropdown-item:focus {
        background: #f8fafc;
        color: #0d6efd;
        padding-left: 22px;
    }

    .intelcom-navbar .dropdown-item.active {
        background: #eaf3ff;
        color: #0d6efd;
        font-weight: 700;
    }

    .intelcom-header__translate {
        display: inline-flex;
        align-items: center;
        padding-left: 10px;
        margin-left: 4px;
        min-height: 38px;
    }

    .intelcom-header__translate .goog-te-gadget {
        font-size: 0 !important;
        line-height: 1 !important;
    }

    .intelcom-header__translate .goog-te-gadget .goog-te-combo {
        font-size: 14px !important;
        font-family: inherit;
        color: #111827;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 12px;
        padding: 8px 12px;
        background: #f9fafb;
        outline: none;
        box-shadow: none;
        min-width: 155px;
        height: 40px;
    }

    .intelcom-header__translate .goog-logo-link,
    .intelcom-header__translate .goog-te-gadget span {
        display: none !important;
    }

    .intelcom-header__translate .goog-te-gadget > div {
        display: flex !important;
        align-items: center;
    }

    @media (min-width: 992px) {
        .intelcom-navbar .dropdown-menu {
            display: block;
            opacity: 0;
            visibility: hidden;
            transform: translateY(8px);
            pointer-events: none;
            transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
        }

        .intelcom-navbar .dropdown-menu.show,
        .intelcom-navbar .dropdown.dropdown-menu-open > .dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            pointer-events: auto;
        }
    }

    @media (max-width: 1199.98px) {
        .intelcom-header__container {
            padding-left: 12px;
            padding-right: 18px;
        }

        .intelcom-header__logo img {
            max-width: 300px;
        }

        .intelcom-navbar .nav-link {
            font-size: 14px;
            padding: 8px 10px !important;
        }

        .intelcom-navbar .nav-link.text-success {
            padding: 8px 14px !important;
        }
    }

    @media (max-width: 991.98px) {
        .intelcom-header__container {
            padding-left: 14px;
            padding-right: 14px;
        }

        .intelcom-header__inner {
            min-height: auto;
            flex-direction: column;
            align-items: stretch;
            gap: 12px;
            padding: 12px 0;
        }

        .intelcom-header__brand {
            justify-content: center;
            margin-left: 0;
        }

        .intelcom-header__logo {
            justify-content: center;
            width: 100%;
        }

        .intelcom-header__logo img {
            max-width: 290px;
            margin: 0 auto;
        }

        .intelcom-header__nav-wrap {
            width: 100%;
            justify-content: stretch;
        }

        .intelcom-navbar {
            width: 100%;
        }

        .intelcom-navbar__panel {
            display: block;
            padding: 0;
        }

        .intelcom-navbar .navbar-collapse {
            margin-top: 10px;
            background: #ffffff;
            border-radius: 14px;
            padding: 8px;
            box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
        }

        .intelcom-navbar .navbar-nav {
            align-items: stretch;
            gap: 0;
        }

        .intelcom-navbar .nav-link {
            width: 100%;
            padding: 12px 12px !important;
            border-radius: 10px;
        }

        .intelcom-navbar .nav-link.text-success {
            border-radius: 12px;
            text-align: center;
            margin-top: 4px;
        }

        .intelcom-navbar .dropdown-menu {
            position: static !important;
            transform: none !important;
            float: none;
            width: 100%;
            min-width: 100%;
            margin-top: 6px;
            box-shadow: none;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
        }

        .intelcom-navbar .dropdown-menu::before {
            display: none;
        }

        .intelcom-header__translate {
            padding-left: 0;
            margin-left: 0;
            margin-top: 10px;
            width: 100%;
            justify-content: flex-start;
        }

        .intelcom-header__translate .goog-te-gadget .goog-te-combo {
            width: 100%;
            min-width: 100%;
        }
    }

    @media (max-width: 575.98px) {
        .intelcom-header__logo img {
            max-width: 240px;
        }

        .intelcom-navbar .nav-link {
            font-size: 14px;
        }

        .intelcom-header__translate .goog-te-gadget .goog-te-combo {
            font-size: 13px !important;
        }
    }

/* includes/recientes_intelcom.blade.php */

.recientes{
        position: relative;
        padding: 90px 0 95px;
        background:
            radial-gradient(circle at top left, rgba(37, 99, 235, 0.05), transparent 30%),
            radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.06), transparent 28%),
            linear-gradient(180deg, #ffffff 0%, #f8fbff 48%, #eef4fb 100%);
        overflow: hidden;
    }

    .recientes::before{
        content: "";
        position: absolute;
        top: -130px;
        right: -120px;
        width: 320px;
        height: 320px;
        border-radius: 50%;
        background: rgba(37, 99, 235, 0.05);
        filter: blur(34px);
        pointer-events: none;
    }

    .recientes::after{
        content: "";
        position: absolute;
        left: -120px;
        bottom: -120px;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background: rgba(15, 118, 110, 0.06);
        filter: blur(36px);
        pointer-events: none;
    }

    .recientes .services.news{
        position: relative;
        z-index: 2;
        background: transparent;
        padding: 0;
    }

    .recientes .container{
        position: relative;
        z-index: 2;
        max-width: 1360px;
    }

    .recientes .section-title{
        max-width: 820px;
        margin: 0 auto 48px;
        text-align: center;
    }

    .recientes .section-badge{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 18px;
        margin-bottom: 18px;
        border-radius: 999px;
        background: rgba(255,255,255,.78);
        border: 1px solid rgba(148, 163, 184, 0.24);
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
        color: #0f172a;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .12em;
    }

    .recientes .section-badge i{
        color: #2563eb;
        font-size: 13px;
    }

    .recientes .section-title h2{
        margin: 0 0 12px;
        font-size: 2.45rem;
        line-height: 1.08;
        font-weight: 800;
        letter-spacing: -.02em;
        color: #0f172a;
    }

    .recientes .section-title p{
        margin: 0 auto;
        max-width: 700px;
        color: #64748b !important;
        font-size: 1.05rem;
        line-height: 1.8;
    }

    .recientes .recent-card{
        position: relative;
        height: 100%;
        border-radius: 24px;
        overflow: hidden;
        background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(248,250,252,.96) 100%);
        border: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow:
            0 14px 35px rgba(15, 23, 42, 0.07),
            0 2px 10px rgba(15, 23, 42, 0.04);
        transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }

    .recientes .recent-card::before{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(145deg, rgba(37,99,235,.05), rgba(15,118,110,.03) 55%, rgba(255,255,255,0) 100%);
        opacity: 0;
        transition: opacity .28s ease;
        pointer-events: none;
        z-index: 1;
    }

    .recientes .recent-card::after{
        content: "";
        position: absolute;
        left: 24px;
        right: 24px;
        bottom: 0;
        height: 4px;
        border-radius: 999px;
        background: linear-gradient(90deg, #2563eb 0%, #0f766e 100%);
        opacity: 0;
        transform: scaleX(.35);
        transform-origin: center;
        transition: opacity .28s ease, transform .28s ease;
        z-index: 2;
    }

    .recientes .recent-card:hover{
        transform: translateY(-8px);
        border-color: rgba(96, 165, 250, 0.35);
        box-shadow:
            0 24px 55px rgba(15, 23, 42, 0.12),
            0 4px 14px rgba(15, 23, 42, 0.06);
    }

    .recientes .recent-card:hover::before{
        opacity: 1;
    }

    .recientes .recent-card:hover::after{
        opacity: 1;
        transform: scaleX(1);
    }

    .recientes .recent-image-link{
        display: block;
        position: relative;
        z-index: 2;
        overflow: hidden;
    }

    .recientes .recent-image{
        width: 100%;
        height: 235px;
        object-fit: cover;
        display: block;
        transition: transform .4s ease;
    }

    .recientes .recent-card:hover .recent-image{
        transform: scale(1.05);
    }

    .recientes .recent-body{
        position: relative;
        z-index: 2;
        padding: 24px 24px 22px;
        display: flex;
        flex-direction: column;
        height: calc(100% - 235px);
    }

    .recientes .recent-date{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 14px;
        font-size: .78rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: #2563eb;
    }

    .recientes .recent-title{
        margin: 0 0 12px;
        font-size: 1.15rem;
        line-height: 1.4;
        font-weight: 800;
        color: #0f172a;
    }

    .recientes .recent-text{
        margin: 0 0 18px;
        color: #64748b;
        font-size: .95rem;
        line-height: 1.7;
        flex-grow: 1;
    }

    .recientes .recent-link{
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #2563eb !important;
        font-size: .88rem;
        font-weight: 700;
        text-decoration: none !important;
        transition: gap .25s ease, color .25s ease;
    }

    .recientes .recent-link:hover{
        gap: 14px;
        color: #0f766e !important;
    }

    .recientes .links-recientes{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
        margin-top: 34px !important;
    }

    .recientes .links-recientes a{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 18px;
        border-radius: 999px;
        background: rgba(255,255,255,.85);
        border: 1px solid rgba(148, 163, 184, 0.20);
        box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05);
        color: #334155 !important;
        font-size: .92rem;
        font-weight: 700;
        text-decoration: none !important;
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, color .25s ease;
    }

    .recientes .links-recientes a i{
        color: #2563eb;
        font-size: 14px;
        transition: color .25s ease;
    }

    .recientes .links-recientes a:hover{
        transform: translateY(-3px);
        border-color: rgba(96, 165, 250, 0.35);
        box-shadow: 0 16px 35px rgba(15, 23, 42, 0.08);
        color: #0f172a !important;
    }

    .recientes .links-recientes a:hover i{
        color: #0f766e;
    }

    @media (max-width: 991.98px){
        .recientes{
            padding: 72px 0 78px;
        }

        .recientes .section-title h2{
            font-size: 2rem;
        }

        .recientes .recent-image{
            height: 220px;
        }

        .recientes .recent-body{
            height: calc(100% - 220px);
        }
    }

    @media (max-width: 767.98px){
        .recientes .section-title{
            margin-bottom: 34px;
        }

        .recientes .recent-image{
            height: 210px;
        }

        .recientes .recent-body{
            height: calc(100% - 210px);
            padding: 20px 20px 18px;
        }

        .recientes .recent-title{
            font-size: 1.05rem;
        }

        .recientes .links-recientes{
            gap: 10px;
        }

        .recientes .links-recientes a{
            width: 100%;
        }
    }

    @media (max-width: 575.98px){
        .recientes{
            padding: 58px 0 66px;
        }

        .recientes .section-title h2{
            font-size: 1.7rem;
        }

        .recientes .section-title p{
            font-size: .96rem;
            line-height: 1.7;
        }

        .recientes .recent-card{
            border-radius: 20px;
        }

        .recientes .recent-image{
            height: 200px;
        }

        .recientes .recent-body{
            height: calc(100% - 200px);
        }
    }

/* includes/social_intelcom.blade.php */

/* =========================================================
       INTELCOM SOCIAL FIXED COMPACT
       Barra fija, táctil y no invasiva.
    ========================================================= */

    .intelcom-social {
        position: fixed;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1020;
        font-family: inherit;
    }

    .intelcom-social ul {
        list-style: none;
        margin: 0;
        padding: 8px 6px;
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 18px;
        box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .intelcom-social li {
        margin: 0;
        padding: 0;
    }

    .intelcom-social li + li {
        margin-top: 6px;
    }

    .intelcom-social a {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border-radius: 13px;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.06);
        text-decoration: none !important;
        outline: none;
        transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    }

    .intelcom-social a:hover,
    .intelcom-social a:focus,
    .intelcom-social a:active {
        background: linear-gradient(135deg, #33b8c7 0%, #2cc56f 100%);
        box-shadow: 0 8px 18px rgba(51, 184, 199, 0.25);
        transform: scale(1.04);
    }

    .intelcom-social img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        display: block;
        transition: transform 0.18s ease, filter 0.18s ease;
    }

    .intelcom-social a:hover img,
    .intelcom-social a:focus img,
    .intelcom-social a:active img {
        transform: scale(1.08);
        filter: brightness(1.06) saturate(1.1);
    }

    /* Tooltip solo como ayuda en escritorio con mouse.
       La funcionalidad NO depende de esto. */
    .intelcom-social a::after {
        content: attr(data-title);
        position: absolute;
        right: 52px;
        top: 50%;
        transform: translate(6px, -50%);
        background: #071735;
        color: #ffffff;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        padding: 8px 10px;
        border-radius: 8px;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.22);
        transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
    }

    .intelcom-social a:hover::after,
    .intelcom-social a:focus::after {
        opacity: 1;
        visibility: visible;
        transform: translate(0, -50%);
    }

    /* Si la pantalla es baja, permite scroll interno sin ocupar todo */
    @media (max-height: 720px) {
        .intelcom-social ul {
            max-height: calc(100vh - 110px);
            overflow-y: auto;
        }

        .intelcom-social ul::-webkit-scrollbar {
            width: 0;
            height: 0;
        }
    }

    /* En tablets y celulares queda abajo, fijo y usable con touch */
    @media (max-width: 991.98px) {
        .intelcom-social {
            top: auto;
            right: 10px;
            left: 10px;
            bottom: 12px;
            transform: none;
            z-index: 1040;
        }

        .intelcom-social ul {
            display: flex;
            align-items: center;
            gap: 7px;
            width: max-content;
            max-width: 100%;
            margin: 0 auto;
            padding: 8px;
            overflow-x: auto;
            border-radius: 20px;
        }

        .intelcom-social li + li {
            margin-top: 0;
        }

        .intelcom-social a {
            width: 42px;
            height: 42px;
            flex: 0 0 42px;
        }

        .intelcom-social a::after {
            display: none;
        }
    }

/* layouts/app_intelcom.blade.php */

html,
        body {
            min-height: 100%;
            margin: 0;
            padding: 0;
        }

        body {
            background: #fff;
            color: #212529;
            overflow-x: hidden;
        }

        * {
            box-sizing: border-box;
        }

        img {
            max-width: 100%;
            height: auto;
        }

        a {
            text-decoration: none;
        }

        [v-cloak] {
            display: none !important;
        }

        #app,
        .app-intelcom {
            min-height: 100vh;
            width: 100%;
        }

        main {
            display: block;
            width: 100%;
        }

/* pages/acuerdos.blade.php */

.acuerdos-page {
        padding: 40px 0 70px;
        background:
            radial-gradient(circle at top left, rgba(9, 83, 153, 0.08), transparent 28%),
            radial-gradient(circle at bottom right, rgba(0, 153, 204, 0.06), transparent 24%),
            #f6f9fc;
    }

    .acuerdos-hero {
        position: relative;
        overflow: hidden;
        border-radius: 24px;
        padding: 36px 32px;
        margin-bottom: 28px;
        background: linear-gradient(135deg, #0f3d68 0%, #155a96 55%, #1d77c3 100%);
        color: #fff;
        box-shadow: 0 18px 45px rgba(15, 61, 104, 0.18);
    }

    .acuerdos-hero::before,
    .acuerdos-hero::after {
        content: "";
        position: absolute;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.08);
        pointer-events: none;
    }

    .acuerdos-hero::before {
        width: 240px;
        height: 240px;
        top: -90px;
        right: -70px;
    }

    .acuerdos-hero::after {
        width: 180px;
        height: 180px;
        bottom: -70px;
        left: -40px;
    }

    .acuerdos-breadcrumb {
        background: transparent;
        padding: 0;
        margin-bottom: 14px;
    }

    .acuerdos-breadcrumb .breadcrumb {
        background: transparent;
        padding: 0;
        margin-bottom: 0;
    }

    .acuerdos-breadcrumb .breadcrumb-item,
    .acuerdos-breadcrumb .breadcrumb-item a {
        color: rgba(255, 255, 255, 0.82);
        font-size: 14px;
    }

    .acuerdos-breadcrumb .breadcrumb-item.active {
        color: #fff;
    }

    .acuerdos-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.65);
    }

    .acuerdos-hero h1 {
        font-size: 2rem;
        font-weight: 800;
        line-height: 1.2;
        margin-bottom: 12px;
        color: #fff;
    }

    .acuerdos-hero p {
        font-size: 1rem;
        line-height: 1.75;
        max-width: 820px;
        margin-bottom: 0;
        color: rgba(255, 255, 255, 0.92);
    }

    .acuerdos-toolbar {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 22px;
    }

    .acuerdos-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 11px 18px;
        border-radius: 999px;
        font-weight: 600;
        text-decoration: none !important;
        transition: all .25s ease;
        border: 1px solid rgba(255, 255, 255, 0.18);
    }

    .acuerdos-btn-primary {
        background: #fff;
        color: #0f3d68 !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
    }

    .acuerdos-btn-primary:hover {
        transform: translateY(-2px);
        color: #0f3d68 !important;
    }

    .acuerdos-btn-soft {
        background: rgba(255, 255, 255, 0.10);
        color: #fff !important;
        backdrop-filter: blur(8px);
    }

    .acuerdos-btn-soft:hover {
        background: rgba(255, 255, 255, 0.16);
        color: #fff !important;
        transform: translateY(-2px);
    }

    .acuerdos-help {
        margin-bottom: 24px;
    }

    .acuerdos-help-card {
        border: 0;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 16px 35px rgba(25, 42, 70, 0.08);
        background: #fff;
    }

    .acuerdos-help-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        padding: 18px 22px;
        background: linear-gradient(135deg, #eff6fc 0%, #f8fbff 100%);
        border-bottom: 1px solid #e9f1f8;
    }

    .acuerdos-help-head h2 {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #153a5b;
    }

    .acuerdos-help-toggle {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 0;
        background: #0f5e9c;
        color: #fff;
        border-radius: 999px;
        padding: 9px 16px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none !important;
        transition: all .25s ease;
    }

    .acuerdos-help-toggle:hover {
        color: #fff;
        background: #0c4e82;
    }

    .acuerdos-help-body {
        padding: 24px 22px;
        color: #496074;
        line-height: 1.85;
    }

    .acuerdos-help-body p:last-child {
        margin-bottom: 0;
    }

    .acuerdos-layout-card {
        background: #fff;
        border: 0;
        border-radius: 24px;
        box-shadow: 0 18px 45px rgba(22, 44, 75, 0.08);
        overflow: hidden;
    }

    .acuerdos-sidebar {
        background: linear-gradient(180deg, #f7fbff 0%, #eef5fb 100%);
        border-right: 1px solid #e7eef5;
        height: 100%;
        padding: 22px 18px;
    }

    .acuerdos-sidebar-title {
        font-size: .92rem;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #6f8496;
        margin-bottom: 14px;
        padding: 0 10px;
    }

    .acuerdos-nav {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .acuerdos-nav .nav-link {
        border: 0;
        border-radius: 14px;
        padding: 13px 14px;
        font-weight: 600;
        color: #355066;
        background: transparent;
        transition: all .25s ease;
    }

    .acuerdos-nav .nav-link:hover {
        background: #eaf3fb;
        color: #0f5e9c;
    }

    .acuerdos-nav .nav-link.active {
        background: linear-gradient(135deg, #0f5e9c 0%, #1d77c3 100%);
        color: #fff;
        box-shadow: 0 12px 28px rgba(15, 94, 156, 0.25);
    }

    .acuerdos-content {
        padding: 28px;
    }

    .acuerdo-card {
        border: 1px solid #edf2f7;
        border-radius: 20px;
        padding: 24px;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        box-shadow: 0 10px 28px rgba(15, 35, 60, 0.05);
    }

    .acuerdo-title {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
        margin-bottom: 18px;
    }

    .acuerdo-title h3 {
        margin: 0;
        font-size: 1.45rem;
        font-weight: 800;
        line-height: 1.35;
        color: #173b5f;
    }

    .acuerdo-flags {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        padding-top: 2px;
    }

    .acuerdo-flags img {
        width: 34px;
        height: 34px;
        object-fit: contain;
        border-radius: 50%;
        box-shadow: 0 4px 12px rgba(20, 49, 79, 0.12);
        background: #fff;
    }

    .acuerdo-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .acuerdo-link {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        padding: 16px 18px;
        border: 1px solid #ebf1f6;
        border-radius: 16px;
        background: #fff;
        color: #2f485d;
        text-decoration: none !important;
        transition: all .25s ease;
    }

    .acuerdo-link:hover {
        transform: translateY(-2px);
        border-color: #d9e8f4;
        box-shadow: 0 12px 26px rgba(20, 46, 77, 0.08);
        color: #173b5f;
    }

    .acuerdo-link-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #eef6fc 0%, #e6f0fa 100%);
        color: #0f5e9c;
        font-size: 18px;
    }

    .acuerdo-link-text {
        flex: 1;
    }

    .acuerdo-link-title {
        display: block;
        font-size: 1rem;
        font-weight: 700;
        color: #173b5f;
        margin-bottom: 4px;
    }

    .acuerdo-link-desc {
        display: block;
        font-size: .92rem;
        color: #6b8091;
        line-height: 1.6;
    }

    .acuerdo-empty {
        padding: 18px 20px;
        border-radius: 16px;
        background: #f7fbff;
        border: 1px dashed #dbe7f1;
        color: #6a8092;
    }

    .modal-content {
        border: 0;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 22px 55px rgba(16, 31, 54, 0.25);
    }

    .modal-header {
        background: linear-gradient(135deg, #0f5e9c 0%, #1d77c3 100%);
        color: #fff;
        border-bottom: 0;
        padding: 18px 22px;
    }

    .modal-header .modal-title {
        font-weight: 700;
    }

    .modal-header .close {
        color: #fff;
        opacity: 1;
        text-shadow: none;
    }

    .modal-body {
        padding: 20px;
        background: #f8fbfe;
    }

    .acuerdo-pdf-frame {
        width: 100%;
        height: 70vh;
        min-height: 420px;
        border: 1px solid #dce8f2;
        border-radius: 16px;
        background: #fff;
    }

    .modal-footer {
        border-top: 0;
        padding: 16px 20px 20px;
        background: #f8fbfe;
    }

    .btn-modern-secondary {
        border-radius: 999px;
        padding: 10px 18px;
        font-weight: 600;
        border: 1px solid #d2deea;
        background: #fff;
        color: #34506a;
    }

    .btn-modern-secondary:hover {
        background: #f3f8fc;
        color: #173b5f;
    }

    @media (max-width: 991.98px) {
        .acuerdos-sidebar {
            border-right: 0;
            border-bottom: 1px solid #e7eef5;
        }

        .acuerdos-content {
            padding: 22px;
        }

        .acuerdo-title {
            flex-direction: column;
            align-items: flex-start;
        }
    }

    @media (max-width: 767.98px) {
        .acuerdos-page {
            padding: 24px 0 50px;
        }

        .acuerdos-hero {
            padding: 24px 20px;
            border-radius: 20px;
        }

        .acuerdos-hero h1 {
            font-size: 1.55rem;
        }

        .acuerdos-content,
        .acuerdos-sidebar {
            padding: 18px;
        }

        .acuerdo-card {
            padding: 18px;
            border-radius: 18px;
        }

        .acuerdo-title h3 {
            font-size: 1.2rem;
        }

        .acuerdo-pdf-frame {
            height: 60vh;
            min-height: 360px;
        }
    }

/* pages/boletines.blade.php */

.bol-page{
        background:
            radial-gradient(circle at top left, rgba(37, 99, 235, 0.05), transparent 28%),
            radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.06), transparent 26%),
            linear-gradient(180deg, #f8fbff 0%, #eef4fb 45%, #ffffff 100%);
    }

    .bol-hero{
        position: relative;
        overflow: hidden;
        padding: 150px 0 90px;
        background:
            linear-gradient(120deg, rgba(7, 24, 47, 0.95) 0%, rgba(11, 43, 79, 0.88) 45%, rgba(18, 88, 148, 0.76) 100%),
            url('/img/milestones-bg.jpg') center center / cover no-repeat;
    }

    .bol-hero::before{
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 15% 20%, rgba(255,255,255,0.10), transparent 22%),
            radial-gradient(circle at 85% 80%, rgba(45,212,191,0.14), transparent 20%);
        pointer-events: none;
    }

    .bol-hero__content{
        position: relative;
        z-index: 2;
        max-width: 920px;
        padding: 40px 38px;
        border-radius: 28px;
        background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.07) 100%);
        border: 1px solid rgba(255,255,255,0.14);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        box-shadow: 0 24px 60px rgba(0,0,0,0.22);
    }

    .bol-badge{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 9px 16px;
        margin-bottom: 18px;
        border-radius: 999px;
        background: rgba(255,255,255,0.14);
        border: 1px solid rgba(255,255,255,0.16);
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .bol-hero h1{
        margin: 0 0 16px;
        color: #ffffff;
        font-size: 3.1rem;
        line-height: 1.04;
        font-weight: 800;
        letter-spacing: -.03em;
    }

    .bol-hero p{
        margin: 0;
        color: rgba(255,255,255,0.92);
        font-size: 1.05rem;
        line-height: 1.85;
    }

    .bol-breadcrumb-wrap{
        position: relative;
        margin-top: -28px;
        z-index: 5;
    }

    .bol-breadcrumb-card{
        background: rgba(255,255,255,0.92);
        border: 1px solid rgba(226,232,240,0.95);
        border-radius: 18px;
        box-shadow: 0 16px 40px rgba(15,23,42,0.08);
        padding: 16px 22px;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .bol-breadcrumb{
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .bol-breadcrumb .breadcrumb-item,
    .bol-breadcrumb .breadcrumb-item a{
        font-size: .95rem;
        font-weight: 600;
        color: #64748b;
        text-decoration: none;
    }

    .bol-breadcrumb .breadcrumb-item.active{
        color: #0f172a;
        font-weight: 700;
    }

    .bol-main{
        padding: 70px 0 80px;
    }

    .bol-panel{
        border-radius: 28px;
        background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
        border: 1px solid rgba(226,232,240,0.95);
        box-shadow:
            0 14px 35px rgba(15,23,42,0.07),
            0 2px 10px rgba(15,23,42,0.04);
        overflow: hidden;
    }

    .bol-panel__head{
        padding: 34px 34px 24px;
        border-bottom: 1px solid rgba(226,232,240,0.85);
    }

    .bol-section-badge{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 18px;
        margin-bottom: 16px;
        border-radius: 999px;
        background: rgba(37,99,235,.08);
        border: 1px solid rgba(37,99,235,.10);
        color: #2563eb;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .12em;
    }

    .bol-title{
        margin: 0 0 10px;
        font-size: 2.05rem;
        line-height: 1.12;
        font-weight: 800;
        color: #0f172a;
        letter-spacing: -.02em;
    }

    .bol-subtitle{
        margin: 0;
        font-size: 1rem;
        line-height: 1.8;
        color: #64748b;
    }

    .bol-grid{
        padding: 28px;
    }

    .bol-card{
        position: relative;
        height: 100%;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,250,252,.97) 100%);
        border: 1px solid rgba(226,232,240,0.95);
        box-shadow:
            0 12px 28px rgba(15,23,42,0.05),
            0 2px 8px rgba(15,23,42,0.03);
        overflow: hidden;
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .bol-card:hover{
        transform: translateY(-6px);
        border-color: rgba(96,165,250,0.35);
        box-shadow:
            0 20px 40px rgba(15,23,42,0.09),
            0 4px 12px rgba(15,23,42,0.05);
    }

    .bol-card__image-link{
        display: block;
        text-decoration: none !important;
        background: #e2e8f0;
    }

    .bol-card__image{
        width: 100%;
        height: 250px;
        object-fit: cover;
        display: block;
    }

    .bol-card__body{
        padding: 22px 22px 20px;
    }

    .bol-meta{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 14px;
    }

    .bol-chip{
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(37,99,235,.08);
        border: 1px solid rgba(37,99,235,.10);
        color: #2563eb;
        font-size: .76rem;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .bol-chip--date{
        background: rgba(15,118,110,.08);
        border-color: rgba(15,118,110,.10);
        color: #0f766e;
    }

    .bol-card__title{
        margin: 0 0 12px;
        font-size: 1.18rem;
        font-weight: 800;
        line-height: 1.45;
        color: #0f172a;
        min-height: 68px;
    }

    .bol-card__title a{
        color: inherit;
        text-decoration: none !important;
    }

    .bol-card__text{
        margin: 0;
        color: #64748b;
        font-size: .95rem;
        line-height: 1.8;
        min-height: 102px;
    }

    .bol-card__footer{
        display: flex;
        flex-wrap: wrap;
        gap: 10px 12px;
        align-items: center;
        justify-content: space-between;
        margin-top: 18px;
        padding-top: 16px;
        border-top: 1px solid rgba(226,232,240,0.90);
    }

    .bol-link{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 14px;
        background: rgba(37,99,235,.08);
        border: 1px solid rgba(37,99,235,.10);
        color: #2563eb !important;
        font-size: .88rem;
        font-weight: 700;
        text-decoration: none !important;
        transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .bol-link:hover{
        transform: translateY(-2px);
        box-shadow: 0 10px 18px rgba(37,99,235,0.10);
        background: rgba(37,99,235,.12);
    }

    .bol-link--secondary{
        background: rgba(15,23,42,.05);
        border-color: rgba(15,23,42,.08);
        color: #334155 !important;
    }

    .bol-pagination-wrap{
        padding: 0 28px 30px;
    }

    .bol-pagination-wrap .pagination{
        margin: 0;
        justify-content: center;
        flex-wrap: wrap;
    }

    .bol-pagination-wrap .page-item{
        margin: 4px;
    }

    .bol-pagination-wrap .page-link{
        min-width: 44px;
        height: 44px;
        padding: 0 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px !important;
        border: 1px solid rgba(226,232,240,0.95);
        background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
        color: #334155;
        font-size: .92rem;
        font-weight: 700;
        box-shadow: 0 8px 20px rgba(15,23,42,0.04);
        transition: all .22s ease;
    }

    .bol-pagination-wrap .page-link:hover{
        color: #2563eb;
        background: #ffffff;
        border-color: rgba(96,165,250,0.35);
        box-shadow: 0 12px 24px rgba(15,23,42,0.08);
    }

    .bol-pagination-wrap .page-item.active .page-link{
        color: #ffffff;
        border-color: transparent;
        background: linear-gradient(135deg, #2563eb 0%, #0f766e 100%);
        box-shadow: 0 12px 24px rgba(37,99,235,0.20);
    }

    .bol-pagination-wrap .page-item.disabled .page-link{
        color: #94a3b8;
        background: #f8fafc;
        border-color: rgba(226,232,240,0.95);
        box-shadow: none;
    }

    .bol-empty{
        padding: 42px 28px 46px;
        text-align: center;
    }

    .bol-empty__icon{
        width: 74px;
        height: 74px;
        margin: 0 auto 18px;
        border-radius: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
        border: 1px solid rgba(191,219,254,0.55);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.95),
            0 12px 24px rgba(37,99,235,0.09);
        color: #2563eb;
        font-size: 28px;
    }

    .bol-empty h3{
        margin: 0 0 10px;
        font-size: 1.35rem;
        font-weight: 800;
        color: #0f172a;
    }

    .bol-empty p{
        margin: 0;
        color: #64748b;
        font-size: .98rem;
        line-height: 1.8;
    }

    @media (max-width: 1199.98px){
        .bol-hero h1{
            font-size: 2.7rem;
        }
    }

    @media (max-width: 991.98px){
        .bol-hero{
            padding: 130px 0 72px;
        }

        .bol-hero__content,
        .bol-panel__head{
            padding: 28px 24px;
        }

        .bol-title{
            font-size: 1.8rem;
        }

        .bol-grid{
            padding: 20px 18px 24px;
        }

        .bol-pagination-wrap{
            padding: 0 18px 24px;
        }
    }

    @media (max-width: 767.98px){
        .bol-hero{
            padding: 118px 0 64px;
        }

        .bol-hero h1{
            font-size: 2.15rem;
        }

        .bol-hero p{
            font-size: .98rem;
            line-height: 1.75;
        }

        .bol-main{
            padding: 54px 0 66px;
        }

        .bol-card__image{
            height: 220px;
        }

        .bol-card__body{
            padding: 20px 18px 18px;
        }

        .bol-card__title{
            font-size: 1.05rem;
            min-height: auto;
        }

        .bol-card__text{
            font-size: .93rem;
            min-height: auto;
        }
    }

    @media (max-width: 575.98px){
        .bol-hero__content,
        .bol-panel__head{
            padding: 22px 18px;
            border-radius: 20px;
        }

        .bol-hero h1{
            font-size: 1.85rem;
        }

        .bol-title{
            font-size: 1.55rem;
        }

        .bol-grid{
            padding: 18px 14px 20px;
        }

        .bol-pagination-wrap{
            padding: 0 14px 20px;
        }

        .bol-pagination-wrap .page-link{
            min-width: 40px;
            height: 40px;
            padding: 0 12px;
            border-radius: 12px !important;
            font-size: .88rem;
        }
    }

/* pages/busqueda-clientes/index.blade.php */

.clientes-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .clientes-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .clientes-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .clientes-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .clientes-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .clientes-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .clientes-title {
        font-size: 2.2rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .clientes-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 780px;
    }

    .clientes-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .clientes-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .clientes-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .clientes-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .clientes-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .clientes-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .clientes-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .clientes-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .clientes-doc-link {
        display: inline-flex;
        align-items: center;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .clientes-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .clientes-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .clientes-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .clientes-shell__top {
        margin-bottom: 1.25rem;
    }

    .clientes-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .clientes-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .clientes-summary-box {
        min-height: 44px;
    }

    .clientes-fieldset {
        border: 1px solid #dbe7f3;
        border-radius: 18px;
        padding: 1.1rem 1rem 1rem;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    }

    .clientes-fieldset + .clientes-fieldset {
        margin-top: 1rem;
    }

    .clientes-fieldset__legend {
        width: auto;
        padding: 0 .6rem;
        margin-left: .35rem;
        margin-bottom: 0;
        font-size: .95rem;
        font-weight: 800;
        color: #0f5d9c;
    }

    .clientes-label {
        font-weight: 700;
        color: #334155;
        margin-bottom: .45rem;
    }

    .clientes-control {
        border-radius: 12px;
        border: 1px solid #d9e4ef;
        min-height: 46px;
        box-shadow: none !important;
    }

    .clientes-control:focus {
        border-color: #8cb9df;
    }

    .clientes-actions {
        display: flex;
        align-items: center;
        gap: .9rem;
        flex-wrap: wrap;
        min-height: 46px;
    }

    .clientes-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 140px;
        padding: .75rem 1rem;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 700;
        font-size: .92rem;
        border: 0;
        transition: .2s ease;
    }

    .clientes-btn--primary {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        box-shadow: 0 10px 24px rgba(15, 93, 156, 0.18);
    }

    .clientes-btn--primary:hover,
    .clientes-btn--primary:focus {
        color: #fff;
        opacity: .96;
    }

    .clientes-switch-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .clientes-switch-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .clientes-switch-link--inline {
        display: inline-flex;
        min-height: 46px;
        align-items: center;
    }

    .clientes-results-box {
        min-height: 120px;
    }

    .clientes-note {
        display: flex;
        align-items: flex-start;
        gap: .5rem;
        background: #f8fbff;
        border: 1px solid #e7eef6;
        border-radius: 16px;
        padding: 1rem 1rem;
        color: #475569;
        line-height: 1.7;
    }

    .clientes-note i {
        color: #0f5d9c;
        margin-top: .2rem;
    }

    @media (max-width: 991.98px) {
        .clientes-title {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 767.98px) {
        .clientes-hero,
        .clientes-shell,
        .clientes-info-box {
            padding: 1.15rem;
        }

        .clientes-title {
            font-size: 1.65rem;
        }

        .clientes-actions {
            flex-direction: column;
            align-items: stretch;
        }

        .clientes-btn {
            width: 100%;
        }
    }

/* pages/capacitaciones/index.blade.php */

.promocion-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .promocion-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .promocion-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .promocion-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .promocion-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .promocion-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .promocion-title {
        font-size: 2.2rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .promocion-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 760px;
    }

    .promocion-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .promocion-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .promocion-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .promocion-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .promocion-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .promocion-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .promocion-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .promocion-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .promocion-doc-link {
        display: inline-flex;
        align-items: center;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .promocion-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .promocion-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .promocion-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .promocion-shell__top {
        margin-bottom: 1.25rem;
    }

    .promocion-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .promocion-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .promocion-counter {
        display: inline-flex;
        align-items: center;
        padding: .55rem .9rem;
        background: #eef6ff;
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .88rem;
        font-weight: 700;
    }

    .promocion-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .promo-card-item {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 1.2rem;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        border: 1px solid #e6eef6;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }

    .promo-card-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 20px 40px rgba(15, 23, 42, 0.07);
        border-color: #cfe0ef;
    }

    .promo-card-item__media {
        padding: 1rem 0 1rem 1rem;
    }

    .promo-card-item__image-link {
        display: block;
        width: 100%;
        height: 100%;
    }

    .promo-card-item__image {
        width: 100%;
        height: 100%;
        min-height: 220px;
        max-height: 280px;
        object-fit: cover;
        border-radius: 16px;
        background: #f1f5f9;
    }

    .promo-card-item__body {
        padding: 1rem 1rem 1rem 0;
        display: flex;
        flex-direction: column;
    }

    .promo-card-item__top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: .85rem;
        margin-bottom: 1rem;
        flex-wrap: wrap;
    }

    .promo-card-item__title {
        font-size: 1.2rem;
        line-height: 1.4;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .5rem;
    }

    .promo-card-item__text {
        color: #5b6472;
        line-height: 1.75;
        font-size: .95rem;
        margin-bottom: 0;
    }

    .promo-card-item__meta-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .9rem;
    }

    .promo-meta-box {
        background: #f8fbff;
        border: 1px solid #e7eef6;
        border-radius: 16px;
        padding: .95rem 1rem;
    }

    .promo-meta-box--full {
        grid-column: 1 / -1;
    }

    .promo-meta-box__label {
        display: block;
        font-size: .74rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: #64748b;
        margin-bottom: .35rem;
    }

    .promo-meta-box__value {
        color: #334155;
        font-size: .93rem;
        line-height: 1.7;
        word-break: break-word;
    }

    .promo-meta-box__value a {
        color: #0f5d9c;
        text-decoration: none;
    }

    .promo-meta-box__value a:hover {
        text-decoration: underline;
    }

    .promo-file-list {
        list-style: none;
        padding-left: 0;
    }

    .promo-file-list li + li {
        margin-top: .35rem;
    }

    .promo-card-item__footer {
        display: flex;
        gap: .75rem;
        flex-wrap: wrap;
        margin-top: 1rem;
    }

    .promo-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 130px;
        padding: .72rem 1rem;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 700;
        font-size: .92rem;
        border: 0;
        transition: .2s ease;
    }

    .promo-btn:hover {
        text-decoration: none;
    }

    .promo-btn--primary {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        box-shadow: 0 10px 24px rgba(15, 93, 156, 0.18);
    }

    .promo-btn--primary:hover,
    .promo-btn--primary:focus {
        color: #fff;
        opacity: .96;
    }

    .promo-btn--soft {
        background: #eef6ff;
        color: #0f5d9c;
        border: 1px solid #d9eaff;
    }

    .promo-btn--soft:hover,
    .promo-btn--soft:focus {
        color: #0a4b7f;
    }

    .promo-modal {
        border: 0;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.12);
    }

    .promo-modal__header {
        background: #0f172a;
        color: #fff;
        border-bottom: 0;
    }

    .promo-modal__header .close {
        color: #fff;
        opacity: 1;
        text-shadow: none;
    }

    .promo-modal__body {
        color: #475569;
        line-height: 1.8;
    }

    .promo-modal__image {
        border-radius: 14px;
    }

    .promocion-empty-state {
        background: #fbfdff;
        border: 1px dashed #cbd5e1;
        border-radius: 22px;
        padding: 2.25rem 1.25rem;
        text-align: center;
    }

    .promocion-empty-state__icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 1rem;
        border-radius: 50%;
        background: #eef6ff;
        color: #0f5d9c;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
    }

    .promocion-empty-state h4 {
        font-size: 1.15rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .5rem;
    }

    .promocion-empty-state p {
        color: #64748b;
    }

    .promocion-pagination-wrap nav {
        display: flex;
        justify-content: center;
    }

    .promocion-pagination-wrap .pagination {
        flex-wrap: wrap;
        gap: .35rem;
    }

    .promocion-pagination-wrap .page-item .page-link {
        border-radius: 10px;
        border: 1px solid #dbe7f3;
        color: #0f5d9c;
        font-weight: 700;
        padding: .55rem .85rem;
        box-shadow: none;
    }

    .promocion-pagination-wrap .page-item.active .page-link {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        border-color: #0f5d9c;
        color: #fff;
    }

    .promocion-pagination-wrap .page-item.disabled .page-link {
        color: #94a3b8;
    }

    @media (max-width: 991.98px) {
        .promocion-title {
            font-size: 1.9rem;
        }

        .promo-card-item {
            grid-template-columns: 1fr;
            gap: 0;
        }

        .promo-card-item__media {
            padding: 1rem 1rem 0 1rem;
        }

        .promo-card-item__body {
            padding: 1rem;
        }
    }

    @media (max-width: 767.98px) {
        .promocion-hero,
        .promocion-shell,
        .promocion-info-box {
            padding: 1.15rem;
        }

        .promocion-title {
            font-size: 1.65rem;
        }

        .promo-card-item__title {
            font-size: 1.05rem;
        }

        .promo-card-item__meta-grid {
            grid-template-columns: 1fr;
        }

        .promo-card-item__footer {
            flex-direction: column;
        }

        .promo-btn {
            width: 100%;
        }

        .promo-card-item__image {
            min-height: 210px;
            max-height: 240px;
        }
    }

/* pages/dashboard-exportaciones/index.blade.php */

.export-dashboard-page{
        padding: 28px 0 60px;
        background:
            radial-gradient(circle at top right, rgba(28,126,214,.07), transparent 20%),
            linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
    }

.dashboard-wide-container{
    width: 100%;
    max-width: 1540px;
    margin: 0 auto;
    padding-left: 18px;
    padding-right: 18px;
}

    .intelcom-breadcrumb-wrap{
        margin-bottom: 18px;
    }

    .intelcom-breadcrumb{
        background: #f8fafc;
        border: 1px solid #e8eef5;
        border-radius: 14px;
        padding: 12px 18px;
        margin-bottom: 0;
    }

    .intelcom-breadcrumb .breadcrumb-item a{
        color: #0f5fd7;
        font-weight: 600;
        text-decoration: none;
    }

    .intelcom-breadcrumb .breadcrumb-item.active{
        color: #667085;
        font-weight: 600;
    }

    .dashboard-hero{
        position: relative;
        overflow: hidden;
        background: linear-gradient(135deg, #0f2f57 0%, #145da0 55%, #1c7ed6 100%);
        border-radius: 24px;
        padding: 30px 30px;
        color: #fff;
        box-shadow: 0 18px 42px rgba(15,47,87,.16);
        margin-bottom: 18px;
    }

    .dashboard-hero::before{
        content: "";
        position: absolute;
        top: -85px;
        right: -85px;
        width: 240px;
        height: 240px;
        border-radius: 50%;
        background: rgba(255,255,255,.08);
    }

    .dashboard-hero::after{
        content: "";
        position: absolute;
        left: -65px;
        bottom: -80px;
        width: 190px;
        height: 190px;
        border-radius: 50%;
        background: rgba(255,255,255,.05);
    }

    .dashboard-hero-badge{
        position: relative;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 14px;
        background: rgba(255,255,255,.14);
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 14px;
    }

    .dashboard-hero-title{
        position: relative;
        z-index: 2;
        font-size: 1.9rem;
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 10px;
    }

    .dashboard-hero-text{
        position: relative;
        z-index: 2;
        max-width: 980px;
        margin-bottom: 0;
        color: rgba(255,255,255,.92);
        font-size: 1rem;
        line-height: 1.75;
    }

    .dashboard-switcher{
        background: #fff;
        border: 1px solid #e8eef5;
        border-radius: 20px;
        box-shadow: 0 10px 28px rgba(15,23,42,.05);
        padding: 16px;
        margin-bottom: 16px;
    }

    .dashboard-switcher-grid{
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .dashboard-switcher-btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 48px;
        padding: 12px 18px;
        border-radius: 14px;
        text-decoration: none !important;
        font-weight: 700;
        font-size: 14px;
        transition: all .2s ease;
        border: 1px solid #dce7f3;
        background: #fff;
        color: #16324f !important;
        box-shadow: 0 6px 18px rgba(15,23,42,.04);
    }

    .dashboard-switcher-btn:hover{
        transform: translateY(-2px);
        background: #f6faff;
        border-color: #cfe0f4;
    }

    .dashboard-switcher-btn.active{
        background: linear-gradient(135deg, #0f5fd7 0%, #1c7ed6 100%);
        color: #fff !important;
        border-color: transparent;
        box-shadow: 0 12px 26px rgba(28,126,214,.24);
    }

    .dashboard-tools{
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        margin-bottom: 16px;
        flex-wrap: wrap;
    }

    .dashboard-tool-btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 16px;
        border-radius: 12px;
        background: #fff;
        border: 1px solid #dbe6f2;
        color: #145da0;
        font-weight: 700;
        text-decoration: none !important;
        box-shadow: 0 8px 20px rgba(15,47,87,.06);
        transition: all .2s ease;
    }

    .dashboard-tool-btn:hover{
        color: #0f5fd7;
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(15,47,87,.10);
    }

    .dashboard-collapse-card{
        border: 1px solid #d8e8f6;
        background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 10px 24px rgba(15,47,87,.06);
        margin-bottom: 18px;
    }

    .dashboard-collapse-body{
        padding: 22px;
    }

    .dashboard-collapse-title{
        font-size: 1.05rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 10px;
    }

    .dashboard-collapse-text{
        color: #5f6c7b;
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 14px;
    }

    .dashboard-close-action{
        text-align: center;
        margin-top: 14px;
    }

    .dashboard-close-action a{
        color: #dc3545;
        font-size: 30px;
        text-decoration: none;
    }

    .dashboard-video-wrap{
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        border-radius: 16px;
        overflow: hidden;
        background: #000;
        box-shadow: 0 12px 28px rgba(15,23,42,.12);
    }

    .dashboard-video-wrap iframe{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .dashboard-main-card{
        background: #fff;
        border: 1px solid #e8eef5;
        border-radius: 22px;
        box-shadow: 0 12px 34px rgba(15,23,42,.06);
        overflow: hidden;
        margin-bottom: 24px;
    }

    .dashboard-main-header{
        padding: 22px 24px 16px;
        border-bottom: 1px solid #edf2f7;
        background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
    }

    .dashboard-main-label{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #f0f6ff;
        color: #0f5fd7;
        border: 1px solid #d6e6fb;
        border-radius: 999px;
        padding: 7px 12px;
        font-size: 12px;
        font-weight: 800;
        margin-bottom: 12px;
    }

    .dashboard-main-title{
        font-size: 1.45rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 8px;
        line-height: 1.25;
    }

    .dashboard-main-text{
        font-size: 15px;
        color: #667085;
        line-height: 1.75;
        margin-bottom: 0;
        max-width: 1100px;
    }

    .dashboard-main-body{
        padding: 16px;
    }

    .viz-shell{
        border: 1px solid #e5edf6;
        border-radius: 20px;
        overflow: hidden;
        background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    }

    .viz-shell-top{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 14px 16px;
        border-bottom: 1px solid #e8eef5;
        background: #fbfdff;
    }

    .viz-shell-name{
        font-size: 15px;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 2px;
    }

    .viz-shell-meta{
        font-size: 13px;
        color: #7b8794;
    }

    .viz-shell-action{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 12px;
        text-decoration: none !important;
        font-size: 13px;
        font-weight: 700;
        border: 1px solid #dbe6f2;
        background: #fff;
        color: #16324f !important;
        transition: all .2s ease;
    }

    .viz-shell-action:hover{
        background: #f5f9ff;
        transform: translateY(-1px);
    }

    .tableau-stage{
        padding: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        background: #f7fbff;
    }

    .tableau-inner{
        min-width: 1320px;
        width: 1320px;
        margin: 0 auto;
    }

    .tableauPlaceholder{
        position: relative;
        width: 1300px;
        margin: 0 auto;
        overflow: visible;
        background: #fff;
        border-radius: 16px;
    }

    .tableauPlaceholder object.tableauViz{
        display: block;
        margin: 0 auto;
    }

    .dashboard-source-card,
    .dashboard-links-card{
        background: #fff;
        border: 1px solid #e8eef5;
        border-radius: 22px;
        box-shadow: 0 12px 34px rgba(15,23,42,.06);
        overflow: hidden;
        margin-bottom: 22px;
    }

    .dashboard-section-header{
        padding: 22px 24px 14px;
        border-bottom: 1px solid #edf2f7;
        background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
    }

    .dashboard-section-title{
        font-size: 1.15rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 8px;
    }

    .dashboard-section-text{
        font-size: 15px;
        color: #667085;
        line-height: 1.75;
        margin-bottom: 0;
    }

    .dashboard-section-body{
        padding: 20px 24px 24px;
    }

    .source-badge{
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding: 14px 18px;
        border-radius: 18px;
        background: linear-gradient(180deg, #f8fbff 0%, #f1f7fd 100%);
        border: 1px solid #dce8f5;
        text-decoration: none !important;
        color: #16324f !important;
        font-weight: 700;
        transition: all .2s ease;
    }

    .source-badge:hover{
        transform: translateY(-2px);
        box-shadow: 0 12px 24px rgba(15,23,42,.08);
    }

    .source-badge img{
        width: 48px;
        height: 48px;
        object-fit: contain;
        background: #fff;
        border-radius: 12px;
        padding: 6px;
        border: 1px solid #e3ebf4;
    }

    .dashboard-links-grid{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .dashboard-link-card{
        display: flex;
        flex-direction: column;
        height: 100%;
        border: 1px solid #e7edf5;
        border-radius: 20px;
        overflow: hidden;
        background: #fff;
        text-decoration: none !important;
        color: inherit;
        box-shadow: 0 8px 20px rgba(15,23,42,.05);
        transition: all .25s ease;
    }

    .dashboard-link-card:hover{
        transform: translateY(-5px);
        box-shadow: 0 16px 30px rgba(15,23,42,.10);
    }

    .dashboard-link-image-wrap{
        background: linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%);
        padding: 14px;
    }

    .dashboard-link-image{
        width: 100%;
        height: 170px;
        object-fit: cover;
        border-radius: 14px;
        display: block;
        background: #eef3f9;
    }

    .dashboard-link-body{
        padding: 18px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .dashboard-link-text{
        font-size: 14px;
        color: #5f6c7b;
        line-height: 1.7;
        font-weight: 600;
        margin: 0;
    }

    @media (max-width: 1399.98px){
        .dashboard-wide-container{
            max-width: 100%;
            padding-left: 14px;
            padding-right: 14px;
        }
    }

    @media (max-width: 1199.98px){
        .dashboard-links-grid{
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 991.98px){
        .dashboard-hero{
            padding: 26px 20px;
        }

        .dashboard-hero-title{
            font-size: 1.65rem;
        }

        .dashboard-main-header,
        .dashboard-section-header{
            padding-left: 18px;
            padding-right: 18px;
        }

        .dashboard-main-body,
        .dashboard-section-body{
            padding-left: 18px;
            padding-right: 18px;
        }
    }

    @media (max-width: 767.98px){
        .export-dashboard-page{
            padding: 22px 0 46px;
        }

        .dashboard-wide-container{
            padding-left: 10px;
            padding-right: 10px;
        }

        .dashboard-hero-title{
            font-size: 1.4rem;
        }

        .dashboard-hero-text,
        .dashboard-main-text,
        .dashboard-section-text{
            font-size: .96rem;
        }

        .dashboard-main-title{
            font-size: 1.2rem;
        }

        .dashboard-switcher-grid{
            flex-direction: column;
        }

        .dashboard-switcher-btn,
        .dashboard-tool-btn,
        .viz-shell-action{
            width: 100%;
        }

        .dashboard-tools{
            justify-content: stretch;
        }

        .viz-shell-top{
            flex-direction: column;
            align-items: flex-start;
        }

        .tableau-stage{
            padding: 10px;
        }

        .tableau-inner{
            min-width: 1000px;
            width: 1000px;
        }

        .tableauPlaceholder{
            width: 1000px;
        }

        .dashboard-links-grid{
            grid-template-columns: 1fr;
        }

        .dashboard-link-image{
            height: 190px;
        }
    }

/* pages/dashboard-internacional/index.blade.php */

.dashboard-int-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .dash-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .dash-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .dash-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .dash-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .dash-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .dash-title {
        font-size: 2.2rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .dash-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 780px;
    }

    .dash-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .dash-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .dash-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .dash-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .dash-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .dash-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .dash-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .dash-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .dash-doc-link {
        display: inline-flex;
        align-items: center;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .dash-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .dash-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .dash-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .dash-shell__top {
        margin-bottom: 1.25rem;
    }

    .dash-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .dash-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .dash-counter {
        display: inline-flex;
        align-items: center;
        padding: .55rem .9rem;
        background: #eef6ff;
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .88rem;
        font-weight: 700;
    }

    .dash-card {
        display: flex;
        flex-direction: column;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        border: 1px solid #e6eef6;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
        height: 100%;
    }

    .dash-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 45px rgba(15, 23, 42, 0.08);
        border-color: #cfe0ef;
    }

    .dash-card__image-link {
        display: block;
        text-decoration: none;
    }

    .dash-card__image-wrap {
        position: relative;
        overflow: hidden;
        aspect-ratio: 16 / 10;
        background: #f1f5f9;
    }

    .dash-card__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .25s ease;
    }

    .dash-card:hover .dash-card__image {
        transform: scale(1.04);
    }

    .dash-card__body {
        flex: 1;
        padding: 1.15rem;
    }

    .dash-card__meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        flex-wrap: wrap;
        margin-bottom: .85rem;
    }

    .dash-card__chip {
        display: inline-flex;
        align-items: center;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        padding: .45rem .8rem;
        font-size: .82rem;
        font-weight: 700;
    }

    .dash-card__code {
        color: #64748b;
        font-size: .83rem;
        font-weight: 600;
    }

    .dash-card__title {
        font-size: 1.08rem;
        line-height: 1.45;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .7rem;
    }

    .dash-card__title a {
        color: inherit;
        text-decoration: none;
    }

    .dash-card__text {
        color: #5b6472;
        line-height: 1.75;
        font-size: .95rem;
        margin-bottom: 0;
    }

    .dash-card__footer {
        border-top: 1px solid #edf2f7;
        padding: 1rem 1.15rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        flex-wrap: wrap;
    }

    .dash-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 132px;
        padding: .7rem 1rem;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 700;
        font-size: .92rem;
        transition: .2s ease;
    }

    .dash-btn:hover {
        text-decoration: none;
    }

    .dash-btn--primary {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        box-shadow: 0 10px 24px rgba(15, 93, 156, 0.18);
    }

    .dash-btn--primary:hover {
        color: #fff;
        opacity: .96;
    }

    .dash-btn--soft {
        background: #eef6ff;
        color: #0f5d9c;
        border: 1px solid #d9eaff;
    }

    .dash-btn--soft:hover {
        color: #0a4b7f;
    }

    @media (max-width: 991.98px) {
        .dash-title {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 767.98px) {
        .dash-hero,
        .dash-shell,
        .dash-info-box {
            padding: 1.15rem;
        }

        .dash-title {
            font-size: 1.65rem;
        }

        .dash-card__footer {
            flex-direction: column;
            align-items: stretch;
        }

        .dash-btn {
            width: 100%;
        }
    }

/* pages/dashboard-resultados/index.blade.php */

.dash-page {
        padding: 40px 0 70px;
        background:
            radial-gradient(circle at top right, rgba(28, 126, 214, 0.08), transparent 24%),
            linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    }

    /* Mismo ancho útil del dashboard principal de referencia */
    .dash-wide-container {
        width: 100%;
        max-width: 1540px;
        margin: 0 auto;
        padding-left: 18px;
        padding-right: 18px;
    }

    .intelcom-breadcrumb-wrap {
        margin-bottom: 24px;
    }

    .intelcom-breadcrumb {
        background: #f8fafc;
        border: 1px solid #e8eef5;
        border-radius: 14px;
        padding: 12px 18px;
        margin-bottom: 0;
    }

    .intelcom-breadcrumb .breadcrumb-item a {
        color: #0f5fd7;
        font-weight: 600;
        text-decoration: none;
    }

    .intelcom-breadcrumb .breadcrumb-item.active {
        color: #667085;
        font-weight: 600;
    }

    .dash-hero {
        position: relative;
        overflow: hidden;
        background: linear-gradient(135deg, #0f2f57 0%, #145da0 55%, #1c7ed6 100%);
        border-radius: 26px;
        padding: 40px 36px;
        color: #fff;
        box-shadow: 0 20px 50px rgba(15, 47, 87, 0.18);
        margin-bottom: 28px;
    }

    .dash-hero::before {
        content: "";
        position: absolute;
        top: -90px;
        right: -90px;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        background: rgba(255,255,255,.08);
    }

    .dash-hero::after {
        content: "";
        position: absolute;
        left: -70px;
        bottom: -90px;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        background: rgba(255,255,255,.05);
    }

    .dash-hero-badge {
        position: relative;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: rgba(255,255,255,.14);
        border: 1px solid rgba(255,255,255,.22);
        color: #fff;
        padding: 8px 14px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 16px;
    }

    .dash-hero-title {
        position: relative;
        z-index: 2;
        font-size: 2rem;
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 12px;
    }

    .dash-hero-text {
        position: relative;
        z-index: 2;
        max-width: 900px;
        margin-bottom: 0;
        color: rgba(255,255,255,.92);
        font-size: 1rem;
        line-height: 1.8;
    }

    .dash-nav-wrap {
        background: #fff;
        border: 1px solid #e8eef5;
        border-radius: 24px;
        box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
        margin-bottom: 24px;
        overflow: hidden;
    }

    .dash-nav-header {
        padding: 22px 24px 16px;
        border-bottom: 1px solid #edf2f7;
        background: linear-gradient(180deg, #fbfdff 0%, #f7faff 100%);
    }

    .dash-nav-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 6px;
    }

    .dash-nav-text {
        font-size: 14px;
        color: #667085;
        line-height: 1.7;
        margin-bottom: 0;
    }

    .dash-nav-body {
        padding: 18px;
    }

    .dash-group + .dash-group {
        margin-top: 18px;
    }

    .dash-group-title {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #8a94a6;
        margin-bottom: 12px;
        padding-left: 4px;
    }

    .dash-links {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .dash-link {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        min-width: 260px;
        flex: 1 1 260px;
        padding: 14px 16px;
        border-radius: 18px;
        text-decoration: none !important;
        color: #16324f;
        background: #fff;
        border: 1px solid #e7edf5;
        transition: all .2s ease;
        box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
    }

    .dash-link:hover {
        background: #f5f9ff;
        border-color: #d5e5f7;
        color: #0f5fd7;
        transform: translateY(-2px);
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
    }

    .dash-link.active {
        background: linear-gradient(180deg, #eef6ff 0%, #f7fbff 100%);
        border-color: #cfe1f6;
        color: #0f5fd7;
        box-shadow: 0 12px 24px rgba(15, 95, 215, 0.10);
    }

    .dash-link-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #eff5fb;
        color: #145da0;
        font-size: 16px;
    }

    .dash-link.active .dash-link-icon {
        background: linear-gradient(135deg, #0f5fd7 0%, #1c7ed6 100%);
        color: #fff;
        box-shadow: 0 10px 20px rgba(28, 126, 214, 0.20);
    }

    .dash-link-content {
        min-width: 0;
    }

    .dash-link-title {
        display: block;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.35;
        margin-bottom: 4px;
    }

    .dash-link-text {
        display: block;
        font-size: 12px;
        color: #7a8797;
        line-height: 1.5;
    }

    .dash-main-card {
        background: #fff;
        border: 1px solid #e8eef5;
        border-radius: 24px;
        box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
        overflow: hidden;
    }

    .dash-main-header {
        padding: 26px 28px 18px;
        border-bottom: 1px solid #edf2f7;
        background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
    }

    .dash-main-label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #f0f6ff;
        color: #0f5fd7;
        border: 1px solid #d6e6fb;
        border-radius: 999px;
        padding: 7px 12px;
        font-size: 12px;
        font-weight: 800;
        margin-bottom: 14px;
    }

    .dash-main-title {
        font-size: 1.55rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 8px;
        line-height: 1.25;
    }

    .dash-main-text {
        font-size: 15px;
        color: #667085;
        line-height: 1.8;
        margin-bottom: 0;
        max-width: 950px;
    }

    .dash-main-body {
        padding: 16px;
    }

    .viz-shell {
        border: 1px solid #e5edf6;
        border-radius: 20px;
        overflow: hidden;
        background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    }

    .viz-shell-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 16px 18px;
        border-bottom: 1px solid #e8eef5;
        background: #fbfdff;
    }

    .viz-shell-top-left {
        min-width: 0;
    }

    .viz-shell-name {
        font-size: 15px;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 2px;
    }

    .viz-shell-meta {
        font-size: 13px;
        color: #7b8794;
    }

    .viz-shell-top-right {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .btn-intelcom-soft {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 12px;
        text-decoration: none !important;
        font-size: 13px;
        font-weight: 700;
        border: 1px solid #dbe6f2;
        background: #fff;
        color: #16324f !important;
        transition: all .2s ease;
    }

    .btn-intelcom-soft:hover {
        background: #f5f9ff;
        transform: translateY(-1px);
    }

    /*
     * Área de Tableau con las mismas proporciones del dashboard de referencia:
     * contenedor 1540px, visor fijo centrado y scroll horizontal solo cuando hace falta.
     */
    .tableau-stage {
        padding: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        background: #f7fbff;
    }

    .tableau-inner {
        margin: 0 auto;
    }

    .tableau-placeholder-modern {
        position: relative;
        background: #fff;
        border-radius: 16px;
        overflow: visible;
        margin: 0 auto;
    }

    .tableau-placeholder-modern object.tableauViz {
        display: block;
        margin: 0 auto;
    }

    .tableau-empty {
        padding: 60px 24px;
        text-align: center;
        border: 1px dashed #d9e4f0;
        border-radius: 20px;
        background: #fff;
    }

    .tableau-empty-icon {
        width: 76px;
        height: 76px;
        margin: 0 auto 16px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #eff6ff;
        color: #0f5fd7;
        font-size: 30px;
    }

    .tableau-empty-title {
        font-size: 1.15rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 8px;
    }

    .tableau-empty-text {
        font-size: 15px;
        color: #667085;
        line-height: 1.8;
        margin-bottom: 18px;
    }

    .tableau-empty-help {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
    }

    .tableau-empty-help span {
        background: #f5f9ff;
        border: 1px solid #dce8f7;
        color: #145da0;
        padding: 8px 12px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 700;
    }

    @media (max-width: 1399.98px) {
        .dash-wide-container {
            max-width: 100%;
            padding-left: 14px;
            padding-right: 14px;
        }
    }

    @media (max-width: 991.98px) {
        .dash-hero {
            padding: 30px 24px;
        }

        .dash-hero-title {
            font-size: 1.7rem;
        }

        .dash-main-header {
            padding: 22px 20px 16px;
        }

        .dash-main-body {
            padding: 16px 16px 22px;
        }

        .dash-link {
            min-width: 220px;
            flex-basis: 220px;
        }
    }

    @media (max-width: 767.98px) {
        .dash-wide-container {
            padding-left: 10px;
            padding-right: 10px;
        }

        .dash-page {
            padding: 26px 0 50px;
        }

        .dash-hero-title {
            font-size: 1.45rem;
        }

        .dash-hero-text,
        .dash-main-text {
            font-size: 0.96rem;
        }

        .dash-main-title {
            font-size: 1.25rem;
        }

        .viz-shell-top {
            flex-direction: column;
            align-items: flex-start;
        }

        .viz-shell-top-right {
            width: 100%;
        }

        .viz-shell-top-right .btn-intelcom-soft {
            width: 100%;
        }

        .tableau-stage {
            padding: 12px;
        }

        .dash-link {
            min-width: 100%;
            flex: 1 1 100%;
        }
    }

/* pages/exportadores.blade.php */

.exportadores-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .exportadores-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .exportadores-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .exportadores-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .exportadores-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .exportadores-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .exportadores-title {
        font-size: 2.2rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .exportadores-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 760px;
    }

    .exportadores-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .exportadores-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .exportadores-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .exportadores-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .exportadores-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .exportadores-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .exportadores-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .exportadores-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .exportadores-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .exportadores-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .exportadores-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .exportadores-shell__top {
        margin-bottom: 1.25rem;
    }

    .exportadores-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .exportadores-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .exportadores-sector-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1rem;
    }

    .sector-card {
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        border: 1px solid #e6eef6;
        border-radius: 20px;
        padding: 1.1rem;
        display: flex;
        gap: .9rem;
        align-items: center;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
        transition: .2s ease;
    }

    .sector-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 18px 34px rgba(15, 23, 42, 0.06);
        border-color: #cfe0ef;
    }

    .sector-card__icon {
        width: 58px;
        height: 58px;
        min-width: 58px;
        border-radius: 16px;
        background: #eef6ff;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .sector-card__icon img {
        max-width: 34px;
        max-height: 34px;
    }

    .sector-card__label {
        display: block;
        color: #64748b;
        font-size: .88rem;
        margin-bottom: .2rem;
    }

    .sector-card__value {
        font-size: 1.45rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .2rem;
    }

    .sector-card__link {
        color: #0f5d9c;
        font-weight: 700;
        font-size: .9rem;
        text-decoration: none;
    }

    .sector-card__link:hover {
        text-decoration: none;
        color: #0a4b7f;
    }

    .exportadores-search-form {
        margin-top: .5rem;
    }

    .exportadores-search-box {
        display: flex;
        align-items: center;
        background: #f8fbff;
        border: 1px solid #dce8f3;
        border-radius: 16px;
        overflow: hidden;
    }

    .exportadores-search-input {
        flex: 1;
        border: 0;
        background: transparent;
        padding: 1rem 1.1rem;
        font-size: 1rem;
        color: #0f172a;
        outline: none;
    }

    .exportadores-search-input::placeholder {
        color: #94a3b8;
    }

    .exportadores-search-btn {
        border: 0;
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        width: 58px;
        height: 58px;
        flex: 0 0 58px;
        font-size: 1rem;
    }

    .exportadores-search-actions {
        margin-top: .75rem;
    }

    .exportadores-clear-link {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .55rem .85rem;
        border: 1px solid #dbe4ee;
        border-radius: 999px;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
        background: #f8fbff;
    }

    .exportadores-clear-link:hover {
        text-decoration: none;
        color: #0a4b7f;
    }

    .exportadores-search-filters {
        display: flex;
        flex-wrap: wrap;
        gap: .65rem;
        margin-top: 1rem;
    }

    .exportadores-filter-link {
        display: inline-flex;
        align-items: center;
        gap: .55rem;
        padding: .6rem .9rem;
        border-radius: 999px;
        border: 1px solid #dbe4ee;
        background: #f8fbff;
        color: #334155;
        text-decoration: none;
        font-weight: 600;
    }

    .exportadores-filter-link:hover,
    .exportadores-filter-link.is-active {
        color: #0f5d9c;
        border-color: #bcd6ea;
        background: #eef6ff;
        text-decoration: none;
    }

    .exportadores-filter-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.7rem;
        padding: 0 .45rem;
        border-radius: 999px;
        background: rgba(15, 93, 156, 0.12);
        color: #0f5d9c;
        font-size: .8rem;
        font-weight: 800;
    }

    .exportadores-results {
        margin-top: 1.25rem;
    }

    .exportadores-table thead th {
        background: #f8fbff;
        color: #0f172a;
        font-weight: 800;
        border-bottom: 1px solid #dce8f3;
        white-space: nowrap;
    }

    .exportadores-table td,
    .exportadores-table th {
        vertical-align: middle;
    }

    .exportadores-table a {
        color: #0f5d9c;
        font-weight: 600;
        word-break: break-word;
    }

    .exportadores-pagination {
        margin-top: 1rem;
    }

    .exportadores-links-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .9rem;
    }

    .exportadores-link-item {
        display: flex;
        align-items: center;
        gap: .8rem;
        background: #f8fbff;
        border: 1px solid #e7eef6;
        border-radius: 16px;
        padding: .95rem 1rem;
        color: #334155;
        text-decoration: none;
        font-weight: 600;
    }

    .exportadores-link-item i {
        color: #0f5d9c;
        font-size: 1rem;
        width: 18px;
        text-align: center;
    }

    .exportadores-link-item:hover {
        text-decoration: none;
        color: #0f172a;
        border-color: #cfe0ef;
        background: #f3f8fe;
    }

    .exportadores-modal {
        border: 0;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.12);
    }

    .exportadores-modal__header {
        background: #0f172a;
        color: #fff;
        border-bottom: 0;
    }

    .exportadores-modal__header .close {
        color: #fff;
        opacity: 1;
        text-shadow: none;
    }

    .exportadores-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 130px;
        padding: .72rem 1rem;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 700;
        font-size: .92rem;
        border: 0;
    }

    .exportadores-btn--soft {
        background: #eef6ff;
        color: #0f5d9c;
        border: 1px solid #d9eaff;
    }

    .exportadores-btn--soft:hover,
    .exportadores-btn--soft:focus {
        color: #0a4b7f;
    }

    @media (max-width: 991.98px) {
        .exportadores-title {
            font-size: 1.9rem;
        }

        .exportadores-sector-grid,
        .exportadores-links-list {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 767.98px) {
        .exportadores-hero,
        .exportadores-shell,
        .exportadores-info-box {
            padding: 1.15rem;
        }

        .exportadores-title {
            font-size: 1.65rem;
        }

        .exportadores-sector-grid,
        .exportadores-links-list {
            grid-template-columns: 1fr;
        }

        .exportadores-search-input {
            padding: .9rem 1rem;
            font-size: .95rem;
        }

        .exportadores-search-btn {
            width: 52px;
            height: 52px;
            flex: 0 0 52px;
        }
    }

/* pages/ficha_tecnica.blade.php */

.ficha-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .ficha-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .ficha-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .ficha-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .ficha-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .ficha-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .ficha-title {
        font-size: 2.3rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .ficha-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 760px;
    }

    .ficha-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .ficha-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .ficha-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .ficha-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .ficha-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .ficha-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .ficha-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .ficha-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .ficha-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .ficha-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .ficha-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .ficha-shell__top {
        margin-bottom: 1.25rem;
    }

    .ficha-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .ficha-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .ficha-counter {
        display: inline-flex;
        align-items: center;
        padding: .55rem .9rem;
        background: #eef6ff;
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .88rem;
        font-weight: 700;
    }

    .ficha-filter-form {
        background: #f8fbff;
        border: 1px solid #e3eef8;
        border-radius: 18px;
        padding: 1rem;
    }

    .ficha-label {
        font-weight: 700;
        color: #334155;
        margin-bottom: .55rem;
        display: inline-block;
    }

    .ficha-select {
        border-radius: 12px;
        border: 1px solid #d4e2f0;
        height: 46px;
        box-shadow: none !important;
    }

    .ficha-select:focus {
        border-color: #8fc0e8;
    }

    .ficha-btn-primary,
    .ficha-btn-light {
        height: 46px;
        border-radius: 12px;
        font-weight: 700;
    }

    .ficha-btn-primary {
        border: 0;
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        box-shadow: 0 10px 24px rgba(15, 93, 156, 0.18);
    }

    .ficha-btn-primary:hover {
        color: #fff;
        opacity: .96;
    }

    .ficha-btn-light {
        background: #fff;
        color: #334155;
        border: 1px solid #d4e2f0;
    }

    .ficha-btn-light:hover {
        color: #0f172a;
    }

    .ficha-card {
        display: flex;
        flex-direction: column;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        border: 1px solid #e6eef6;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }

    .ficha-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 45px rgba(15, 23, 42, 0.08);
        border-color: #cfe0ef;
    }

    .ficha-card__flag {
        padding: 1.25rem 1.25rem .75rem;
        text-align: center;
    }

    .ficha-flag-btn {
        border: 0;
        background: transparent;
        padding: 0;
        cursor: pointer;
    }

    .ficha-flag-btn img {
        width: 82px;
        height: 82px;
        object-fit: contain;
        transition: transform .2s ease;
    }

    .ficha-card:hover .ficha-flag-btn img {
        transform: scale(1.05);
    }

    .ficha-card__body {
        flex: 1;
        padding: 0 1.25rem 1rem;
    }

    .ficha-card__title {
        font-size: 1.12rem;
        line-height: 1.4;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        min-height: 48px;
    }

    .ficha-chip {
        display: inline-flex;
        align-items: center;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        padding: .45rem .8rem;
        font-size: .82rem;
        font-weight: 700;
    }

    .ficha-card__meta {
        color: #6b7280;
        font-size: .9rem;
    }

    .ficha-links-list {
        display: flex;
        flex-direction: column;
        gap: .55rem;
    }

    .ficha-link-item {
        display: inline-flex;
        align-items: center;
        gap: .55rem;
        color: #1f4f78;
        text-decoration: none;
        font-size: .93rem;
        font-weight: 600;
    }

    .ficha-link-item:hover {
        color: #0f5d9c;
        text-decoration: none;
    }

    .ficha-card__footer {
        border-top: 1px solid #edf2f7;
        padding: 1rem 1.25rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        flex-wrap: wrap;
    }

    .ficha-action {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        font-weight: 700;
        font-size: .92rem;
        border: 0;
        background: transparent;
        padding: 0;
        cursor: pointer;
    }

    .ficha-action:hover {
        text-decoration: none;
    }

    .ficha-action--download {
        color: #dc2626;
    }

    .ficha-action--view {
        color: #0f5d9c;
    }

    .ficha-no-file {
        color: #6b7280;
        font-size: .9rem;
        font-weight: 600;
    }

    .ficha-modal__content {
        border: 0;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
    }

    .ficha-modal__header {
        border-bottom: 1px solid #edf2f7;
        padding: 1rem 1.25rem;
        background: linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
    }

    .ficha-modal__subtitle {
        color: #64748b;
        font-size: .92rem;
    }

    .ficha-modal__close {
        outline: none !important;
    }

    .ficha-modal__body {
        padding: 1rem 1rem .5rem;
        background: #f8fafc;
    }

    .ficha-pdf-wrap {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 16px;
        padding: .5rem;
    }

    .ficha-modal__footer {
        border-top: 1px solid #edf2f7;
        padding: 1rem 1.25rem;
        background: #fff;
    }

    .ficha-btn-soft,
    .ficha-btn-light {
        border-radius: 12px;
        font-weight: 700;
        padding: .65rem 1rem;
    }

    .ficha-btn-soft {
        background: #eef6ff;
        color: #0f5d9c;
        border: 1px solid #d9eaff;
    }

    .ficha-btn-soft:hover {
        color: #0a4b7f;
    }

    .ficha-empty-state {
        background: #fbfdff;
        border: 1px dashed #cbd5e1;
        border-radius: 22px;
        padding: 2.25rem 1.25rem;
        text-align: center;
    }

    .ficha-empty-state__icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 1rem;
        border-radius: 50%;
        background: #eef6ff;
        color: #0f5d9c;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
    }

    .ficha-empty-state h4 {
        font-size: 1.15rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .5rem;
    }

    .ficha-empty-state p {
        color: #64748b;
    }

    .ficha-pagination-wrap nav {
        display: flex;
        justify-content: center;
    }

    .ficha-pagination-wrap .pagination {
        flex-wrap: wrap;
        gap: .35rem;
    }

    .ficha-pagination-wrap .page-item .page-link {
        border-radius: 10px;
        border: 1px solid #dbe7f3;
        color: #0f5d9c;
        font-weight: 700;
        padding: .55rem .85rem;
        box-shadow: none;
    }

    .ficha-pagination-wrap .page-item.active .page-link {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        border-color: #0f5d9c;
        color: #fff;
    }

    .ficha-pagination-wrap .page-item.disabled .page-link {
        color: #94a3b8;
    }

    @media (max-width: 991.98px) {
        .ficha-title {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 767.98px) {
        .ficha-hero,
        .ficha-shell,
        .ficha-info-box {
            padding: 1.15rem;
        }

        .ficha-title {
            font-size: 1.65rem;
        }

        .ficha-card__footer {
            flex-direction: column;
            align-items: flex-start;
        }

        .ficha-modal__body {
            padding: .75rem;
        }

        .ficha-card__title {
            min-height: auto;
        }
    }

/* pages/herramientas-logisticas/index.blade.php */

.logistics-page{
        padding: 32px 0 60px;
        background:
            radial-gradient(circle at top right, rgba(28,126,214,.07), transparent 22%),
            linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
    }

    .logistics-container{
        width: 100%;
        max-width: 1480px;
        margin: 0 auto;
        padding-left: 16px;
        padding-right: 16px;
    }

    .intelcom-breadcrumb-wrap{
        margin-bottom: 18px;
    }

    .intelcom-breadcrumb{
        background: #f8fafc;
        border: 1px solid #e8eef5;
        border-radius: 14px;
        padding: 12px 18px;
        margin-bottom: 0;
    }

    .intelcom-breadcrumb .breadcrumb-item a{
        color: #0f5fd7;
        font-weight: 600;
        text-decoration: none;
    }

    .intelcom-breadcrumb .breadcrumb-item.active{
        color: #667085;
        font-weight: 600;
    }

    .page-hero{
        position: relative;
        overflow: hidden;
        background: linear-gradient(135deg, #0f2f57 0%, #145da0 55%, #1c7ed6 100%);
        border-radius: 24px;
        padding: 30px 28px;
        color: #fff;
        box-shadow: 0 18px 42px rgba(15,47,87,.16);
        margin-bottom: 18px;
    }

    .page-hero::before{
        content: "";
        position: absolute;
        top: -70px;
        right: -70px;
        width: 210px;
        height: 210px;
        border-radius: 50%;
        background: rgba(255,255,255,.08);
    }

    .page-hero::after{
        content: "";
        position: absolute;
        left: -50px;
        bottom: -60px;
        width: 170px;
        height: 170px;
        border-radius: 50%;
        background: rgba(255,255,255,.05);
    }

    .page-hero-badge{
        position: relative;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 14px;
        background: rgba(255,255,255,.14);
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 14px;
    }

    .page-hero-title{
        position: relative;
        z-index: 2;
        font-size: 1.9rem;
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 10px;
    }

    .page-hero-text{
        position: relative;
        z-index: 2;
        max-width: 980px;
        margin-bottom: 0;
        color: rgba(255,255,255,.92);
        font-size: 1rem;
        line-height: 1.75;
    }

    .section-card{
        background: #fff;
        border: 1px solid #e8eef5;
        border-radius: 22px;
        box-shadow: 0 12px 34px rgba(15,23,42,.06);
        overflow: hidden;
        margin-bottom: 18px;
    }

    .section-card-header{
        padding: 20px 22px 14px;
        border-bottom: 1px solid #edf2f7;
        background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
    }

    .section-card-title{
        font-size: 1.15rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 6px;
    }

    .section-card-text{
        font-size: 14px;
        color: #667085;
        line-height: 1.7;
        margin-bottom: 0;
    }

    .section-card-body{
        padding: 20px 22px 22px;
    }

    .top-actions{
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        margin-bottom: 16px;
        flex-wrap: wrap;
    }

    .tool-btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 16px;
        border-radius: 12px;
        background: #fff;
        border: 1px solid #dbe6f2;
        color: #145da0 !important;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 8px 20px rgba(15,47,87,.06);
        transition: all .2s ease;
        cursor: pointer;
    }

    .tool-btn:hover{
        color: #0f5fd7 !important;
        transform: translateY(-2px);
        background: #f5f9ff;
    }

    .help-box{
        border: 1px solid #d8e8f6;
        background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 10px 24px rgba(15,47,87,.06);
        margin-bottom: 18px;
    }

    .help-box-body{
        padding: 22px;
    }

    .help-box p{
        color: #516173;
        line-height: 1.75;
        margin-bottom: 12px;
    }

    .help-box p:last-child{
        margin-bottom: 0;
    }

    .manual-link{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 12px;
        background: #f4f9ff;
        border: 1px solid #d8e8f6;
        color: #0f5fd7 !important;
        text-decoration: none !important;
        font-weight: 700;
        margin-top: 10px;
    }

    .category-block + .category-block{
        margin-top: 22px;
    }

    .category-title{
        font-size: 1.1rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 14px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .tools-grid{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .tool-card{
        display: flex;
        flex-direction: column;
        height: 100%;
        border: 1px solid #e7edf5;
        border-radius: 20px;
        overflow: hidden;
        background: #fff;
        text-decoration: none !important;
        color: inherit;
        box-shadow: 0 8px 20px rgba(15,23,42,.05);
        transition: all .25s ease;
    }

    .tool-card:hover{
        transform: translateY(-5px);
        box-shadow: 0 16px 30px rgba(15,23,42,.10);
    }

    .tool-card-image-wrap{
        background: linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%);
        padding: 14px;
        min-height: 230px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tool-card-image{
        width: 100%;
        height: 190px;
        object-fit: contain;
        display: block;
    }

    .tool-card-body{
        padding: 18px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .tool-card-title{
        font-size: 1.05rem;
        font-weight: 800;
        color: #16324f;
        line-height: 1.35;
        margin-bottom: 10px;
    }

    .tool-card-text{
        font-size: 14px;
        color: #5f6c7b;
        line-height: 1.75;
        margin-bottom: 18px;
        flex-grow: 1;
    }

    .tool-card-action{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #0f5fd7;
        font-weight: 700;
        font-size: 14px;
    }

    .note-card{
        background: #fff;
        border: 1px solid #e8eef5;
        border-radius: 20px;
        box-shadow: 0 10px 28px rgba(15,23,42,.05);
        overflow: hidden;
    }

    .note-card-body{
        padding: 18px 20px;
    }

    .note-box{
        display: flex;
        align-items: flex-start;
        gap: 12px;
        color: #506174;
        line-height: 1.75;
        background: linear-gradient(180deg, #f8fbff 0%, #f3f8fd 100%);
        border: 1px solid #dce8f7;
        border-radius: 16px;
        padding: 16px 18px;
    }

    .note-box i{
        color: #0f5fd7;
        font-size: 18px;
        margin-top: 3px;
    }

    @media (max-width: 1199.98px){
        .tools-grid{
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 767.98px){
        .logistics-page{
            padding: 22px 0 46px;
        }

        .logistics-container{
            padding-left: 10px;
            padding-right: 10px;
        }

        .page-hero{
            padding: 24px 18px;
        }

        .page-hero-title{
            font-size: 1.45rem;
        }

        .page-hero-text,
        .section-card-text{
            font-size: .96rem;
        }

        .top-actions{
            flex-direction: column;
            align-items: stretch;
        }

        .tool-btn{
            width: 100%;
        }

        .tools-grid{
            grid-template-columns: 1fr;
        }

        .tool-card-image-wrap{
            min-height: 210px;
            padding: 14px;
        }

        .tool-card-image{
            height: 170px;
        }

        .section-card-header,
        .section-card-body{
            padding-left: 16px;
            padding-right: 16px;
        }
    }

/* pages/historial_cambios.blade.php */

.hc-page{
        background:
            radial-gradient(circle at top left, rgba(37, 99, 235, 0.05), transparent 28%),
            radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.06), transparent 26%),
            linear-gradient(180deg, #f8fbff 0%, #eef4fb 45%, #ffffff 100%);
    }

    .hc-hero{
        position: relative;
        overflow: hidden;
        padding: 150px 0 90px;
        background:
            linear-gradient(120deg, rgba(7, 24, 47, 0.95) 0%, rgba(11, 43, 79, 0.88) 45%, rgba(18, 88, 148, 0.76) 100%),
            url('/img/milestones-bg.jpg') center center / cover no-repeat;
    }

    .hc-hero::before{
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 15% 20%, rgba(255,255,255,0.10), transparent 22%),
            radial-gradient(circle at 85% 80%, rgba(45,212,191,0.14), transparent 20%);
        pointer-events: none;
    }

    .hc-hero__content{
        position: relative;
        z-index: 2;
        max-width: 920px;
        padding: 40px 38px;
        border-radius: 28px;
        background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.07) 100%);
        border: 1px solid rgba(255,255,255,0.14);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        box-shadow: 0 24px 60px rgba(0,0,0,0.22);
    }

    .hc-badge{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 9px 16px;
        margin-bottom: 18px;
        border-radius: 999px;
        background: rgba(255,255,255,0.14);
        border: 1px solid rgba(255,255,255,0.16);
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .hc-hero h1{
        margin: 0 0 16px;
        color: #ffffff;
        font-size: 3.1rem;
        line-height: 1.04;
        font-weight: 800;
        letter-spacing: -.03em;
    }

    .hc-hero p{
        margin: 0;
        color: rgba(255,255,255,0.92);
        font-size: 1.05rem;
        line-height: 1.85;
    }

    .hc-breadcrumb-wrap{
        position: relative;
        margin-top: -28px;
        z-index: 5;
    }

    .hc-breadcrumb-card{
        background: rgba(255,255,255,0.92);
        border: 1px solid rgba(226,232,240,0.95);
        border-radius: 18px;
        box-shadow: 0 16px 40px rgba(15,23,42,0.08);
        padding: 16px 22px;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .hc-breadcrumb{
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .hc-breadcrumb .breadcrumb-item,
    .hc-breadcrumb .breadcrumb-item a{
        font-size: .95rem;
        font-weight: 600;
        color: #64748b;
        text-decoration: none;
    }

    .hc-breadcrumb .breadcrumb-item.active{
        color: #0f172a;
        font-weight: 700;
    }

    .hc-main{
        padding: 70px 0 80px;
    }

    .hc-panel{
        border-radius: 28px;
        background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
        border: 1px solid rgba(226,232,240,0.95);
        box-shadow:
            0 14px 35px rgba(15,23,42,0.07),
            0 2px 10px rgba(15,23,42,0.04);
        overflow: hidden;
    }

    .hc-panel__head{
        padding: 34px 34px 24px;
        border-bottom: 1px solid rgba(226,232,240,0.85);
    }

    .hc-section-badge{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 18px;
        margin-bottom: 16px;
        border-radius: 999px;
        background: rgba(37,99,235,.08);
        border: 1px solid rgba(37,99,235,.10);
        color: #2563eb;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .12em;
    }

    .hc-title{
        margin: 0 0 10px;
        font-size: 2.05rem;
        line-height: 1.12;
        font-weight: 800;
        color: #0f172a;
        letter-spacing: -.02em;
    }

    .hc-subtitle{
        margin: 0;
        font-size: 1rem;
        line-height: 1.8;
        color: #64748b;
    }

    .hc-list{
        padding: 28px;
    }

    .hc-item{
        position: relative;
        padding-left: 90px;
        margin-bottom: 24px;
    }

    .hc-item:last-child{
        margin-bottom: 0;
    }

    .hc-item::before{
        content: "";
        position: absolute;
        top: 0;
        bottom: -24px;
        left: 33px;
        width: 2px;
        background: linear-gradient(180deg, rgba(37,99,235,0.16) 0%, rgba(15,118,110,0.16) 100%);
    }

    .hc-item:last-child::before{
        bottom: 50%;
    }

    .hc-dot{
        position: absolute;
        top: 22px;
        left: 18px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #2563eb 0%, #0f766e 100%);
        color: #ffffff;
        font-size: 13px;
        box-shadow: 0 10px 22px rgba(37,99,235,0.20);
        z-index: 2;
    }

    .hc-card{
        position: relative;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,250,252,.97) 100%);
        border: 1px solid rgba(226,232,240,0.95);
        box-shadow:
            0 12px 28px rgba(15,23,42,0.05),
            0 2px 8px rgba(15,23,42,0.03);
        overflow: hidden;
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .hc-card:hover{
        transform: translateY(-4px);
        border-color: rgba(96,165,250,0.35);
        box-shadow:
            0 20px 40px rgba(15,23,42,0.09),
            0 4px 12px rgba(15,23,42,0.05);
    }

    .hc-card__body{
        padding: 24px 24px 22px;
    }

    .hc-meta{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 12px;
        margin-bottom: 14px;
    }

    .hc-chip{
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(37,99,235,.08);
        border: 1px solid rgba(37,99,235,.10);
        color: #2563eb;
        font-size: .78rem;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .hc-chip--date{
        background: rgba(15,118,110,.08);
        border-color: rgba(15,118,110,.10);
        color: #0f766e;
    }

    .hc-chip--type{
        background: rgba(15,23,42,.06);
        border-color: rgba(15,23,42,.08);
        color: #334155;
    }

    .hc-card h3{
        margin: 0 0 12px;
        font-size: 1.22rem;
        font-weight: 800;
        line-height: 1.4;
        color: #0f172a;
    }

    .hc-card__summary{
        margin: 0;
        color: #475569;
        font-size: .97rem;
        line-height: 1.9;
        background: #ffffff;
        border: 1px solid rgba(226,232,240,0.85);
        border-radius: 18px;
        padding: 18px 18px 16px;
    }

    .hc-card__summary p{
        margin-bottom: 12px;
    }

    .hc-card__summary p:last-child{
        margin-bottom: 0;
    }

    .hc-card__summary ul,
    .hc-card__summary ol{
        margin: 12px 0 12px 20px;
        padding: 0;
    }

    .hc-card__summary li{
        margin-bottom: 8px;
        color: #475569;
    }

    .hc-card__summary strong,
    .hc-card__summary b{
        color: #0f172a;
        font-weight: 800;
    }

    .hc-card__summary h1,
    .hc-card__summary h2,
    .hc-card__summary h3,
    .hc-card__summary h4,
    .hc-card__summary h5,
    .hc-card__summary h6{
        margin: 0 0 12px;
        color: #0f172a;
        font-weight: 800;
        line-height: 1.35;
    }

    .hc-card__summary h1{ font-size: 1.45rem; }
    .hc-card__summary h2{ font-size: 1.3rem; }
    .hc-card__summary h3{ font-size: 1.15rem; }
    .hc-card__summary h4,
    .hc-card__summary h5,
    .hc-card__summary h6{ font-size: 1rem; }

    .hc-card__summary a{
        color: #2563eb;
        font-weight: 700;
        text-decoration: none;
    }

    .hc-card__summary a:hover{
        color: #0f766e;
        text-decoration: none;
    }

    .hc-card__summary table{
        width: 100%;
        border-collapse: collapse;
        margin: 12px 0;
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
    }

    .hc-card__summary table th,
    .hc-card__summary table td{
        border: 1px solid rgba(226,232,240,0.9);
        padding: 10px 12px;
        text-align: left;
        font-size: .94rem;
    }

    .hc-card__summary table th{
        background: #f8fafc;
        color: #0f172a;
        font-weight: 800;
    }

    .hc-card__summary blockquote{
        margin: 12px 0;
        padding: 12px 16px;
        border-left: 4px solid #2563eb;
        background: #eff6ff;
        border-radius: 0 12px 12px 0;
        color: #334155;
    }

    .hc-card__footer{
        display: flex;
        flex-wrap: wrap;
        gap: 10px 12px;
        align-items: center;
        margin-top: 18px;
        padding-top: 16px;
        border-top: 1px solid rgba(226,232,240,0.90);
    }

    .hc-file{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 14px;
        background: rgba(37,99,235,.08);
        border: 1px solid rgba(37,99,235,.10);
        color: #2563eb !important;
        font-size: .88rem;
        font-weight: 700;
        text-decoration: none !important;
        transition: transform .2s ease, box-shadow .2s ease;
    }

    .hc-file:hover{
        transform: translateY(-2px);
        box-shadow: 0 10px 18px rgba(37,99,235,0.10);
    }

    .hc-user{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #64748b;
        font-size: .88rem;
        font-weight: 600;
    }

    .hc-pagination-wrap{
        padding: 0 28px 30px;
    }

    .hc-pagination-wrap .pagination{
        margin: 0;
        justify-content: center;
        flex-wrap: wrap;
    }

    .hc-pagination-wrap .page-item{
        margin: 4px;
    }

    .hc-pagination-wrap .page-link{
        min-width: 44px;
        height: 44px;
        padding: 0 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px !important;
        border: 1px solid rgba(226,232,240,0.95);
        background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
        color: #334155;
        font-size: .92rem;
        font-weight: 700;
        box-shadow: 0 8px 20px rgba(15,23,42,0.04);
        transition: all .22s ease;
    }

    .hc-pagination-wrap .page-link:hover{
        color: #2563eb;
        background: #ffffff;
        border-color: rgba(96,165,250,0.35);
        box-shadow: 0 12px 24px rgba(15,23,42,0.08);
    }

    .hc-pagination-wrap .page-item.active .page-link{
        color: #ffffff;
        border-color: transparent;
        background: linear-gradient(135deg, #2563eb 0%, #0f766e 100%);
        box-shadow: 0 12px 24px rgba(37,99,235,0.20);
    }

    .hc-pagination-wrap .page-item.disabled .page-link{
        color: #94a3b8;
        background: #f8fafc;
        border-color: rgba(226,232,240,0.95);
        box-shadow: none;
    }

    .hc-empty{
        padding: 42px 28px 46px;
        text-align: center;
    }

    .hc-empty__icon{
        width: 74px;
        height: 74px;
        margin: 0 auto 18px;
        border-radius: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
        border: 1px solid rgba(191,219,254,0.55);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.95),
            0 12px 24px rgba(37,99,235,0.09);
        color: #2563eb;
        font-size: 28px;
    }

    .hc-empty h3{
        margin: 0 0 10px;
        font-size: 1.35rem;
        font-weight: 800;
        color: #0f172a;
    }

    .hc-empty p{
        margin: 0;
        color: #64748b;
        font-size: .98rem;
        line-height: 1.8;
    }

    @media (max-width: 1199.98px){
        .hc-hero h1{
            font-size: 2.7rem;
        }
    }

    @media (max-width: 991.98px){
        .hc-hero{
            padding: 130px 0 72px;
        }

        .hc-hero__content,
        .hc-panel__head{
            padding: 28px 24px;
        }

        .hc-title{
            font-size: 1.8rem;
        }

        .hc-list{
            padding: 20px 18px 24px;
        }

        .hc-item{
            padding-left: 72px;
        }

        .hc-item::before{
            left: 25px;
        }

        .hc-dot{
            left: 10px;
        }

        .hc-pagination-wrap{
            padding: 0 18px 24px;
        }
    }

    @media (max-width: 767.98px){
        .hc-hero{
            padding: 118px 0 64px;
        }

        .hc-hero h1{
            font-size: 2.15rem;
        }

        .hc-hero p{
            font-size: .98rem;
            line-height: 1.75;
        }

        .hc-main{
            padding: 54px 0 66px;
        }

        .hc-card__body{
            padding: 20px 18px 18px;
        }

        .hc-card h3{
            font-size: 1.06rem;
        }

        .hc-card__summary{
            font-size: .93rem;
            padding: 16px 14px 14px;
        }
    }

    @media (max-width: 575.98px){
        .hc-hero__content,
        .hc-panel__head{
            padding: 22px 18px;
            border-radius: 20px;
        }

        .hc-hero h1{
            font-size: 1.85rem;
        }

        .hc-title{
            font-size: 1.55rem;
        }

        .hc-list{
            padding: 18px 14px 20px;
        }

        .hc-item{
            padding-left: 54px;
        }

        .hc-item::before{
            left: 18px;
        }

        .hc-dot{
            left: 4px;
            width: 28px;
            height: 28px;
            font-size: 11px;
        }

        .hc-meta{
            gap: 8px;
        }

        .hc-chip{
            font-size: .72rem;
        }

        .hc-pagination-wrap{
            padding: 0 14px 20px;
        }

        .hc-pagination-wrap .page-link{
            min-width: 40px;
            height: 40px;
            padding: 0 12px;
            border-radius: 12px !important;
            font-size: .88rem;
        }
    }

/* pages/informe.blade.php */

.inf-page{
        background:
            radial-gradient(circle at top left, rgba(37, 99, 235, 0.05), transparent 28%),
            radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.06), transparent 26%),
            linear-gradient(180deg, #f8fbff 0%, #eef4fb 45%, #ffffff 100%);
    }

    .inf-hero{
        position: relative;
        overflow: hidden;
        padding: 150px 0 90px;
        background:
            linear-gradient(120deg, rgba(7, 24, 47, 0.95) 0%, rgba(11, 43, 79, 0.88) 45%, rgba(18, 88, 148, 0.76) 100%),
            var(--inf-hero-image, url('/img/milestones-bg.jpg')) center center / cover no-repeat;
    }

    .inf-hero::before{
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 15% 20%, rgba(255,255,255,0.10), transparent 22%),
            radial-gradient(circle at 85% 80%, rgba(45,212,191,0.14), transparent 20%);
        pointer-events: none;
    }

    .inf-hero__content{
        position: relative;
        z-index: 2;
        max-width: 980px;
        padding: 40px 38px;
        border-radius: 28px;
        background: linear-gradient(180deg, ragba(255,255,255,0.14) 0%, rgba(255,255,255,0.07) 100%);
        border: 1px solid rgba(255,255,255,0.14);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        box-shadow: 0 24px 60px rgba(0,0,0,0.22);
    }

    .inf-badge{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 9px 16px;
        margin-bottom: 18px;
        border-radius: 999px;
        background: rgba(255,255,255,0.14);
        border: 1px solid rgba(255,255,255,0.16);
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .inf-hero h1{
        margin: 0 0 16px;
        color: #ffffff;
        font-size: 3rem;
        line-height: 1.06;
        font-weight: 800;
        letter-spacing: -.03em;
    }

    .inf-hero p{
        margin: 0;
        color: rgba(255,255,255,0.92);
        font-size: 1.05rem;
        line-height: 1.85;
        max-width: 820px;
    }

    .inf-meta{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 18px;
    }

    .inf-chip{
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(255,255,255,0.14);
        border: 1px solid rgba(255,255,255,0.16);
        color: #ffffff;
        font-size: .78rem;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .inf-breadcrumb-wrap{
        position: relative;
        margin-top: -28px;
        z-index: 5;
    }

    .inf-breadcrumb-card{
        background: rgba(255,255,255,0.92);
        border: 1px solid rgba(226,232,240,0.95);
        border-radius: 18px;
        box-shadow: 0 16px 40px rgba(15,23,42,0.08);
        padding: 16px 22px;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .inf-breadcrumb{
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .inf-breadcrumb .breadcrumb-item,
    .inf-breadcrumb .breadcrumb-item a{
        font-size: .95rem;
        font-weight: 600;
        color: #64748b;
        text-decoration: none;
    }

    .inf-breadcrumb .breadcrumb-item.active{
        color: #0f172a;
        font-weight: 700;
    }

    .inf-main{
        padding: 70px 0 80px;
    }

    .inf-panel{
        border-radius: 28px;
        background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
        border: 1px solid rgba(226,232,240,0.95);
        box-shadow:
            0 14px 35px rgba(15,23,42,0.07),
            0 2px 10px rgba(15,23,42,0.04);
        overflow: hidden;
    }

    .inf-cover{
        width: 100%;
        max-height: 460px;
        object-fit: cover;
        display: block;
        background: #e2e8f0;
    }

    .inf-body{
        padding: 34px;
    }

    .inf-actions{
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 24px;
    }

    .inf-btn{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 16px;
        border-radius: 14px;
        background: rgba(37,99,235,.08);
        border: 1px solid rgba(37,99,235,.10);
        color: #2563eb !important;
        font-size: .92rem;
        font-weight: 700;
        text-decoration: none !important;
        transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .inf-btn:hover{
        transform: translateY(-2px);
        box-shadow: 0 10px 18px rgba(37,99,235,0.10);
        background: rgba(37,99,235,.12);
    }

    .inf-btn--secondary{
        background: rgba(15,23,42,.05);
        border-color: rgba(15,23,42,.08);
        color: #334155 !important;
    }

    .inf-content{
        color: #475569;
        font-size: 1rem;
        line-height: 1.95;
    }

    .inf-content p{
        margin-bottom: 14px;
    }

    .inf-content p:last-child{
        margin-bottom: 0;
    }

    .inf-content ul,
    .inf-content ol{
        margin: 14px 0 14px 22px;
        padding: 0;
    }

    .inf-content li{
        margin-bottom: 8px;
    }

    .inf-content strong,
    .inf-content b{
        color: #0f172a;
        font-weight: 800;
    }

    .inf-content h1,
    .inf-content h2,
    .inf-content h3,
    .inf-content h4,
    .inf-content h5,
    .inf-content h6{
        margin: 0 0 14px;
        color: #0f172a;
        font-weight: 800;
        line-height: 1.35;
    }

    .inf-content h1{ font-size: 1.9rem; }
    .inf-content h2{ font-size: 1.65rem; }
    .inf-content h3{ font-size: 1.4rem; }
    .inf-content h4{ font-size: 1.2rem; }
    .inf-content h5,
    .inf-content h6{ font-size: 1rem; }

    .inf-content a{
        color: #2563eb;
        font-weight: 700;
        text-decoration: none;
    }

    .inf-content a:hover{
        color: #0f766e;
        text-decoration: none;
    }

    .inf-content img{
        max-width: 100%;
        height: auto;
        border-radius: 18px;
        margin: 16px 0;
    }

    .inf-content table{
        width: 100%;
        border-collapse: collapse;
        margin: 14px 0;
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
    }

    .inf-content table th,
    .inf-content table td{
        border: 1px solid rgba(226,232,240,0.9);
        padding: 10px 12px;
        text-align: left;
        font-size: .95rem;
    }

    .inf-content table th{
        background: #f8fafc;
        color: #0f172a;
        font-weight: 800;
    }

    .inf-content blockquote{
        margin: 14px 0;
        padding: 14px 16px;
        border-left: 4px solid #2563eb;
        background: #eff6ff;
        border-radius: 0 12px 12px 0;
        color: #334155;
    }

    @media (max-width: 1199.98px){
        .inf-hero h1{
            font-size: 2.7rem;
        }
    }

    @media (max-width: 991.98px){
        .inf-hero{
            padding: 130px 0 72px;
        }

        .inf-hero__content,
        .inf-body{
            padding: 28px 24px;
        }
    }

    @media (max-width: 767.98px){
        .inf-hero{
            padding: 118px 0 64px;
        }

        .inf-hero h1{
            font-size: 2.15rem;
        }

        .inf-hero p{
            font-size: .98rem;
            line-height: 1.75;
        }

        .inf-main{
            padding: 54px 0 66px;
        }
    }

    @media (max-width: 575.98px){
        .inf-hero__content,
        .inf-body{
            padding: 22px 18px;
            border-radius: 20px;
        }

        .inf-hero h1{
            font-size: 1.85rem;
        }

        .inf-content{
            font-size: .95rem;
        }
    }

/* pages/informes-automatizados/index.blade.php */

.intel-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .intel-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .intel-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .intel-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .intel-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .intel-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .intel-title {
        font-size: 2.2rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .intel-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 800px;
    }

    .intel-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .intel-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .intel-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .intel-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .intel-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .intel-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .intel-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .intel-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .intel-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .intel-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .intel-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .intel-shell__top {
        margin-bottom: 1.25rem;
    }

    .intel-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .intel-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .intel-search-wrap {
        margin-top: .5rem;
    }

    .intel-search-box {
        display: flex;
        align-items: center;
        background: #f8fbff;
        border: 1px solid #dce8f3;
        border-radius: 16px;
        overflow: hidden;
    }

    .intel-search-input {
        flex: 1;
        border: 0;
        background: transparent;
        padding: 1rem 1.1rem;
        font-size: 1rem;
        color: #0f172a;
        outline: none;
    }

    .intel-search-input::placeholder {
        color: #94a3b8;
    }

    .intel-search-btn {
        border: 0;
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        width: 58px;
        height: 58px;
        flex: 0 0 58px;
        font-size: 1rem;
    }

    .intel-results-box {
        min-height: 80px;
    }

    .intel-extra-link a {
        display: inline-flex;
        align-items: center;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .intel-extra-link a:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .hts6-table-cell {
        vertical-align: middle !important;
    }

    #DivResultado_fn_busca_fracciones .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right !important;
    }

    .hts6-actions-heading,
    .hts6-actions-cell {
        text-align: center !important;
        width: 170px;
    }

    .hts6-actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        white-space: nowrap;
    }

    .hts6-actions--tree {
        display: inline-flex;
        margin-left: .5rem;
        vertical-align: middle;
    }

    .hts6-action-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        height: 34px;
        padding: 0 12px;
        border-radius: 7px;
        border: 1px solid transparent;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        text-decoration: none;
        transition: all .15s ease;
        cursor: pointer;
    }

    .hts6-action-btn:hover,
    .hts6-action-btn:focus {
        text-decoration: none;
        outline: none;
    }

    .hts6-action-btn i {
        font-size: 13px;
        line-height: 1;
    }

    .hts6-action-btn--informe,
    .hts6-action-btn--informe:visited {
        background: #0f5d9c;
        border-color: #0f5d9c;
        color: #ffffff !important;
    }

    .hts6-action-btn--informe i,
    .hts6-action-btn--informe span {
        color: #ffffff !important;
    }

    .hts6-action-btn--informe:hover,
    .hts6-action-btn--informe:focus {
        background: #0a4b7f;
        border-color: #0a4b7f;
        color: #ffffff !important;
        text-decoration: none;
    }

    .hts6-action-btn--informe:hover i,
    .hts6-action-btn--informe:focus i,
    .hts6-action-btn--informe:hover span,
    .hts6-action-btn--informe:focus span {
        color: #ffffff !important;
    }

    .hts6-action-btn--excel {
        background: #ffffff;
        border-color: #16a34a;
        color: #15803d;
    }

    .hts6-action-btn--excel:hover,
    .hts6-action-btn--excel:focus {
        background: #16a34a;
        border-color: #16a34a;
        color: #ffffff;
    }

    @media (max-width: 991.98px) {
        .intel-title {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 767.98px) {
        .intel-hero,
        .intel-shell,
        .intel-info-box {
            padding: 1.15rem;
        }

        .intel-title {
            font-size: 1.65rem;
        }

        .intel-search-input {
            padding: .9rem 1rem;
            font-size: .95rem;
        }

        .intel-search-btn {
            width: 52px;
            height: 52px;
            flex: 0 0 52px;
        }
    }

/* pages/informes_pais.blade.php */

.informes-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .informes-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .informes-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .informes-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .informes-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .informes-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .informes-title {
        font-size: 2.3rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .informes-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 760px;
    }

    .informes-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .informes-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .informes-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .informes-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .informes-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .informes-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .informes-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .informes-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .informes-doc-link {
        display: inline-flex;
        align-items: center;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .informes-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .informes-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .informes-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .informes-shell__top {
        margin-bottom: 1.25rem;
    }

    .informes-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .informes-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .informes-counter {
        display: inline-flex;
        align-items: center;
        padding: .55rem .9rem;
        background: #eef6ff;
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .88rem;
        font-weight: 700;
    }

    .informes-grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.25rem;
    }

    .informe-card {
        display: flex;
        flex-direction: column;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        border: 1px solid #e6eef6;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
        height: 100%;
    }

    .informe-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 45px rgba(15, 23, 42, 0.08);
        border-color: #cfe0ef;
    }

    .informe-card__image-wrap {
        position: relative;
        overflow: hidden;
        aspect-ratio: 16 / 9;
        background: #f1f5f9;
    }

    .informe-card__image-link {
        display: block;
        width: 100%;
        height: 100%;
    }

    .informe-card__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .25s ease;
    }

    .informe-card:hover .informe-card__image {
        transform: scale(1.04);
    }

    .informe-card__body {
        flex: 1;
        padding: 1.15rem 1.15rem .85rem;
    }

    .informe-card__meta-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .75rem;
        flex-wrap: wrap;
        margin-bottom: .85rem;
    }

    .informe-card__chip {
        display: inline-flex;
        align-items: center;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        padding: .45rem .8rem;
        font-size: .82rem;
        font-weight: 700;
    }

    .informe-card__date {
        color: #64748b;
        font-size: .83rem;
        font-weight: 600;
    }

    .informe-card__title {
        font-size: 1.12rem;
        line-height: 1.45;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .7rem;
    }

    .informe-card__title a {
        color: inherit;
        text-decoration: none;
    }

    .informe-card__text {
        color: #5b6472;
        line-height: 1.75;
        font-size: .95rem;
        margin-bottom: .75rem;
    }

    .informe-card__location {
        color: #64748b;
        font-size: .9rem;
    }

    .informe-card__footer {
        border-top: 1px solid #edf2f7;
        padding: 1rem 1.15rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        flex-wrap: wrap;
    }

    .informe-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 120px;
        padding: .7rem 1rem;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 700;
        font-size: .92rem;
        transition: .2s ease;
    }

    .informe-btn:hover {
        text-decoration: none;
    }

    .informe-btn--primary {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        box-shadow: 0 10px 24px rgba(15, 93, 156, 0.18);
    }

    .informe-btn--primary:hover {
        color: #fff;
        opacity: .96;
    }

    .informe-btn--soft {
        background: #eef6ff;
        color: #0f5d9c;
        border: 1px solid #d9eaff;
    }

    .informe-btn--soft:hover {
        color: #0a4b7f;
    }

    .informe-btn--disabled {
        background: #f8fafc;
        color: #94a3b8;
        border: 1px solid #e5e7eb;
        cursor: default;
    }

    .informes-empty-state {
        background: #fbfdff;
        border: 1px dashed #cbd5e1;
        border-radius: 22px;
        padding: 2.25rem 1.25rem;
        text-align: center;
    }

    .informes-empty-state__icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 1rem;
        border-radius: 50%;
        background: #eef6ff;
        color: #0f5d9c;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
    }

    .informes-empty-state h4 {
        font-size: 1.15rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .5rem;
    }

    .informes-empty-state p {
        color: #64748b;
    }

    .informes-pagination-wrap nav {
        display: flex;
        justify-content: center;
    }

    .informes-pagination-wrap .pagination {
        flex-wrap: wrap;
        gap: .35rem;
    }

    .informes-pagination-wrap .page-item .page-link {
        border-radius: 10px;
        border: 1px solid #dbe7f3;
        color: #0f5d9c;
        font-weight: 700;
        padding: .55rem .85rem;
        box-shadow: none;
    }

    .informes-pagination-wrap .page-item.active .page-link {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        border-color: #0f5d9c;
        color: #fff;
    }

    .informes-pagination-wrap .page-item.disabled .page-link {
        color: #94a3b8;
    }

    @media (min-width: 768px) {
        .informes-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (min-width: 1200px) {
        .informes-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 991.98px) {
        .informes-title {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 767.98px) {
        .informes-hero,
        .informes-shell,
        .informes-info-box {
            padding: 1.15rem;
        }

        .informes-title {
            font-size: 1.65rem;
        }

        .informe-card__footer {
            flex-direction: column;
            align-items: stretch;
        }

        .informe-btn {
            width: 100%;
        }
    }

/* pages/informes_productos.blade.php */

.informes-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .informes-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .informes-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .informes-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .informes-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .informes-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .informes-title {
        font-size: 2.3rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .informes-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 760px;
    }

    .informes-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .informes-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .informes-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .informes-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .informes-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .informes-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .informes-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .informes-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .informes-doc-link {
        display: inline-flex;
        align-items: center;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .informes-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .informes-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .informes-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .informes-shell__top {
        margin-bottom: 1.25rem;
    }

    .informes-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .informes-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .informes-counter {
        display: inline-flex;
        align-items: center;
        padding: .55rem .9rem;
        background: #eef6ff;
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .88rem;
        font-weight: 700;
    }

    .informes-grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.25rem;
    }

    .informe-card {
        display: flex;
        flex-direction: column;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        border: 1px solid #e6eef6;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
        height: 100%;
    }

    .informe-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 45px rgba(15, 23, 42, 0.08);
        border-color: #cfe0ef;
    }

    .informe-card__image-wrap {
        position: relative;
        overflow: hidden;
        aspect-ratio: 16 / 9;
        background: #f1f5f9;
    }

    .informe-card__image-link {
        display: block;
        width: 100%;
        height: 100%;
    }

    .informe-card__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .25s ease;
    }

    .informe-card:hover .informe-card__image {
        transform: scale(1.04);
    }

    .informe-card__body {
        flex: 1;
        padding: 1.15rem 1.15rem .85rem;
    }

    .informe-card__meta-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .75rem;
        flex-wrap: wrap;
        margin-bottom: .85rem;
    }

    .informe-card__chip {
        display: inline-flex;
        align-items: center;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        padding: .45rem .8rem;
        font-size: .82rem;
        font-weight: 700;
    }

    .informe-card__date {
        color: #64748b;
        font-size: .83rem;
        font-weight: 600;
    }

    .informe-card__title {
        font-size: 1.12rem;
        line-height: 1.45;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .7rem;
    }

    .informe-card__title a {
        color: inherit;
        text-decoration: none;
    }

    .informe-card__text {
        color: #5b6472;
        line-height: 1.75;
        font-size: .95rem;
        margin-bottom: .75rem;
    }

    .informe-card__location {
        color: #64748b;
        font-size: .9rem;
    }

    .informe-card__footer {
        border-top: 1px solid #edf2f7;
        padding: 1rem 1.15rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        flex-wrap: wrap;
    }

    .informe-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 120px;
        padding: .7rem 1rem;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 700;
        font-size: .92rem;
        transition: .2s ease;
    }

    .informe-btn:hover {
        text-decoration: none;
    }

    .informe-btn--primary {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        box-shadow: 0 10px 24px rgba(15, 93, 156, 0.18);
    }

    .informe-btn--primary:hover {
        color: #fff;
        opacity: .96;
    }

    .informe-btn--soft {
        background: #eef6ff;
        color: #0f5d9c;
        border: 1px solid #d9eaff;
    }

    .informe-btn--soft:hover {
        color: #0a4b7f;
    }

    .informe-btn--disabled {
        background: #f8fafc;
        color: #94a3b8;
        border: 1px solid #e5e7eb;
        cursor: default;
    }

    .informes-empty-state {
        background: #fbfdff;
        border: 1px dashed #cbd5e1;
        border-radius: 22px;
        padding: 2.25rem 1.25rem;
        text-align: center;
    }

    .informes-empty-state__icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 1rem;
        border-radius: 50%;
        background: #eef6ff;
        color: #0f5d9c;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
    }

    .informes-empty-state h4 {
        font-size: 1.15rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .5rem;
    }

    .informes-empty-state p {
        color: #64748b;
    }

    .informes-pagination-wrap nav {
        display: flex;
        justify-content: center;
    }

    .informes-pagination-wrap .pagination {
        flex-wrap: wrap;
        gap: .35rem;
    }

    .informes-pagination-wrap .page-item .page-link {
        border-radius: 10px;
        border: 1px solid #dbe7f3;
        color: #0f5d9c;
        font-weight: 700;
        padding: .55rem .85rem;
        box-shadow: none;
    }

    .informes-pagination-wrap .page-item.active .page-link {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        border-color: #0f5d9c;
        color: #fff;
    }

    .informes-pagination-wrap .page-item.disabled .page-link {
        color: #94a3b8;
    }

    @media (min-width: 768px) {
        .informes-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (min-width: 1200px) {
        .informes-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 991.98px) {
        .informes-title {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 767.98px) {
        .informes-hero,
        .informes-shell,
        .informes-info-box {
            padding: 1.15rem;
        }

        .informes-title {
            font-size: 1.65rem;
        }

        .informe-card__footer {
            flex-direction: column;
            align-items: stretch;
        }

        .informe-btn {
            width: 100%;
        }
    }

/* pages/market.blade.php */

.informes-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .informes-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .informes-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .informes-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .informes-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .informes-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .informes-title {
        font-size: 2.3rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .informes-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 760px;
    }

    .informes-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .informes-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .informes-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .informes-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .informes-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .informes-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .informes-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .informes-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .informes-doc-link {
        display: inline-flex;
        align-items: center;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .informes-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .informes-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .informes-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .informes-shell__top {
        margin-bottom: 1.25rem;
    }

    .informes-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .informes-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .informes-counter {
        display: inline-flex;
        align-items: center;
        padding: .55rem .9rem;
        background: #eef6ff;
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .88rem;
        font-weight: 700;
    }

    .informes-grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.25rem;
    }

    .informe-card {
        display: flex;
        flex-direction: column;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        border: 1px solid #e6eef6;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
        height: 100%;
    }

    .informe-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 45px rgba(15, 23, 42, 0.08);
        border-color: #cfe0ef;
    }

    .informe-card__image-wrap {
        position: relative;
        overflow: hidden;
        aspect-ratio: 16 / 9;
        background: #f1f5f9;
    }

    .informe-card__image-link {
        display: block;
        width: 100%;
        height: 100%;
    }

    .informe-card__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .25s ease;
    }

    .informe-card:hover .informe-card__image {
        transform: scale(1.04);
    }

    .informe-card__body {
        flex: 1;
        padding: 1.15rem 1.15rem .85rem;
    }

    .informe-card__meta-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .75rem;
        flex-wrap: wrap;
        margin-bottom: .85rem;
    }

    .informe-card__chip {
        display: inline-flex;
        align-items: center;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        padding: .45rem .8rem;
        font-size: .82rem;
        font-weight: 700;
    }

    .informe-card__date {
        color: #64748b;
        font-size: .83rem;
        font-weight: 600;
    }

    .informe-card__title {
        font-size: 1.12rem;
        line-height: 1.45;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .7rem;
    }

    .informe-card__title a {
        color: inherit;
        text-decoration: none;
    }

    .informe-card__text {
        color: #5b6472;
        line-height: 1.75;
        font-size: .95rem;
        margin-bottom: .75rem;
    }

    .informe-card__location {
        color: #64748b;
        font-size: .9rem;
    }

    .informe-card__footer {
        border-top: 1px solid #edf2f7;
        padding: 1rem 1.15rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        flex-wrap: wrap;
    }

    .informe-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 120px;
        padding: .7rem 1rem;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 700;
        font-size: .92rem;
        transition: .2s ease;
    }

    .informe-btn:hover {
        text-decoration: none;
    }

    .informe-btn--primary {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        box-shadow: 0 10px 24px rgba(15, 93, 156, 0.18);
    }

    .informe-btn--primary:hover {
        color: #fff;
        opacity: .96;
    }

    .informe-btn--soft {
        background: #eef6ff;
        color: #0f5d9c;
        border: 1px solid #d9eaff;
    }

    .informe-btn--soft:hover {
        color: #0a4b7f;
    }

    .informe-btn--disabled {
        background: #f8fafc;
        color: #94a3b8;
        border: 1px solid #e5e7eb;
        cursor: default;
    }

    .informes-empty-state {
        background: #fbfdff;
        border: 1px dashed #cbd5e1;
        border-radius: 22px;
        padding: 2.25rem 1.25rem;
        text-align: center;
    }

    .informes-empty-state__icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 1rem;
        border-radius: 50%;
        background: #eef6ff;
        color: #0f5d9c;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
    }

    .informes-empty-state h4 {
        font-size: 1.15rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .5rem;
    }

    .informes-empty-state p {
        color: #64748b;
    }

    .informes-pagination-wrap nav {
        display: flex;
        justify-content: center;
    }

    .informes-pagination-wrap .pagination {
        flex-wrap: wrap;
        gap: .35rem;
    }

    .informes-pagination-wrap .page-item .page-link {
        border-radius: 10px;
        border: 1px solid #dbe7f3;
        color: #0f5d9c;
        font-weight: 700;
        padding: .55rem .85rem;
        box-shadow: none;
    }

    .informes-pagination-wrap .page-item.active .page-link {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        border-color: #0f5d9c;
        color: #fff;
    }

    .informes-pagination-wrap .page-item.disabled .page-link {
        color: #94a3b8;
    }

    @media (min-width: 768px) {
        .informes-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (min-width: 1200px) {
        .informes-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 991.98px) {
        .informes-title {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 767.98px) {
        .informes-hero,
        .informes-shell,
        .informes-info-box {
            padding: 1.15rem;
        }

        .informes-title {
            font-size: 1.65rem;
        }

        .informe-card__footer {
            flex-direction: column;
            align-items: stretch;
        }

        .informe-btn {
            width: 100%;
        }
    }

/* pages/noticias.blade.php */

.news-modern-page {
        background:
            radial-gradient(circle at top right, rgba(18, 101, 175, 0.08), transparent 22%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .news-breadcrumb-wrap {
        position: relative;
        z-index: 2;
    }

    .news-breadcrumb {
        background: transparent;
        padding: 0;
        margin: 0;
    }

    .news-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .news-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .news-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .news-hero-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .news-hero-title {
        font-size: 2.3rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .news-hero-text {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 720px;
    }

    .news-help-card {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .news-help-card__icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .news-help-card__content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .news-help-card__content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .news-help-link {
        font-weight: 700;
        color: #0f5d9c;
        text-decoration: none;
    }

    .news-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .news-info-panel {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .news-panel-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .news-doc-link {
        display: inline-flex;
        align-items: center;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .news-close-help {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .news-close-help:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .news-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .news-shell__head {
        margin-bottom: 1rem;
    }

    .news-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .news-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .news-tabs {
        gap: .6rem;
        margin-bottom: 0;
    }

    .news-tabs .nav-link {
        border-radius: 999px;
        border: 1px solid #dbe7f3;
        background: #f8fbff;
        color: #34506a;
        font-weight: 700;
        padding: .7rem 1rem;
        transition: all .20s ease;
    }

    .news-tabs .nav-link:hover {
        background: #eef6ff;
        color: #0f5d9c;
        border-color: #bfd9ef;
    }

    .news-tabs .nav-link.active {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        border-color: transparent;
        box-shadow: 0 10px 24px rgba(15, 93, 156, 0.22);
    }

    .news-grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1rem;
    }

    .news-card {
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        border: 1px solid #e6eef6;
        border-radius: 22px;
        padding: 1.2rem;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }

    .news-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 45px rgba(15, 23, 42, 0.08);
        border-color: #cfe0ef;
    }

    .news-card__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }

    .news-card__tag {
        display: inline-flex;
        align-items: center;
        padding: .42rem .8rem;
        border-radius: 999px;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        font-size: .82rem;
        font-weight: 800;
    }

    .news-card__date {
        font-size: .82rem;
        color: #64748b;
        font-weight: 600;
    }

    .news-card__title {
        font-size: 1.15rem;
        line-height: 1.45;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .85rem;
    }

    .news-card__title a {
        color: inherit !important;
        text-decoration: none !important;
    }

    .news-card__excerpt {
        color: #5b6472;
        line-height: 1.75;
        font-size: .96rem;
    }

    .news-card__excerpt p:last-child {
        margin-bottom: 0;
    }

    .news-card__excerpt img {
        max-width: 100%;
        height: auto;
        border-radius: 14px;
    }

    .news-card__footer {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid #edf2f7;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .75rem;
        flex-wrap: wrap;
    }

    .news-card__published {
        font-size: .86rem;
        color: #94a3b8;
    }

    .news-card__link {
        display: inline-flex;
        align-items: center;
        font-weight: 800;
        color: #0f5d9c;
        text-decoration: none;
    }

    .news-card__link:hover {
        text-decoration: none;
        color: #0a4b7f;
    }

    .news-empty-state {
        background: #fbfdff;
        border: 1px dashed #cbd5e1;
        border-radius: 22px;
        padding: 2.25rem 1.25rem;
        text-align: center;
    }

    .news-empty-state__icon {
        width: 70px;
        height: 70px;
        margin: 0 auto 1rem;
        border-radius: 50%;
        background: #eef6ff;
        color: #0f5d9c;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
    }

    .news-empty-state h4 {
        font-size: 1.15rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .5rem;
    }

    .news-empty-state p {
        color: #64748b;
    }

    @media (min-width: 768px) {
        .news-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 991.98px) {
        .news-hero-title {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 767.98px) {
        .news-hero,
        .news-shell,
        .news-info-panel {
            padding: 1.15rem;
        }

        .news-hero-title {
            font-size: 1.65rem;
        }

        .news-card {
            padding: 1rem;
        }

        .news-card__footer {
            align-items: flex-start;
            flex-direction: column;
        }
    }

/* pages/oferta-exportable/index.blade.php */

.offer-page {
        padding: 40px 0 70px;
        background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    }

    .intelcom-breadcrumb-wrap {
        margin-bottom: 24px;
    }

    .intelcom-breadcrumb {
        background: #f8fafc;
        border: 1px solid #e8eef5;
        border-radius: 14px;
        padding: 12px 18px;
        margin-bottom: 0;
    }

    .intelcom-breadcrumb .breadcrumb-item a {
        color: #0f5fd7;
        font-weight: 600;
        text-decoration: none;
    }

    .intelcom-breadcrumb .breadcrumb-item.active {
        color: #667085;
        font-weight: 600;
    }

    .offer-hero {
        position: relative;
        overflow: hidden;
        background: linear-gradient(135deg, #0f2f57 0%, #145da0 55%, #1c7ed6 100%);
        border-radius: 24px;
        padding: 38px 34px;
        color: #fff;
        box-shadow: 0 20px 45px rgba(15, 47, 87, 0.16);
        margin-bottom: 28px;
    }

    .offer-hero::before {
        content: "";
        position: absolute;
        top: -85px;
        right: -70px;
        width: 240px;
        height: 240px;
        border-radius: 50%;
        background: rgba(255,255,255,.08);
    }

    .offer-hero::after {
        content: "";
        position: absolute;
        left: -60px;
        bottom: -70px;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(255,255,255,.05);
    }

    .offer-hero-badge {
        position: relative;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: rgba(255,255,255,.14);
        border: 1px solid rgba(255,255,255,.22);
        color: #fff;
        padding: 8px 14px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 16px;
    }

    .offer-hero-title {
        position: relative;
        z-index: 2;
        font-size: 2rem;
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 12px;
    }

    .offer-hero-text {
        position: relative;
        z-index: 2;
        max-width: 850px;
        margin-bottom: 0;
        color: rgba(255,255,255,.92);
        font-size: 1rem;
        line-height: 1.75;
    }

    .top-tools {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 18px;
    }

    .info-toggle-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid #dbe6f2;
        color: #145da0;
        font-weight: 700;
        text-decoration: none !important;
        box-shadow: 0 8px 20px rgba(15, 47, 87, 0.06);
        transition: all .2s ease;
    }

    .info-toggle-btn:hover {
        color: #0f5fd7;
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(15, 47, 87, 0.10);
    }

    .info-panel {
        border: 1px solid #d8e8f6;
        background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 10px 24px rgba(15, 47, 87, 0.06);
        margin-bottom: 28px;
    }

    .info-panel-body {
        padding: 24px;
    }

    .info-panel-title {
        font-size: 1.05rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 10px;
    }

    .info-panel-text {
        color: #5f6c7b;
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 14px;
    }

    .info-panel-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #0f5fd7;
        font-weight: 700;
        text-decoration: none;
    }

    .info-panel-link:hover {
        text-decoration: underline;
    }

    .results-wrap {
        margin-top: 6px;
    }

    .report-card {
        background: #fff;
        border: 1px solid #e7edf5;
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
        transition: all .25s ease;
        height: 100%;
    }

    .report-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 42px rgba(15, 23, 42, 0.10);
    }

    .report-media {
        position: relative;
        width: 100%;
        background: linear-gradient(180deg, #f7fbff 0%, #eef5fb 100%);
        padding: 18px 18px 0;
    }

    .report-media a,
    .report-media .report-image-holder {
        display: block;
        width: 100%;
    }

    .report-image {
        width: 100%;
        height: 320px;
        object-fit: cover;
        object-position: center;
        border-radius: 18px;
        background: #eef3f9;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
        display: block;
    }

    .report-content {
        padding: 24px 26px 24px;
        display: flex;
        flex-direction: column;
    }

    .report-title {
        font-size: 1.5rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 12px;
        line-height: 1.25;
    }

    .report-description {
        font-size: 15px;
        color: #667085;
        line-height: 1.85;
        margin-bottom: 22px;
    }

    .report-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: auto;
    }

    .btn-intelcom-primary,
    .btn-intelcom-outline,
    .btn-intelcom-soft {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 11px 18px;
        border-radius: 12px;
        font-weight: 700;
        font-size: 14px;
        text-decoration: none !important;
        transition: all .2s ease;
        border: none;
        cursor: pointer;
    }

    .btn-intelcom-primary {
        background: linear-gradient(135deg, #0f5fd7 0%, #1c7ed6 100%);
        color: #fff !important;
        box-shadow: 0 8px 20px rgba(28, 126, 214, 0.22);
    }

    .btn-intelcom-primary:hover {
        color: #fff !important;
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(28, 126, 214, 0.30);
    }

    .btn-intelcom-outline {
        border: 1px solid #0f5fd7;
        color: #0f5fd7 !important;
        background: #fff;
    }

    .btn-intelcom-outline:hover {
        background: #f3f8ff;
        transform: translateY(-2px);
    }

    .btn-intelcom-soft {
        border: 1px solid #dbe6f2;
        color: #16324f !important;
        background: #f8fbff;
    }

    .btn-intelcom-soft:hover {
        background: #eff6ff;
        transform: translateY(-2px);
    }

    .empty-state {
        background: #fff;
        border: 1px dashed #d8e3ef;
        border-radius: 20px;
        padding: 50px 24px;
        text-align: center;
        color: #667085;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .empty-state i {
        font-size: 42px;
        color: #b7c4d3;
        margin-bottom: 14px;
    }

    .empty-state-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 8px;
    }

    .empty-state-text {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 1.7;
    }

    .custom-modal .modal-content {
        border: 0;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 25px 60px rgba(15, 23, 42, 0.18);
    }

    .custom-modal .modal-header {
        background: linear-gradient(135deg, #0f2f57 0%, #145da0 100%);
        color: #fff;
        border-bottom: 0;
        padding: 18px 22px;
    }

    .custom-modal .modal-title {
        font-size: 1.05rem;
        font-weight: 800;
    }

    .custom-modal .close {
        color: #fff;
        opacity: 1;
        text-shadow: none;
    }

    .custom-modal .modal-body {
        padding: 20px;
        background: #f8fbff;
    }

    .pdf-frame {
        width: 100%;
        height: 70vh;
        min-height: 480px;
        border: 1px solid #dce6f2;
        border-radius: 14px;
        background: #fff;
    }

    .custom-modal .modal-footer {
        border-top: 0;
        padding: 0 20px 20px;
        background: #f8fbff;
    }

    @media (max-width: 991.98px) {
        .offer-hero {
            padding: 30px 24px;
        }

        .offer-hero-title {
            font-size: 1.7rem;
        }

        .report-image {
            height: 260px;
        }
    }

    @media (max-width: 767.98px) {
        .offer-page {
            padding: 26px 0 50px;
        }

        .offer-hero-title {
            font-size: 1.45rem;
        }

        .offer-hero-text {
            font-size: 0.96rem;
        }

        .top-tools {
            justify-content: stretch;
        }

        .info-toggle-btn {
            width: 100%;
            justify-content: center;
        }

        .report-media {
            padding: 14px 14px 0;
        }

        .report-image {
            height: 210px;
            border-radius: 14px;
        }

        .report-content {
            padding: 18px 16px 18px;
        }

        .report-title {
            font-size: 1.2rem;
        }

        .report-actions {
            flex-direction: column;
        }

        .report-actions a,
        .report-actions button {
            width: 100%;
        }

        .pdf-frame {
            height: 58vh;
            min-height: 380px;
        }
    }

/* pages/oportunidades-puntuales/index.blade.php */

.op-page-card {
            background: #ffffff;
            border: 1px solid #e8eef6;
            border-radius: 18px;
            padding: 22px;
            margin-bottom: 24px;
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
        }

        .op-page-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 16px;
            padding-bottom: 15px;
            margin-bottom: 18px;
            border-bottom: 1px solid #edf2f7;
        }

        .op-page-header h4 {
            font-weight: 800;
            color: #1f2937;
            margin-bottom: 4px;
        }

        .op-page-header p {
            color: #64748b;
            margin-bottom: 0;
        }

        .op-count-badge {
            background: #eef5ff;
            color: #1d4ed8;
            border-radius: 999px;
            padding: 8px 14px;
            font-size: 13px;
            font-weight: 700;
            white-space: nowrap;
        }

        .op-search-box {
            position: relative;
            margin-bottom: 16px;
        }

        .op-search-box i {
            position: absolute;
            top: 50%;
            left: 14px;
            transform: translateY(-50%);
            color: #94a3b8;
        }

        .op-search-box input {
            padding-left: 38px;
            border-radius: 12px;
            border: 1px solid #d9e2ef;
            height: 44px;
        }

        .op-zone-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
            gap: 11px;
            margin-bottom: 14px;
        }

        .op-zone-card {
            border: 1px solid #e5e7eb;
            background: #ffffff;
            border-radius: 15px;
            padding: 13px 14px;
            width: 100%;
            min-height: 74px;
            display: flex;
            align-items: center;
            gap: 11px;
            text-align: left;
            cursor: pointer;
            transition: all .18s ease-in-out;
        }

        .op-zone-card:hover {
            border-color: #2563eb;
            transform: translateY(-2px);
            box-shadow: 0 8px 18px rgba(37, 99, 235, 0.12);
        }

        .op-zone-card.active {
            border-color: #2563eb;
            background: #f0f6ff;
            box-shadow: 0 8px 18px rgba(37, 99, 235, 0.14);
        }

        .op-zone-card.op-zone-special {
            border-color: #fed7aa;
            background: #fffaf3;
        }

        .op-zone-card.op-zone-special.active {
            border-color: #f59e0b;
            background: #fff7ed;
            box-shadow: 0 8px 18px rgba(245, 158, 11, 0.13);
        }

        .op-zone-icon {
            width: 40px;
            height: 40px;
            min-width: 40px;
            border-radius: 13px;
            background: #eef5ff;
            color: #2563eb;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 17px;
        }

        .op-zone-special .op-zone-icon {
            background: #fff7ed;
            color: #f59e0b;
            border: 1px solid #fed7aa;
        }

        .op-zone-info {
            min-width: 0;
            display: flex;
            flex-direction: column;
        }

        .op-zone-info strong {
            font-size: 14px;
            font-weight: 800;
            color: #111827;
            line-height: 1.2;
        }

        .op-zone-info small {
            color: #64748b;
            font-size: 12px;
            margin-top: 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .op-country-window {
            display: none;
            background: #ffffff;
            border: 1px solid #e8eef6;
            border-radius: 18px;
            padding: 16px;
            margin: 12px 0 18px;
            box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
        }

        .op-country-window.active {
            display: block;
        }

        .op-country-window-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            padding-bottom: 12px;
            margin-bottom: 14px;
            border-bottom: 1px solid #edf2f7;
        }

        .op-country-window-header h5 {
            margin: 0;
            font-size: 16px;
            font-weight: 800;
            color: #1f2937;
        }

        .op-country-window-header span {
            background: #f8fafc;
            border: 1px solid #e5e7eb;
            color: #64748b;
            border-radius: 999px;
            padding: 6px 11px;
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap;
        }

        .op-country-window-close {
            border: 0;
            background: #f1f5f9;
            color: #64748b;
            border-radius: 999px;
            width: 30px;
            height: 30px;
            cursor: pointer;
            line-height: 30px;
            text-align: center;
            transition: all .18s ease-in-out;
        }

        .op-country-window-close:hover {
            background: #e2e8f0;
            color: #1f2937;
        }

        .op-country-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
            gap: 11px;
        }

        .op-country-card {
            border: 1px solid #e5e7eb;
            background: #ffffff;
            border-radius: 14px;
            padding: 12px 13px;
            display: flex;
            align-items: center;
            gap: 11px;
            color: #111827;
            text-decoration: none !important;
            transition: all .18s ease-in-out;
            min-height: 66px;
        }

        .op-country-card:hover {
            border-color: #2563eb;
            transform: translateY(-2px);
            box-shadow: 0 8px 18px rgba(37, 99, 235, 0.14);
            color: #111827;
        }

        .op-country-card.active {
            border-color: #2563eb;
            background: #f0f6ff;
            box-shadow: 0 8px 18px rgba(37, 99, 235, 0.14);
        }

        .op-country-card.op-special-card {
            border-color: #fed7aa;
            background: #fffaf3;
        }

        .op-country-card.op-special-card.active {
            border-color: #f59e0b;
            background: #fff7ed;
        }

        .op-flag-box {
            width: 42px;
            height: 34px;
            min-width: 42px;
            border-radius: 10px;
            background: #f8fafc;
            border: 1px solid #e5e7eb;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            color: #64748b;
            font-size: 17px;
        }

        .op-flag-box img {
            width: 40px;
            height: 28px;
            object-fit: cover;
            display: block;
            border-radius: 6px;
        }

        .op-special-card .op-flag-box {
            background: #fff7ed;
            color: #f59e0b;
            border-color: #fed7aa;
        }

        .op-country-info {
            min-width: 0;
            display: flex;
            flex-direction: column;
        }

        .op-country-info strong {
            font-size: 14px;
            font-weight: 800;
            line-height: 1.2;
            color: #111827;
        }

        .op-country-info small {
            color: #64748b;
            font-size: 12px;
            margin-top: 3px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .op-range-card {
            background: #ffffff;
            border: 1px solid #e8eef6;
            border-radius: 16px;
            padding: 18px 20px;
            margin-bottom: 18px;
            box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
        }

        .op-range-card h5 {
            font-weight: 800;
            color: #1f2937;
            margin-bottom: 12px;
        }

        .op-title-card {
            background: linear-gradient(135deg, #f8fafc, #eef5ff);
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            padding: 18px 20px;
            margin-bottom: 18px;
        }

        .op-title-card h5 {
            font-weight: 800;
            margin-bottom: 4px;
            color: #1f2937;
        }

        .op-title-card p {
            margin-bottom: 0;
            color: #64748b;
        }

        .op-loading-box {
            text-align: center;
            padding: 30px;
            color: #64748b;
        }

        .imagen-gris {
            filter: grayscale(100%);
            opacity: .60;
        }

        .op-country-no-results {
            display: none;
            color: #64748b;
            font-size: 13px;
            padding: 10px 0;
        }

        @media (max-width: 768px) {
            .op-page-card {
                padding: 16px;
            }

            .op-page-header {
                flex-direction: column;
            }

            .op-zone-grid {
                grid-template-columns: 1fr;
            }

            .op-country-grid {
                grid-template-columns: 1fr;
            }

            .op-country-window-header {
                align-items: flex-start;
            }
        }

/* pages/otros_informes.blade.php */

.informes-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .informes-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .informes-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .informes-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .informes-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .informes-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .informes-title {
        font-size: 2.3rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .informes-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 760px;
    }

    .informes-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .informes-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .informes-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .informes-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .informes-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .informes-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .informes-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .informes-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .informes-doc-link {
        display: inline-flex;
        align-items: center;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .informes-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .informes-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .informes-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .informes-shell__top {
        margin-bottom: 1.25rem;
    }

    .informes-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .informes-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .informes-counter {
        display: inline-flex;
        align-items: center;
        padding: .55rem .9rem;
        background: #eef6ff;
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .88rem;
        font-weight: 700;
    }

    .informes-grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.25rem;
    }

    .informe-card {
        display: flex;
        flex-direction: column;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        border: 1px solid #e6eef6;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
        height: 100%;
    }

    .informe-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 45px rgba(15, 23, 42, 0.08);
        border-color: #cfe0ef;
    }

    .informe-card__image-wrap {
        position: relative;
        overflow: hidden;
        aspect-ratio: 16 / 9;
        background: #f1f5f9;
    }

    .informe-card__image-link {
        display: block;
        width: 100%;
        height: 100%;
    }

    .informe-card__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .25s ease;
    }

    .informe-card:hover .informe-card__image {
        transform: scale(1.04);
    }

    .informe-card__body {
        flex: 1;
        padding: 1.15rem 1.15rem .85rem;
    }

    .informe-card__meta-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .75rem;
        flex-wrap: wrap;
        margin-bottom: .85rem;
    }

    .informe-card__chip {
        display: inline-flex;
        align-items: center;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        padding: .45rem .8rem;
        font-size: .82rem;
        font-weight: 700;
    }

    .informe-card__date {
        color: #64748b;
        font-size: .83rem;
        font-weight: 600;
    }

    .informe-card__title {
        font-size: 1.12rem;
        line-height: 1.45;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .7rem;
    }

    .informe-card__title a {
        color: inherit;
        text-decoration: none;
    }

    .informe-card__text {
        color: #5b6472;
        line-height: 1.75;
        font-size: .95rem;
        margin-bottom: .75rem;
    }

    .informe-card__location {
        color: #64748b;
        font-size: .9rem;
    }

    .informe-card__footer {
        border-top: 1px solid #edf2f7;
        padding: 1rem 1.15rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        flex-wrap: wrap;
    }

    .informe-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 120px;
        padding: .7rem 1rem;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 700;
        font-size: .92rem;
        transition: .2s ease;
    }

    .informe-btn:hover {
        text-decoration: none;
    }

    .informe-btn--primary {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        box-shadow: 0 10px 24px rgba(15, 93, 156, 0.18);
    }

    .informe-btn--primary:hover {
        color: #fff;
        opacity: .96;
    }

    .informe-btn--soft {
        background: #eef6ff;
        color: #0f5d9c;
        border: 1px solid #d9eaff;
    }

    .informe-btn--soft:hover {
        color: #0a4b7f;
    }

    .informe-btn--disabled {
        background: #f8fafc;
        color: #94a3b8;
        border: 1px solid #e5e7eb;
        cursor: default;
    }

    .informes-empty-state {
        background: #fbfdff;
        border: 1px dashed #cbd5e1;
        border-radius: 22px;
        padding: 2.25rem 1.25rem;
        text-align: center;
    }

    .informes-empty-state__icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 1rem;
        border-radius: 50%;
        background: #eef6ff;
        color: #0f5d9c;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
    }

    .informes-empty-state h4 {
        font-size: 1.15rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .5rem;
    }

    .informes-empty-state p {
        color: #64748b;
    }

    .informes-pagination-wrap nav {
        display: flex;
        justify-content: center;
    }

    .informes-pagination-wrap .pagination {
        flex-wrap: wrap;
        gap: .35rem;
    }

    .informes-pagination-wrap .page-item .page-link {
        border-radius: 10px;
        border: 1px solid #dbe7f3;
        color: #0f5d9c;
        font-weight: 700;
        padding: .55rem .85rem;
        box-shadow: none;
    }

    .informes-pagination-wrap .page-item.active .page-link {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        border-color: #0f5d9c;
        color: #fff;
    }

    .informes-pagination-wrap .page-item.disabled .page-link {
        color: #94a3b8;
    }

    @media (min-width: 768px) {
        .informes-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (min-width: 1200px) {
        .informes-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 991.98px) {
        .informes-title {
            font-size: 1.9rem;
        }
    }

    @media (max-width: 767.98px) {
        .informes-hero,
        .informes-shell,
        .informes-info-box {
            padding: 1.15rem;
        }

        .informes-title {
            font-size: 1.65rem;
        }

        .informe-card__footer {
            flex-direction: column;
            align-items: stretch;
        }

        .informe-btn {
            width: 100%;
        }
    }

/* pages/preguntas.blade.php */

.faq-page{
        background:
            radial-gradient(circle at top left, rgba(37, 99, 235, 0.05), transparent 28%),
            radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.06), transparent 26%),
            linear-gradient(180deg, #f8fbff 0%, #eef4fb 45%, #ffffff 100%);
    }

    .faq-hero{
        position: relative;
        overflow: hidden;
        padding: 150px 0 90px;
        background:
            linear-gradient(120deg, rgba(7, 24, 47, 0.95) 0%, rgba(11, 43, 79, 0.88) 45%, rgba(18, 88, 148, 0.76) 100%),
            url('/img/milestones-bg.jpg') center center / cover no-repeat;
    }

    .faq-hero::before{
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 15% 20%, rgba(255,255,255,0.10), transparent 22%),
            radial-gradient(circle at 85% 80%, rgba(45,212,191,0.14), transparent 20%);
        pointer-events: none;
    }

    .faq-hero__content{
        position: relative;
        z-index: 2;
        max-width: 840px;
        padding: 40px 38px;
        border-radius: 28px;
        background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.07) 100%);
        border: 1px solid rgba(255,255,255,0.14);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        box-shadow: 0 24px 60px rgba(0,0,0,0.22);
    }

    .faq-badge{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 9px 16px;
        margin-bottom: 18px;
        border-radius: 999px;
        background: rgba(255,255,255,0.14);
        border: 1px solid rgba(255,255,255,0.16);
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .faq-hero h1{
        margin: 0 0 16px;
        color: #ffffff;
        font-size: 3.1rem;
        line-height: 1.04;
        font-weight: 800;
        letter-spacing: -.03em;
    }

    .faq-hero p{
        margin: 0;
        color: rgba(255,255,255,0.92);
        font-size: 1.05rem;
        line-height: 1.85;
    }

    .faq-breadcrumb-wrap{
        position: relative;
        margin-top: -28px;
        z-index: 5;
    }

    .faq-breadcrumb-card{
        background: rgba(255,255,255,0.92);
        border: 1px solid rgba(226,232,240,0.95);
        border-radius: 18px;
        box-shadow: 0 16px 40px rgba(15,23,42,0.08);
        padding: 16px 22px;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .faq-breadcrumb{
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .faq-breadcrumb .breadcrumb-item,
    .faq-breadcrumb .breadcrumb-item a{
        font-size: .95rem;
        font-weight: 600;
        color: #64748b;
        text-decoration: none;
    }

    .faq-breadcrumb .breadcrumb-item.active{
        color: #0f172a;
        font-weight: 700;
    }

    .faq-main{
        padding: 70px 0 80px;
    }

    .faq-panel{
        border-radius: 28px;
        background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
        border: 1px solid rgba(226,232,240,0.95);
        box-shadow:
            0 14px 35px rgba(15,23,42,0.07),
            0 2px 10px rgba(15,23,42,0.04);
        overflow: hidden;
    }

    .faq-panel__head{
        padding: 34px 34px 22px;
        border-bottom: 1px solid rgba(226,232,240,0.85);
    }

    .faq-section-badge{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 18px;
        margin-bottom: 16px;
        border-radius: 999px;
        background: rgba(37,99,235,.08);
        border: 1px solid rgba(37,99,235,.10);
        color: #2563eb;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .12em;
    }

    .faq-title{
        margin: 0 0 10px;
        font-size: 2.05rem;
        line-height: 1.12;
        font-weight: 800;
        color: #0f172a;
        letter-spacing: -.02em;
    }

    .faq-subtitle{
        margin: 0;
        font-size: 1rem;
        line-height: 1.8;
        color: #64748b;
    }

    .faq-accordion{
        padding: 10px 22px 24px;
    }

    .faq-item{
        border: 0;
        border-radius: 20px !important;
        overflow: visible;
        background: transparent;
        margin-bottom: 14px;
        box-shadow: none;
    }

    .faq-item:last-child{
        margin-bottom: 0;
    }

    .faq-item .card-header{
        padding: 0;
        border: 0;
        background: transparent;
    }

    .faq-question{
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 20px 24px;
        border: 1px solid rgba(226,232,240,0.95);
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
        box-shadow:
            0 10px 24px rgba(15,23,42,0.05),
            0 2px 8px rgba(15,23,42,0.03);
        color: #0f172a !important;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.55;
        text-align: left;
        text-decoration: none !important;
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
        outline: none !important;
    }

    .faq-question:hover,
    .faq-question:focus{
        color: #0f172a !important;
        border-color: rgba(96,165,250,0.35);
        box-shadow:
            0 16px 34px rgba(15,23,42,0.08),
            0 4px 12px rgba(15,23,42,0.04);
        text-decoration: none !important;
    }

    .faq-question.collapsed{
        border-radius: 20px;
    }

    .faq-question:not(.collapsed){
        transform: translateY(-1px);
        border-color: rgba(96,165,250,0.38);
        box-shadow:
            0 18px 36px rgba(15,23,42,0.09),
            0 4px 14px rgba(15,23,42,0.05);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .faq-question__text{
        flex: 1 1 auto;
        padding-right: 6px;
    }

    .faq-question__icon{
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
        border: 1px solid rgba(191,219,254,0.55);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.95),
            0 8px 18px rgba(37,99,235,0.08);
        color: #2563eb;
        font-size: 18px;
        transition: transform .25s ease, background .25s ease, color .25s ease;
    }

    .faq-question:not(.collapsed) .faq-question__icon{
        transform: rotate(45deg);
        background: linear-gradient(135deg, #2563eb 0%, #0f766e 100%);
        color: #ffffff;
        border-color: transparent;
    }

    .faq-answer-wrap{
        margin-top: 0;
    }

    .faq-answer{
        border: 1px solid rgba(226,232,240,0.95);
        border-top: 0;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        background: rgba(255,255,255,0.92);
        box-shadow:
            0 10px 24px rgba(15,23,42,0.05),
            0 2px 8px rgba(15,23,42,0.03);
        padding: 0 24px 22px;
        color: #475569;
        font-size: .98rem;
        line-height: 1.9;
    }

    .faq-answer p{
        margin-bottom: 10px;
    }

    .faq-answer p:last-child{
        margin-bottom: 0;
    }

    .faq-answer a{
        color: #2563eb;
        font-weight: 700;
        text-decoration: none;
    }

    .faq-answer a:hover{
        color: #0f766e;
        text-decoration: none;
    }

    .faq-list{
        margin: 10px 0 0;
        padding-left: 18px;
    }

    .faq-list li{
        margin-bottom: 8px;
        color: #475569;
    }

    @media (max-width: 1199.98px){
        .faq-hero h1{
            font-size: 2.7rem;
        }
    }

    @media (max-width: 991.98px){
        .faq-hero{
            padding: 130px 0 72px;
        }

        .faq-hero__content,
        .faq-panel__head{
            padding: 28px 24px;
        }

        .faq-title{
            font-size: 1.8rem;
        }

        .faq-accordion{
            padding: 10px 16px 20px;
        }
    }

    @media (max-width: 767.98px){
        .faq-hero{
            padding: 118px 0 64px;
        }

        .faq-hero h1{
            font-size: 2.15rem;
        }

        .faq-hero p{
            font-size: .98rem;
            line-height: 1.75;
        }

        .faq-main{
            padding: 54px 0 66px;
        }

        .faq-question{
            padding: 16px 18px;
            font-size: .95rem;
        }

        .faq-answer{
            padding: 0 18px 18px;
            font-size: .95rem;
        }
    }

    @media (max-width: 575.98px){
        .faq-hero__content,
        .faq-panel__head{
            padding: 22px 18px;
            border-radius: 20px;
        }

        .faq-hero h1{
            font-size: 1.85rem;
        }

        .faq-title{
            font-size: 1.55rem;
        }

        .faq-question__icon{
            width: 38px;
            height: 38px;
            border-radius: 12px;
            font-size: 16px;
        }
    }

/* pages/programas-incentivos/index.blade.php */

.page-section {
        padding: 40px 0 70px;
    }

    .intelcom-breadcrumb-wrap {
        margin-bottom: 24px;
    }

    .intelcom-breadcrumb {
        background: #f8f9fc;
        border-radius: 12px;
        padding: 12px 18px;
        margin-bottom: 0;
    }

    .intelcom-breadcrumb .breadcrumb-item a {
        color: #0c63e7;
        font-weight: 600;
        text-decoration: none;
    }

    .intelcom-breadcrumb .breadcrumb-item.active {
        color: #6c757d;
        font-weight: 600;
    }

    .page-hero-card {
        background: linear-gradient(135deg, #0f2f57 0%, #154c79 55%, #1c7ed6 100%);
        border-radius: 22px;
        padding: 38px 34px;
        color: #fff;
        margin-bottom: 30px;
        box-shadow: 0 18px 45px rgba(13, 44, 84, 0.16);
        position: relative;
        overflow: hidden;
    }

    .page-hero-card::before {
        content: "";
        position: absolute;
        top: -70px;
        right: -70px;
        width: 220px;
        height: 220px;
        background: rgba(255,255,255,0.07);
        border-radius: 50%;
    }

    .page-hero-card::after {
        content: "";
        position: absolute;
        bottom: -60px;
        left: -60px;
        width: 180px;
        height: 180px;
        background: rgba(255,255,255,0.05);
        border-radius: 50%;
    }

    .page-hero-badge {
        display: inline-block;
        background: rgba(255,255,255,0.14);
        border: 1px solid rgba(255,255,255,0.20);
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .4px;
        padding: 8px 14px;
        border-radius: 50px;
        margin-bottom: 16px;
        position: relative;
        z-index: 2;
    }

    .page-hero-title {
        font-size: 2rem;
        font-weight: 800;
        line-height: 1.2;
        margin-bottom: 12px;
        position: relative;
        z-index: 2;
    }

    .page-hero-text {
        font-size: 1rem;
        line-height: 1.7;
        color: rgba(255,255,255,0.92);
        margin-bottom: 0;
        max-width: 820px;
        position: relative;
        z-index: 2;
    }

    .section-card {
        background: #fff;
        border-radius: 22px;
        box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
        border: 1px solid #edf0f5;
        overflow: hidden;
    }

    .section-card-header {
        padding: 24px 28px 12px;
    }

    .section-title {
        font-size: 1.35rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 8px;
    }

    .section-text {
        color: #667085;
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 0;
    }

    .section-card-body {
        padding: 10px 28px 30px;
    }

    .program-card {
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        height: 100%;
        border: 1px solid #e9eef5;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
        transition: all 0.25s ease;
        display: flex;
        flex-direction: column;
    }

    .program-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
    }

    .program-card-image-wrap {
        background: linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%);
        padding: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 250px;
    }

    .program-card-image {
        width: 100%;
        max-width: 100%;
        height: 210px;
        object-fit: contain;
        border-radius: 12px;
        background: #fff;
    }

    .program-card-body {
        padding: 22px 22px 24px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .program-card-title {
        font-size: 1.25rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 10px;
    }

    .program-card-text {
        font-size: 15px;
        color: #667085;
        line-height: 1.7;
        margin-bottom: 22px;
        flex-grow: 1;
    }

    .program-card-actions {
        margin-top: auto;
    }

    .btn-intelcom-primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 11px 20px;
        border-radius: 12px;
        background: linear-gradient(135deg, #0f5fd7 0%, #1c7ed6 100%);
        color: #fff !important;
        font-weight: 700;
        font-size: 14px;
        text-decoration: none !important;
        border: none;
        box-shadow: 0 8px 20px rgba(28, 126, 214, 0.25);
        transition: all 0.2s ease;
    }

    .btn-intelcom-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(28, 126, 214, 0.30);
        color: #fff !important;
    }

    .btn-intelcom-primary i {
        margin-right: 8px;
    }

    .info-link-box {
        background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%);
        border: 1px solid #e7edf5;
        border-radius: 18px;
        padding: 18px 20px;
        margin-top: 24px;
    }

    .info-link-box a {
        color: #0f5fd7;
        font-weight: 700;
        text-decoration: none;
    }

    .info-link-box a:hover {
        text-decoration: underline;
    }

    @media (max-width: 991.98px) {
        .page-hero-title {
            font-size: 1.7rem;
        }

        .page-hero-card {
            padding: 30px 24px;
        }

        .section-card-header,
        .section-card-body {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    @media (max-width: 767.98px) {
        .page-section {
            padding: 25px 0 50px;
        }

        .page-hero-title {
            font-size: 1.45rem;
        }

        .page-hero-text {
            font-size: 0.95rem;
        }

        .program-card-image-wrap {
            min-height: 210px;
            padding: 14px;
        }

        .program-card-image {
            height: 170px;
        }

        .section-title {
            font-size: 1.15rem;
        }
    }

/* pages/promocion-comercial/index.blade.php */

.promocion-page {
        background:
            radial-gradient(circle at top right, rgba(16, 93, 156, 0.08), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    }

    .promocion-breadcrumb {
        background: transparent;
        padding: 0;
    }

    .promocion-breadcrumb .breadcrumb-item a {
        color: #0f5d9c;
        font-weight: 600;
        text-decoration: none;
    }

    .promocion-breadcrumb .breadcrumb-item.active {
        color: #6b7280;
    }

    .promocion-hero {
        background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 24px;
        padding: 2rem;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.06);
    }

    .promocion-badge {
        display: inline-flex;
        align-items: center;
        padding: .55rem .95rem;
        background: rgba(15, 93, 156, 0.08);
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .promocion-title {
        font-size: 2.2rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
        line-height: 1.1;
    }

    .promocion-subtitle {
        font-size: 1rem;
        line-height: 1.8;
        color: #5b6472;
        max-width: 760px;
    }

    .promocion-help-card {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1.2rem;
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
        height: 100%;
    }

    .promocion-help-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0f5d9c, #1a76bf);
        color: #fff;
        font-size: 1.35rem;
    }

    .promocion-help-content h5 {
        margin-bottom: .45rem;
        font-weight: 800;
        color: #0f172a;
    }

    .promocion-help-content p {
        margin-bottom: .65rem;
        color: #64748b;
        line-height: 1.6;
        font-size: .95rem;
    }

    .promocion-help-link {
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .promocion-help-link:hover {
        color: #0a4b7f;
        text-decoration: none;
    }

    .promocion-info-box {
        background: #ffffff;
        border: 1px solid rgba(15, 93, 156, 0.10);
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
    }

    .promocion-info-title {
        font-size: 1.1rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .75rem;
    }

    .promocion-doc-link {
        display: inline-flex;
        align-items: center;
        color: #0f5d9c;
        font-weight: 700;
        text-decoration: none;
    }

    .promocion-close-link {
        display: inline-flex;
        align-items: center;
        padding: .65rem 1rem;
        border-radius: 999px;
        background: #f8fafc;
        color: #dc2626;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #e5e7eb;
    }

    .promocion-close-link:hover {
        text-decoration: none;
        color: #b91c1c;
    }

    .promocion-shell {
        background: #ffffff;
        border-radius: 24px;
        padding: 1.5rem;
        border: 1px solid rgba(15, 93, 156, 0.08);
        box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
    }

    .promocion-shell__top {
        margin-bottom: 1.25rem;
    }

    .promocion-section-title {
        font-size: 1.4rem;
        font-weight: 800;
        color: #0f172a;
    }

    .promocion-section-subtitle {
        color: #64748b;
        font-size: .97rem;
    }

    .promocion-counter {
        display: inline-flex;
        align-items: center;
        padding: .55rem .9rem;
        background: #eef6ff;
        color: #0f5d9c;
        border-radius: 999px;
        font-size: .88rem;
        font-weight: 700;
    }

    .promocion-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .promo-card-item {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 1.2rem;
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        border: 1px solid #e6eef6;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }

    .promo-card-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 20px 40px rgba(15, 23, 42, 0.07);
        border-color: #cfe0ef;
    }

    .promo-card-item__media {
        padding: 1rem 0 1rem 1rem;
    }

    .promo-card-item__image-link {
        display: block;
        width: 100%;
        height: 100%;
    }

    .promo-card-item__image {
        width: 100%;
        height: 100%;
        min-height: 220px;
        max-height: 280px;
        object-fit: cover;
        border-radius: 16px;
        background: #f1f5f9;
    }

    .promo-card-item__body {
        padding: 1rem 1rem 1rem 0;
        display: flex;
        flex-direction: column;
    }

    .promo-card-item__top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: .85rem;
        margin-bottom: 1rem;
        flex-wrap: wrap;
    }

    .promo-card-item__title {
        font-size: 1.2rem;
        line-height: 1.4;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .5rem;
    }

    .promo-card-item__text {
        color: #5b6472;
        line-height: 1.75;
        font-size: .95rem;
        margin-bottom: 0;
    }

    .promo-card-item__status {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: .45rem .8rem;
        font-size: .8rem;
        font-weight: 700;
        white-space: nowrap;
    }

    .promo-card-item__status--success {
        background: #ecfdf3;
        color: #15803d;
        border: 1px solid #bbf7d0;
    }

    .promo-card-item__status--danger {
        background: #fff1f2;
        color: #be123c;
        border: 1px solid #fecdd3;
    }

    .promo-card-item__meta-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .9rem;
    }

    .promo-meta-box {
        background: #f8fbff;
        border: 1px solid #e7eef6;
        border-radius: 16px;
        padding: .95rem 1rem;
    }

    .promo-meta-box--full {
        grid-column: 1 / -1;
    }

    .promo-meta-box__label {
        display: block;
        font-size: .74rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: #64748b;
        margin-bottom: .35rem;
    }

    .promo-meta-box__value {
        color: #334155;
        font-size: .93rem;
        line-height: 1.7;
        word-break: break-word;
    }

    .promo-meta-box__value a {
        color: #0f5d9c;
        text-decoration: none;
    }

    .promo-meta-box__value a:hover {
        text-decoration: underline;
    }

    .promo-file-list {
        list-style: none;
        padding-left: 0;
    }

    .promo-file-list li + li {
        margin-top: .35rem;
    }

    .promo-card-item__footer {
        display: flex;
        gap: .75rem;
        flex-wrap: wrap;
        margin-top: 1rem;
    }

    .promo-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 130px;
        padding: .72rem 1rem;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 700;
        font-size: .92rem;
        border: 0;
        transition: .2s ease;
    }

    .promo-btn:hover {
        text-decoration: none;
    }

    .promo-btn--primary {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        color: #fff;
        box-shadow: 0 10px 24px rgba(15, 93, 156, 0.18);
    }

    .promo-btn--primary:hover,
    .promo-btn--primary:focus {
        color: #fff;
        opacity: .96;
    }

    .promo-btn--soft {
        background: #eef6ff;
        color: #0f5d9c;
        border: 1px solid #d9eaff;
    }

    .promo-btn--soft:hover,
    .promo-btn--soft:focus {
        color: #0a4b7f;
    }

    .promo-modal {
        border: 0;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 20px 55px rgba(15, 23, 42, 0.12);
    }

    .promo-modal__header {
        background: #0f172a;
        color: #fff;
        border-bottom: 0;
    }

    .promo-modal__header .close {
        color: #fff;
        opacity: 1;
        text-shadow: none;
    }

    .promo-modal__body {
        color: #475569;
        line-height: 1.8;
    }

    .promo-modal__image {
        border-radius: 14px;
    }

    .promocion-empty-state {
        background: #fbfdff;
        border: 1px dashed #cbd5e1;
        border-radius: 22px;
        padding: 2.25rem 1.25rem;
        text-align: center;
    }

    .promocion-empty-state__icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 1rem;
        border-radius: 50%;
        background: #eef6ff;
        color: #0f5d9c;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
    }

    .promocion-empty-state h4 {
        font-size: 1.15rem;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: .5rem;
    }

    .promocion-empty-state p {
        color: #64748b;
    }

    .promocion-pagination-wrap nav {
        display: flex;
        justify-content: center;
    }

    .promocion-pagination-wrap .pagination {
        flex-wrap: wrap;
        gap: .35rem;
    }

    .promocion-pagination-wrap .page-item .page-link {
        border-radius: 10px;
        border: 1px solid #dbe7f3;
        color: #0f5d9c;
        font-weight: 700;
        padding: .55rem .85rem;
        box-shadow: none;
    }

    .promocion-pagination-wrap .page-item.active .page-link {
        background: linear-gradient(135deg, #0f5d9c, #1b74bb);
        border-color: #0f5d9c;
        color: #fff;
    }

    .promocion-pagination-wrap .page-item.disabled .page-link {
        color: #94a3b8;
    }

    @media (max-width: 991.98px) {
        .promocion-title {
            font-size: 1.9rem;
        }

        .promo-card-item {
            grid-template-columns: 1fr;
            gap: 0;
        }

        .promo-card-item__media {
            padding: 1rem 1rem 0 1rem;
        }

        .promo-card-item__body {
            padding: 1rem;
        }
    }

    @media (max-width: 767.98px) {
        .promocion-hero,
        .promocion-shell,
        .promocion-info-box {
            padding: 1.15rem;
        }

        .promocion-title {
            font-size: 1.65rem;
        }

        .promo-card-item__title {
            font-size: 1.05rem;
        }

        .promo-card-item__meta-grid {
            grid-template-columns: 1fr;
        }

        .promo-card-item__footer {
            flex-direction: column;
        }

        .promo-btn {
            width: 100%;
        }

        .promo-card-item__image {
            min-height: 210px;
            max-height: 240px;
        }
    }

/* pages/quienes_somos.blade.php */

.qs-page{
        background:
            radial-gradient(circle at top left, rgba(37, 99, 235, 0.05), transparent 28%),
            radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.06), transparent 26%),
            linear-gradient(180deg, #f8fbff 0%, #eef4fb 45%, #ffffff 100%);
    }

    .qs-hero{
        position: relative;
        overflow: hidden;
        padding: 150px 0 90px;
        background:
            linear-gradient(120deg, rgba(7, 24, 47, 0.95) 0%, rgba(11, 43, 79, 0.88) 45%, rgba(18, 88, 148, 0.76) 100%),
            url('/img/milestones-bg.jpg') center center / cover no-repeat;
    }

    .qs-hero::before{
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 15% 20%, rgba(255,255,255,0.10), transparent 22%),
            radial-gradient(circle at 85% 80%, rgba(45,212,191,0.14), transparent 20%);
        pointer-events: none;
    }

    .qs-hero__content{
        position: relative;
        z-index: 2;
        max-width: 820px;
        padding: 40px 38px;
        border-radius: 28px;
        background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.07) 100%);
        border: 1px solid rgba(255,255,255,0.14);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        box-shadow: 0 24px 60px rgba(0,0,0,0.22);
    }

    .qs-badge{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 9px 16px;
        margin-bottom: 18px;
        border-radius: 999px;
        background: rgba(255,255,255,0.14);
        border: 1px solid rgba(255,255,255,0.16);
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .qs-badge i{
        font-size: 13px;
    }

    .qs-hero h1{
        margin: 0 0 18px;
        color: #ffffff;
        font-size: 3.2rem;
        line-height: 1.04;
        font-weight: 800;
        letter-spacing: -.03em;
    }

    .qs-hero p{
        margin: 0;
        color: rgba(255,255,255,0.92);
        font-size: 1.08rem;
        line-height: 1.85;
    }

    .qs-breadcrumb-wrap{
        position: relative;
        margin-top: -28px;
        z-index: 5;
    }

    .qs-breadcrumb-card{
        background: rgba(255,255,255,0.92);
        border: 1px solid rgba(226,232,240,0.95);
        border-radius: 18px;
        box-shadow: 0 16px 40px rgba(15,23,42,0.08);
        padding: 16px 22px;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .qs-breadcrumb{
        margin: 0;
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    .qs-breadcrumb .breadcrumb-item,
    .qs-breadcrumb .breadcrumb-item a{
        font-size: .95rem;
        font-weight: 600;
        color: #64748b;
        text-decoration: none;
    }

    .qs-breadcrumb .breadcrumb-item.active{
        color: #0f172a;
        font-weight: 700;
    }

    .qs-main{
        padding: 70px 0 30px;
    }

    .qs-card{
        position: relative;
        height: 100%;
        border-radius: 26px;
        background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
        border: 1px solid rgba(226,232,240,0.95);
        box-shadow:
            0 14px 35px rgba(15,23,42,0.07),
            0 2px 10px rgba(15,23,42,0.04);
        overflow: hidden;
    }

    .qs-card__body{
        padding: 34px 34px 32px;
    }

    .qs-section-badge{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 18px;
        margin-bottom: 16px;
        border-radius: 999px;
        background: rgba(37,99,235,.08);
        border: 1px solid rgba(37,99,235,.10);
        color: #2563eb;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .12em;
    }

    .qs-title{
        margin: 0 0 16px;
        font-size: 2.1rem;
        line-height: 1.12;
        font-weight: 800;
        color: #0f172a;
        letter-spacing: -.02em;
    }

    .qs-text{
        margin: 0;
        font-size: 1rem;
        line-height: 1.9;
        color: #475569;
    }

    .qs-highlight{
        height: 100%;
        min-height: 100%;
        border-radius: 26px;
        background:
            linear-gradient(160deg, #0f172a 0%, #12345a 52%, #0f766e 100%);
        color: #ffffff;
        box-shadow: 0 20px 50px rgba(15,23,42,0.16);
        overflow: hidden;
        position: relative;
    }

    .qs-highlight::before{
        content: "";
        position: absolute;
        top: -40px;
        right: -50px;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(255,255,255,0.08);
    }

    .qs-highlight::after{
        content: "";
        position: absolute;
        bottom: -50px;
        left: -50px;
        width: 170px;
        height: 170px;
        border-radius: 50%;
        background: rgba(45,212,191,0.12);
    }

    .qs-highlight__body{
        position: relative;
        z-index: 2;
        padding: 34px;
    }

    .qs-highlight__icon{
        width: 72px;
        height: 72px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 22px;
        background: rgba(255,255,255,0.12);
        border: 1px solid rgba(255,255,255,0.14);
        font-size: 28px;
    }

    .qs-highlight h3{
        margin: 0 0 14px;
        font-size: 1.7rem;
        font-weight: 800;
        line-height: 1.2;
    }

    .qs-highlight p{
        margin: 0;
        color: rgba(255,255,255,0.90);
        font-size: 1rem;
        line-height: 1.85;
    }

    .qs-features{
        padding: 18px 0 90px;
    }

    .qs-features-head{
        max-width: 760px;
        margin: 0 auto 40px;
        text-align: center;
    }

    .qs-features-head h2{
        margin: 0 0 12px;
        font-size: 2.3rem;
        font-weight: 800;
        line-height: 1.1;
        color: #0f172a;
        letter-spacing: -.02em;
    }

    .qs-features-head p{
        margin: 0;
        color: #64748b;
        font-size: 1.02rem;
        line-height: 1.8;
    }

    .qs-feature{
        position: relative;
        height: 100%;
        padding: 30px 26px;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
        border: 1px solid rgba(226,232,240,0.95);
        box-shadow:
            0 14px 35px rgba(15,23,42,0.07),
            0 2px 10px rgba(15,23,42,0.04);
        transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }

    .qs-feature:hover{
        transform: translateY(-8px);
        border-color: rgba(96,165,250,0.35);
        box-shadow:
            0 24px 55px rgba(15,23,42,0.12),
            0 4px 14px rgba(15,23,42,0.06);
    }

    .qs-feature__icon{
        width: 68px;
        height: 68px;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 18px;
        background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
        border: 1px solid rgba(191,219,254,0.55);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.95),
            0 12px 24px rgba(37,99,235,0.09);
        color: #2563eb;
        font-size: 24px;
    }

    .qs-feature h3{
        margin: 0 0 12px;
        font-size: 1.2rem;
        font-weight: 800;
        color: #0f172a;
    }

    .qs-feature p{
        margin: 0;
        color: #64748b;
        font-size: .96rem;
        line-height: 1.8;
    }

    .qs-link{
        color: #38bdf8;
        font-weight: 700;
        text-decoration: none;
    }

    .qs-link:hover{
        color: #7dd3fc;
        text-decoration: none;
    }

    @media (max-width: 1199.98px){
        .qs-hero h1{
            font-size: 2.7rem;
        }
    }

    @media (max-width: 991.98px){
        .qs-hero{
            padding: 130px 0 72px;
        }

        .qs-hero__content,
        .qs-card__body,
        .qs-highlight__body{
            padding: 28px 24px;
        }

        .qs-title{
            font-size: 1.8rem;
        }

        .qs-features-head h2{
            font-size: 2rem;
        }
    }

    @media (max-width: 767.98px){
        .qs-hero{
            padding: 118px 0 64px;
        }

        .qs-hero h1{
            font-size: 2.15rem;
        }

        .qs-hero p{
            font-size: .98rem;
            line-height: 1.75;
        }

        .qs-main{
            padding: 54px 0 20px;
        }

        .qs-features{
            padding: 8px 0 70px;
        }
    }

    @media (max-width: 575.98px){
        .qs-hero__content,
        .qs-card__body,
        .qs-highlight__body{
            padding: 22px 18px;
            border-radius: 20px;
        }

        .qs-hero h1{
            font-size: 1.85rem;
        }

        .qs-title{
            font-size: 1.55rem;
        }

        .qs-features-head h2{
            font-size: 1.7rem;
        }

        .qs-feature{
            padding: 24px 20px;
            border-radius: 20px;
        }
    }

/* pages/tramites-exportaciones/index.blade.php */

.export-page {
        padding: 40px 0 70px;
        background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    }

    .intelcom-breadcrumb-wrap {
        margin-bottom: 24px;
    }

    .intelcom-breadcrumb {
        background: #f8fafc;
        border: 1px solid #e8eef5;
        border-radius: 14px;
        padding: 12px 18px;
        margin-bottom: 0;
    }

    .intelcom-breadcrumb .breadcrumb-item a {
        color: #0f5fd7;
        font-weight: 600;
        text-decoration: none;
    }

    .intelcom-breadcrumb .breadcrumb-item.active {
        color: #667085;
        font-weight: 600;
    }

    .export-hero {
        position: relative;
        overflow: hidden;
        background: linear-gradient(135deg, #0f2f57 0%, #145da0 55%, #1c7ed6 100%);
        border-radius: 24px;
        padding: 38px 34px;
        color: #fff;
        box-shadow: 0 20px 45px rgba(15, 47, 87, 0.16);
        margin-bottom: 28px;
    }

    .export-hero::before {
        content: "";
        position: absolute;
        top: -80px;
        right: -70px;
        width: 230px;
        height: 230px;
        border-radius: 50%;
        background: rgba(255,255,255,.08);
    }

    .export-hero::after {
        content: "";
        position: absolute;
        left: -50px;
        bottom: -70px;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(255,255,255,.05);
    }

    .export-hero-badge {
        position: relative;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: rgba(255,255,255,.14);
        border: 1px solid rgba(255,255,255,.20);
        color: #fff;
        padding: 8px 14px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 16px;
    }

    .export-hero-title {
        position: relative;
        z-index: 2;
        font-size: 2rem;
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 12px;
    }

    .export-hero-text {
        position: relative;
        z-index: 2;
        max-width: 820px;
        margin-bottom: 0;
        color: rgba(255,255,255,.92);
        font-size: 1rem;
        line-height: 1.75;
    }

    .info-tools {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 18px;
    }

    .info-toggle-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid #dbe6f2;
        color: #145da0;
        font-weight: 700;
        text-decoration: none !important;
        box-shadow: 0 8px 20px rgba(15, 47, 87, 0.06);
        transition: all .2s ease;
    }

    .info-toggle-btn:hover {
        color: #0f5fd7;
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(15, 47, 87, 0.10);
    }

    .info-panel {
        border: 1px solid #d8e8f6;
        background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 10px 24px rgba(15, 47, 87, 0.06);
        margin-bottom: 28px;
    }

    .info-panel-body {
        padding: 24px 24px 20px;
    }

    .info-panel-title {
        font-size: 1.05rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 10px;
    }

    .info-panel-text {
        color: #5f6c7b;
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 14px;
    }

    .info-panel-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #0f5fd7;
        font-weight: 700;
        text-decoration: none;
    }

    .info-panel-link:hover {
        text-decoration: underline;
    }

    .section-card {
        background: #fff;
        border: 1px solid #ebf0f6;
        border-radius: 22px;
        box-shadow: 0 10px 30px rgba(16, 24, 40, 0.06);
        overflow: hidden;
    }

    .section-card-header {
        padding: 28px 28px 10px;
    }

    .section-title {
        font-size: 1.35rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 8px;
    }

    .section-text {
        font-size: 15px;
        color: #667085;
        line-height: 1.75;
        margin-bottom: 0;
    }

    .section-top-link {
        margin-top: 18px;
        padding: 16px 18px;
        border-radius: 16px;
        background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%);
        border: 1px solid #e5edf6;
    }

    .section-top-link a {
        color: #0f5fd7;
        font-weight: 700;
        text-decoration: none;
    }

    .section-top-link a:hover {
        text-decoration: underline;
    }

    .section-card-body {
        padding: 12px 28px 30px;
    }

    .resource-card {
        height: 100%;
        background: #fff;
        border: 1px solid #e8edf4;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
        transition: all .25s ease;
        display: flex;
        flex-direction: column;
    }

    .resource-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 36px rgba(15, 23, 42, 0.10);
    }

    .resource-media {
        background: linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%);
        min-height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px;
    }

    .resource-media img {
        width: 100%;
        height: 200px;
        object-fit: contain;
        border-radius: 12px;
        background: #fff;
    }

    .resource-body {
        padding: 22px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .resource-title {
        font-size: 1.18rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 10px;
        line-height: 1.35;
    }

    .resource-text {
        font-size: 15px;
        color: #667085;
        line-height: 1.75;
        margin-bottom: 20px;
        flex-grow: 1;
    }

    .resource-actions {
        margin-top: auto;
    }

    .btn-intelcom-primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 11px 18px;
        border-radius: 12px;
        background: linear-gradient(135deg, #0f5fd7 0%, #1c7ed6 100%);
        color: #fff !important;
        font-weight: 700;
        font-size: 14px;
        text-decoration: none !important;
        box-shadow: 0 8px 20px rgba(28, 126, 214, 0.22);
        transition: all .2s ease;
    }

    .btn-intelcom-primary:hover {
        color: #fff !important;
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(28, 126, 214, 0.30);
    }

    .video-card {
        height: 100%;
        background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
        border: 1px solid #e5edf6;
        border-radius: 22px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
        overflow: hidden;
    }

    .video-card-body {
        padding: 24px;
    }

    .video-title {
        font-size: 1.25rem;
        font-weight: 800;
        color: #16324f;
        margin-bottom: 10px;
    }

    .video-text {
        font-size: 15px;
        color: #667085;
        line-height: 1.75;
        margin-bottom: 18px;
    }

    .video-frame-wrap {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        border-radius: 16px;
        overflow: hidden;
        background: #000;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
    }

    .video-frame-wrap iframe {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    @media (max-width: 991.98px) {
        .export-hero {
            padding: 30px 24px;
        }

        .export-hero-title {
            font-size: 1.7rem;
        }

        .section-card-header,
        .section-card-body {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    @media (max-width: 767.98px) {
        .export-page {
            padding: 26px 0 50px;
        }

        .export-hero-title {
            font-size: 1.45rem;
        }

        .export-hero-text {
            font-size: 0.96rem;
        }

        .resource-media {
            min-height: 210px;
            padding: 14px;
        }

        .resource-media img {
            height: 165px;
        }

        .info-tools {
            justify-content: stretch;
        }

        .info-toggle-btn {
            width: 100%;
            justify-content: center;
        }
    }

.iv-67b3893535 { border-radius: 50%; width: 40px; height: 40px; }

.iv-9a88def613 { height: 50px; }

.iv-0fedcf949d { font-size: 0.8rem; }

.iv-ae1d0eaee6 { font-size: 0.85rem; }

.iv-7a79957493 { width:100%; height:100%; }

.iv-ed7b3d8791 { gap:12px; }

.iv-f0abc1db33 { gap:6px; }

.iv-73bb89f73d { width: 350px; height: 370px; }

.iv-b55b31dd08 { color:#ffffff; }

.iv-83c61342a2 { background: rgba(255, 255, 255, 0.81); position: absolute; width: 100%; z-index: 9999; }

.iv-b62856e72d { flex-shrink: 0; }

.iv-45f6c3c113 { max-width: 320px; height: auto; }

.iv-e6ac13a05a { flex-grow: 1; }

.iv-0201a2a064 { display: inline-block; }

.iv-d85a8313dd { border:0; border-radius:18px; overflow:hidden; }

.iv-af7bd5b4c0 { border-bottom:1px solid #eef2f7; }

.iv-30c2227684 { border-top:1px solid #eef2f7; }

.iv-6b99de8b69 { display:none; }

.iv-5790ffba29 { display: none; }

.iv-a8a90353ff { position: relative; }

.iv-2f3e7e70c5 { border: none; }

.iv-65f9d5a3d9 { text-align: center; }

.iv-77fad25d4d { width: 24px; }

.iv-c61a10796d { width: 28px; }

.iv-433de30b36 { font-size:14px; }

.iv-ea433d1ec7 { font-size:35px; color:red; }

.iv-435f0f3cfe { max-width:1170px; }

.iv-2e71c0d986 { background-color: #007bff; color: white; }

.iv-image-card {
    width: 250px;
    height: 200px;
}

.iv-news-carousel-image {
    max-width: 600px;
    height: 300px;
    object-fit: cover;
}



/* App movil: chrome compartido sobre el layout principal Intelcom. */
.app-mobile-shell { padding-bottom: 5rem; }
.app-mobile-shell .row.g-3 { row-gap: .75rem; }
.app-mobile-navbar { min-height: 4.25rem; }
.app-mobile-logo { max-height: 2.75rem; width: auto; }
.app-mobile-bottom-nav {
    position: fixed;
    z-index: 1030;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: .5rem .25rem;
    background: #212529;
}
.app-mobile-bottom-nav a {
    display: flex;
    min-width: 4rem;
    flex-direction: column;
    align-items: center;
    gap: .2rem;
    color: #fff;
    font-size: .72rem;
    text-decoration: none;
}
.admin-login { max-width: 520px; }
.admin-content-preview { display: block; max-width: 240px; max-height: 150px; object-fit: contain; }
@media (min-width: 768px) {
    .app-mobile-shell #app { max-width: 720px; margin: 0 auto; }
}

/* Guia de aprovechamiento: filtros, mapa de paises y ficha del acuerdo. */
.guia-aprovechamiento {
    max-width: 1440px;
    color: #172b4d;
}
.guia-aprovechamiento .guia-hero {
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 1px solid #dce8f4;
    border-radius: 24px;
    background: radial-gradient(circle at 92% 10%, rgba(91, 177, 238, .22), transparent 34%), linear-gradient(115deg, #f4f9ff, #fff 70%);
    box-shadow: 0 18px 50px rgba(20, 62, 105, .08);
}
.guia-aprovechamiento .guia-badge {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .9rem;
    padding: .45rem .8rem;
    border: 1px solid #cde1f5;
    border-radius: 999px;
    background: #e7f3ff;
    color: #15568a;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.guia-aprovechamiento .guia-title {
    margin: 0 0 .65rem;
    color: #102f50;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    font-weight: 800;
}
.guia-aprovechamiento .guia-subtitle {
    max-width: 760px;
    color: #63748a;
    line-height: 1.7;
}
.guia-filter-panel,
.guia-map-panel,
.guia-detail-panel {
    overflow: hidden;
    border: 1px solid #e0e9f2;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(23, 55, 86, .07);
}
.guia-filter-panel { padding: 1.4rem; }
.guia-section-heading,
.guia-map-heading,
.guia-detail-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.guia-section-heading { margin-bottom: 1.1rem; }
.guia-kicker {
    display: block;
    margin-bottom: .25rem;
    color: #52799d;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.guia-aprovechamiento .guia-section-title {
    margin: 0;
    color: #173d61;
    font-size: 1.2rem;
    font-weight: 800;
}
.guia-filter-hint { color: #70849a; font-size: .86rem; }
.guia-filter-hint i { margin-right: .3rem; color: #4385ba; }
.guia-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}
.guia-aprovechamiento .tratado-card {
    display: flex;
    width: 100%;
    min-height: 76px;
    align-items: center;
    gap: .75rem;
    padding: .75rem .85rem;
    border: 1px solid #e0e9f2;
    border-radius: 14px;
    background: #fff;
    color: #264660;
    text-align: left;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.guia-aprovechamiento .tratado-card:hover,
.guia-aprovechamiento .tratado-card.is-active {
    transform: translateY(-1px);
    border-color: #6aa5d7;
    background: #f1f8ff;
    box-shadow: 0 8px 20px rgba(43, 108, 160, .12);
}
.guia-aprovechamiento .tratado-card.is-active { outline: 2px solid rgba(66, 139, 202, .14); }
.tratado-card__icon {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 12px;
    background: #e8f3fc;
    color: #28699f;
}
.tratado-card__body { display: grid; min-width: 0; gap: .18rem; }
.guia-aprovechamiento .tratado-card__title { color: #173d61; font-size: .9rem; font-weight: 750; line-height: 1.3; }
.guia-aprovechamiento .tratado-card__text { color: #76899b; font-size: .78rem; }
.tratado-card__arrow { margin-left: auto; color: #8ba2b5; }
.guia-map-heading { padding: 1.25rem 1.4rem; border-bottom: 1px solid #e8eef4; }
.guia-map-context { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .65rem; color: #657b8f; font-size: .86rem; text-align: right; }
.guia-map-count { padding: .38rem .7rem; border-radius: 999px; background: #edf5fc; color: #236293; font-weight: 700; white-space: nowrap; }
.guia-map-layout { display: grid; grid-template-columns: minmax(220px, 290px) minmax(0, 1fr); gap: 1rem; padding: 1rem; }
.guia-country-list { min-height: 520px; overflow: hidden; border: 1px solid #e6edf3; border-radius: 15px; background: #fbfdff; }
.guia-country-list__head { display: flex; align-items: center; gap: .55rem; padding: .9rem 1rem; border-bottom: 1px solid #e6edf3; color: #284b68; font-size: .87rem; font-weight: 750; }
.guia-country-list__head i { color: #3e83b7; }
.guia-country-list__items { display: flex; max-height: 465px; flex-direction: column; gap: .25rem; overflow-y: auto; padding: .55rem; }
.guia-aprovechamiento .pais-chip {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .55rem;
    padding: .58rem .65rem;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #455e74;
    font-size: .85rem;
    font-weight: 600;
    text-align: left;
    transition: background .16s ease, color .16s ease;
}
.guia-aprovechamiento .pais-chip i { color: #7f9ab1; }
.guia-aprovechamiento .pais-chip:hover,
.guia-aprovechamiento .pais-chip.is-active { background: #e8f3fc; color: #145d91; box-shadow: none; }
.guia-aprovechamiento .pais-chip.is-active i { color: #237ab5; }
.guia-empty-state { display: flex; align-items: center; gap: .55rem; padding: 1rem; color: #718398; font-size: .84rem; line-height: 1.5; }
.guia-map-frame { position: relative; min-width: 0; min-height: 520px; overflow: hidden; border: 1px solid #dbe5ee; border-radius: 15px; background: #e9f1f6; }
#mapa-paises { width: 100%; height: 520px; background: #e9f1f6; }
.guia-map-empty { position: absolute; z-index: 500; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .65rem; background: rgba(238, 246, 251, .78); color: #567087; font-size: .9rem; text-align: center; pointer-events: none; }
.guia-map-empty i { color: #3b7fae; font-size: 2rem; }
.guia-map-attribution { position: absolute; z-index: 500; bottom: .5rem; left: .65rem; padding: .25rem .45rem; border-radius: 5px; background: rgba(255,255,255,.85); color: #5a6d7d; font-size: .67rem; pointer-events: none; }
.guia-detail-panel { padding: 1.35rem; }
.guia-detail-heading { align-items: flex-start; margin-bottom: 1.15rem; }
.guia-detail-heading h2 { margin: 0; color: #173d61; font-size: 1.55rem; font-weight: 800; }
.guia-detail-type { padding: .45rem .75rem; border-radius: 999px; background: #eaf4fc; color: #28699f; font-size: .78rem; font-weight: 700; }
.guia-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.guia-detail-card { display: flex; min-width: 0; align-items: flex-start; gap: .75rem; padding: .9rem; border: 1px solid #e7edf3; border-radius: 13px; background: #fbfdff; }
.guia-detail-card__icon { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 10px; background: #eaf4fc; color: #2c6d9e; }
.guia-detail-card__label { display: block; margin-bottom: .22rem; color: #6c8092; font-size: .72rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.guia-detail-card__value { color: #29465e; font-size: .88rem; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-line; }
.guia-detail-card__value a { color: #176ba5; font-weight: 700; text-decoration: none; }
.guia-detail-card__value a:hover { text-decoration: underline; }
.guia-empty { grid-column: 1 / -1; margin: 0; padding: .75rem; color: #657b8f; }
.leaflet-popup-content-wrapper { border-radius: 10px; }
.leaflet-tooltip { border: 0; border-radius: 7px; background: #173d61; color: #fff; box-shadow: 0 5px 16px rgba(0,0,0,.18); }
.leaflet-tooltip-top:before { border-top-color: #173d61; }
@media (max-width: 991.98px) {
    .guia-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .guia-map-layout { grid-template-columns: minmax(190px, 240px) minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
    .guia-filter-panel { padding: 1rem; }
    .guia-section-heading, .guia-map-heading { align-items: flex-start; }
    .guia-filter-hint { display: none; }
    .guia-map-layout { grid-template-columns: 1fr; }
    .guia-country-list { min-height: 0; }
    .guia-country-list__items { max-height: 190px; }
    .guia-map-frame { min-height: 390px; }
    #mapa-paises { height: 390px; }
    .guia-detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 479.98px) {
    .guia-filter-grid { grid-template-columns: 1fr; }
    .guia-map-heading { flex-direction: column; }
    .guia-map-context { justify-content: flex-start; text-align: left; }
    .guia-detail-heading { flex-direction: column; }
}
.guia-transport-link + .guia-transport-link { margin-top: .35rem; }
.guia-transport-link strong { margin-right: .25rem; color: #415d75; }
.guia-file-missing { display: block; color: #a45032; font-weight: 700; }
.guia-file-name { display: block; margin-top: .15rem; color: #75879a; font-size: .78rem; overflow-wrap: anywhere; }

/* Reusable entrance effects for any Blade view via data-reveal attributes. */
.has-reveal [data-reveal] {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
    transition: opacity 650ms cubic-bezier(.2,.65,.25,1), transform 650ms cubic-bezier(.2,.65,.25,1);
    will-change: opacity, transform;
}
.has-reveal [data-reveal="left"] { transform: translate3d(-28px, 0, 0); }
.has-reveal [data-reveal="right"] { transform: translate3d(28px, 0, 0); }
.has-reveal [data-reveal="scale"] { transform: scale(.96); }
.has-reveal [data-reveal].is-revealed { opacity: 1; transform: none; will-change: auto; }
.has-reveal [data-reveal-delay="1"] { transition-delay: 100ms; }
.has-reveal [data-reveal-delay="2"] { transition-delay: 200ms; }
.has-reveal [data-reveal-delay="3"] { transition-delay: 300ms; }
@media (prefers-reduced-motion: reduce) {
    .has-reveal [data-reveal],
    .has-reveal [data-reveal].is-revealed {
        opacity: 1;
        transform: none;
        transition: none;
    }
}