@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

:root {
    --vc-orange-100: #FFE5CC;
    --vc-orange-200: #FFCC99;
    --vc-orange-300: #FFB266;
    --vc-orange-400: #FF9933;
    --vc-orange-500: #FF9900; /* NARANJA CORPORATIVO */
    --vc-orange-600: #CC7A00;
    --vc-orange-700: #995C00;

    --vc-gray-100: #F5F5F5;
    --vc-gray-200: #E0E0E0;
    --vc-gray-300: #C2C2C2;
    --vc-gray-400: #A3A3A3;
    --vc-gray-500: #666666; /*Gris oficial*/ 
    --vc-gray-600: #4D4D4D;
    --vc-gray-700: #333333;
}


/* ============================================
   RESET Y LAYOUT GLOBAL
============================================ */
html, body {
    height: 100%;
    margin: 0;
}

html, body, * {
    font-family: 'Montserrat', sans-serif !important;
}

/* Restaurar FontAwesome para que los iconos no desaparezcan */
.fa, .fas, .far, .fal, .fab {
    font-family: "FontAwesome" !important;
}


body,
body > .xrm-editable-html,
.page,
.page-content,
#mainContent {
    position: static !important;
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

/* ESTE ES EL CONTENEDOR REAL DE POWER PAGES */
body > .xrm-editable-html {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 0 auto !important;
    min-height: 100% !important;
}

/* Tu contenedor principal */
.vc-main {
    flex: 1 0 auto !important;
}

/* Footer abajo siempre */
.vc-footer {
    flex-shrink: 0 !important;
}




/* ============================================
   ESTILOS BASE DEL PORTAL
============================================ */
#content_form {
    margin-bottom: 5px;
}

div[name="webChat"] {
  display: none !important;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, rgb(255,153,0));
}

.open .dropdown-menu > li > a:hover,
.dropdown-menu > .active > a:hover{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, rgb(255,153,0));
    text-decoration: underline;
}

.dropdown-menu>.active>a{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, rgb(255,153,0));
    text-decoration: underline;
}

.open .dropdown-menu>.active>a:focus{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, rgb(255,153,0));
    text-decoration: underline;
}

ul {
    list-style-type: none;
}

@media screen and (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav .nav-link{
        height:50px;
    }
}

.dropdown-menu.dropdown-search.show {
    left: auto;
    right: 0;
}

.nav-link:hover{
    text-decoration: none;
}

.btn{
    border-radius:0;
    line-height: 1.5rem; 
}

.table{
    --bs-table-striped-bg:rgba(0, 0, 0, 0.0)
}

.table>:not(caption)>*>*{
    border-bottom-width:0px;
    border-top-width:1px;
}

.form-select,.form-control{
    border-radius:0px;
}

.form-floating>.form-control-plaintext~label{
    flex-wrap:none;
}

input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    margin-left:0px;
}

.breadcrumb-item.active+.breadcrumb-item.active::before{
    content:var(--bs-breadcrumb-divider, ">");
    color: var(--vc-orange-500) !important;
}

.breadcrumb-item+.breadcrumb-item::before{
    content:var(--bs-breadcrumb-divider, ">");
}

.breadcrumb-item.active {
    color: var(--vc-gray-500) !important;
}

.alert{
    border-radius:0;
}

.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
    border-top:0;
    border-bottom-width:2px;
}

.input-group{
    flex-wrap: unset;
}

.dropdown-menu{
    border-radius:0;
    --bs-dropdown-border-color: transparent;
}

.navbar {
    --bs-navbar-toggler-border-radius: 0rem;
}

.form-control{
    line-height: 1.5rem;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}

.breadcrumb {
    padding: 0px 0px;
}

@media (max-width: 1199px){
    .dropdown-divider {    
        border-color: black; 
    }
}

.card {
    border-radius: 0px;
}

/* ============================================
   HERO PRINCIPAL
============================================ */
.hero-wrapper {
    display: flex;
    flex-direction: column;
    padding: 8px;
    margin: 0;
    background-image: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.065),
        rgba(255, 153, 0, 0.255)
    ),
    url("/EdificiosVC2.png");
    background-size: cover;
    background-position: center;
    min-height: 60vh;
}

.hero-content {
    padding: 40px;
}

