/******************************************************************************
    STARTER INMOBILIARIO
    BOOTSTRAP THEME
******************************************************************************/

/******************************************************************************
    BOOTSTRAP
******************************************************************************/

.btn,
.form-control,
.form-select,
.form-check-input,
.card,
.table,
.pagination .page-link,
.badge,
.alert,
.dropdown-menu,
.modal-content{

    transition:.20s ease;

}

/******************************************************************************
    BOTONES
******************************************************************************/

.btn{

    border-radius:8px;

    font-weight:500;

    letter-spacing:.02rem;

    box-shadow:none;

}

.btn:focus{

    box-shadow:none;

}

/*----------------------------------------------------------
    PRIMARY
----------------------------------------------------------*/

.btn-primary{

    background:var(--primary);

    border-color:var(--primary);

    color:var(--white);

}

.btn-primary:hover,
.btn-primary:focus{

    background:var(--primary-hover);

    border-color:var(--primary-hover);

    color:var(--white);

}

/*----------------------------------------------------------
    SUCCESS
----------------------------------------------------------*/

.btn-success{

    background:var(--primary);

    border-color:var(--primary);

    color:var(--white);

}

.btn-success:hover,
.btn-success:focus{

    background:var(--primary-hover);

    border-color:var(--primary-hover);

}

/*----------------------------------------------------------
    SECONDARY
----------------------------------------------------------*/

.btn-secondary{

    background:var(--secondary);

    border-color:var(--secondary);

    color:var(--white);

}

.btn-secondary:hover{

    background:var(--secondary-hover);

    border-color:var(--secondary-hover);

}

/*----------------------------------------------------------
    DANGER
----------------------------------------------------------*/

.btn-danger{

    background:var(--secondary);
    border-color:var(--secondary);
    color:var(--white);

}

.btn-danger:hover,
.btn-danger:focus{

    background:var(--secondary-hover);
    border-color:var(--secondary-hover);
    color:var(--white);

}

.btn-warning{

    background:var(--secondary);
    border-color:var(--secondary);
    color:var(--white);

}

.btn-warning:hover,
.btn-warning:focus{

    background:var(--secondary-hover);
    border-color:var(--secondary-hover);
    color:var(--white);

}

.btn-info{

    background:var(--primary);
    border-color:var(--primary);
    color:var(--white);

}

.btn-info:hover,
.btn-info:focus{

    background:var(--primary-hover);
    border-color:var(--primary-hover);
    color:var(--white);

}

/*----------------------------------------------------------
    OUTLINE
----------------------------------------------------------*/

.btn-outline-primary{

    color:var(--primary);

    border-color:var(--primary);

}

.btn-outline-primary:hover{

    background:var(--primary);

    color:var(--white);

}

.btn-outline-secondary{

    color:var(--secondary);

    border-color:var(--secondary);

}

.btn-outline-secondary:hover{

    background:var(--secondary);

    color:var(--white);

}

.btn-outline-success,
.btn-outline-info{

    color:var(--primary);
    border-color:var(--primary);

}

.btn-outline-success:hover,
.btn-outline-info:hover{

    background:var(--primary);
    border-color:var(--primary);
    color:var(--white);

}

.btn-outline-danger,
.btn-outline-warning{

    color:var(--secondary);
    border-color:var(--secondary);

}

.btn-outline-danger:hover,
.btn-outline-warning:hover{

    background:var(--secondary);
    border-color:var(--secondary);
    color:var(--white);

}

/*----------------------------------------------------------
    ACCIONES CORPORATIVAS
----------------------------------------------------------*/

.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info{

    background:var(--primary);
    border-color:var(--primary);
    color:var(--white);

}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active{

    background:var(--secondary);
    border-color:var(--secondary);
    color:var(--white);

}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info{

    color:var(--primary);
    border-color:var(--primary);

}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-success:hover,
.btn-outline-success:active,
.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-warning:hover,
.btn-outline-warning:active,
.btn-outline-info:hover,
.btn-outline-info:active{

    background:var(--secondary);
    border-color:var(--secondary);
    color:var(--white);

}

/******************************************************************************
    CARDS
******************************************************************************/

.card{

    border:1px solid var(--gris-300);

    border-radius:10px;

    background:var(--white);

    box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.card-header{

    background:var(--gris-900);

    color:var(--white);

    border-bottom:1px solid var(--gris-300);

    font-weight:600;

    padding:.90rem 1.20rem;

}

.card-footer{

    background:var(--gris-50);

    border-top:1px solid var(--gris-300);

}

/******************************************************************************
    FORMULARIOS
******************************************************************************/

.form-label{

    color:var(--gris-700);

    font-weight:600;

    margin-bottom:.40rem;

}

.form-control,
.form-select{

    border:1px solid var(--gris-300);

    border-radius:8px;

    min-height:42px;

    color:var(--texto);

    box-shadow:none;

}

.form-control::placeholder{

    color:var(--gris-500);

}

.form-control:focus,
.form-select:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 .18rem rgba(199,156,53,.18);

}

