/* CONTENEDOR UNO */
.contenedor_uno{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--padding);
    padding-top: 15em !important;
    position: relative;
    width: calc(100% - (var(--padding) * 2));
}
    .contenedor_uno:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--color-rosado);
        opacity: .1;
        top: 0;
        margin-top: -.4em;
        left: 0;
        z-index: 1;
    }                    

    .contenedor_uno .imagen_fondo_1{
        position: absolute;
        top: 0;
        left: 0;
        max-width: 15em;
        max-height: 15em;
        object-fit: contain;
        margin-top: -.4em;
    }
    .contenedor_uno .imagen_fondo_2{
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 15em;
        max-height: 15em;
        object-fit: contain;
        margin-bottom: .4em;
                
    }
    .contenedor_uno .contenedor_informacion{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom:2em;
        z-index: 2;
    }
        .contenedor_uno .imagen{
            width: 90%;
            max-width: 20em;
            object-fit: contain;
            margin: auto;
        }
        .contenedor_uno .informacion{
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            width: 100%;
            max-width: 35em;
            margin: auto;
        }
            .contenedor_uno .imagen_separador{
                max-width: 2em;
                max-height: 2em;
                object-fit: contain;
                margin: auto;
                margin-top: 1em;
                margin-bottom: 1em;
            }
            .contenedor_uno .texto{
                color: var(--color-rosado);
                margin-bottom:2em;
            }
            .contenedor_uno .titulo b{
                text-align: center !important;
                color: var(--color-rosado);
                width: 100%;
            }
            .contenedor_uno .referencia{
                color: var(--color-rosado);
            }

/* CONTENEDOR DOS */
.contenedor_dos{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--padding);
    padding-top: 7em !important;
    position: relative;
    width: calc(100% - (var(--padding) * 2));
}
    .contenedor_dos:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--color-morado);
        opacity: .1;
        top: 0;
        margin-top: -.4em;
        left: 0;
        z-index: 1;
    }                    

    .contenedor_dos .imagen_fondo_1{
        position: absolute;
        top: 0;
        left: 0;
        max-width: 15em;
        max-height: 15em;
        object-fit: contain;
        margin-top: -.4em;
    }
    .contenedor_dos .imagen_fondo_2{
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 15em;
        max-height: 15em;
        object-fit: contain;
        margin-bottom: .4em;
                
    }
    .contenedor_dos .contenedor_informacion{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom:2em;
        z-index: 2;
    }
        .contenedor_dos .imagen{
            width: 90%;
            max-width: 20em;
            object-fit: contain;
            margin: auto;
        }
        .contenedor_dos .informacion{
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            width: 100%;
            max-width: 35em;
            margin: auto;
        }
            .contenedor_dos .imagen_separador{
                max-width: 2em;
                max-height: 2em;
                object-fit: contain;
                margin: auto;
                margin-top: 1em;
                margin-bottom: 1em;
            }
            .contenedor_dos .texto{
                color: var(--color-morado);
                margin-bottom:2em;
            }
            .contenedor_dos .titulo b{
                text-align: center !important;
                color: var(--color-morado);
                width: 100%;
            }
            .contenedor_dos .referencia{
                color: var(--color-morado);
            }
            
/* CONTENEDOR TRES */
.contenedor_tres{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--padding);
    padding-top: 7em !important;
    position: relative;
    width: calc(100% - (var(--padding) * 2));
}
    .contenedor_tres:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--color-narajo);
        opacity: .1;
        top: 0;
        margin-top: -.4em;
        left: 0;
        z-index: 1;
    }                    

    .contenedor_tres .imagen_fondo_1{
        position: absolute;
        top: 0;
        left: 0;
        max-width: 15em;
        max-height: 15em;
        object-fit: contain;
        margin-top: -.4em;
    }
    .contenedor_tres .imagen_fondo_2{
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 15em;
        max-height: 15em;
        object-fit: contain;
        margin-bottom: .4em;
                
    }
    .contenedor_tres .contenedor_informacion{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom:2em;
        z-index: 2;
    }
        .contenedor_tres .imagen{
            width: 90%;
            max-width: 20em;
            object-fit: contain;
            margin: auto;
        }
        .contenedor_tres .informacion{
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            width: 100%;
            max-width: 35em;
            margin: auto;
        }
            .contenedor_tres .imagen_separador{
                max-width: 2em;
                max-height: 2em;
                object-fit: contain;
                margin: auto;
                margin-top: 1em;
                margin-bottom: 1em;
            }
            .contenedor_tres .texto{
                color: var(--color-narajo);
                margin-bottom:2em;
            }
            .contenedor_tres .titulo b{
                text-align: center !important;
                color: var(--color-narajo);
                width: 100%;
            }
            .contenedor_tres .referencia{
                color: var(--color-narajo);
            }