/* ============================================
   HERO ACTIONS (ocupa el resto del espacio)
============================================ */

.hero-actions {
    flex: 1;
    min-height: 0;
    width: 100%;
    background: repeating-linear-gradient(
        45deg,
        rgba(255,153,0,0.08),
        rgba(255,153,0,0.08) 10px,
        rgba(255,153,0,0.04) 10px,
        rgba(255,153,0,0.04) 20px
    );
    border-top: 4px solid rgba(255,153,0,1) !important;
    /*border-bottom: 4px solid rgba(255,153,0,1);*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 25px;
    padding-top: 25px;
}

.hero-title {
    text-align: center;
    color: #ffffff;
    text-shadow: 0 0 8px #666666;
    margin-bottom: 50px;
    font-size: 2.4rem;
    font-weight: 700;
}

.hero-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px;
}

.hero-button-box {
    text-align: center;
    width: 280px;
}


.btn-primary-home,
.btn-secondary-home {
    width: 100%;
    height: 60px;
    border-radius: 6px;
    font-size: 1.2rem;
    font-weight: 600;
    border: 2px solid #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    transition: all 0.2s ease-in-out;
}

.btn-primary-home {
    background-color: rgba(255,153,0,1);
    color: #fff;
}

.btn-primary-home:hover {
    background-color: rgba(200,120,0,1);
}

.btn-secondary-home {
    background-color: #666666;
    color: #fff;
}

.btn-secondary-home:hover {
    background-color: #4d4d4d;
}

/* ============================================
   FOOTER BLANCO + DETALLES NARANJAS (COMPACTO)
============================================ */
.vc-footer {
    background-color: #666666;
    color: #333333;
    padding: 25px 0;
    border-top: 4px solid rgba(255,153,0,1);
    font-family: "Segoe UI", Arial, sans-serif;
}

.vc-footer-inner {
    width: 100%;
}

.vc-footer-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.vc-footer-left,
.vc-footer-right {
    flex: 1 1 250px;
}

.vc-footer-buttons .footerbtn {
    background: transparent;
    border: 2px solid rgba(255,153,0,1);
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 16px;
    color: rgba(255,153,0,1);
    transition: all 0.2s ease-in-out;
}

.vc-footer-buttons .footerbtn:hover {
    background: rgba(255,153,0,1);
    color: #fff;
}

.vc-footer-copy {
    margin: 0;
    font-size: 14px;
    opacity: 0.8;
    display: flex;
    flex-direction: row-reverse;
}

.custom-footer-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end; 
    gap: 4px;
}


.custom-footer-links a {
    color: #d0d0d0 !important;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity .2s ease-in-out;
}

.custom-footer-links a:hover {
    opacity: 0.7;
}

.footer-contact {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px;
    margin-top: 10px;
}

.footer-contact-item {
    color: #d0d0d0 !important;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    text-align: left;
}


@media screen and (max-width: 768px) {
    .vc-footer-right {
        align-items: flex-start;
        text-align: left;
    }
}

/* ============================================
   NAVBAR HOVER NARANJA VC
============================================ */


.dropdown-menu > .active > a {
    background-color: rgba(255,153,0,1) !important;
    color: #ffffff !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: rgba(255,153,0,1) !important;
    color: #ffffff !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    background-color: rgba(255,153,0,1) !important;
    color: #fff !important;
}


/* Hover naranja sin capas */
#navbar .dropdown-menu .dropdown-item:hover,
#navbar .dropdown-menu .dropdown-item:focus {
    background-color: rgba(255,153,0,1) !important;
    color: #fff !important;
}

/* Hover naranja limpio sin capas debajo */
#navbar .nav-item > a:hover,
#navbar .nav-item > a:focus {
    background-color: rgba(255,153,0,1) !important;
    color: #fff !important;
    box-shadow: none !important;
    outline: none !important;
}

.navbar {
    position: relative;
}

/* Línea naranja inferior */
.navbar::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px; /* grosor igual que el footer */
    background-color: rgba(255,153,0,1);
}

/* ============================================
   BOTONES PERSONALIZADOS VC
============================================ */

/* Botón naranja principal */
.btn-vc-primary {
    background-color: var(--vc-orange-500);
    border: 2px solid var(--vc-orange-600);
    color: #fff;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
}

