.introLaboratorio .titulo > * {
    font-size: 1.75rem;
    font-size: clamp(1.75rem, 1.3691037735849056rem + 1.6037735849056605vw, 2.8125rem);
    padding: 40px 0;
    margin-bottom: 0;
    line-height: 1em;
    color: #000;
}
.introFasesLaboratorio { padding: 40px 0; }
.laboratorioTexto {
    padding:40px 85px 20px;;
}
@media(max-width: 1200px){
    .laboratorioBtn {
        padding:0 5px ;
    }
}
@media(max-width: 992px){
    .laboratorioBtn {
        padding:0 85px ;
    }
}

.fasesLaboratorio > .row {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    display: flex;
    max-width: 1300px;
    padding-top: 0px;
    padding-bottom: 0px;
    flex-direction: row;
    justify-content: center;
}
.laboratorioTexto > * { font-weight: 100; }
.fasesLaboratorio .leftBox, .fasesLaboratorio .rightBox {
    overflow: hidden;
    width: 400px;
    height: 400px;
    margin-bottom: 60px;
    background-color: #fff;
    position: relative;
}
.fasesLaboratorio .leftBox { padding: 40px 20px; }
.fasesLaboratorio .rightBox {
    display: flex;
    align-items: center;
    margin: 200px 0 0 20px;
    padding: 40px;
}
.fasesLaboratorio .rightBox > * {
    line-height: 26px;
    margin: 0;
}
.fasesLaboratorio .leftBox .title { position: inherit; z-index: 1; }
.fasesLaboratorio .leftBox .title > * {
    font-size: 1.375rem;
    font-size: clamp(1.375rem, 1.1826923076923077rem + 0.7692307692307693vw, 1.875rem);
    line-height: 1em;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 40px
}
.fasesLaboratorio .leftBox .number {
    position: absolute;
    left: -150px;
    bottom: -70px;
    display: inline-block;
    z-index: 0;
    color: #fceded;
    font-size: 18.75rem;
    font-size: clamp(18.75rem, 16.346153846153847rem + 9.615384615384617vw, 25rem);
    line-height: 1em;
    font-weight: 200;
    letter-spacing: -10px;
}
.introFasesLaboratorio .laboratorioBtn {
    margin-bottom: 4rem;
}

.introFasesLaboratorio a.btn-fases{
    text-decoration: none;
    padding: 1.25rem 1.5rem;
    background-color: white;
    color: #e55f5f;
    font-weight: bold;
    font-size: 24px;
    /* transition: all 0.5s ease; */
    border: 1px solid #e55f5f;
    margin-bottom: 4rem;
}
.introFasesLaboratorio a.btn-fases:hover{
    background-color: #e55f5f;
    color: white;
    border: 1px solid white;
}


@media only screen and (max-width: 600px) {
    .introLaboratorio .titulo { justify-content: center; border-right: none !important; text-align: center; }
    .laboratorioTexto { width: 100%; padding: 40px 20px 20px; }
    .laboratorioBtn { width: 100%; padding: 20px }
    .fasesLaboratorio .leftBox { margin-bottom: 0; width: 300px; height: 300px; }
    .fasesLaboratorio .rightBox { width: 300px; height: auto; margin: 0; }
    .fasesLaboratorio > .row:not(:last-child) { margin-bottom: 60px; }
    .fasesLaboratorio > .row { position: initial; }
    .fasesLaboratorio .leftBox, .fasesLaboratorio .rightBox { padding: 20px; }
    .fasesLaboratorio .leftBox .title > * { margin-top: 20px; }
    .fasesLaboratorio .leftBox .number { left: -110px; bottom: -50px; }
    .FasesDelLaboratorio { overflow-x: hidden; }
}