main {
    section {
        gap: 2em;
    }

    .seccion-introduccion {
        .contenedor-introduccion {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-blanco-menos-intenso);
            border-radius: 1em;
            max-width: 1000px;

            p {
                color: var(--color-texto);
                text-align: center;
            }
        }
    }

    .seccion-datos-generales {
        .contenedor-datos {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 1em;
            background-color: var(--color-cuaternario-transparente-9);
            border-radius: 1em;
            max-width: 1000px;

            .grid-datos {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                gap: 1.5em;

                .dato {
                    display: flex;
                    flex-direction: column;
                    background-color: var(--color-blanco-menos-intenso);
                    padding: 1em;
                    border-radius: 1em;

                    h3 {
                        color: var(--color-terciario-oscuro);
                        text-align: left;
                    }

                    ol {
                        margin-left: 1em;
                        li {
                            &::marker {
                                color: var(--color-secundario);
                            }
                        }
                    }
                }
            }
        }
    }

    .seccion-admisiones {
        .contenedor-admisiones {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-blanco-menos-intenso);
            border-radius: 1em;
            max-width: 1000px;

            h3 {
                color: var(--color-secundario);
                font-size: 1.5em;
                text-align: center;
            }

            p {
                color: var(--color-texto);
                line-height: 1.6;
                
            }

            .info-contacto {
                background-color: var(--color-cuaternario-transparente-9);
                padding: 1.5em;
                border-radius: 0.5em;

                p {
                    color: var(--color-blanco);
                    text-align: center;
                    margin-bottom: 0.5em;

                    &.telefonos {
                        color: var(--color-terciario);
                        font-size: 1.2em;
                        font-weight: bold;
                    }
                }
            }

            .estado {
                text-align: center;
                color: var(--color-secundario);
                font-size: 1.3em;
                font-weight: bold;
                padding: 0.5em;
                border: 2px solid var(--color-secundario);
                border-radius: 0.5em;
                width: fit-content;
                margin: 0 auto;
            }
        }
    }

    .seccion-comunicacion {
        h2 {
            font-size: 2.3em;
        }

        .contenedor-comunicacion {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-cuaternario-transparente-9);
            border-radius: 1em;
            max-width: 1000px;

            p {
                color: var(--color-blanco);
            }

            ul {
                display: flex;
                flex-direction: column;
                gap: 2em;

                li {
                    h4 {
                        font-size: 1.2em;
                        color: var(--color-terciario);
                        margin-bottom: 0.5em;
                        text-align: left;
                    }

                    p {
                        margin-bottom: 0.5em;
                    }

                    ol {
                        margin-left: 2em;
                        margin-top: 0.5em;

                        li {
                            color: var(--color-blanco);
                            margin-bottom: 0.3em;
                            list-style-type: decimal;
                        }
                    }
                }
            }

            .nota, .aviso-legal {
                background-color: var(--color-blanco-menos-intenso);
                padding: 1em;
                border-radius: 0.5em;

                p {
                    color: var(--color-texto);
                    font-style: italic;
                }
            }
        }
    }

    .seccion-conducto-regular {
        .contenedor-conducto {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-blanco-menos-intenso);
            border-radius: 1em;
            max-width: 1000px;

            h3 {
                color: var(--color-secundario);
                font-size: 1.5em;
                text-align: center;
            }

            p {
                color: var(--color-texto);
                line-height: 1.6;
                
            }

            .casos {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 2em;
                margin: 1em 0;

                .caso {
                    background-color: var(--color-cuaternario-transparente-9);
                    padding: 1.5em;
                    border-radius: 0.5em;

                    h4 {
                        color: var(--color-terciario);
                        margin-bottom: 1em;
                        text-align: center;
                        font-size: 1.2em;
                    }

                    ol {
                        margin-left: 1.5em;

                        li {
                            color: var(--color-blanco);
                            margin-bottom: 0.5em;
                            list-style-type: decimal;
                        }
                    }
                }
            }

            .nota-final {
                font-style: italic;
                border-top: 2px solid var(--color-secundario);
                padding-top: 1em;
            }
        }
    }

    .seccion-cita-docente {
        h2 {
            font-size: 2.1em;
        }
        .contenedor-cita {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-cuaternario-transparente-9);
            border-radius: 1em;
            max-width: 1000px;

            p {
                color: var(--color-blanco);
                line-height: 1.6;
                
            }
        }
    }

    .seccion-convivencia {
        .contenedor-convivencia {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-blanco-menos-intenso);
            border-radius: 1em;
            max-width: 1000px;

            p {
                line-height: 1.6;
                
            }

            ul {
                display: flex;
                flex-direction: column;
                gap: 1em;
                margin-left: 1.5em;

                li {
                    line-height: 1.6;
                    position: relative;
                    padding-left: 1.5em;

                    &::before {
                        content: "•";
                        position: absolute;
                        left: 0;
                        color: var(--color-terciario);
                        font-size: 1.5em;
                    }
                }
            }
        }
    }

    .seccion-incapacidad {
        .contenedor-incapacidad {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-cuaternario-transparente-9);
            border-radius: 1em;
            max-width: 1000px;

            p {
                color: var(--color-blanco);
                line-height: 1.6;
                
                a {
                    color: var(--color-terciario);
                    text-decoration: underline;
                }
            }
        }
    }

    .seccion-autorizaciones {
        h2 {
            font-size: 2.1em;
        }
        .contenedor-autorizaciones {
            display: flex;
            flex-direction: column;
            gap: 1em;
            padding: 2em;
            background-color: var(--color-blanco-menos-intenso);
            border-radius: 1em;
            max-width: 1000px;

            h3 {
                color: var(--color-secundario);
                font-size: 1.4rem;
                margin-bottom: 0.5em;
            }

            p {
                line-height: 1.6;
                
                a {
                    color: var(--color-secundario);
                    text-decoration: underline;
                }
            }

            ul {
                display: flex;
                flex-direction: column;
                gap: 0.8em;
                margin-left: 1.5em;

                li {
                    line-height: 1.6;
                    position: relative;
                    padding-left: 1.5em;

                    &::before {
                        content: "•";
                        position: absolute;
                        left: 0;
                        color: var(--color-secundario);
                        font-size: 1.5em;
                    }
                }
            }
        }
    }

    .seccion-pagos {
        .contenedor-pagos {
            display: flex;
            flex-direction: column;
            gap: 1em;
            padding: 2em;
            background-color: var(--color-cuaternario-transparente-9);
            border-radius: 1em;
            max-width: 1000px;

            h3 {
                color: var(--color-terciario);
                font-size: 1.4rem;
                margin-bottom: 0.5em;
            }

            p {
                color: var(--color-blanco);
                line-height: 1.6;
                
            }

            ul {
                display: flex;
                flex-direction: column;
                gap: 0.8em;
                margin-left: 1.5em;

                li {
                    color: var(--color-blanco);
                    line-height: 1.6;
                    position: relative;
                    padding-left: 1.5em;

                    &::before {
                        content: "•";
                        position: absolute;
                        left: 0;
                        color: var(--color-terciario);
                        font-size: 1.5em;
                    }
                }
            }
        }
    }

    .seccion-pension {
        .contenedor-pension {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-blanco-menos-intenso);
            border-radius: 1em;
            max-width: 1000px;

            p {
                color: var(--color-texto);
                line-height: 1.6;
                
            }
        }
    }

    .seccion-office {
        h2 {
            font-size: 2.2em;
        }
        .contenedor-office {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-cuaternario-transparente-9);
            border-radius: 1em;
            max-width: 1000px;

            p {
                color: var(--color-blanco);
                line-height: 1.6;
                
            }
        }
    }

    .seccion-certificados {
        .contenedor-certificados {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-blanco-menos-intenso);
            border-radius: 1em;
            max-width: 1000px;

            h3 {
                color: var(--color-secundario);
                font-size: 1.4rem;
                margin-bottom: 0.5em;
            }

            p {
                color: var(--color-texto);
                line-height: 1.6;
                
                a {
                    color: var(--color-secundario);
                    text-decoration: underline;
                }
            }

            ul {
                display: flex;
                flex-direction: column;
                gap: 0.8em;
                margin-left: 1.5em;

                li {
                    color: var(--color-texto);
                    line-height: 1.6;
                    position: relative;
                    padding-left: 1.5em;

                    &::before {
                        content: "•";
                        position: absolute;
                        left: 0;
                        color: var(--color-secundario);
                        font-size: 1.5em;
                    }
                }
            }
        }
    }

    .seccion-verificacion {
        .contenedor-verificacion {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-cuaternario-transparente-9);
            border-radius: 1em;
            max-width: 1000px;

            p {
                color: var(--color-blanco);
                line-height: 1.6;
                
                a {
                    color: var(--color-terciario);
                    text-decoration: underline;
                }
            }
        }
    }

    .seccion-retiro {
        .contenedor-retiro {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-blanco-menos-intenso);
            border-radius: 1em;
            max-width: 1000px;

            h3 {
                color: var(--color-terciario);
                font-size: 1.4rem;
                margin-bottom: 0.5em;
            }

            p {
                color: var(--color-texto);
                line-height: 1.6;
                
            }

            ul {
                display: flex;
                flex-direction: column;
                gap: 0.8em;
                margin-left: 1.5em;

                li {
                    color: var(--color-texto);
                    line-height: 1.6;
                    position: relative;
                    padding-left: 1.5em;

                    &::before {
                        content: "•";
                        position: absolute;
                        left: 0;
                        color: var(--color-secundario);
                        font-size: 1.5em;
                    }
                }
            }
        }
    }

    .seccion-trabaja {
        .contenedor-trabaja {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-cuaternario-transparente-9);
            border-radius: 1em;
            max-width: 1000px;

            p {
                color: var(--color-blanco);
                line-height: 1.6;
                
                a {
                    color: var(--color-terciario);
                    text-decoration: underline;
                }
            }
        }
    }

    .seccion-referencia {
        .contenedor-referencia {
            display: flex;
            flex-direction: column;
            gap: 2em;
            padding: 2em;
            background-color: var(--color-blanco-menos-intenso);
            border-radius: 1em;
            max-width: 1000px;

            p {
                color: var(--color-texto);
                line-height: 1.6;
                
                a {
                    color: var(--color-secundario);
                    text-decoration: underline;
                }
            }
        }
    }
}

@media (min-width: 768px) {
    main {
        .seccion-comunicacion {
            h2 {
                font-size: 2.5em;
            }
        }

        .seccion-cita-docente {
            h2 {
                font-size: 2.5em;
            }
        }

        .seccion-autorizaciones {
            h2 {
                font-size: 2.5em;
            }
        }

        .seccion-office {
            h2 {
                font-size: 2.5em;
            }
        }

        .seccion-certificados {
            h2 {
                font-size: 2.5em;
            }
        }
    }
}