/*
  AME - carreras/informacion-imt.css
  Extraido desde estilos inline para centralizar mantenimiento.
  Paginas ES usan este archivo cuando el estilo es compartido.
*/

main.container {
    --info-navy: #004A98;
    --info-sky: #00B2E3;
    --info-navy-soft: #eef4fb;
    --info-border: #d8e7f2;
    font-family: "Segoe UI", Arial, sans-serif;
}

details {
    width: 100%;
    margin: 0 0 18px 0;
    box-sizing: border-box;
    background: transparent;
}

summary {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 13px 18px;
    border-left: 7px solid var(--info-navy);
    border-radius: 6px;
    background: var(--info-navy-soft);
    color: var(--info-navy);
    cursor: pointer;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    list-style: none;
}

summary::-webkit-details-marker {
    display: none;
}

summary::after {
    content: "";
    width: 0;
    height: 0;
    margin-left: auto;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 9px solid var(--info-sky);
    transition: transform 0.25s ease;
}

details[open] summary {
    margin-bottom: 14px;
}

details[open] summary::after {
    transform: rotate(90deg);
}

summary:hover {
    color: var(--info-sky);
}

details p {
    padding: 0 50px 10px 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

details ul {
    padding: 0 50px 10px 40px;
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

details ol {
    padding: 0 50px 10px 40px;
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

details li {
    margin-bottom: 2px;
}

        .puntos {
            list-style: none;      
            margin-top: 20px;      
        }

        .puntos li {
            position: relative;
            padding-left: 34px;   
            margin-bottom: 10px; 
            text-align: justify;
        }

        .puntos li::before {
            content: "\f2db";
            position: absolute;
            left: 0;
            top: 0.25em;
            width: 22px;
            height: 22px;
            display: inline-grid;
            place-items: center;
            color: var(--info-navy);
            font-family: FontAwesome;
            font-size: 15px;
            line-height: 1;
            box-sizing: border-box;
        }

        .puntos li::after {
            content: none;
        }