body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.enlacesCards{
    font-weight: 700;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-decoration-line: underline;
    color: #004b9a;
}

.migasReale{
    text-decoration: none;
    color: #fff;
}

.migasReale:hover{
    text-decoration: none;
    color: #fff;
}

.card-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
            line-clamp: 1; 
    -webkit-box-orient: vertical;
}

.card-text{

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;

}

/* CAJAS */

.cajaAzul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 10px;
    background-color: #336fae;
    border-radius: 4px;
}

.imagenFueraDivCajaAzul{
    position:absolute; 
    top: -60px;
    right: 0; 
    float:right
}

@media (max-width: 1200px) {
    .imagenFueraDivCajaAzul{
       display: none;
    }
}

.cajaInicio{
    box-shadow: 0px 8px 32px -9px rgb(0 0 0 / 16%);
    /* box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08); */
    border-radius: 4px;
    padding: 0px 0px 24px;
    border: none;
}

.zonaPuntos{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 4px 16px;
    
    position: absolute;
    bottom: 80%;
    
    /* Primary/Blue_01_004B9B */
    
    background: #004B9B;
    border-radius: 0px 90px 90px 0px;
    
    /* Inside auto layout */
    
    flex: none;
    order: 1;
    flex-grow: 0;
    z-index: 1;
}

.bordeRedondeado{
    border-radius: 4px;
}

/* COLORES */
.amarilloreale{
    color: #efb300 !important;
} 

.azulreale{
    color: #004b9a !important;
} 

.azulsecundarioreale{
    color: #336fae !important;
} 

.azulterciarioreale{
    color: #004b9b !important;
} 

.rojoreale{
    color: #de0b0b !important;
} 

.verdereale{
    color: #00850b !important;
} 

.negroreale{
    color: #3d3c3c !important;
} 

.grisreale{
    color: #CDCDCD !important;
}

.blanco{
    color:white !important;
}

.fondogrisreale{
    background: #FAFAFA;
}

.fondoazulreale{
    background-color: #004b9a !important;
}

.bordeIzquierdoAzulSec{
    border-left: 4px solid #336fae !important;
}

.bordeInferiorNegro{
    border-bottom: 1px solid #CDCDCD !important;
}

.bordeIzquierdoGris{
    border-left: 1px solid #CDCDCD !important;
}

.headerAzulTabla{
    background-color : #004B9A;
}

.rowAmarilloTabla{
    background-color : #FBEFCB;
}

/* BOTONES */

.btnAzulReale{
    padding: 8px 16px;
    background: #336FAE;
    border-radius: 4px;
    color: #FFF;
}

#botonesCategorias{
    padding: 1rem;
    margin: 1rem -.75rem 0;
}

/* IMAGENES */

.cajaImagenBanner{
    padding: 0;
}

.imagenBanner{
    box-shadow: -1px 5px 7px 6px rgb(0 0 0 / 5%);
    border-radius: 4px;
    border: none;
}

.imagen100{
   width: 100%;
   height: 100%;
   object-fit: cover; /* cover makes the image stretch the width and height of the container */
}

/* CABECERAS */

.lineaCabecera{
    height: 4px !important;
    background-color: #FFF !important;
    opacity: 1;
}

/* DETALLE */

.lineaDetalleArticulo{
    height: 4px !important;
    opacity: 1;
}

/* MODAL */

.modalHeader{
    border: 0;
}

/* FORMULARIOS */
.inputSombreado{
    box-shadow: -3px 4px 10px 2px rgb(0 0 0 / 17%);
    border-radius: 4px;
    border: none;
}