/*==================================================
INTRO
==================================================*/

.projectb-intro {

    padding: 20px 0;

}

.projectb-layout {

    display: grid;

    grid-template-columns: 1.1fr .9fr;

    gap: 90px;

    align-items: center;

}

.projectb-text h2 {

    margin: 18px 0 30px;

}

.projectb-text p {

    margin-bottom: 24px;

    color: var(--text-light);

}

.projectb-image img {

    width: 100%;

    display: block;

    border-radius: 24px;

    box-shadow: var(--shadow);

}

/*==================================================
CITA
==================================================*/

.projectb-quote {

    margin-top: 45px;

    font-style: italic;

    color: var(--secondary);

    font-size: 1.15rem;

}

/*==================================================
METODO
==================================================*/

.projectb-method {

    background: #F8F6F2;

    padding: 130px 0;

}

.projectb-header {

    max-width: 760px;

    margin: 0 auto 80px;

    text-align: center;

}

/*==================================================
DEL TERRITORIO AL CONOCIMIENTO
==================================================*/

.projectb-story {

    padding: 130px 0;

    background: #F8F6F2;

}

.projectb-block {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 70px;

    align-items: center;

    margin: 110px 0;

}

.projectb-block:first-of-type {

    margin-top: 80px;

}

.projectb-block.reverse {

    direction: rtl;

}

.projectb-block.reverse>* {

    direction: ltr;

}

.projectb-photo img {

    width: 100%;

    display: block;

    border-radius: 20px;

    box-shadow: var(--shadow);

    aspect-ratio: 4/3;

    object-fit: cover;

}

.projectb-content {

    max-width: 500px;

}

.projectb-step {

    display: inline-block;

    margin-bottom: 12px;

    font-size: .85rem;

    letter-spacing: .18rem;

    text-transform: uppercase;

    color: var(--secondary);

    font-weight: 700;

}

.projectb-content h3 {

    margin-bottom: 20px;

}

.projectb-content p {

    color: var(--text-light);

    line-height: 1.8;

}

/*==================================================
OBJETIVOS
==================================================*/

.projectb-objectives{

    padding:20px 0;

}

.projectb-objectives-list{

    max-width:900px;

    margin:80px auto 0;

}

.projectb-objectives-list article{

    padding:40px 0;

    border-bottom:1px solid #e5e5e5;

}

.projectb-objectives-list article:first-child{

    border-top:1px solid #e5e5e5;

}

.projectb-objectives-list h3{

    margin-bottom:15px;

    color:var(--primary);

}

.projectb-objectives-list p{

    max-width:700px;

    color:var(--text-light);

}

/*==================================================
INSTITUCIONES
==================================================*/

.projectb-partners{

    padding:130px 0;

    background:white;

}

.projectb-logos{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:90px;

    margin-top:70px;

    flex-wrap:wrap;

}

.projectb-logo{

    display:flex;

    align-items:center;

    justify-content:center;

    height:120px;

}

.projectb-logo img{

    max-height:90px;

    max-width:220px;

    filter:grayscale(100%);

    opacity:.75;

    transition:.3s;

}

.projectb-logo:hover img{

    filter:none;

    opacity:1;

}

/*==================================================
EL DESAFÍO
==================================================*/

.projectb-challenge{

    padding:130px 0;

}

/*==================================================
SIGUIENTE CAPÍTULO
==================================================*/

.projectb-next{

    margin-top:70px;

    padding-top:50px;

    border-top:1px solid #ddd;

}

.projectb-next h3{

    margin-bottom:18px;

}

.projectb-next p{

    max-width:650px;

    color:var(--text-light);

    margin-bottom:25px;

}

.projectb-next-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--secondary);

    font-weight:600;

    text-decoration:none;

    transition:color .25s, gap .25s;

}

.projectb-next-link:hover{

    color:var(--primary);

    gap:14px;

}