
    .p-footer{
        font-weight: 300;

    }

    .copy-footer{
        font-weight: bold;
    }

    .links-footer{
        color: black;
        font-weight: 300;
        text-decoration: none;
    }

    .font-footer{
        
        font-family: 'Courier New', Courier, monospace;
    }

    .font-navbar{
        font-weight: 400;
    }


    .aviable{
        color: greenyellow;
    }

    
    .aviable-darker{
        color: green;
    }

    .no-aviable{
        color: red;
    }




    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        background-color: black; /* Fondo negro */
        width: 40px;
        height: 40px;
        border-radius: 50%; /* Botones redondeados */
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: none !important; /* Eliminar la flecha predeterminada de Bootstrap */
        position: relative;
    }
    
    /* Personalización de las flechas */
    .carousel-control-prev-icon::after,
    .carousel-control-next-icon::after {
        content: ''; /* Crear flecha con bordes */
        width: 12px;
        height: 12px;
        border: solid white; /* Flechas blancas */
        border-width: 0 3px 3px 0;
        display: inline-block;
        position: absolute;
    }
    
    .carousel-control-prev-icon::after {
        transform: rotate(135deg); /* Flecha hacia la izquierda */
        left: 14px; /* Posición interna de la flecha */
        top: 10px;
}

.carousel-control-next-icon::after {
    transform: rotate(-45deg); /* Flecha hacia la derecha */
    right: 14px; /* Posición interna de la flecha */
    top: 10px; /* Posición interna de la flecha */
}


*{
    /* border: 1px solid red; */
}


.size-image-card{
    width: 200px;
    height: 200px;
    object-fit: cover;
}


.card:hover{
    border: 1px solid rgba(128, 128, 128, 0.8);
    
    
}


.font-bold{
    font-weight: bolder;
}


.form-control:focus  {
    /* border-color: #198754 !important; */
    outline: 0;
    /* box-shadow: 0 0 0 .25rem #19875425 !important; */
    /* box-shadow: 0 0 0 .25rem #26c67c47 !important; */
}


.form-select:focus {
    /* border-color: #198754 !important; */

    /* box-shadow: 0 0 0 .25rem #26c67c47 !important; */


}