/*
	CSS personalizado para 90 LEGALES
*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Rosa Oscuro: EBA2B0 rgb(235,162,176) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rosa Medio: F5D0D7 rgb(245,208,215) */
/*     Rosa Claro: FAE7EB rgb(250,231,235) */
/* Rosa Muy Claro: FCF3F5 rgb(252,243,245) */

/*  Marrón oscuro: 6F4F47 rgb(111, 79, 71) */
/*   Marrón claro: B7A7A3 rgb(183,167,163) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/*************************************** #rowLegalCabecera ***************************************/

#rowLegalCabecera *                 { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowLegalCabecera .divLegalCabecera { margin-top: calc(var(--masthead-height) * -1); }
#rowLegalCabecera .divCabecera      { width: 100%; height: 650px; display: flex; align-items: center; justify-content: center; }
#rowLegalCabecera .divCabecera      { background-image: url("/wp-content/uploads/cabecera-legales.jpg?q=20240429"); }
#rowLegalCabecera .divCabecera      { background-repeat: no-repeat; background-size: cover; background-position: center; }
#rowLegalCabecera .divCabecera h1   { padding: 0px 30px; font-size: 60px; font-weight: 700; color: #FFFFFF; text-align: center; }

@media (max-width: 1380px) { #rowLegalCabecera .divCabecera { height: 600px; } #rowLegalCabecera .divCabecera h1 { font-size: 55px; } }
@media (max-width: 1180px) { #rowLegalCabecera .divCabecera { height: 500px; } #rowLegalCabecera .divCabecera h1 { font-size: 50px; } }
@media (max-width:  980px) { #rowLegalCabecera .divCabecera { height: 400px; } #rowLegalCabecera .divCabecera h1 { font-size: 40px; } }
@media (max-width:  780px) { #rowLegalCabecera .divCabecera { height: 300px; } #rowLegalCabecera .divCabecera h1 { font-size: 30px; } }
@media (max-width:  580px) { #rowLegalCabecera .divCabecera { height: 200px; } #rowLegalCabecera .divCabecera h1 { font-size: 24px; } }

/**************************************** #rowLegalTexto *****************************************/

#rowLegalTexto *                        { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowLegalTexto .divLegalTexto           { padding: 40px 0px; text-align: justify; }
#rowLegalTexto .divLegalTexto p         { margin: 0px 0px 20px  0px; }
#rowLegalTexto .divLegalTexto ul        { margin: 0px 0px 10px 20px; list-style-type: disc; }
#rowLegalTexto .divLegalTexto ol        { margin: 0px 0px 10px 20px; }
#rowLegalTexto .divLegalTexto li        { margin: 0px 0px 10px  0px; }
#rowLegalTexto .divLegalTexto strong    { font-weight: bold; }
#rowLegalTexto .divLegalTexto h2        { margin: 0px 0px 20px 0px !important; text-align: left; line-height: 100%; }
#rowLegalTexto .divLegalTexto .spanDato { font-weight: bold; }

@media (max-width: 1180px) { #rowLegalTexto .divLegalTexto { padding: 40px 20px; } }

@media (max-width:  980px) {
	#rowLegalTexto .divLegalTexto    { font-size: 14px; }
	#rowLegalTexto .divLegalTexto ul { margin: 0px 0px 10px 20px; }
	#rowLegalTexto .divLegalTexto ol { margin: 0px 0px 10px 20px; }
	#rowLegalTexto .divLegalTexto h2 { margin-bottom: 10px !important; font-size: 24px; }
	#rowLegalTexto .divLegalTexto p  { margin-bottom: 10px; }
}

@media (max-width:  580px) { #rowLegalTexto .divLegalTexto { padding: 30px 0px; font-size: 13px; } #rowLegalTexto .divLegalTexto h2 { font-size: 20px; } }
@media (max-width:  380px) { #rowLegalTexto .divLegalTexto { text-align: left; } }