/* CONTENEDOR CUATRO */
.contenedor_cuatro{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--padding);
    padding-top: 7em !important;
    position: relative;
    width: calc(100% - (var(--padding) * 2));
}
    .contenedor_cuatro:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--color-celeste);
        opacity: .1;
        top: 0;
        margin-top: -.4em;
        left: 0;
        z-index: 1;
    }                    

    .contenedor_cuatro .imagen_fondo_1{
        position: absolute;
        top: 0;
        left: 0;
        max-width: 15em;
        max-height: 15em;
        object-fit: contain;
        margin-top: -.4em;
    }
    .contenedor_cuatro .imagen_fondo_2{
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 15em;
        max-height: 15em;
        object-fit: contain;
        margin-bottom: .4em;
                
    }
    .contenedor_cuatro .contenedor_informacion{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom:2em;
        z-index: 2;
    }
        .contenedor_cuatro .imagen{
            width: 90%;
            max-width: 20em;
            object-fit: contain;
            margin: auto;
        }
        .contenedor_cuatro .informacion{
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            width: 100%;
            max-width: 35em;
            margin: auto;
        }
            .contenedor_cuatro .imagen_separador{
                max-width: 2em;
                max-height: 2em;
                object-fit: contain;
                margin: auto;
                margin-top: 1em;
                margin-bottom: 1em;
            }
            .contenedor_cuatro .texto{
                color: var(--color-celeste);
                margin-bottom:2em;
            }
            .contenedor_cuatro .titulo b{
                text-align: center !important;
                color: var(--color-celeste);
                width: 100%;
            }
            .contenedor_cuatro .referencia{
                color: var(--color-celeste);
            }

            
/* CONTENEDOR CINCO */
.contenedor_cinco{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--padding);
    padding-top: 7em !important;
    position: relative;
    width: calc(100% - (var(--padding) * 2));
}
    .contenedor_cinco:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--color-azul);
        opacity: .1;
        top: 0;
        margin-top: -.4em;
        left: 0;
        z-index: 1;
    }                    

    .contenedor_cinco .imagen_fondo_1{
        position: absolute;
        top: 0;
        left: 0;
        max-width: 15em;
        max-height: 15em;
        object-fit: contain;
        margin-top: -.4em;
    }
    .contenedor_cinco .imagen_fondo_2{
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 15em;
        max-height: 15em;
        object-fit: contain;
        margin-bottom: .4em;
                
    }
    .contenedor_cinco .contenedor_informacion{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom:2em;
        z-index: 2;
    }
        .contenedor_cinco .imagen{
            width: 90%;
            max-width: 20em;
            object-fit: contain;
            margin: auto;
        }
        .contenedor_cinco .informacion{
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            width: 100%;
            max-width: 35em;
            margin: auto;
        }
            .contenedor_cinco .imagen_separador{
                max-width: 2em;
                max-height: 2em;
                object-fit: contain;
                margin: auto;
                margin-top: 1em;
                margin-bottom: 1em;
            }
            .contenedor_cinco .texto{
                color: var(--color-azul);
                margin-bottom:2em;
            }
            .contenedor_cinco .titulo b{
                text-align: center !important;
                color: var(--color-azul);
                width: 100%;
            }
            .contenedor_cinco .referencia{
                color: var(--color-azul);
            }


