.backImg {
        border-radius: 15px;
        /*background-image: url('/images/reporteCiudadano/fondoTest2.png');*/
        background-color: rgb(164, 172, 168);
        background-size: cover;
        background-position: center;
    }

    .box {
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    .boxTest {
        width: 100%;
        height: 100%;
        background-color: rgb(255, 255, 255, 0.6);
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    #carouselExampleDark {
        max-width: 100%;
        aspect-ratio: 5 / 6;
        /* Equivale a 500 x 600 */
        overflow: hidden;
        margin: 0 auto;
    }

    #carouselExampleDark .carousel-inner,
    #carouselExampleDark .carousel-item,
    #carouselExampleDark img,
    #carouselExampleDark video {
        width: 100%;
        height: 100%;
        object-fit: contain;
        /* probar con cover o fill dependera de la imagen o ver web MDN :( */
    }

    .btn-23,
    .btn-23 *,
    .btn-23 :after,
    .btn-23 :before,
    .btn-23:after,
    .btn-23:before {
        border: 0 solid;
        box-sizing: border-box;
    }

    .btn-23 {
        -webkit-tap-highlight-color: transparent;
        /*-webkit-appearance: button;*/
        background-color: rgb(54, 114, 129);
        background-image: none;
        color: #fff;
        cursor: pointer;
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
            Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
            Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 100%;
        font-weight: 900;
        line-height: 1.5;
        margin: 0;
        /*-webkit-mask-image: -webkit-radial-gradient(rgb(54, 114, 129), #fff);*/
        padding: 0;
        text-transform: uppercase;
        -webkit-box-shadow: 3px 6px 15px 1px rgb(26, 72, 141);
        box-shadow: 3px 6px 15px 1px rgb(26, 72, 141);

    }

    .btn-23:disabled {
        cursor: default;
    }

    .btn-23:-moz-focusring {
        outline: auto;
    }

    .btn-23 svg {
        display: block;
        /*vertical-align: middle;*/
    }

    .btn-23 [hidden] {
        display: none;
    }

    .btn-23 {
        border-radius: 99rem;
        border-width: 2px;
        overflow: hidden;
        padding: 0.8rem 3rem;
        position: relative;
    }

    .textoCarrusel {
        color: rgb(250, 248, 248);
        text-shadow: 3px 2px 0px rgb(44, 43, 43);
        font-size: 1.2rem;
        font-weight: bold;
    }

    .ayudas {
        background: linear-gradient(0.25deg, rgba(54, 80, 129, 1) 0%, rgb(88, 113, 151) 40%, rgba(149, 164, 194, 1) 100%);
        font-size: 1.05rem;
        color: white;
        font-weight: bold;
    }