/* --- BREAKPOINT 2XL (Pantallas Pro / Laptops High-end) --- */
@media (min-width: 1400px) {
    .col-2xl-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-2xl-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-2xl-3  { flex: 0 0 25%; max-width: 25%; }
    .col-2xl-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-2xl-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-2xl-6  { flex: 0 0 50%; max-width: 50%; }
    .col-2xl-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-2xl-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-2xl-9  { flex: 0 0 75%; max-width: 75%; }
    .col-2xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-2xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-2xl-12 { flex: 0 0 100%; max-width: 100%; }

    .offset-2xl-0 { margin-left: 0; }
    .offset-2xl-1 { margin-left: 8.333333%; }
    .offset-2xl-2 { margin-left: 16.666667%; }
    .offset-2xl-3 { margin-left: 25%; }

    .container { max-width: 1340px; }
    
    .d-2xl-none { display: none !important; }
    .d-2xl-block { display: block !important; }
    .d-2xl-flex { display: flex !important; }
    .d-2xl-inline-block { display: inline-block !important; }
}

/* --- BREAKPOINT 3XL (UltraWide / 4K) --- */
@media (min-width: 1600px) {
    .col-3xl-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-3xl-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-3xl-3  { flex: 0 0 25%; max-width: 25%; }
    .col-3xl-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-3xl-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-3xl-6  { flex: 0 0 50%; max-width: 50%; }
    .col-3xl-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-3xl-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-3xl-9  { flex: 0 0 75%; max-width: 75%; }
    .col-3xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-3xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-3xl-12 { flex: 0 0 100%; max-width: 100%; }

    .offset-3xl-0 { margin-left: 0; }
    .offset-3xl-1 { margin-left: 8.333333%; }

    .container { max-width: 1540px; }
    
    .d-3xl-none { display: none !important; }
    .d-3xl-block { display: block !important; }
    .d-3xl-flex { display: flex !important; }
    .d-3xl-inline-block { display: inline-block !important; }
}

/* --- BREAKPOINT 4XL (Pantallas superiores a Full HD / 2K / 4K) --- */
@media (min-width: 1921px) {
    /* Columnas 4xl */
    .col-4xl-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-4xl-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-4xl-3  { flex: 0 0 25%; max-width: 25%; }
    .col-4xl-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-4xl-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-4xl-6  { flex: 0 0 50%; max-width: 50%; }
    .col-4xl-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-4xl-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-4xl-9  { flex: 0 0 75%; max-width: 75%; }
    .col-4xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-4xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-4xl-12 { flex: 0 0 100%; max-width: 100%; }

    /* Offsets para 4xl */
    .offset-4xl-0 { margin-left: 0; }
    .offset-4xl-1 { margin-left: 8.333333%; }
    .offset-4xl-2 { margin-left: 16.666667%; }
    .offset-4xl-3 { margin-left: 25%; }
    .offset-4xl-4 { margin-left: 33.333333%; }
    .offset-4xl-5 { margin-left: 41.666667%; }
    .offset-4xl-6 { margin-left: 50%; }
    .offset-4xl-7 { margin-left: 58.333333%; }
    .offset-4xl-8 { margin-left: 66.666667%; }
    .offset-4xl-9 { margin-left: 75%; }
    .offset-4xl-10 { margin-left: 83.333333%; }
    .offset-4xl-11 { margin-left: 91.666667%; }
    .offset-4xl-12 { margin-left: 100%; }
  

    /* Ajuste del contenedor para pantallas UltraWide */
    .container {
        max-width: 1840px; 
    }
    
    .d-4xl-none { display: none !important; }
    .d-4xl-block { display: block !important; }
    .d-4xl-flex { display: flex !important; }
    .d-4xl-inline-block { display: inline-block !important; }
}

/* --- BREAKPOINT 5XL (Monitores 2K / 4K Pro / +2560px) --- */
@media (min-width: 2560px) {
    /* Columnas 5xl */
    .col-5xl-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-5xl-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-5xl-3  { flex: 0 0 25%; max-width: 25%; }
    .col-5xl-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-5xl-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-5xl-6  { flex: 0 0 50%; max-width: 50%; }
    .col-5xl-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-5xl-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-5xl-9  { flex: 0 0 75%; max-width: 75%; }
    .col-5xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-5xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-5xl-12 { flex: 0 0 100%; max-width: 100%; }

    /* Offsets para 5xl */
    .offset-5xl-0 { margin-left: 0; }
    .offset-5xl-1 { margin-left: 8.333333%; }
    .offset-5xl-2 { margin-left: 16.666667%; }
    .offset-5xl-3 { margin-left: 25%; }
    .offset-5xl-4 { margin-left: 33.333333%; }
    .offset-5xl-5 { margin-left: 41.666667%; }
    .offset-5xl-6 { margin-left: 50%; }
    .offset-5xl-7 { margin-left: 58.333333%; }
    .offset-5xl-8 { margin-left: 66.666667%; }
    .offset-5xl-9 { margin-left: 75%; }
    .offset-5xl-10 { margin-left: 83.333333%; }
    .offset-5xl-11 { margin-left: 91.666667%; }
    .offset-5xl-12 { margin-left: 100%; }

    /* Contenedor extra ancho */
    .container {
        max-width: 2480px; 
    }
    
    /* Clases de visibilidad 5xl */
    .d-5xl-none { display: none !important; }
    .d-5xl-block { display: block !important; }
    .d-5xl-flex { display: flex !important; }
    .d-5xl-inline-block { display: inline-block !important; }
}

