body{

    background:#eeeeee;

}

/* =======================================
   CABECERA
======================================= */

.cabecera{

    background:#ffffff;

    border-bottom:4px solid #5A5CE6;

}

/* Logo */

.logo{

    width:55px;
    height:auto;

}

/* Nombre aplicacion */

.titulo-app{

    color:#5A5CE6;

    font-size:1.8rem;

    font-weight:700;

}

/* Subtitulo */

.subtitulo{

    color:#666;

    font-size:0.95rem;

}

.lema{

    font-style:italic;

    color:#888;

}



.frase{

    font-size:1.2rem;

    font-style:italic;

    color:#5A5CE6;

}

footer{

    color:#666;

}



.form-label{

    font-weight:600;

}

.form-control{

    border-radius:8px;

}

.btn{

    border-radius:8px;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .15s ease;
}

.btn:hover {

    transform: translateY(-1px);

}

.card {

    border: none;
    border-radius: 15px;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.8rem 1.5rem rgba(0,0,0,.15);
}

.card i {
    transition: transform .25s ease;
}

.card:hover i {
    transform: scale(1.15);
}

.card-header{

    font-size:1.2rem;

    font-weight:600;

}

.btn-mobile {

    width: 100%;

}

@media (min-width: 768px) {

    .btn-mobile {

        width: auto;

    }

}

.botonera-cabecera {
    width: 100%;
}

@media (min-width: 768px) {

    .botonera-cabecera {
        width: auto;
    }

}

:root{

    --color-principal:#E67E22;
    --color-principal-hover:#CF711C;

}

.text-brand{

    color:var(--color-principal)!important;

}

.bg-brand{

    background:var(--color-principal)!important;

    color:#fff;

}

.border-brand{

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

}

.btn-brand{

    background:var(--color-principal);

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

    color:white;

}

.btn-brand:hover{

    background:var(--color-principal-hover);

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

    color:white;

}

.btn-outline-brand{

    color:var(--color-principal);

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

    background:transparent;

    transition:all .25s ease;

}

.btn-outline-brand:hover{

    background:var(--color-principal);

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

    color:white;

}