/* ==========================================================================
   ELENA ROSS
   LEGAL
========================================================================== */


/* ==========================================================================
   LEGAL
========================================================================== */

#legal{

    position: relative;
    text-align: center;
    width: 100%;

}


/* ==========================================================================
   CONTENIDO
========================================================================== */

.legal-bloque-titulo{

    width: 100%;
    max-width: var(--ancho-maximo-concreto);

    margin: 0 auto;

    padding-top: 250px;

}

/* ==========================================================================
   TÍTULO
========================================================================== */

.legal-bloque-titulo h1{

    font-family: var(--fuente-romana);

    font-size: var(--size-titulos);

    letter-spacing: 0.1rem;

    font-weight: 400;

    line-height: 0.9;

    color: var(--color-texto-titulo-verde);

    text-transform: uppercase;

}


/* ==========================================================================
   SUBTÍTULO
========================================================================== */

.legal-bloque-titulo p{

    font-family: var(--fuente-romana);

    font-size: 2rem;

    font-weight: 100;

    line-height: 1.15;

    color: var(--color-texto-subtitulo-verde);

}

/* ==========================================================================
   BLOQUES
========================================================================== */
.legal-contenido{

    width: 100%;
    max-width: var(--ancho-maximo-concreto);
    margin: 0 auto;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 150px;
}

.legal-bloque{
margin-top: 50px;

}

/* ==========================================================================
   INFO DE BLOQUE
========================================================================== */

.legal-bloque h2{

    display: block;

    font-family: var(--fuente-textos);

    font-size: 1.8rem;

    font-weight: 300;

    line-height: 0.9;

    color: var(--color-texto-marron);

}

/* ==========================================================================
   SUBTÍTULO
========================================================================== */

.legal-bloque h3{

    font-family: var(--fuente-textos);

    font-size: var(--size-subtitulos-adicional);

    font-weight: 300;

    line-height: 1;

    margin-top: 25px;

    color: var(--color-texto-marron);

}


/* ==========================================================================
   TEXTO CORRIDO
========================================================================== */

.legal-bloque p{

    font-family: var(--fuente-textos);
    text-align: justify;
    font-size: var(--size-texto);

    font-weight: 300;

    line-height: 1.5;
    margin-top: 25px;

    color: var(--color-texto-marron);

}


.legal-bloque a{

    font-family: var(--fuente-textos);
    text-align: justify;
    text-decoration: none;
    font-size: var(--size-subtitulos-adicional);
    font-weight: 600;
    cursor: pointer;
    color: var(--color-texto-marron);
    transition:
    transform var(--duracion-transicion) var(--curva-transicion);

}

.legal-bloque a:hover{color: var(--color-boton-estandar-verde);}


a.legal-enlace{

    font-family: var(--fuente-textos);
    text-align: justify;
    text-decoration: none;

    font-size: var(--size-texto);
    font-weight: 300;

    text-transform: uppercase;

    cursor: pointer;

    color: var(--color-texto-marron);

    transition:
        color var(--duracion-transicion) var(--curva-transicion);

}

a.legal-enlace:hover{

    color: var(--color-boton-estandar-verde);

}