:root {
    --main-color: #1f1f1f;
    --main-color-rgb: 31,31,31;
}

body {
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #29313d;
    background-color: #f9fafb;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(46,54,80,0);
}

.shadow-soft {
    box-shadow: 0 2px 15px rgba(140,152,164,.2)!important;
}

[class*=shadow] {
    transition: all .2s ease;
}

.fmxw-500 {
    max-width: 500px!important;
    height: 554px;
}

.bg-white {
    background-color: #fff!important;
}

/* Perzonalizar el focus de los inputs de BOOTSTRAP */
.form-control:focus, button:focus {
  border-color: var(--main-color);
  box-shadow: none!important;
}
.rounded {
    border-radius: 15px!important;
}

@media (min-width: 1400px) {
    .container, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px!important;
    }
}