/* ETIQUETAS/ELEMENTOS DEL CONTENIDO CON PROPIEDADES IGUALES */


#estado-de-carrito, #tienda {
    flex: 1;
    padding: 25px 50px;
    border-top: 1px solid #e0e3e5;
    border-bottom: 1px solid #e0e3e5;
}

#estado-de-carrito p, #tienda a, .opciones-formulario i, 
.info-suscribirse i {
    font-size: 20px;
}

#estado-de-carrito p, #tienda a, .opciones-formulario label {
    font-family: "forum-regular", Arial, Helvetica, sans-serif;
}

#estado-de-carrito i, #tienda i {
    padding-right: 3px;
}

#tienda, .opciones-formulario, .map  {
    display: flex;
}

#tienda i, .opciones-formulario i, .info-suscribirse i, #usuario-submit {
    color: #5f6a6a;
}

.info-suscribirse h2, .info-suscribirse p, .opciones-formulario label, 
.opciones-formulario input {
    margin: 10px 0;
}

.info-suscribirse h2, #usuario-submit {
    padding: 10px 0;
    font-family: "librebaskerville-bold", Arial, Helvetica, sans-serif;
}

.info-suscribirse h2, .info-suscribirse p {
    text-align: center;
}

.info-suscribirse h2, #usuario-submit {
    font-weight: bold;
}

.info-suscribirse p, #usuario-submit {
    font-size: 14px;
}

.opciones-formulario i, .info-suscribirse i {
    padding: 0 5px;
}


/* ETIQUETAS/ELEMENTOS DEL CONTENIDO CON IDENTIFICADORES UNICOS */


/* APARTADO CONTENIDO */

#carrito-usuario .wrapper {
    padding: 50px 70px;
} 

#estado-de-carrito i {
    color: #e74c3c;
}

#tienda {
    justify-content: right;
}

#tienda a {
    text-decoration: none;
    color: black;
}

.info-suscribirse p {
    font-family: "librebaskerville-regular", Arial, Helvetica, sans-serif;
}


/* FORMULARIO */ 

#suscribirse .wrapper {
    max-width: 600px;
    margin: 200px auto;
    padding: 60px 30px;
    justify-content: center;
    background-color: #fbfcfc;
    border: 1px solid #e0e3e5;
    border-radius: 1em;
    border-bottom-left-radius: 5% 25%;
}

.info-suscribirse h2 {
    font-size: 1.5em;
}

.info-suscribirse p {
    padding: 5px 15px;
    line-height: 1.5em;
}

.opciones-formulario  {
    flex-direction: column;
}

.opciones-formulario label {
    font-size: 18px;
}

.opciones-formulario i {
    transition: .3s ease;
}

.opciones-formulario:focus-within i {
    transform: scale(1.2);
}

#checkbox {
    margin: 0 10px;
}

.condiciones-usuario {
    flex-direction: row;
}

#usuario-submit {
    width: 150px;
    border-radius: 5px;
    border: 2px solid #797d7f;
    background-color: #fad7a0;
    align-self: center;
    cursor: pointer;
}

#usuario-submit:hover {
    border: 2px solid #fad7a0;
    background-color: #fef5e7;
}