.img-banner {
            background-size: cover;
            background: url('/img/pareja-hombre-mujer-busco.jpg') no-repeat center top;
        }

        .my-color {
            color: #9c2c6d;
        }

        .my-label {
            font-size: 1.1rem;
        }

        .formbox {
            background-color: #f0f8ff;
            padding: 15px;
            border-radius: 5px;
            margin-bottom: 15px;
        }

        /* --- CSS Styles --- */
        body {
            font-family: 'Open Sans', sans-serif;
            background-color: #f8f3f7; /* A very light, warm lavender/pink */
            color: #5a5a5a; /* A medium grey that is softer on the eyes than black */
            line-height: 1.7;
        }

        h1 {
            font-family: 'Montserrat', sans-serif; /* Strong, modern sans-serif */
            font-weight: 700;
            font-size: 3rem;
            color: #4a154b; /* A deep, luxurious plum/purple */
            margin-bottom: 0.75rem;
        }

        h2 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            font-size: 2.2rem;
            color: #9c2c6d; /* A rich magenta */
            margin-bottom: 0.75rem;
        }

        h3 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 500; /* Slightly less bold for H3 */
            font-size: 1.6rem;
            color: #4a154b; /* Using the deep plum again for consistency */
            margin-bottom: 0.5rem;
        }

        p {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 1.1rem;
            color: #666666; /* A slightly darker grey for paragraph text */
            margin-bottom: 1rem;
        }
        label {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 1.1rem;
            color: #666666; /* A slightly darker grey for paragraph text */
            margin-bottom: 0;
        }
        li {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 1.1rem;
            color: #666666; /* A slightly darker grey for paragraph text */
            margin-bottom: .1rem;
        }


        .img-banner2 {
            background: url('/img/pareja-hombre-mujer-busco.jpg') no-repeat center center;
            background-size: cover;
            min-height: 70vh; /* Use viewport height for responsiveness */
            position: relative;
            display: flex;
            align-items: center;
        }

        /* Overlay for better text readability */
        .img-banner2XXX::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.01);
        }

        .breadcrumbs-v3 {
            position: relative;
            z-index: 1;
        }

        /* Adjustments for mobile devices */
        @media (max-width: 768px) {
            .img-banner2 {
                background-attachment: scroll; /* Prevent parallax on mobile */
                min-height: 50vh; /* Smaller height on mobile */
            }

            .breadcrumbs-v4 h1 {
                font-size: 2rem; /* Smaller text on mobile */
                color: #fff;
            }
        }

        /* Extra small devices */
        @media (max-width: 576px) {
            .img-banner2 {
                min-height: 40vh;
                background-position: center top; /* Adjust position for small screens */
            }

            .breadcrumbs-v4 h1 {
                font-size: 1.75rem;
                color: #fff;
            }
        }

        input[readonly] {
            background-color: #f8f9fa;
            cursor: not-allowed;
        }

        a.btn.btn-outline-dark:hover {
            color: white !important;
            background-color: #6f42c1 !important;
            border-color: #6f42c1 !important;
        }