@media (max-width: 767px) {
    .redi__contenido {
        padding: 10px !important;
    }
}

.redi1 {
    max-width: 1200px;
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;

    --origenContenedor__gap: 13px;
    --origenContenedor__ancho: calc(100% - var(--origenContenedor__gap)/3);
    --origenContenedor__anchoMaximo: 300px;
    --origenContenedor__alto: 0;
    --origenContenedor__altoPadding: 56.29%;

    --destinoContenedor__gap: var(--origenContenedor__gap);
    --destinoContenedor__ancho: var(--origenContenedor__ancho);
    --destinoContenedor__anchoMaximo: var(--origenContenedor__anchoMaximo);

    --elemento__bordeAncho: 10px;
}

@media (max-width: 767px) {
    .redi1 {
        --origenContenedor__gap: 10px;
        --origenContenedor__ancho: calc(100% - var(--origenContenedor__gap) * 2);

        --destinoContenedor__gap: var(--origenContenedor__gap);
        --destinoContenedor__ancho: var(--origenContenedor__ancho);

        --elemento__bordeAncho: 5px;
    }
}

.contenedorOrigen,
.contenedorDestino {
    width: 100%;
}

@media (max-width: 767px) {

    .contenedorOrigen,
    .contenedorDestino {
        width: 50%;
        flex-wrap: wrap;
    }
}

.redi1 .origen,
.redi1 .destino {
    display: flex;
    margin: 0 auto;
    padding-left: 0;
    justify-content: center;
    text-align: center;

}

@media (max-width: 767px) {

    .redi1 .origen,
    .redi1 .destino {
        flex-wrap: wrap;
    }
}

.redi1 .origen__contenedor {
    list-style: none;
    display: inline-block;
    margin: var(--origenContenedor__gap);
    max-width: var(--origenContenedor__anchoMaximo);
    width: var(--origenContenedor__ancho);
}

.redi1 .origen__contenedor:hover {
    cursor: move;
}

.elemento-texto {
    position: absolute;
    top: 10px;
    left: 10px;
}

.redi1 .card {
    border-radius: 15px;
    box-shadow: 2px 1px 3px rgba(0, 0, 0, .2), 0 0 0 var(--elemento__bordeAncho) #016d38 inset;
    padding: calc(var(--elemento__bordeAncho) - 1px);
    position: relative;
    background-color: #fff;
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
}

@media (max-width: 767px) {
    .redi1 .card {
        padding: 10px;
    }
}

.redi1 .destino__contenedor {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: var(--destinoContenedor__gap);
    max-width: var(--destinoContenedor__anchoMaximo);
    width: var(--destinoContenedor__ancho);

    border-radius: 15px;
}

.redi1 .destino__contenedor:nth-child(3n + 1) {
    background-color: #ffdc5d;
}

.redi1 .destino__contenedor:nth-child(3n + 2) {
    background-color: #ffdc5d;
}

.redi1 .destino__contenedor:nth-child(3n + 3) {
    background-color: #ffdc5d;
}

.redi1 .destino__contenedor:before {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    width: calc(100% + 14px);
    height: calc(100% + 14px);

    border: 2px dashed #ffdc5d;
    border-radius: 20px;
}

.redi1 .destino__contenedor:nth-child(3n + 1):before {
    border-color: #ffdc5d;
}

.redi1 .destino__contenedor:nth-child(3n + 2):before {
    border-color: #ffdc5d;
}

.redi1 .destino__contenedor:nth-child(3n + 3):before {
    border-color: #ffdc5d;
}

.redi1 .destino__contenedor:after {
    content: "";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 150px;
    color: #016d38;
    font-size: 30px;
    line-height: 1.2;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
}

@media (max-width: 992px) {
    .redi1 .destino__contenedor:after {
        font-size: 25px;
    }
}

@media (max-width: 576px) {
    .redi1 .destino__contenedor:after {
        font-size: 18px;
    }
}

.redi1 .destino__contenedor:nth-child(1):after {
    content: "Prehospitalarios";
}

.redi1 .destino__contenedor:nth-child(2):after {
    content: "Hospitalarios";
}

.redi1 .destino__contenedor:nth-child(3):after {
    content: "Poshospitalarios";
}

.redi1 .destino__contenedor .card {
    position: absolute;
    top: 0;
    left: 0;
}

.card p {
    margin-bottom: 0;
}