/*

Imágenes de Pexels:
 - Stock 1: https://www.pexels.com/photo/people-looking-at-laptop-computer-1595391/
 - Stock 2: https://www.pexels.com/photo/selective-focus-photo-of-man-using-laptop-1438081/
 - Stock 3: https://www.pexels.com/photo/woman-in-pink-crew-neck-t-shirt-holding-tablet-computer-4144038/

*/

:root {
    --dark: #16191C;
    --app: #3e5ea0;
    --app-x: #486db8;
    --app-x-x: white;
    --dark-x: #1E2126; 
    --light: #ffffff;
}

body {
    font-family: 'Spartan', sans-serif;
    font-weight: 300;
    color: var(--light);
}

.text-light { color: var(--light) !important; }
.bg-dark { background-color: var(--app) !important; }
.bg-dark-x { background-color: var(--app-x); }

.btn {
    min-height: 3.125rem;
    font-weight: 600;
}

.form-control {
    color: white;
    min-height: 3.125rem;
    line-height: initial;
    transition: 0.2s;
}

.form-control:focus {
    color: black;
    background-color: var(--app-x-x);
    outline: none;
    transition: 0.2s;
}

.form-control:focus::placeholder {
    color: #6c757d !important;
}

.img-carousel {
    background-size: cover;
    background-position: center;
}

.bg-app{
    background-color: #3e5ea0;
}

.bg-app-x{
    background-color: #486db8;
}

.font-weight-bold {
    font-weight: 700 !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B0B0B0 !important;
    opacity: 1 !important; /* Firefox */
  }

  .invalid-feedback-custom {
    font-weight: bold;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #f098a1;
}

.adelantia{
    width: 300px;
    max-width: 90%;
}

.bg-black{
    background-color: black;
}