.btn-vc-primary:hover {
    background-color: var(--vc-orange-600);
    border-color: var(--vc-orange-700);
}

/* Botón gris secundario */
.btn-vc-secondary {
    background-color: var(--vc-gray-600);
    border: 2px solid var(--vc-gray-700);
    color: #fff;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 6px;
    transition: all .2s ease-in-out;
}

.btn-vc-secondary:hover {
    background-color: var(--vc-gray-700);
}

/* Spinner dentro del botón */
.btn-vc-primary .spinner-border,
.btn-vc-secondary .spinner-border {
    color: #fff !important;
}

/* ============================================
   BOTÓN DESCARGAR EXCEL (ESTILO VC)
============================================ */

.entitylist-download {
    background-color: #1D6F42 !important;   /* Verde Excel */
    border: 2px solid #145732 !important;   /* Borde más oscuro */
    color: #fff !important;
    font-weight: 600;
    padding: 8px 18px !important;
    border-radius: 6px !important;
    transition: all .2s ease-in-out;
    position: relative;
    padding-left: 42px !important; /* espacio para el icono */
}

/* Hover */
.entitylist-download:hover {
    background-color: #145732 !important;   /* Oscurecer al pasar */
    border-color: #0E3F24 !important;
    color: #fff !important;
}

/* Icono Excel */
.entitylist-download::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M19 2H8c-1.1 0-2 .9-2 2v3H5c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h1v3c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 18H8v-3h9c1.1 0 2-.9 2-2V7h0V4zM7.5 12l2.25-3h1.5l-2.25 3 2.25 3h-1.5L7.5 12zm5 3h-1.5l2.25-3-2.25-3H12l2.25 3L12.5 15z'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}


/* ============================================
   SELECT ESTILO VC (GRIS CLARITO)
============================================ */
.select-vc {
    background-color: var(--vc-gray-100);
    border: 2px solid var(--vc-gray-300);
    color: var(--vc-gray-700);
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 6px;
    height: 40px;
    transition: all .2s ease-in-out;
}

/* Hover */
.select-vc:hover {
    background-color: var(--vc-gray-200);
}

/* Focus */
.select-vc:focus {
    border-color: var(--vc-orange-500);
    box-shadow: 0 0 0 3px rgba(255,153,0,0.25);
    outline: none;
}

/* ============================================
   CABECERAS DE LISTA EN NARANJA VC
============================================ */
.entitylist table thead th a{
    color: var(--vc-orange-500) !important;
    font-weight:700;
}
.entitylist table thead th a:hover{color:var(--vc-orange-600)!important;text-decoration:underline}

/* ============================================
   BREADCRUMB NARANJA VC
============================================ */
.breadcrumb-item a {
    color: var(--vc-orange-500) !important;
    font-weight: 600;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: var(--vc-orange-600) !important;
    text-decoration: underline;
}

/* Separador ">" en naranja suave */
.breadcrumb-item + .breadcrumb-item::before {
    color: var(--vc-orange-400) !important;
}


/* El contenedor ocupa todo el ancho */
.form-custom-actions .col-md-6:first-child {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* Contenedor de botones */
.form-action-container-left {
    display: flex !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 100px; /* separación visual */
}

/* Cada botón ocupa exactamente el mismo ancho */
.form-action-container-left .workflow-link {
    flex: 1 1 0 !important; /* ← MISMO TAMAÑO */
    text-align: center;
    white-space: nowrap !important;
    padding: 10px 18px 10px 40px; /* espacio para icono */
    position: relative;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    border: 2px solid transparent;
    transition: all .2s ease-in-out;
}

/* Icono base */
.form-action-container-left .workflow-link::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* ============================
   1) CERRADO CONFORMADO (VERDE)
============================ */
.form-action-container-left .workflow-link:nth-child(1) {
    background-color: #2e8b57;
    border-color: #276f47;
    color: #fff;
}
.form-action-container-left .workflow-link:nth-child(1):hover {
    background-color: #276f47;
}
.form-action-container-left .workflow-link:nth-child(1)::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><path d='M20.285 6.709l-11.4 11.4-5.657-5.657 1.414-1.414 4.243 4.243 9.986-9.986z'/></svg>");
}

