/* Izquierda */
        .izq {
            align-items: center;
        }

        .sup-izq {
            align-items: start;
        }

        .inf-izq {
            align-items: end;
        }

        /* Derecha */        
        .der {
            justify-content: end;
            align-items: center; 
        }

        .sup-der {
            justify-content: end;
        }

        .inf-der {
            justify-content: end;
            align-items: flex-end;
        }

        /* Centro */
        .centro {
            justify-content: center;
            align-items: center;
        }

        .sup {
            justify-content: center;
        }

        .inf {
            justify-content: center;
            align-items: end;
        }

        .cinta_texto {
            color: white;
            font-weight: bold;
            font-size: 25px;
            text-align: center;
        }

        @media screen and (max-width: 767px) {
            .cinta_texto {
                font-size: 9px;
            }
        }

        /* Cintas */

        /* Cinta 1 */
        .cinta1 {
            width: 170px;
            height: 110px;
            background-image: url(https://apidcm.dcm.com.mx/MyFotos/banersMk/liston1.png);
            background-repeat: no-repeat;
            background-size: contain;
            display: flex;
            justify-content: center;
            align-items: center ;
            padding: 5px 6px 5px 3px;
            position: absolute;
            z-index: 7;
        }

        .cinta1 p strong {
            font-size: 25px !important;
            color: white !important;
        }

        .cinta1 .cinta_texto {
            margin-left: -8%;
            overflow-wrap: break-word;
        }

		.izq .cinta1,
        .der .cinta1 {
            margin-bottom: 18%;
        }

        .inf-der .cinta1,
        .inf .cinta1,
        .inf-izq .cinta1 {
            transform: rotate(-180deg);
        }

        .inf-der .cinta1 .cinta_texto,
        .inf .cinta1 .cinta_texto,
        .inf-izq .cinta1 .cinta_texto {
            transform: rotate(180deg);
        }

        @media screen and (max-width: 767px) {
            .cinta1 {
                max-width: 90px;
            }

            .cinta1 .cinta_texto {
                margin-left: 0;
            }
        }

        /* Cinta 2 */
        .cinta2 {
            width: 120px;
            height: 150px;
            background-image: url(https://apidcm.dcm.com.mx/MyFotos/banersMk/liston2.png);
            background-repeat: no-repeat;
            background-size: contain;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 2% 2% 4% 2%;
            position: absolute;
            z-index: 7;
            text-align: center;
        }

        .cinta2 .cinta_texto {
            color: black;
        }

        .sup-izq .cinta2 {
            margin-top: .7%;
            margin-left: .7%;
        }

        .inf-izq .cinta2 {
            margin-bottom: .7%;
            margin-left: .7%;
        }
        
        .sup-der .cinta2 {
        	margin-top: .7%;
        	margin-right: .7%;
        }

		.inf-der .cinta2 {
			margin-bottom: .7%;
			margin-right: .7%;
		}

        @media screen and (max-width: 767px) {
            .cinta2 {
                max-width: 70px;
                max-height: 70px;
                padding: 0;
            }

            .cinta2 .cinta_texto {
                margin-right: 15px;
            }
        }

        /* Cinta 3 */
        .cinta3 {
            width: 310px;
            height: 80px;
            background-image: url(https://apidcm.dcm.com.mx/MyFotos/banersMk/liston3.png);
            background-repeat: no-repeat;
            background-size: contain;
            display: flex;
            justify-content: center;
            align-items: start;
            padding: 1% 0 0 0;
            position: absolute;
            z-index: 7;
            text-align: center;
        }

        .cinta3 .cinta_texto {
            color: white;
        }

        .izq .cinta3,
        .inf-izq .cinta3,
        .sup-izq .cinta3 {
            margin-left: -10px;
        }

        .der .cinta3,
        .inf-der .cinta3,
        .sup-der .cinta3 {
            transform: scaleX(-1);
            margin-right: -10px;
        }

        .sup-izq .cinta3 .cinta_texto,
        .sup-der .cinta3 .cinta_texto,
        .inf-izq .cinta3 .cinta_texto,
        .inf-der .cinta3 .cinta_texto {
            margin-top: 4%;
        }

        @media screen and (max-width: 767px) {
            .cinta3 {
                max-width: 100px;
            }
        }

        /* Cinta 4 */
        .cinta4 {
            width: 310px;
            height: 80px;
            background-image: url(https://apidcm.dcm.com.mx/MyFotos/banersMk/liston4.png);
            background-repeat: no-repeat;
            background-size: contain;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 3% .3% 2% .3%;
            position: absolute;
            z-index: 7;
            text-align: center;
        }

        .cinta4 .cinta_texto {
            margin-bottom: 13%;
        }

        .inf-der .cinta4,
        .der .cinta4,
        .sup-der .cinta4 {
            transform: scaleX(-1);
        }

        .sup-izq .cinta4,
        .sup-der .cinta4 {
            margin-top: 1%;
        }

        @media screen and (max-width: 767px) {
            .cinta4 {
                max-width: 100px;
            }

            .cinta4 .cinta_texto {
                margin-bottom: 65%;
            }
        }

        /* Cinta 5 */
        .cinta5 {
            width: 100%;
            height: 15%;
            background-image: url(https://apidcm.dcm.com.mx/MyFotos/banersMk/liston5.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            z-index: 7;
            text-align: center;
        }

        .cinta5 .cinta_texto {
            margin: 0;
            padding: 0;
        }
        
        .sup .cinta5 {
            margin-top: 15px;
        }
        
        .inf .cinta5 {
            margin-bottom: 20px;
        }

        /* Cinta 6 */
        .cinta6 {
            width: 150px;
            height: 150px;
            background-image: url(https://apidcm.dcm.com.mx/MyFotos/banersMk/liston6.png);
            background-repeat: no-repeat;
            background-size: contain;
            display: flex;
            justify-content: center;
            align-items: center;     
            position: absolute;
            z-index: 7;
            text-align: center;
        }

        .sup-izq .cinta6 .cinta_texto {
            transform: rotate(-45deg);
            margin-left: -25%;
            margin-top: -10%;
        }

        .inf-izq .cinta6 {
            transform: rotate(-90deg);
        }

        .inf-izq .cinta6 .cinta_texto {
            transform: rotate(135deg);
            margin-left: -25%;
            margin-top: -10%;
        }

        .sup-der .cinta6 {
            transform: rotate(90deg);
            
        }

        .sup-der .cinta6 .cinta_texto {
            transform: rotate(-45deg);
            margin-left: -25%;
            margin-top: -10%;
        }

        .inf-der .cinta6 {
            transform: rotate(180deg);
        }

        .inf-der .cinta6 .cinta_texto {
            transform: rotate(-225deg);
            margin-left: -25%;
            margin-top: -10%;
        }

        @media screen and (max-width: 767px) {
            .cinta6 {
                max-width: 65px;
                max-height: 65px;
            }
        }

        /* Cinta 7 */
        .cinta7 {
            width: 165px;
            height: 250px;
            background-image: url(https://apidcm.dcm.com.mx/MyFotos/banersMk/liston7.png);
            background-repeat: no-repeat;
            background-size: contain;
            display: flex;
            justify-content: center;
            align-items: center ;
            padding: 0 10px;
            position: absolute;
            z-index: 7;
            text-align: center;
        }

        .cinta7 .cinta_texto {
            writing-mode: vertical-lr;
            text-orientation: upright;
        }

        .izq .cinta7 {
            margin-left: 2%;
            margin-top: -12.5%;
        }

        .der .cinta7 {
            margin-top: -12.5%;
        }

        .inf-der .cinta4 .cinta_texto,
        .der .cinta4 .cinta_texto,
        .sup-der .cinta4 .cinta_texto,
        .der .cinta3 .cinta_texto,
        .inf-der .cinta3 .cinta_texto,
        .sup-der .cinta3 .cinta_texto {
            transform: scale(-1,1);
        }

        @media screen and (max-width: 767px) {
            .cinta7 {
                max-width: 80px;
                max-height: 120px;
            }

            .cinta7 .cinta_texto {
                margin-top: 30px;
            }

        }