@font-face {
    font-family: "Poppins";
    src: url("/fonts/Poppins/Poppins-Regular.ttf") format("truetype"),
        url("/fonts/Poppins/Poppins-Light.ttf") format("truetype"),
        url("/fonts/Poppins/Poppins-Thin.ttf") format("truetype"),
        url("/fonts/Poppins/Poppins-Italic.ttf") format("truetype"),
        url("/fonts/Poppins/Poppins-LightItalic.ttf") format("truetype"),
        url("/fonts/Poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
}

#titulo-app {
    margin-top: 40vh;
    margin-left: 20px;
    font-size: 80px;
    color: blanchedalmond;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100vh;
    background-image: url(../images/fondo_home.jpeg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    font-family: "Nunito", sans-serif;
    color: black;
    font-weight: 600;
}

.top-right {
    padding-top: 30px;
    text-align: left;
}

.links > a {
    color: rgb(168, 73, 49);
    padding: 0 25px;
    font-size: 20px;
    letter-spacing: 0.1rem;
    text-decoration: none;
    text-transform: uppercase;
}

#fondoForm {
    background-image: url(../images/fondo1.PNG);
}

img #fondo_home_menu {
    height: 80px;
    width: max-content;
}

@media only screen and (max-width: 767px) {
    #titulo-app {
        font-size: 30px;
    }
}

/* Inicio Mostrar una foto por Slide en Detalle de los casos */

.swiper-slide {
    display: none;
}

.swiper-slide:first-child {
    display: block;
}

/* Fin Mostrar una foto por Slide en Detalle de los casos */

/* Inicio Texto en TimeLine */
#timeline-text {
    font-family: "Poppins", sans-serif;
    font-weight: 400; /* Peso regular (normal) */
    font-size: 21px;
    color: green;
    padding: 10px;
}
/* Fin Texto en TimeLine */

#edit-sede {
    margin: 0;
    padding: 0;
    /* background-color: #343A40; */

    background-image: url(../images/fondo1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: black;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    height: 100vh;
}

#create-technical {
    margin: 0;
    padding: 0;
    /* background-color: #343A40; */
    background-image: url("../images/fondo06.jpeg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: black;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    height: 100vh;
}

#background {
    background-image: url("{{ asset('images/fondo06.jpeg') }}");
    background-size: cover;
    background-repeat: no-repeat;
}

/* Estilo personalizado para el efecto hover en las tarjetas */
.card-custom:hover {
    background-color: #f0f0f0;
    transform: scale(1.05);
}

#edit-cliente {
    margin: 0;
    padding: 0;
    background-image: url(../images/fondo02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: black;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
}

/* Estilos para tablets */
@media (max-width: 768px) {
    #edit-cliente {
        background-image: url(../images/fondo02.png);
        background-size: cover;
    }
}

/* Estilos para móviles */
@media (max-width: 480px) {
    #edit-cliente {
        background-image: url(../images/fondo02.png);
        background-size: cover;
    }
}

#form-create-client {
    margin: 0;
    padding: 0;
    background-image: url(../images/fondo01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: black;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    height: 100vh;
}

/* Estilos para tablets */
@media (max-width: 768px) {
    #form-create-client {
        background-image: url(../images/fondo01.png);
        background-size: cover;
    }
}

/* Estilos para móviles */
@media (max-width: 480px) {
    #form-create-client {
        background-image: url(../images/fondo01.png);
        background-size: cover;
    }
}

#form-edit-personal {
    margin: 0;
    padding: 0;
    background-image: url(../images/fondo02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: black;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    height: 100vh;
}

/* Estilos para tablets */
@media (max-width: 768px) {
    #form-edit-personal {
        background-image: url(../images/fondo02.png);
        background-size: cover;
    }
}

/* Estilos para móviles */
@media (max-width: 480px) {
    #form-edit-personal {
        background-image: url(../images/fondo02.png);
        background-size: cover;
    }
}