/* --- BREAKPOINT 6XL (Pantallas Ultra-Curvas / 3K+ / +3200px) --- */
@media (min-width: 3200px) {
    .col-6xl-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-6xl-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-6xl-3  { flex: 0 0 25%; max-width: 25%; }
    .col-6xl-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-6xl-6  { flex: 0 0 50%; max-width: 50%; }
    .col-6xl-12 { flex: 0 0 100%; max-width: 100%; }

    .offset-6xl-0 { margin-left: 0; }
    .offset-6xl-1 { margin-left: 8.333333%; }
    .offset-6xl-2 { margin-left: 16.666667%; }
    .offset-6xl-3 { margin-left: 25%; }
    .offset-6xl-4 { margin-left: 33.333333%; }
    .offset-6xl-5 { margin-left: 41.666667%; }
    .offset-6xl-6 { margin-left: 50%; }
    .offset-6xl-7 { margin-left: 58.333333%; }
    .offset-6xl-8 { margin-left: 66.666667%; }
    .offset-6xl-9 { margin-left: 75%; }
    .offset-6xl-10 { margin-left: 83.333333%; }
    .offset-6xl-11 { margin-left: 91.666667%; }
    .offset-6xl-12 { margin-left: 100%; }

    .container { max-width: 3100px; }
    
    .d-6xl-none { display: none !important; }
    .d-6xl-block { display: block !important; }
    .d-6xl-flex { display: flex !important; }
}

/* --- BREAKPOINT 7XL (Monitores 4K Nativo / 8K / +3840px) --- */
@media (min-width: 3840px) {
    .col-7xl-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-7xl-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-7xl-3  { flex: 0 0 25%; max-width: 25%; }
    .col-7xl-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-7xl-6  { flex: 0 0 50%; max-width: 50%; }
    .col-7xl-12 { flex: 0 0 100%; max-width: 100%; }

    .offset-7xl-0 { margin-left: 0; }

    /* El contenedor ahora aprovecha la inmensidad del 4K */
    .container { max-width: 3700px; }
    
    .d-7xl-none { display: none !important; }
    .d-7xl-block { display: block !important; }
    .d-7xl-flex { display: flex !important; }
}

.headerRuta_sim{
	border-bottom:1px #e1e9f5 solid;
	padding-top: 5px; 
	padding-bottom: 5px; 
	background-color: #f5f9ff
}

/*DEPRECATE*/
.linksSubrrayado:hover{
	text-decoration: underline;
    cursor:pointer;
}

.linkSubrayado:hover{
	text-decoration: underline;
    cursor:pointer;
}


.bg-morado, .badge-morado, .card-morado{
    background-color: #c468ff;
    color: white;
}

.bg-celeste, .badge-celeste{
    background-color: #bfe0ff;
    color: #343536;
}

.bg-naranjo, .badge-naranjo{
    background-color: #ffa85c;
    color: black;
}

.bg-amarillo-claro, .badge-amarillo-claro{
    background-color: #fff8e9;
}

.bg-verde-claro, .badge-verde-claro{
    background-color: #dffff8;
}

.bg-accent-claro, .badge-accent-claro{
    background-color: #ffe2f0;
    color: #343536;
}

.bg-secondary-claro, .badge-secondary-claro{
    background-color: #b5c1d7;
    color: #343536;
}

.bg-success-claro, .badge-success-claro{
    background-color: #c0eae1;
    color: #343536;
}

.bg-warning-claro, .badge-warning-claro{
    background-color: #fff8e9;
}

.bg-danger-claro, .badge-danger-claro{
    background-color: #ffe9ea;
}

.bg-primary-claro, .badge-primary-claro{
    background-color: #e9f4ff;
}

.border-top-primary{
    border-top: 3px solid #399af2;
}

.border-top-accent{
    border-top: 3px solid #f64a91;
}

.border-top-success{
    border-top: 3px solid #2fbfa0;
}

.bg-hover-claro:hover{
    background-color: #efefef;
}
.text-morado{
    color: #c468ff;
}

.a_disabled{
    cursor: not-allowed;
    pointer-events: none;
}

.tablenull {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.tablenull tr td {
    border: 0;
    margin: 0;
    padding: 0;
}

.tablenull tr td:hover {
    background-color: transparent;
}










.sim-cursor-pointer{
    cursor: pointer
}

.sim-input-mayuscula{
    text-transform: uppercase;
}

.sim-link-subrayado:hover{
    text-decoration: underline;
    cursor:pointer;
}

.sim-txt-negrita{
    font-weight: bold;
}

.sim-txt-mayuscula{
    text-transform: uppercase;
}

.sim-txt-minuscula{
    text-transform: lowercase;
}

.sim-bordes-cuatro-lados{
  -moz-border-radius: 5px 5px 5px 5px; 
  -webkit-border-radius: 5px 5px 5px 5px;
}

.sim-elevate-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sim-elevate-hover:hover {
  transform: translateY(-5px); /* Levanta el elemento 5 píxeles */
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; /* Sombra grande de Bootstrap 4 */
}


.icon-rounded-warning{
    background-color:rgba(255, 206, 103, 4);
}

.icon-rounded-warning i{
    color:#b38628
}