/* CONTENEDOR SEIS */
.contenedor_seis{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7em 0 !important;
    width: calc(100% - (var(--padding) * 2));
    position: relative;
    width: 100%;
}

    .contenedor_seis:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--color-rosado);
        opacity: .1;
        top: 0;
        margin-top: -.4em;
        left: 0;
    }

    .contenedor_seis .titulo{
        width: calc(100% - 2em);
        color: var(--color-rosado);
        text-align: center !important;
        margin-bottom: 0;
    }
    .contenedor_seis .sub-titulo{
        width: calc(100% - 2em);
        color: var(--color-rosado);
        font-size: 1.5em;
        text-align: center !important;
        margin-bottom: 1em;
    }
    .contenedor_seis .contenedor_seccion{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
        .contenedor_seis .contenedor_informacion{
            width: 100%;
            max-width: 20em;
            background-color: var(--color-rosado);
            border-radius: var(--border-radius);
            padding: var(--padding);
            display: flex;
            flex-direction: column;
            margin: var(--margin);
            z-index: 2;
        }
            .contenedor_seis .contenedor_informacion .seccion{
                color: white;
                font-weight: 700;
                text-align: end;
            }

            .contenedor_seis .contenedor_informacion .titulo{
                color: white;
                margin: 0 0 1em 0;
            }

            .contenedor_seis .contenedor_informacion .texto{
                color: white;
            }

    .contenedor_seis a{
        color: var(--color-rosado);
    }

    .contenedor_seis .texto_referencia{
        color: var(--color-rosado);
        width: 100%;
        text-align: center !important;
        font-size: 1.5em;
        z-index: 2;
    }
 
/* CONTENEDOR SIETE */
.contenedor_siete{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5em 0 !important;
    position: relative;
    width: 100%;
    z-index: 2;
}

    .contenedor_siete:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .9);
        top: 0;
        margin-top: -.4em;
        left: 0;
    }
    .contenedor_siete .contenedor_imagen_separacion{
        display: flex;
    }
        .contenedor_siete .imagen{
            width: 2em;
            margin: 0 .5em;
        }

        .contenedor_siete .titulo{
            color: var(--color-azul);
            font-size: 2em;
            font-weight: 600;
            margin: 2em 0;
            text-align: center;
            z-index: 2;
            width: calc(100% - 2em);
        }
        .contenedor_seccion{
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
            .contenedor_siete .contenedor_informacion{
                width: 100%;
                margin: 1em;
                max-width: 30em;
                border: .5em solid var(--color-azul);
                border-radius: var(--border-radius);
                padding: var(--padding);
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: start;
                z-index: 2 !important;
                text-decoration: none;
            }
                .contenedor_siete .informacion{
                    display: inherit;
                    color: var(--color-azul);
                    font-size: 1.8em;
                    padding: 0 !important;
                    margin: 0 !important;
                }
                .contenedor_siete .contenedor_informacion .titulo{
                    text-align: center !important;
                    text-align-last: center !important;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    color: var(--color-azul);
                    font-size: 1.8em;
                    padding: 0 !important;
                    margin: 0 !important;
                    cursor: pointer;
                }
                .contenedor_siete .contenedor_informacion .ubicacion{
                    display: inherit;
                    color: var(--color-azul);
                    font-size: 1.8em;
                    text-align: center !important;
                    padding: 0 !important;
                    cursor: pointer;
                    margin-top: 1em !important;
                }

    .contenedor_ocho{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: var(--padding);
        padding-top: 7em;
        position: relative;
        width: calc(100% - (var(--padding) * 2));
        z-index: 2;
    }
    
        .contenedor_ocho:after{
            content: '';
            position: absolute;
            width: 100%;
            height: calc(100% + .4em);       
            background-color: rgba(255, 255, 255, .9);
            top: 0;
            margin-top: -.4em;
            left: 0;
            z-index: 1;
        }                        
        .contenedor_ocho .informacion{
            display: flex;
            flex-direction: column;
            width: 100%;
            max-width: 40em;
            min-width: 20em;
            margin: 0 auto 5em auto;
            z-index: 2;
        }
            .contenedor_ocho .titulo{
                color: var(--color-azul);
                text-align: start !important;
                text-align-last: start !important;
            }
            .contenedor_ocho .texto{
                color: var(--color-azul);
                text-align-last: start !important;
                margin-bottom: var(--margin);
            }
            .contenedor_ocho .referencia{
                color: var(--color-azul);
                font-size: 1.5em;
            }
            .contenedor_ocho .referencia_2{
                margin-top: 1em;
            }
    
    
            .contenedor_ocho .imagen_separador{
                max-width: 2em;
                max-height: 2em;
                object-fit: contain;
                margin: auto;
                margin-bottom: 1em;
            }
            
            .contenedor_ocho .texto{
                color: var(--color-azul);
                margin-bottom: 2em;
            }
        
            .contenedor_ocho .contenedor_datos label{
                color: var(--color-azul);
            }
            .contenedor_ocho .referencia:before{
                background-color: var(--color-azul);
            }
        .contenedor_ocho .contenedor_imagen{
            width: 90%;
            max-width: 20em;
            margin: auto;
            z-index: 2;
        }
            .contenedor_ocho .imagen{
                max-width: 100%;
                max-width: 100%;
            }
        .contenedor_ocho .imagen_superior{
            position: absolute;
            top: 0;
            right: 0;
            opacity: .1;
        }