/* =====================================
   2) CERRADO SIN CONFORMIDAD (NARANJA)
===================================== */
.form-action-container-left .workflow-link:nth-child(2) {
    background-color: var(--vc-orange-500);
    border-color: var(--vc-orange-600);
    color: #fff;
}
.form-action-container-left .workflow-link:nth-child(2):hover {
    background-color: var(--vc-orange-600);
}
.form-action-container-left .workflow-link:nth-child(2)::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><path d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/></svg>");
}

/* ============================
   3) NO PROCEDE (GRIS OSCURO)
============================ */
.form-action-container-left .workflow-link:nth-child(3) {
    background-color: #555;
    border-color: #444;
    color: #fff;
}
.form-action-container-left .workflow-link:nth-child(3):hover {
    background-color: #444;
}
.form-action-container-left .workflow-link:nth-child(3)::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><path d='M12 2L2 12l10 10 10-10L12 2zm3 13H9V9h6v6z'/></svg>");
}


/* Forzar que la columna ocupe todo el ancho */
.case-info,
.col-lg-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Centrar el formulario */
#EntityFormPanel,
.crmEntityFormView,
.entity-form {
    width: 100% !important;
    max-width: 900px !important; /* ancho elegante */
    margin: 0 auto !important;   /* centrado */
    float: none !important;
}

/* 1) Romper cualquier flex o float heredado */
.case-header {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0;
}

/* 2) Centrar el bloque del estado */
.case-header .status {
    float: none !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 20px auto !important;
}

/* 3) Centrar el badge */
.case-header .status .label {
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* 4) Línea separadora */
.case-header::after {
    content: "";
    display: block !important;
    width: 100%;
    max-width: 900px;
    height: 2px;
    background: #ddd;
    margin: 20px auto 30px auto;
}

/* 5) Centrar el formulario */
#EntityFormPanel,
.crmEntityFormView,
.entity-form {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    float: none !important;
}



/* Enlaces normales (texto, excluye botones) */
a:not(.btn){
    color: var(--vc-orange-500) !important;
    text-decoration: none !important;
    font-weight: 500;
}

/* Hover */
a:not(.btn):hover{
    color: var(--vc-orange-600) !important;
    text-decoration: underline !important;
}

/* Visitados */
a:not(.btn):visited{color:var(--vc-orange-500)!important}

/* Enlaces activos */
a:not(.btn):active{color:var(--vc-orange-600)!important}

/* Botón naranja corporativo */
.btn.btn-default.btn-md {
    background-color: var(--vc-orange-500) !important;
    border: 2px solid var(--vc-orange-600) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    transition: all .2s ease-in-out;
}

/* Hover */
.btn.btn-default.btn-md:hover {
    background-color: var(--vc-orange-600) !important;
    border-color: var(--vc-orange-700) !important;
    color: #fff !important;
}


/* Botón naranja corporativo */
.btn.btn-default.btn-sm {
    background-color: var(--vc-orange-500) !important;
    border: 2px solid var(--vc-orange-600) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    transition: all .2s ease-in-out;
}

/* Hover */
.btn.btn-default.btn-sm:hover {
    background-color: var(--vc-orange-600) !important;
    border-color: var(--vc-orange-700) !important;
    color: #fff !important;
}

.btn.btn-info.btn-sm {
        color: #fff !important;
}

/* Estilo base para TODOS los checkboxes */
input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px;
    height: 18px;
    border: 2px solid var(--vc-orange-600) !important;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: all .2s ease-in-out;
}

/* Estado marcado */
input[type="checkbox"]:checked {
    background-color: var(--vc-orange-500) !important;
    border-color: var(--vc-orange-700) !important;
}

/* Icono de check */
input[type="checkbox"]:checked::after {
    content: "";
    color: #fff;
    font-size: 14px;
    position: absolute;
    font-weight: bold;
    top: -4px;
    right: -3px;
}

.btn.btn-primary {
    background-color: var(--vc-orange-500) !important;
    border: 2px solid var(--vc-orange-600) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    transition: all .2s ease-in-out;
}

/* Hover */
.btn.btn-primary:hover {
    background-color: var(--vc-orange-600) !important;
    border-color: var(--vc-orange-700) !important;
    color: #fff !important;
}

