/* =====================================================
       PÁGINA PROYECTO
    ===================================================== */

    .proyecto-page {

        max-width: 1150px;

        margin: 0 auto;

        padding: 65px 5vw 100px;
    }


    /* =====================================================
       CABECERA
    ===================================================== */

    .proyecto-header {

        display: grid;

        grid-template-columns: 42% 58%;

        gap: 80px;

        align-items: start;

        padding-bottom: 55px;

        border-bottom: 1px solid #d5d5d5;
    }


    .proyecto-label {

        display: flex;

        align-items: center;

        gap: 14px;

        margin-bottom: 30px;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 0.7rem;

        font-weight: 600;

        letter-spacing: 3px;

        text-transform: uppercase;

        color: #777;
    }


    .proyecto-label::before {

        content: "";

        width: 45px;

        height: 1px;

        background: #222;
    }


    /* =====================================================
       FRASE PRINCIPAL
    ===================================================== */

    .proyecto-frase {

        margin: 0;

        font-family:
            "Cormorant Garamond",
            Georgia,
            serif;

        font-size: clamp(2.8rem, 4.5vw, 4.8rem);

        font-weight: 500;

        line-height: 0.95;

        color: #111;
    }


    /* =====================================================
       INTRODUCCIÓN
    ===================================================== */

    .proyecto-intro {

        padding-top: 55px;

        max-width: 650px;

        font-family:
            "Cormorant Garamond",
            Georgia,
            serif;

        font-size: 1.65rem;

        line-height: 1.5;

        color: #444;
    }


    /* =====================================================
       CONTENIDO
    ===================================================== */

    .proyecto-contenido {

        display: grid;

        grid-template-columns: 25% 75%;

        gap: 60px;

        max-width: 1000px;

        margin: 75px auto 0;
    }


    .proyecto-seccion {

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 0.68rem;

        font-weight: 600;

        letter-spacing: 2px;

        text-transform: uppercase;

        color: #777;
    }


    .proyecto-texto {

        font-family:
            "Cormorant Garamond",
            Georgia,
            serif;

        font-size: 1.4rem;

        line-height: 1.65;

        color: #444;
    }


    .proyecto-texto p {

        margin: 0 0 30px;
    }


    .proyecto-texto p:last-child {

        margin-bottom: 0;
    }


    /* =====================================================
       TRES IDEAS
    ===================================================== */

    .proyecto-ideas {

        display: grid;

        grid-template-columns:
            repeat(3, 1fr);

        gap: 50px;

        margin-top: 90px;

        padding-top: 35px;

        border-top: 1px solid #d5d5d5;
    }


    .idea-numero {

        font-family: Arial, sans-serif;

        font-size: 0.65rem;

        letter-spacing: 2px;

        color: #999;

        margin-bottom: 18px;
    }


    .idea h2 {

        margin: 0 0 15px;

        font-family:
            "Cormorant Garamond",
            Georgia,
            serif;

        font-size: 2rem;

        font-weight: 500;

        color: #111;
    }


    .idea p {

        margin: 0;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 0.9rem;

        line-height: 1.7;

        color: #666;
    }


    /* =====================================================
       CIERRE
    ===================================================== */

    .proyecto-cierre {

        max-width: 700px;

        margin: 90px auto 0;

        padding-top: 35px;

        border-top: 1px solid #d5d5d5;

        text-align: center;

        font-family:
            "Cormorant Garamond",
            Georgia,
            serif;

        font-size: 1.8rem;

        line-height: 1.4;

        font-style: italic;

        color: #555;
    }


    /* =====================================================
       RESPONSIVE
    ===================================================== */

    @media (max-width: 800px) {

        .proyecto-page {

            padding:
                50px 25px 80px;
        }


        .proyecto-header {

            grid-template-columns: 1fr;

            gap: 20px;
        }


        .proyecto-intro {

            padding-top: 10px;
        }


        .proyecto-contenido {

            grid-template-columns: 1fr;

            gap: 20px;

            margin-top: 55px;
        }


        .proyecto-ideas {

            grid-template-columns: 1fr;

            gap: 45px;

            margin-top: 65px;
        }

    }