.container-tracing{
    object-fit: cover;
    width: 100%;
}
.pt-3{
    padding-top: 3rem;
}
.w-100{
    width: 100%;
}
.linea-izquierda{
    height: 0.2375rem;
    width: 3rem;
    background-color: #f7921f;
    border-radius: 20px;
    margin: 0.5rem 0;
    position: relative;
    left: 0;
}
.text-primary-loayza{
    color: #0049af !important;
}
.text-secondary-layza{
    color:#00c9fa !important;
}
.alter{
    background: #0049af !important;
    color:white !important
}
.text-center{
    text-align: center !important;
}
.item-header-oportunidad{
    display: flex;
    align-items: center;
    text-align: left;
}
.img-item-card{
    margin-right: 10px;
    width:90px;
}
.text-title-card{
    margin: 0;
    text-align:left
}
#desarolla-habilidades{
    background-image: url('../img/carreras/fondohabilidades.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.title-estudiar{
    font-size: 32px;
    text-align: center;
}
main #desarolla-habilidades .info-content .items{
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    margin-top: 5px;
}
/*Card What Loayza*/
main #desarolla-habilidades .info-content .info-text{
    margin: 0;
    width: 100%;
}
.card-what{
    margin-top: 20px;
    width: 100%;
    background-color: white;
    padding: 20px;
    border-radius: 30px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 1);
}
.item-what {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    padding: 20px;
}
.btn-what{
    padding: 10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: rgb(0, 73, 175) solid 5px;
    box-shadow: 0 0 10px rgba(0, 73, 175, 0.5); */
}
.item-what img {
    width: 50px;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(94%) saturate(2126%) hue-rotate(205deg) brightness(95%) contrast(106%);
}
.item-what h6 {
    margin: 0;
    font-size: 20px;
    color: #0049af;
    display: flex;
    align-items: center;
    gap: 8px;
}
.item-what h6 img {
    height: 1em;
    width: auto;
    filter: brightness(0) saturate(100%) invert(71%) sepia(41%) saturate(3797%) hue-rotate(346deg) brightness(100%) contrast(95%);
}
/**/
.highlight {
    background-color: white;
    color: #0049af;
    position: relative;
    padding: 0 10px;
    border-radius: 15px 15px 15px 0;
    border-left: none;
    display: inline-block;
}
.img-beneficio{
    width: 100%; 
    height: auto;
}
/*Descripcion*/
main #carrera-informacion .container .info-items .info-item-content{
    grid-template-columns: repeat(3, 1fr);
}
main #carrera-informacion .container .info-items .info-item-content .info-item{
    display: block;
    background-color: white;
    text-align: center;
    color: rgb(0, 73, 175);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    padding: 10px;
}
main #carrera-informacion .container .info-items .info-item-content .info-item img{
    filter: brightness(0) saturate(100%) invert(17%) sepia(69%) saturate(3329%) hue-rotate(207deg) brightness(97%) contrast(102%);
}
main #carrera-informacion .container .info-items .info-item-content .info-item h6{
    text-align: center;
    color: #0049af;
    font-family: "Poppins";
}
main #carrera-informacion .container .info-items .info-item-content .info-item p{
    text-align: center;
    font-size: 12px;
}
main #desarolla-habilidades .info-content .items .item h6{
    font-family: "Poppins";
}
main #brochure .info-content .info-content-text h3{
    font-family: "Poppins";
}
main #carrera-informacion .container h3{
    font-family: "Poppins";
}
main #oportunidades .info-content .item .item-header h5{
    font-family: "Poppins";
}
/**/
@media (max-width: 768px) {
    main #oportunidades .info-content .item{
        padding: 10px;
    }
    /*Descripcion*/
    main #carrera-informacion .container .info-items .info-item-content {
        grid-template-columns: repeat(3, 1fr);
    }
    /**/
    .card-what {
        width: 90%;
        margin: 0 auto;
    }
    .cotnainer-info-tracing{
        padding: 0 20px;
    }
    main #carrera-informacion .form-container{
        width: 80% !important;
        margin: 0 auto;
    }
    main #carrera-informacion .form-container form{
        width: 80%;
        margin: auto;
    }
    .info-image{
        text-align: center;
    }
    #desarolla-habilidades .info-image img{
        width: 70% !important;
    }
    .item-what{
        padding: 10px;
    }
    #desarolla-habilidades .item-video iframe{
        width: 80% !important;
    }
    #brochure .info-content .info-content-text{
        display: flex !important;
        gap: 1rem !important;
    }
    #oportunidades .info-content{
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (max-width: 425px){
    .item-what h6{
        font-size: 16px;
    }
    #desarolla-habilidades .item-video iframe{
        width: 90% !important;
    }
    #brochure .info-content .info-content-text{
        display: block !important;
    }
    .btn-plan{
        display: flex;
        justify-content: center;
    }
    #oportunidades .info-content{
        grid-template-columns: 1fr !important;
    }
    main #oportunidades .info-content .item{
        padding: 20px;
    }
    main #carrera-informacion .form-container{
        width: 90% !important;
    }
    main #carrera-informacion .form-container form{
        width: 90% !important;
    }
}
@media (max-width: 375px){
    main #carrera-informacion .container .info-items .info-item-content{
        grid-template-columns: repeat(1, 1fr);
    }
    main #carrera-informacion .container h3{
        font-size: 20px;
    }
    main #brochure .info-content .info-content-text h3{
        text-align: center;
    }
    main #oportunidades .info-content .item{
        width: 80%;
        margin: 0 auto;
    }
    main #oportunidades .info-content .item .item-header h5{
        font-size: 20px;
        margin-bottom: 20px;
    }
}