/* ================= PAGINA 13 ================= */
.pagina13 {
    padding: 100px 0;
    background: #f7f7f7;
}

/* GRID */
.p13-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

/* ================= IMAGEN ================= */
.p13-img {
    position: relative;
}

.p13-img img {
    width: 100%;
    display: block;
}

/* BARRA NARANJA */
.p13-img::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    width: 12px;
    height: 100%;
    background: var(--secondary-color);
}

/* ================= FORM ================= */
.p13-form {
    background: #fff;
    padding: 40px;
}

/* SUB */
.p13-sub {
    color: var(--secondary-color);
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 14px;
}

/* TITULO */
.p13-form h2 {
    margin: 10px 0 30px;
}

/* FILAS */
.p13-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

/* INPUTS */
.p13-form input,
.p13-form select,
.p13-form textarea {
    width: 100%;
    padding: 14px;
    border: none;
    background: #f1f1f1;
    font-size: 14px;
    outline: none;
    transition: var(--transition);
}

/* TEXTAREA */
.p13-form textarea {
    height: 120px;
    resize: none;
    margin-bottom: 20px;
}

/* FOCUS */
.p13-form input:focus,
.p13-form select:focus,
.p13-form textarea:focus {
    background: #e9e9e9;
}

/* BOTON */
.p13-form button {
    border: none;
    cursor: pointer;
}

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

/* TABLET */
@media (max-width: 992px) {
    .p13-grid {
        grid-template-columns: 1fr;
    }

    .p13-img::before {
        left: 0;
    }
}

/* MOBILE */
@media (max-width: 576px) {

    .pagina13 {
        padding: 60px 0;
    }

    .p13-form {
        padding: 25px;
    }

    .p13-row {
        flex-direction: column;
        gap: 10px;
    }

}