/* Estilo gris corporativo para el enlace de olvidar contraseña */
a.btn.btn-default[href="/Account/Login/ForgotPassword"] {
    background-color: #e6e6e6 !important;      /* gris claro */
    border: 2px solid #c2c2c2 !important;      /* gris medio */
    color: #4a4f54 !important;                 /* gris oscuro */
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    transition: all .2s ease-in-out;
}

/* Hover */
a.btn.btn-default[href="/Account/Login/ForgotPassword"]:hover {
    background-color: #d4d4d4 !important;      /* gris más oscuro */
    border-color: #a8a8a8 !important;
    color: #333 !important;
}


h3 {
    font-size: 40px;
    position: relative;
    padding: 12px 24px;
    border-radius: 12px;
    font-family: 'Montserrat', sans-serif !important;
    color: var(--vc-gray-500) !important;
    /* Fondo semitransparente */
    background: rgba(255, 255, 255, 0.35);

    /* Efecto blur */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Para que no se pegue al borde */
    margin: 0 auto;
    /*margin-top: 75px;*/
    /*margin-bottom: 75px;*/
}

.hero-title-wrapper {
    display: inline-block; /* se ajusta al ancho del texto */
    position: relative;
    padding-bottom: 10px;
}

.hero-title-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; /* ahora coincide con el ancho del texto */
    height: 6px;
    background-color: rgba(255,153,0,1);
    border-radius: 2px;
}

/*Estilos de tablas para desplazar*/
.entity-grid{
    overflow-x: auto;
}

.entity-grid table{
    table-layout: auto !important;
    width: auto !important;

}

.entity-grid th,
.entity-grid td{
    min-width:  15vw;
    max-width: 15vw;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    width: auto !important;
}

h1 {
    color: var(--vc-orange-500) !important;
    font-weight: 700 !important;
}

.field-label{
    color: #666666 !important;
}

.label{
    color: #666666 !important;
}

.form-control{
    color: #666666 !important;
}

.control{
    color: #666666 !important;
}

/* === Forzar fondo gris en todos los botones y hover coherente === */
/* Se usan !important para asegurar la sustitución de estilos previos */
.btn, .btn-primary-home, .btn-secondary-home, .btn-vc-primary, .btn-vc-secondary,
.btn.btn-default.btn-md, .btn.btn-default.btn-sm, .btn.btn-primary,
.entitylist-download, .vc-footer-buttons .footerbtn, .form-action-container-left .workflow-link,
a.btn.btn-default[href="/Account/Login/ForgotPassword"]{
    background-color: var(--vc-gray-500) !important;
    border-color: var(--vc-gray-600) !important;
    color: #fff !important;
}

.btn:hover, .btn-primary-home:hover, .btn-secondary-home:hover, .btn-vc-primary:hover, .btn-vc-secondary:hover,
.btn.btn-default.btn-md:hover, .btn.btn-default.btn-sm:hover, .btn.btn-primary:hover,
.entitylist-download:hover, .vc-footer-buttons .footerbtn:hover, .form-action-container-left .workflow-link:hover,
a.btn.btn-default[href="/Account/Login/ForgotPassword"]:hover{
    background-color: var(--vc-gray-600) !important;
    border-color: var(--vc-gray-700) !important;
    color: #fff !important;
}

/* Ajuste: iconos dentro de botones deben mantener contraste blanco */
.entitylist-download::before{filter:brightness(1)}

.page-item.active .page-link {
    transition: all 0.2s ease-in-out;
}

.page-item.active .page-link:hover {
    background-color: rgba(255,153,0,0.75) !important;
    border-color: rgba(255,153,0,1) !important;
    color: #ffffff !important;
}

.page-item.active .page-link {
    background-color: rgba(255,153,0,1) !important; /* naranja VC */
    border-color: rgba(255,153,0,1) !important;
    color: #ffffff !important; /* texto blanco */
    font-weight: 600;
}

.vc-footer-buttons .footerbtn,
.custom-footer-links a,
.footer-contact-item,
.vc-footer-copy {
    background: transparent !important;
    border-color: var(--vc-gray-200) !important;
    color: var(--vc-gray-300) !important;
}
.vc-footer-buttons .footerbtn:hover,
.custom-footer-links a:hover {
    background: var(--vc-gray-200) !important;
    color: var(--vc-gray-700) !important;
}

.sort-disabled{
    color: #666666 !important;
}