/*ESTILOS DE LA PESTAÑA HOME*/

body{
    background-color: #000;
    font-family: Montserrat,sans-serif;
    font-style: normal;

}

body, p {
    font-size: 16px;
}

body, h2 {
    font-size: 32px;
}
/* HEADER */

.encabezado{
    background-image:url('../img/fondos/encabezado.jpg');
    background-repeat: no-repeat;

}

.fa-solid{
    color: #fff;
}

/* Estilos para la lista horizontal */
.horizontal-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0; /* Agregar este estilo para eliminar el margen predeterminado */
    justify-content: flex-end; /* Alinea los elementos a la derecha */
}

/* Estilos para los elementos de lista */
.menu-item {
    margin-right: 10px; /* Espacio entre elementos */
    margin-left: 0; /* Eliminar el margen izquierdo */
}

.menu-item a {
    font-size: 14px;
    padding-left: 40px; /* Agregar un espacio en blanco a la izquierda para alejar el texto del borde derecho */
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.menu-item a:hover{
    color: #4089c1;
}



.btn-menu{
    color: #ccc;
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
}

/* .cont-btn-ingresar{
    background-color: #222222;
    height: 36px;
    text-align: center;
    border-radius: 25px;
    padding: 4px;
    border: 1px solid #4089c1;
    width: 135px;
} */



.btn-ingresar{
    color: #4089c1;
    text-decoration: none;
    font-weight: semibold;
    font-size: 10pt;
    padding: 8px;
    display: inline-block;
    width: 135px;
    height: 36px;
    border-radius: 25px;
    border: 1px solid #4089c1;
    background-color: #222222;
    text-align: center;
}
.btn-ingresar:hover{
    color: #fff;
    background-color: #3130301a;
    border:1px solid #ffffff;
    cursor: pointer;
    transition: all 0.4s;
}

.contenedor-bienvenida{
    margin-top: 10%;
    color: white;
}

.titulo-bienvenida{
    font-weight: bold;
    margin-top:15%;
}



.contenedor-btn-registrar{
    margin-top:10%;
}
.btn-registrar-caso{
    border: 1px solid #4089c1;
    color: #4089c1;
    text-decoration: none;
    padding: 11px 26px;
    border-radius: 25px;
    font-size: 12px;
    background: #222;
    font-weight: bold;

}

.btn-registrar-caso:hover{
    color: #fff;
    background-color: #3130301a;
    border:1px solid #ffffff;
    cursor: pointer;
    transition: all 0.4s;
}



/* SECCION DE CARDS */

.descripcion_card{
    color: white;
}

.descripcion_card h2{
    font-weight:bold;
}

.descripcion_card p{
    margin-top: 50px;
}

.descripcion_card p a{
    text-decoration:none;
    
}

.contenedor-cards{
    margin-top: 12%;
}

.cont-card{
    padding: 15px;
    margin-top: 50px;
}

.card{
    padding:40px 20px 40px 20px;
    height: 100%;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    background: #111;
}

.card4{
    border: 2px solid #fff;
}
.card-title{
    font-size: 14pt;
    font-weight:bold;

}
.card-text{
    font-size: 12pt;
    color: #cccccc;
}

.card i{
    color: #4089c1;
}
.btn-cards{
    text-align: center;
    text-decoration: none;
    color: #4089c1;
    font-size: 10pt;
}

.row-cards{
   margin-bottom: 120px;
}


/* COMIEZA CSS DE CONSULTAS */

.titulo-consultas{
    color: #fff;
}

.titulo-consultas h2{
    font-size: 25pt;
}
.contenedor-grande-consultas{
    background-color: #111111;
    margin-top: 100px;
}

.contenedor-consultas h2{
    margin-top: 100px;
    font-size: 28pt;
}

.contenedor-consultas h4{
    color: #fff;
    font-size: 18pt;
    margin-top: 40px;
}

.contenedor-consultas a{
    color:#4089c1;
    text-decoration: none;
}

.contenido{
    margin-bottom: 70px;
}

/* COMIENZA EL CSS DE NOVEDADES */
.contenedor_articulos_grande{
    background:#111;
}
.contenedor-articulos{
    padding-bottom: 8%;
}
.contenido-articulos{
    margin-top: 10%;
    color: #fff;
    padding-left: 40px;
}



.content-btn-novedades{
    background-color: #222222;
    height: 36px;
    text-align: center;
    border-radius: 25px;
    padding: 4px;
    border: 1px solid #4089c1;
    margin-top: 30px;
}

.preguntas-articulos{
    margin-top: 50px;
}

.preguntas-articulos p a{
    color: #4089c1;
    text-decoration: none;
}

.texto-intro-articulos {
    margin-top: 50px;
}



/*DESDE AQUI COMIENZA EL EMPEZAR*/

.texto_empezar{
    color: #fff;
}
.texto_empezar h2{
    margin-top: 120px;
    font-weight: bold;
}

.texto_empezar p{
    margin-top: 50px;
}

.botones_empezar{
    margin-top: 20px;
    margin-bottom: 40px;
}
.botones_empezar .btn_empezar{
    font-size: 12px;
    color: #4089c1;
}

.botones_empezar .ingresar-empezar{
    border: 1px solid #4089c1;
    border-radius: 25px;
    padding: 11px 26px;
    background: #222;
    text-decoration: none;
    font-weight: bold;
}
.botones_empezar .ingresar-empezar:hover{
    color: #fff;
    background-color: #3130301a;
    border:1px solid #ffffff;
    cursor: pointer;
    transition: all 0.4s;
}


.botones_empezar .info-empezar{
    font-weight:bold;
    margin-left: 20px;
}

/* DESDE AQUI COMIENZA EL DISEÑO DEL FOOTER */


.footer{
    background: linear-gradient(to bottom, #000, #292929);
}
.contenedor-footer{
    margin-top: 120px;
}
.logos-footer{
    color: #666666;
    margin-top: 10%;
}

.contenido-footer h5{
    color: #fff;

}

.contenido-footer a{
    text-decoration: none;
    color: #4089c1;
    font-size: 11pt;
    font-weight:bold;
}


/* DISEÑO DEL MENU RESPONSIVE */
.dropdown-menu{
    background-color: #111111;

}

.dropdown-menu li a{
    color: #ccc;
}

.ariafina{
    font-size: 12pt;
    margin-left: 15px
}

.titulo-articulos{
      font-weight:bold;
}






/* Estilos CSS para pantallas con una anchura máxima de 768 píxeles */
@media only screen and (max-width: 550px) {
    body, p {
        font-size: 16px;
        text-align:center;
    }

    body, h2 {
        font-size: 24px;
        text-align:center;
    }

    .img-logo{
        width: 100%;
        height: 100%;
    }
    .titulo h2{
        font-weight: semibold;
        font-size: 16pt;
        display: flex;
        justify-content: center;
        text-align: center;


    }

    .contenedor-img-bienvenida{
        margin-top: 43px;
    }

    .contenedor-grande-consultas{
        background-color: #0e0d0d;
        margin-top: 0px;
        text-align: center;
    }
    .descripcion_card{
        text-align:center;
    }

    .contenedor-consultas h2{
        margin-top: 50px;
        text-align: center;
    }
    .contenedor-consultas h4{
        color: #fff;
        font-size: 18pt;
        margin-top: 0px;
    }

    .contenido-novedades{
        margin-top: 1%;
        color: #fff;
        padding-left: 40px;
    }


    .navbar-nav li{
        padding: 10px;
    }

    .titulo-consultas{
        width: 500px;
    }

    .titulo-consultas h2{
        font-size: 16pt;
    }
    .titulo-articulos{
        font-weight:bold;
    }

    .contenido-novedades{
        margin-top: 8%;
    }

    .texto_empezar{
        text-align:center;
    }

    .texto_empezar h2{
        margin-top:54px;
        font-weight: bold;
    }
    .row-cards {
        margin-bottom: 48px;
    }
    .contenido-articulos {
        padding-left: 10px;
    }
    .texto_empezar p {
        margin-top: 28px;
    }
    .texto-intro-articulos {
        margin-top: 28px;
    }

    .card-text {
        font-size: 16px;
        color: #cccccc;
    }

    .card-title {
        font-size: 13pt;
        font-weight: bold;
    }

    .footer{
        text-align:left;
    }

    .footer p{
            text-align:left;
        }


    .ariafina{
        margin-left:0;
    }




}