/******************************************************************************
    CHECKBOX
******************************************************************************/

.form-check-input{

    border-color:var(--gris-400);

}

.form-check-input:checked{

    background:var(--primary);

    border-color:var(--primary);

}

.form-check-input:focus{

    box-shadow:0 0 0 .18rem rgba(199,156,53,.20);

}

/******************************************************************************
    INPUT GROUP
******************************************************************************/

.input-group-text{

    background:var(--gris-100);

    border-color:var(--gris-300);

    color:var(--gris-700);

}

/******************************************************************************
    TABLAS
******************************************************************************/

.table{

    margin-bottom:0;

    color:var(--texto);

    vertical-align:middle;

}

.table thead th{

    background:var(--gris-100);

    color:var(--primary);

    border-top:none;

    border-bottom:2px solid var(--gris-300);

    font-size:.82rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.04rem;

    padding:.90rem .75rem;

    white-space:nowrap;

}

.table tbody td{

    padding:.85rem .75rem;

    border-color:var(--gris-200);

}

.table tbody tr{

    transition:background .20s ease;

}

.table tbody tr:nth-child(even){

    background:var(--gris-50);

}

.table tbody tr:hover{

    background:rgba(199,156,53,.08);

}

/******************************************************************************
    IMÁGENES EN TABLAS
******************************************************************************/

.table img{

    border-radius:8px;

    border:1px solid var(--gris-300);

}

/******************************************************************************
    BADGES
******************************************************************************/

.badge{

    border-radius:20px;

    font-weight:500;

    padding:.45rem .80rem;

}

/******************************************************************************
    ALERTAS
******************************************************************************/

.alert{

    border:none;

    border-left:4px solid transparent;

    border-radius:8px;

    padding:1rem 1.25rem;

}

.alert-success{

    background:#eef9f2;

    color:#166534;

    border-left-color:var(--success);

}

.alert-danger{

    background:#fdf0f2;

    color:#991b1b;

    border-left-color:var(--danger);

}

.alert-warning{

    background:#fff8e6;

    color:#92400e;

    border-left-color:var(--warning);

}

.alert-info{

    background:#eef8fc;

    color:#075985;

    border-left-color:var(--info);

}

.btn-action-edit{

    background:var(--warning);

    color:var(--black);

}

.btn-action-history{

    background:var(--secondary);

    color:var(--white);

}

.btn-action-delete{

    background:var(--danger);

    color:var(--white);

}

/******************************************************************************
    NAVS
******************************************************************************/

.nav-link{

    color:var(--gris-700);

    font-weight:500;

    transition:.20s ease;

}

.nav-link:hover{

    color:var(--primary);

}

/******************************************************************************
    NAV TABS
******************************************************************************/

.nav-tabs{

    border-bottom:1px solid var(--gris-300);

}

.nav-tabs .nav-link{

    color:var(--gris-700);

    border:none;

    border-radius:8px 8px 0 0;

    padding:.70rem 1rem;

    margin-right:.25rem;

    transition:.20s ease;

}

.nav-tabs .nav-link:hover{

    background:var(--gris-100);

    color:var(--primary);

}


.nav-tabs .nav-link.active{

    background:var(--white);

    color:var(--primary);

    font-weight:600;

    border:1px solid var(--gris-300);

    border-bottom-color:var(--white);

}

/******************************************************************************
    NAV PILLS
******************************************************************************/

.nav-pills .nav-link{

    color:var(--gris-700);

    border-radius:8px;

}

.nav-pills .nav-link.active{

    background:var(--primary);

    color:var(--white);

}

/******************************************************************************
    NAVBAR
******************************************************************************/

.admin-navbar{

    background:var(--secondary);

    height:var(--navbar-height);

    /*border-bottom:1px solid var(--gris-800);*/

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}

.admin-navbar .navbar-brand{

    color:var(--white);

    font-weight:600;

    letter-spacing:.03rem;
}
.admin-navbar .navbar-brand{

    width: 120px !important;
    height: auto;
}
.admin-navbar .navbar-brand:hover{

    color:var(--primary);

}

.admin-navbar .nav-link{

    color:var(--gris-300);

}

.admin-navbar .nav-link:hover{

    color:var(--primary);

}


/******************************************************************************
    ACCORDION
******************************************************************************/

.accordion{

    --bs-accordion-border-color:var(--gris-300);

    --bs-accordion-border-radius:10px;

    --bs-accordion-inner-border-radius:10px;

}

.accordion-item{

    border:1px solid var(--gris-300);

    border-radius:10px;

    overflow:hidden;

    margin-bottom:.75rem;

    background:var(--white);

}

.accordion-button{

    background:var(--white);

    color:var(--gris-700);

    font-weight:600;

    box-shadow:none;

    padding:1rem 1.20rem;

}

.accordion-button:hover{

    background:var(--gris-100);

    color:var(--primary);

}

