

.caseton {
    margin: 30px 0px 30px 0px;
}

    .caseton-contenedor {
        display:flex;
        flex-direction: row;
        /* flex-wrap: wrap; */
        /* row-gap: 10px; */
        /* width: auto; */
        width: clamp(450px, 100%, 1536px);
        min-height: 300px;
        background: #245688;
        border-radius: 15px;
        justify-content: flex-end;
        justify-content: center;
        align-items: center;
        padding: 20px 20px 20px 20px;
    }

        .caseton-texto {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            /* row-gap: 10px; */
            height: fit-content;
            width: clamp(400px, 78%, 600px);
            background: #c3d5ea;
            background: #2a85a5;
            border-radius: 15px;
            justify-content: center;
            align-items: center;
            padding: 20px 20px 20px 20px;
        }

            .caseton-texto-titulo {
                display: flex;
                flex-direction: row;
                text-align: center;
            }
                .caseton-texto-titulo p {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 35px;
                    /*--------------------------------*/
                    font-size: calc(1.5vw + 0.7rem);
                    /*--------------------------------*/
                    font-weight: bolder;
                    color: #84a9cf;
                    padding-bottom: 15px;
                }

            .caseton-texto-parrafo {
                display: flex;
                flex-direction: row;
                text-align: left;
            }
                .caseton-texto-parrafo-1 p {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 20px;
                    /*--------------------------------*/
                    /* font-size: calc(0.5vw + 0.5rem); */
                    font-size: clamp(1rem, 1.25vw, 1.25rem);
                    /*--------------------------------*/
                    font-weight: bold;
                    color: #ffffff;
                }
                .caseton-texto-parrafo-2 p {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 20px;
                    /*--------------------------------*/
                    font-size: calc(0.5vw + 0.5rem);
                    /* font-size: clamp(1rem, 1.25vw, 1.25rem); */
                    /*--------------------------------*/
                    font-weight: bold;
                    color: #ffffff;
                }


