/*CV BICHO*/
.columnas {
    width: min(1100px, 92vw);
    margin: 0 auto;
    padding: 3rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(3rem, 6vw, 6rem);
    box-sizing: border-box;
}

.foto {
    flex: 0 0 min(38%, 380px);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
}

.foto img {
    width: 100%;
    max-width: 380px;
    height: auto;
    max-height: 72vh;
    object-fit: contain;
    display: block;
}

.texto {
    flex: 1 1 0;
    min-width: 0;
    padding: 0;
}

.texto h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    line-height: 1.2;
    overflow-wrap: normal;
    word-break: normal;
}

.bloque-titulo {
    margin-bottom: 2.5rem;
}

.bloque-titulo h1 {
    margin-bottom: 0.2rem;
}

.bloque-titulo p {
    margin-top: 0;
}

/*DESCRIPCION larga*/
.descripcionbicho {
    padding: 0 12vw;
    text-align: justify;
    margin-bottom: 2rem;
}

.descripcionbicho p {
    line-height: 2;
}

/* =========================================
   RESPONSIVE: LAPTOP PEQUEÑO / TABLET HORIZONTAL
   ========================================= */
@media (max-width: 1200px) {
    .columnas {
        width: min(1000px, 90vw);
        gap: 4rem;
    }

    .foto {
        flex-basis: min(40%, 360px);
    }

    .foto img {
        max-width: 360px;
        max-height: 68vh;
    }

    .texto h1 {
        font-size: 1.8rem;
        line-height: 1.25;
    }

    .descripcionbicho {
        padding: 0 10vw;
    }
}

/* =========================================
   RESPONSIVE: TABLET VERTICAL
   ========================================= */
@media (max-width: 992px) {
    .columnas {
        width: min(780px, 90vw);
        gap: 2.5rem;
        align-items: flex-start;
    }

    .foto {
        flex-basis: min(42%, 320px);
    }

    .foto img {
        max-width: 320px;
        max-height: 60vh;
    }

    .texto h1 {
        font-size: 1.55rem;
    }

    .bloque-titulo {
        margin-bottom: 1.7rem;
    }

    .descripcionbicho {
        padding: 0 8vw;
    }

    .descripcionbicho p {
        line-height: 1.8;
    }
}

/* =========================================
   RESPONSIVE: MÓVILES
   ========================================= */
@media (max-width: 768px) {
    .columnas {
        width: 100%;
        flex-direction: column;
        align-items: center;
        padding: 2rem 1.5rem;
        gap: 2rem;
    }

    .foto {
        width: 100%;
        flex: none;
    }

    .foto img {
        width: min(100%, 360px);
        max-width: 100%;
        max-height: none;
    }

    .texto {
        width: 100%;
        text-align: center;
    }

    .texto h1 {
        font-size: 1.35rem;
        line-height: 1.25;
    }

    .bloque-titulo {
        margin-bottom: 1.5rem;
    }

    .bloque-titulo p {
        text-align: center;
        line-height: 1.5;
    }

    .descripcionbicho {
        padding: 0 1.5rem;
        margin-bottom: 1.5rem;
    }

    .descripcionbicho p {
        line-height: 1.6;
        text-align: left;
    }
}