.accordion-button:not(.collapsed){

    background:var(--gris-50);

    color:var(--primary);

    box-shadow:inset 4px 0 0 var(--primary);

}

.accordion-button:focus{

    box-shadow:none;

    border-color:var(--primary);

}

.accordion-body{

    background:var(--white);

    border-top:1px solid var(--gris-200);

}

/******************************************************************************
    OFFCANVAS
******************************************************************************/

.offcanvas{

    border:none;

    background:var(--white);

}

.offcanvas-header{

    background:var(--secondary);

    color:var(--white);

    border-bottom:1px solid var(--gris-800);

    padding:1rem 1.25rem;

}

.offcanvas-title{

    font-weight:600;

    letter-spacing:.02rem;

}

.offcanvas-body{

    padding:1.25rem;

}

.offcanvas .btn-close{

    filter:invert(1);

    opacity:.85;

}

.offcanvas .btn-close:hover{

    opacity:1;

}

/******************************************************************************
    LIST GROUP
******************************************************************************/

.list-group{

    border-radius:10px;

    overflow:hidden;

}

.list-group-item{

    border-color:var(--gris-300);

    padding:.85rem 1rem;

    transition:.20s ease;

}

.list-group-item:hover{

    background:var(--gris-100);

}

.list-group-item.active{

    background:var(--primary);

    border-color:var(--primary);

    color:var(--white);

    font-weight:600;

}

/******************************************************************************
    BREADCRUMB
******************************************************************************/

.breadcrumb{

    margin-bottom:1rem;

    background:none;

}

.breadcrumb-item{

    color:var(--gris-600);

}

.breadcrumb-item a{

    color:var(--gris-700);

    text-decoration:none;

}

.breadcrumb-item a:hover{

    color:var(--primary);

}

.breadcrumb-item.active{

    color:var(--primary);

    font-weight:600;

}

/******************************************************************************
    PROGRESS
******************************************************************************/

.progress{

    height:10px;

    background:var(--gris-200);

    border-radius:20px;

    overflow:hidden;

}

.progress-bar{

    background:var(--primary);

    color:var(--white);

    font-size:.70rem;

    font-weight:600;

}

/******************************************************************************
    SPINNER
******************************************************************************/

.spinner-border{

    color:var(--primary);

}

.spinner-grow{

    color:var(--primary);

}

/******************************************************************************
    TOAST
******************************************************************************/

.toast{

    border:none;

    border-radius:10px;

    box-shadow:0 10px 25px rgba(0,0,0,.10);

}

.toast-header{

    background:var(--gris-100);

    border-bottom:1px solid var(--gris-300);

    color:var(--gris-700);

    font-weight:600;

}

.toast-body{

    color:var(--texto);

}

/******************************************************************************
    UTILIDADES BOOTSTRAP
******************************************************************************/

/* BACKGROUND */

.bg-primary{

    background:var(--primary)!important;

}

.bg-secondary{

    background:var(--secondary)!important;

}

.bg-accent{

    background:var(--accent)!important;
    color:var(--white)!important;

}

.bg-success{

    background:var(--success)!important;

}

.bg-danger{

    background:var(--danger)!important;

}

.bg-warning{

    background:var(--warning)!important;

    color:var(--black)!important;

}

.bg-info{

    background:var(--info)!important;

}

/* TEXT */

.text-primary{

    color:var(--primary)!important;

}

.text-secondary{

    color:var(--secondary)!important;

}

.text-accent{

    color:var(--accent)!important;

}

.text-success{

    color:var(--success)!important;

}

.text-danger{

    color:var(--danger)!important;

}

.text-warning{

    color:#b77900!important;

}

.text-info{

    color:var(--info)!important;

}

.text-muted{

    color:var(--gris-600)!important;

}

/* BORDER */

.border-primary{

    border-color:var(--primary)!important;

}

.border-secondary{

    border-color:var(--secondary)!important;

}

.border-success{

    border-color:var(--success)!important;

}

.border-danger{

    border-color:var(--danger)!important;

}

.border-warning{

    border-color:var(--warning)!important;

}

.border-info{

    border-color:var(--info)!important;

}

/******************************************************************************
    BTN CHECK
******************************************************************************/

/* Estado normal */

.btn-check + .btn{

    background:var(--white);

    color:var(--gris-700);

    border:1px solid var(--gris-300);

}

/* Hover */

.btn-check + .btn:hover{

    background:var(--gris-100);

    border-color:var(--primary);

    color:var(--primary);

}

/* Seleccionado */

.btn-check:checked + .btn{

    background:var(--primary);

    border-color:var(--primary);

    color:var(--white);

}

/* Focus */

.btn-check:focus + .btn{

    border-color:var(--primary);

    box-shadow:0 0 0 .18rem rgba(199,156,53,.20);

}

/* Activo */

.btn-check:active + .btn{

    background:var(--primary-hover);

    border-color:var(--primary-hover);

}