/* Set padding to keep content from hitting the edges */
.body-content {
    /*margin-top: 15px;*/
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color:;
    --bs-card-subtitle-color:;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow:;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: inherit;
    border-radius: inherit;
}

.text-color {
    background-color: #1E8876;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: #1E8876;
    padding: 40px;
    text-align: center;
    font-weight: bold;
    color: #000;
}

body {
    background-color: white;
    font-family: Candara, sans-serif;
    color: #7f8c8d;
}

.fondoform {
    padding: 10%;
   /* background-color: white;*/
    /*height: 1800px;*/
   
}
.cuadrado {
    width: 150px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenedor-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 3 columnas */
    gap: 10px;
}
#info {
    padding-top: 35%;
}