/* CSS personalizado para 01 LA FUNDACIÓN */ /**************************************** GAMA DE COLORES ****************************************/ /* Azul Oscuro: 0077C8 rgb( 0,119,200) */ /* Gris: 999999 rgb(153,153,153) */ /* Azul Medio: 4C8EC9 rgb( 76,142,201) */ /* Azul Claro: A5C6E4 rgb(165,198,228) */ /* Azul Muy Claro: D2E2F1 rgb(210,226,241) */ /* Azul Dark: 005996 rgb( 0, 89,150) */ /* Azul Turquesa: 04D9A0 rgb( 4,217,160) */ /************************************ MODIFICADOS DE syle-home ***********************************/ /*************************************** #rowLaFundacion-1 ***************************************/ #rowLaFundacion-1 { margin: auto; max-width: 1180px; } #rowLaFundacion-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowLaFundacion-1 .divLaFundacion-1 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: space-between; } #rowLaFundacion-1 .divIzda { width: 45%; } #rowLaFundacion-1 .divIzda h3 { color: var(--color-dark-hex); } #rowLaFundacion-1 .divDcha { width: 45%; } @media (max-width: 1080px) { #rowLaFundacion-1 .divIzda { width: 47%; } #rowLaFundacion-1 .divDcha { width: 47%; } } @media (max-width: 780px) { #rowLaFundacion-1 .divIzda { width: 100%; } #rowLaFundacion-1 .divDcha { margin-top: 20px; width: 100%; } } /*************************************** #rowLaFundacion-2 ***************************************/ #rowLaFundacion-2 { margin: auto; } #rowLaFundacion-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowLaFundacion-2 .divLaFundacion-2 { height: 360px; display: flex; flex-wrap: wrap; align-items: center; } #rowLaFundacion-2 .divIzda { width: 50%; height: 100%; background-image: url("/wp-content/themes/fha_v4/images/fotos/molecula-hidrogeno.jpg"); } #rowLaFundacion-2 .divIzda { background-repeat: no-repeat; background-position: center center; background-size: cover; } #rowLaFundacion-2 .divDcha { padding: 0px 40px; width: 50%; height: 100%; background: var(--color5-hex); display: flex; align-items: center; justify-content: center; } #rowLaFundacion-2 .divDcha h4 { max-width: 370px; color: var(--color-dark-hex); } @media (max-width: 1080px) { #rowLaFundacion-2 .divLaFundacion-2 { height: 300px; } } @media (max-width: 980px) { #rowLaFundacion-2 .divLaFundacion-2 { height: 240px; } } @media (max-width: 780px) { #rowLaFundacion-2 .divLaFundacion-2 { height: 200px; } } @media (max-width: 580px) { #rowLaFundacion-2 .divIzda { width: 30%; } #rowLaFundacion-2 .divDcha { width: 70%; } } /*************************************** #rowLaFundacion-3 ***************************************/ #rowLaFundacion-3 { margin: auto; max-width: 1180px; } #rowLaFundacion-3 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowLaFundacion-3 .divLaFundacion-3 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: space-between; } #rowLaFundacion-3 .divMwpHeading { margin-bottom: 20px; width: 100%; } #rowLaFundacion-3 .divIzda { width: 45%; } #rowLaFundacion-3 .divDcha { width: 45%; } #rowLaFundacion-3 .divMwpDownloadFile { margin-top: 20px; width: 100%; } @media (max-width: 1080px) { #rowLaFundacion-3 .divIzda { width: 47%; } #rowLaFundacion-3 .divDcha { width: 47%; } } @media (max-width: 980px) { #rowLaFundacion-3 .divMwpHeading { margin-bottom: 10px; } } @media (max-width: 780px) { #rowLaFundacion-3 .divIzda { width: 100%; } #rowLaFundacion-3 .divDcha { margin-top: 20px; width: 100%; } } /*************************************** #rowElPatronato-1 ***************************************/ #rowElPatronato-1 { margin: auto; max-width: 1180px; } #rowElPatronato-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowElPatronato-1 .divElPatronato-1 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: space-between; } #rowElPatronato-1 .divIzda { width: 45%; } #rowElPatronato-1 .divIzda h3 { color: var(--color-dark-hex); } #rowElPatronato-1 .divDcha { width: 45%; } @media (max-width: 1080px) { #rowElPatronato-1 .divIzda { width: 47%; } #rowElPatronato-1 .divDcha { width: 47%; } } @media (max-width: 780px) { #rowElPatronato-1 .divIzda { width: 100%; } #rowElPatronato-1 .divDcha { margin-top: 20px; width: 100%; } } /*************************************** #rowElPatronato-2 ***************************************/ #rowElPatronato-2 { margin: auto; } #rowElPatronato-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowElPatronato-2 .divElPatronato-2 { margin: auto; max-width: 1080px; display: flex; } #rowElPatronato-2 .divIzda { padding: 40px; color: #FFFFFF; background: var(--color-dark-hex); cursor: default; } #rowElPatronato-2 .divIzda { display: flex; flex-direction: column; align-items: center; justify-content: center; } #rowElPatronato-2 .divIzda .mwp_cantidad_patronos { font-size: 160px; font-weight: 100; line-height: 100%; } #rowElPatronato-2 .divIzda span:last-of-type { font-size: 22px; font-weight: 400; letter-spacing: 5px; } #rowElPatronato-2 .divDcha { padding-left: 100px; display: flex; flex-direction: column; justify-content: center; } #rowElPatronato-2 .divDcha h4 { color: var(--color-dark-hex); } #rowElPatronato-2 .divDcha p { margin-top: 20px; } @media (max-width: 1180px) { #rowElPatronato-2 .divDcha { padding: 0px 80px; } } @media (max-width: 980px) { #rowElPatronato-2 .divIzda { padding: 30px; } #rowElPatronato-2 .divIzda .mwp_cantidad_patronos { font-size: 140px; } #rowElPatronato-2 .divIzda span:last-of-type { font-size: 20px; letter-spacing: 3px; } #rowElPatronato-2 .divDcha { padding: 0px 60px; } #rowElPatronato-2 .divDcha p { margin-top: 10px; } } @media (max-width: 780px) { #rowElPatronato-2 .divIzda { padding: 20px 30px; } #rowElPatronato-2 .divIzda .mwp_cantidad_patronos { font-size: 120px; } #rowElPatronato-2 .divIzda span:last-of-type { font-size: 18px; letter-spacing: 2px; } #rowElPatronato-2 .divDcha { padding: 30px 40px; } #rowElPatronato-2 .divDcha p { margin-top: 5px; } } @media (max-width: 580px) { #rowElPatronato-2 .divIzda { padding: 20px; } #rowElPatronato-2 .divIzda .mwp_cantidad_patronos { font-size: 100px; } #rowElPatronato-2 .divIzda span:last-of-type { font-size: 16px; letter-spacing: 1px; } #rowElPatronato-2 .divDcha { padding: 20px 30px; } } @media (max-width: 380px) { #rowElPatronato-2 .divIzda { padding: 15px; } #rowElPatronato-2 .divIzda .mwp_cantidad_patronos { font-size: 80px; } #rowElPatronato-2 .divIzda span:last-of-type { font-size: 14px; letter-spacing: normal; } #rowElPatronato-2 .divDcha { padding: 15px; } } /************************************** #rowListadoPatronos **************************************/ #rowListadoPatronos * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowListadoPatronos .divListadoPatronos { margin: auto; padding: 0px var(--caja-padding); max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; } #rowListadoPatronos .divSector { margin-top: 30px; } #rowListadoPatronos .divSectorTitulo { padding-bottom: 10px; font-size: 18px; color: var(--color-dark-hex); border-bottom: solid 1px var(--color-dark-hex); } #rowListadoPatronos .divPatronos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; } #rowListadoPatronos .divPatrono { margin: 10px 5px; } #rowListadoPatronos .divPatrono img.MaxWidth { width: 120px; height: auto; } #rowListadoPatronos .divPatrono img.MaxHeight { width: auto; height: 50px; } #rowListadoPatronos .divPatrono a { display: grid; } #rowListadoPatronos .divPatrono ul { margin: 0px; list-style-type: none; } #rowListadoPatronos .divPatrono li { margin: 10px 0px; font-size: 16px; font-weight: 500; line-height: 100%; } #rowListadoPatronos div[name="10_administracion"] { width: calc((100% - 40px) * 0.48); } #rowListadoPatronos div[name="20_corporacion"] { width: calc((100% - 40px) * 0.52); } #rowListadoPatronos div[name="30_energia"] { width: 100%; } #rowListadoPatronos div[name="30_energia"] .divPatrono { margin: 10px; } #rowListadoPatronos div[name="40_inmobiliaria"] { width: calc((100% - 40px) * 0.40); } #rowListadoPatronos div[name="50_industria-quimica"] { width: calc((100% - 40px) * 0.60); } #rowListadoPatronos div[name="60_automocion"] { width: 398px; } #rowListadoPatronos div[name="70_metal-mecanico"] { width: calc(100% - 40px - 398px); } #rowListadoPatronos div[name="80_investigacion"] { width: 100%; } #rowListadoPatronos div[name="90_ingenieria"] { width: calc((100% - 80px - 155px) * 0.60); } #rowListadoPatronos div[name="100_seguridad"] { width: calc((100% - 80px - 155px) * 0.40); } #rowListadoPatronos div[name="110_ocio"] { width: 155px; } #rowListadoPatronos div[name="120_agencias-publicas"] { width: 155px; } #rowListadoPatronos div[name="130_colaboradores"] { width: calc((100% - 80px - 155px) * 0.40); } #rowListadoPatronos div[name="140_transporte"] { width: calc((100% - 80px - 155px) * 0.60); } #rowListadoPatronos div[name="150_finanzas"] { width: calc((100% - 80px) * 0.33); } #rowListadoPatronos div[name="160_individual"] { width: calc((100% - 80px) * 0.33); } #rowListadoPatronos div[name="160_individual"] .divPatronos { justify-content: flex-start; } #rowListadoPatronos div[name="160_individual"] .divPatrono { margin: 10px 0px; } #rowListadoPatronos div[name="170_honor"] { width: calc((100% - 80px) * 0.33); } #rowListadoPatronos div[name="170_honor"] .divPatronos { justify-content: flex-start; } #rowListadoPatronos div[name="170_honor"] .divPatrono { margin: 10px 0px; } @media (max-width: 1280px) { #rowListadoPatronos div[name="10_administracion"] { width: calc((100% - 40px) * 0.48); } #rowListadoPatronos div[name="20_corporacion"] { width: calc((100% - 40px) * 0.48); } #rowListadoPatronos div[name="60_automocion"] { width: calc((100% - 40px) * 0.35); } #rowListadoPatronos div[name="70_metal-mecanico"] { width: calc((100% - 40px) * 0.65); } #rowListadoPatronos div[name="150_finanzas"] { width: calc((100% - 80px) * 0.4); } #rowListadoPatronos div[name="160_individual"] { width: calc((100% - 80px) * 0.3); } #rowListadoPatronos div[name="170_honor"] { width: calc((100% - 80px) * 0.3); } } @media (max-width: 1180px) { #rowListadoPatronos div[name="10_administracion"] { width: calc((100% - 40px) * 0.5); } #rowListadoPatronos div[name="20_corporacion"] { width: calc((100% - 40px) * 0.5); } } @media (max-width: 980px) { #rowListadoPatronos .divSector { margin-top: 20px; } #rowListadoPatronos .divSectorTitulo { font-size: 16px; } #rowListadoPatronos .divPatronos { margin-top: 10px; } #rowListadoPatronos .divPatrono { margin: 5px !important; } #rowListadoPatronos .divPatrono img.MaxWidth { width: 100px; height: auto; } #rowListadoPatronos .divPatrono img.MaxHeight { width: auto; height: 60px; } #rowListadoPatronos .divPatrono li { font-size: 14px; } #rowListadoPatronos div[name="90_ingenieria"] { width: calc(100% - 80px - 305px); } #rowListadoPatronos div[name="100_seguridad"] { width: 200px; } #rowListadoPatronos div[name="110_ocio"] { width: 105px; } #rowListadoPatronos div[name="120_agencias-publicas"] { width: 130px; } #rowListadoPatronos div[name="130_colaboradores"] { width: 220px; } #rowListadoPatronos div[name="140_transporte"] { width: calc(100% - 80px - 350px); } #rowListadoPatronos div[name="150_finanzas"] { width: calc(100% - 80px - 360px); } #rowListadoPatronos div[name="160_individual"] { width: 210px; } #rowListadoPatronos div[name="170_honor"] { width: 150px; } } @media (max-width: 780px) { #rowListadoPatronos .divSector { margin-top: 15px; } #rowListadoPatronos .divSectorTitulo { font-size: 14px; } #rowListadoPatronos .divPatrono img.MaxWidth { width: 90px; height: auto; } #rowListadoPatronos .divPatrono img.MaxHeight { width: auto; height: 54px; } #rowListadoPatronos .divPatrono li { margin: 8px 0px; font-size: 13px; } #rowListadoPatronos div[name="10_administracion"] { width: calc((100% - 30px) * 0.39); } #rowListadoPatronos div[name="20_corporacion"] { width: calc((100% - 30px) * 0.61); } #rowListadoPatronos div[name="40_inmobiliaria"] { width: calc((100% - 30px) * 0.40); } #rowListadoPatronos div[name="50_industria-quimica"] { width: calc((100% - 30px) * 0.60); } #rowListadoPatronos div[name="60_automocion"] { width: calc((100% - 30px) * 0.35); } #rowListadoPatronos div[name="70_metal-mecanico"] { width: calc((100% - 30px) * 0.65); } #rowListadoPatronos div[name="90_ingenieria"] { width: calc(100% - 60px - 271px); } #rowListadoPatronos div[name="100_seguridad"] { width: 166px; } #rowListadoPatronos div[name="110_ocio"] { width: 105px; } #rowListadoPatronos div[name="120_agencias-publicas"] { width: 115px; } #rowListadoPatronos div[name="130_colaboradores"] { width: 185px; } #rowListadoPatronos div[name="140_transporte"] { width: calc(100% - 60px - 300px); } #rowListadoPatronos div[name="150_finanzas"] { width: calc(100% - 60px - 315px); } #rowListadoPatronos div[name="160_individual"] { width: 185px; } #rowListadoPatronos div[name="170_honor"] { width: 130px; } } @media (max-width: 680px) { #rowListadoPatronos div[name="10_administracion"] { width: calc((100% - 30px) * 0.43); } #rowListadoPatronos div[name="20_corporacion"] { width: calc((100% - 30px) * 0.57); } #rowListadoPatronos div[name="40_inmobiliaria"] { width: calc((100% - 30px) * 0.36); } #rowListadoPatronos div[name="50_industria-quimica"] { width: calc((100% - 30px) * 0.64); } #rowListadoPatronos div[name="90_ingenieria"] { width: calc(100% - 60px - 210px); } #rowListadoPatronos div[name="100_seguridad"] { width: 105px; } #rowListadoPatronos div[name="110_ocio"] { width: 105px; } #rowListadoPatronos div[name="120_agencias-publicas"] { width: 115px; } #rowListadoPatronos div[name="130_colaboradores"] { width: calc((100% - 30px - 115px) * 0.5); } #rowListadoPatronos div[name="140_transporte"] { width: calc((100% - 30px - 115px) * 0.5); } } @media (max-width: 580px) { #rowListadoPatronos .divPatrono img.MaxWidth { width: 80px; height: auto; } #rowListadoPatronos .divPatrono img.MaxHeight { width: auto; height: 45px; } #rowListadoPatronos div[name="90_ingenieria"] { width: calc(100% - 30px - 115px); } #rowListadoPatronos div[name="100_seguridad"] { width: 115px; } #rowListadoPatronos div[name="110_ocio"] { width: calc((100% - 30px) * 0.5); } #rowListadoPatronos div[name="110_ocio"] br680:before { content: " "; } #rowListadoPatronos div[name="120_agencias-publicas"] { width: calc((100% - 30px) * 0.5); } #rowListadoPatronos div[name="130_colaboradores"] { width: calc((100% - 30px) * 0.5); } #rowListadoPatronos div[name="140_transporte"] { width: calc((100% - 30px) * 0.5); } #rowListadoPatronos div[name="150_finanzas"] { width: 100%; } #rowListadoPatronos div[name="160_individual"] { width: calc((100% - 30px) * 0.5); } #rowListadoPatronos div[name="170_honor"] { width: calc((100% - 30px) * 0.5); } } @media (max-width: 580px) { #rowListadoPatronos div[name="10_administracion"] { width: 100%; } #rowListadoPatronos div[name="20_corporacion"] { width: 100%; } #rowListadoPatronos div[name="40_inmobiliaria"] { width: 100%; } #rowListadoPatronos div[name="50_industria-quimica"] { width: 100%; } #rowListadoPatronos div[name="60_automocion"] { width: 100%; } #rowListadoPatronos div[name="70_metal-mecanico"] { width: 100%; } #rowListadoPatronos div[name="90_ingenieria"] { width: 100%; } #rowListadoPatronos div[name="100_seguridad"] { width: 100%; } #rowListadoPatronos div[name="130_colaboradores"] { width: 100%; } #rowListadoPatronos div[name="140_transporte"] { width: 100%; } #rowListadoPatronos div[name="160_individual"] { width: 100%; } #rowListadoPatronos div[name="170_honor"] { width: 100%; } #rowListadoPatronos .divSectorTitulo br480:before { content: " "; } #rowListadoPatronos .divSectorTitulo br580:before { content: " "; } #rowListadoPatronos .divSectorTitulo br680:before { content: " "; } } /*************************************** #rowPlanDirector-1 **************************************/ #rowPlanDirector-1 { margin: auto; max-width: 1180px; } #rowPlanDirector-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowPlanDirector-1 .divPlanDirector-1 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: space-between; } #rowPlanDirector-1 .divIzda { width: 45%; } #rowPlanDirector-1 .divIzda h3 { color: var(--color-dark-hex); } #rowPlanDirector-1 .divDcha { width: 45%; } @media (max-width: 1080px) { #rowPlanDirector-1 .divIzda { width: 47%; } #rowPlanDirector-1 .divDcha { width: 47%; } } @media (max-width: 780px) { #rowPlanDirector-1 .divIzda { width: 100%; } #rowPlanDirector-1 .divDcha { margin-top: 20px; width: 100%; } } /*************************************** #rowPlanDirector-2 **************************************/ #rowPlanDirector-2 { margin: auto; } #rowPlanDirector-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowPlanDirector-2 .divPlanDirector-2 { padding: 80px; background: var(--color-dark-hex); display: flex; justify-content: center; } #rowPlanDirector-2 .divPlanDirector-2 h4 { max-width: 1180px; color: #FFFFFF; text-align: center; } @media (max-width: 1280px) { #rowPlanDirector-2 .divPlanDirector-2 { padding: var(--caja-padding); } } /*************************************** #rowPlanDirector-3 **************************************/ #rowPlanDirector-3 { margin: auto; max-width: 1180px; } #rowPlanDirector-3 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowPlanDirector-3 .divPlanDirector-3 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: space-between; } #rowPlanDirector-3 .divMwpHeading { margin-bottom: 40px; width: 100%; } #rowPlanDirector-3 .divMwpHeading h2 { margin-top: 0px !important; } #rowPlanDirector-3 .divIzda { width: 45%; } #rowPlanDirector-3 .divDcha { width: 45%; } #rowPlanDirector-3 .divMwpDownloadFile { margin-top: 20px; width: 100%; } @media (max-width: 1080px) { #rowPlanDirector-3 .divIzda { width: 47%; } #rowPlanDirector-3 .divDcha { width: 47%; } } @media (max-width: 980px) { #rowPlanDirector-3 .divMwpHeading { margin-bottom: 20px; } } @media (max-width: 780px) { #rowPlanDirector-3 .divIzda { width: 100%; } #rowPlanDirector-3 .divDcha { margin-top: 40px; width: 100%; text-align: center; } #rowPlanDirector-3 .divDcha img { width: 100%; max-width: 500px; } #rowPlanDirector-3 .divDownloadFile { margin: auto; display: table; } } @media (max-width: 380px) { #rowPlanDirector-3 .divDcha { margin-top: 20px; } } /****************************************** #rowMision-1 *****************************************/ #rowMision-1 { margin: auto; max-width: 1180px; } #rowMision-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowMision-1 .divMision-1 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; } #rowMision-1 .divMwpHeading { margin-bottom: 20px; width: 60%; } #rowMision-1 .divRowContent { width: 60%; } #rowMision-1 .divRowContent .divDownloadFile { margin-top: 30px; } @media (max-width: 1080px) { #rowMision-1 .divRowContent { width: 65%; } #rowMision-1 .divMwpHeading { margin-bottom: 20px; width: 65%; } } @media (max-width: 980px) { #rowMision-1 .divRowContent { width: 80%; } #rowMision-1 .divMwpHeading { margin-bottom: 10px; width: 80%; } } @media (max-width: 780px) { #rowMision-1 .divRowContent { width: 100%; } #rowMision-1 .divMwpHeading { margin-bottom: 10px; width: 100%; } } @media (max-width: 580px) { #rowMision-1 .divRowContent .divDownloadFile { margin-top: 20px; } } /****************************************** #rowMision-2 *****************************************/ #rowMision-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowMision-2 .divMision-2 { position: relative; padding: 40px var(--caja-padding) 60px var(--caja-padding); } #rowMision-2 .divMision-2 { background-image: url("/wp-content/themes/fha_v4/images/fotos/fondo-moleculas.jpg"); } #rowMision-2 .divMision-2 { background-repeat: no-repeat; background-size: cover; background-position: center center; } #rowMision-2 .divMision-2:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(245,245,245,0.9); } #rowMision-2 .divMwpHeading { position: relative; margin: auto; max-width: 1180px; text-align: center; z-index: 1; } #rowMision-2 .divFeatures { position: relative; margin: 40px auto 0px auto; max-width: 1180px; display: flex; flex-wrap: wrap; justify-content: space-between; z-index: 1; } #rowMision-2 .divFeature { width: 20%; text-align: center; } #rowMision-2 .divFeature .divIconCircle { margin: auto; } #rowMision-2 .divFeature h5 { margin: 20px 0px !important; } @media (max-width: 980px) { #rowMision-2 .divMision-2 { padding: 20px var(--caja-padding) 40px var(--caja-padding); } #rowMision-2 .divFeatures { margin: 30px auto 0px auto; } #rowMision-2 .divFeature .divIconCircle { width: 100px !important; height: 100px !important; } #rowMision-2 .divFeature h5 { margin: 15px 0px !important; } } @media (max-width: 780px) { #rowMision-2 .divMision-2 { padding: 15px var(--caja-padding); } #rowMision-2 .divFeatures { margin: 20px auto 0px auto; } #rowMision-2 .divFeature { margin-bottom: 20px; width: 45%; } #rowMision-2 .divFeature .divIconCircle { width: 80px !important; height: 80px !important; } #rowMision-2 .divFeature h5 { margin: 10px 0px !important; } } @media (max-width: 580px) { #rowMision-2 .divFeature .divIconCircle { width: 64px !important; height: 64px !important; } } @media (max-width: 380px) { #rowMision-2 .divMision-2 { padding: var(--caja-padding); } #rowMision-2 .divFeature { width: 100%; } } /****************************************** #rowMision-3 *****************************************/ #rowMision-3 { margin: auto; max-width: 1180px; } #rowMision-3 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowMision-3 .divMision-3 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; } #rowMision-3 .divMwpHeading { margin-bottom: 20px; width: 60%; } #rowMision-3 .divRowContent { width: 60%; } @media (max-width: 1080px) { #rowMision-3 .divRowContent { width: 65%; } #rowMision-3 .divMwpHeading { margin-bottom: 20px; width: 65%; } } @media (max-width: 980px) { #rowMision-3 .divRowContent { width: 80%; } #rowMision-3 .divMwpHeading { margin-bottom: 10px; width: 80%; } } @media (max-width: 780px) { #rowMision-3 .divRowContent { width: 100%; } #rowMision-3 .divMwpHeading { margin-bottom: 10px; width: 100%; } } /****************************************** #rowMision-4 *****************************************/ #rowMision-4 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowMision-4 .divMision-4 { position: relative; padding: 40px var(--caja-padding) 20px var(--caja-padding); background: var(--color5-hex); } #rowMision-4 .divMwpHeading { position: relative; margin: auto; max-width: 1180px; text-align: center; z-index: 1; } #rowMision-4 .divMwpHeading h2 { line-height: 125%; } #rowMision-4 .divMwpHeading p { margin: auto; max-width: 800px; } #rowMision-4 .divFeatures { position: relative; margin: 40px auto 0px auto; max-width: 1180px; display: flex; flex-wrap: wrap; justify-content: space-between; z-index: 1; } #rowMision-4 .divFeature { margin-bottom: 40px; width: 45%; } #rowMision-4 .divFeature .divIconCircle { float: left; } #rowMision-4 .divFeature h5 { margin: 0px 0px 20px 0px !important; padding-left: 160px; } #rowMision-4 .divFeature p { padding-left: 160px; } @media (max-width: 980px) { #rowMision-4 .divMision-4 { padding: 20px var(--caja-padding) 0px var(--caja-padding); } #rowMision-4 .divMwpHeading p { max-width: 640px; } #rowMision-4 .divFeatures { margin: 30px auto 0px auto; } #rowMision-4 .divFeature { width: 48%; } #rowMision-4 .divFeature .divIconCircle { width: 100px !important; height: 100px !important; } #rowMision-4 .divFeature h5 { margin: 0px 0px 15px 0px !important; padding-left: 130px; } #rowMision-4 .divFeature p { padding-left: 130px; } } @media (max-width: 780px) { #rowMision-4 .divMision-4 { padding: 15px var(--caja-padding); } #rowMision-4 .divMwpHeading p { max-width: 500px; } #rowMision-4 .divFeatures { margin: 20px auto 0px auto; } #rowMision-4 .divFeature { margin-bottom: 20px; width: 100%; } #rowMision-4 .divFeature .divIconCircle { width: 80px !important; height: 80px !important; } #rowMision-4 .divFeature h5 { margin: 0px 0px 10px 0px !important; padding-left: 100px; } #rowMision-4 .divFeature p { padding-left: 100px; } } @media (max-width: 580px) { #rowMision-4 .divFeature .divIconCircle { width: 64px !important; height: 64px !important; } #rowMision-4 .divMwpHeading p { max-width: 340px; } #rowMision-4 .divFeature h5 { margin: 0px 0px 5px 0px !important; padding-left: 80px; } #rowMision-4 .divFeature p { padding-left: 80px; } } @media (max-width: 380px) { #rowMision-4 .divMision-4 { padding: var(--caja-padding); } } /***************************************** #rowMision-5 ******************************************/ #rowMision-5 { margin: auto; max-width: 1180px; } #rowMision-5 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowMision-5 .divMision-5 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: space-between; } #rowMision-5 .divMwpHeading { margin-bottom: 20px; width: 100%; } #rowMision-5 .divIzda { width: 45%; } #rowMision-5 .divDcha { width: 45%; } @media (max-width: 1080px) { #rowMision-5 .divIzda { width: 47%; } #rowMision-5 .divDcha { width: 47%; } } @media (max-width: 980px) { #rowMision-5 .divMwpHeading { margin-bottom: 10px; } } @media (max-width: 780px) { #rowMision-5 .divIzda { width: 100%; } #rowMision-5 .divDcha { margin-top: 20px; width: 100%; } } /****************************************** #rowEquipo-1 *****************************************/ #rowEquipo-1 { margin: auto; max-width: 1180px; } #rowEquipo-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowEquipo-1 .divEquipo-1 { padding: 80px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: space-between; } #rowEquipo-1 .divIzda { width: 45%; } #rowEquipo-1 .divIzda h3 { color: var(--color-dark-hex); } #rowEquipo-1 .divDcha { width: 45%; } @media (max-width: 1080px) { #rowEquipo-1 .divEquipo-1 { padding: 60px var(--caja-padding); } #rowEquipo-1 .divIzda { width: 47%; } #rowEquipo-1 .divDcha { width: 47%; } } @media (max-width: 980px) { #rowEquipo-1 .divEquipo-1 { padding: var(--caja-padding); } } @media (max-width: 780px) { #rowEquipo-1 .divIzda { width: 100%; } #rowEquipo-1 .divDcha { margin-top: 20px; width: 100%; } } /*************************************** #rowListadoEquipo ***************************************/ #rowListadoEquipo { margin: auto; max-width: 1180px; } #rowListadoEquipo * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowListadoEquipo .divListadoEquipo { padding: 0px var(--caja-padding); } #rowListadoEquipo .divItems { margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: space-evenly; } #rowListadoEquipo .divItem { margin-bottom: 40px; width: 24%; } #rowListadoEquipo .divNombre { margin-top: 20px; font-size: 20px; font-weight: 400; color: var(--color-dark-hex); white-space: nowrap; } #rowListadoEquipo .divCargo { font-size: 14px; font-weight: 400; color: var(--color3-hex); } @media (max-width: 1080px) { #rowListadoEquipo .divNombre { margin-top: 10px; } } @media (max-width: 980px) { #rowListadoEquipo .divItem { margin-bottom: 30px; } #rowListadoEquipo .divNombre { font-size: 18px; } } @media (max-width: 780px) { #rowListadoEquipo .divNombre { font-size: 16px; } } @media (max-width: 680px) { #rowListadoEquipo .divItem { margin-bottom: 25px; width: 30%; } #rowListadoEquipo .divNombre { margin-top: 5px; font-size: 16px; } } @media (max-width: 580px) { #rowListadoEquipo .divItem { margin-bottom: 20px; width: calc((100% - 30px) / 3); } #rowListadoEquipo .divNombre { margin-top: 0px; } } @media (max-width: 480px) { #rowListadoEquipo .divItem { width: calc((100% - 20px) / 2); } #rowListadoEquipo .divFoto { max-width: 150px; } } @media (max-width: 980px) { #rowListadoEquipo .divCargo { font-size: 13px; } } @media (max-width: 780px) { #rowListadoEquipo .divCargo { font-family: var(--font-family-narrow) !important; } } /************************************** #rowInstalaciones-1 **************************************/ #rowInstalaciones-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowInstalaciones-1 .divInstalaciones-1 { padding: 0px; } #rowInstalaciones-1 .divFoto { width: 100%; height: calc(100vw * 680 / 1920); max-height: 680px; } #rowInstalaciones-1 .divFoto { background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 380px) { #rowInstalaciones-1 .divFoto { height: 140px; } } /************************************** #rowInstalaciones-2 **************************************/ #rowInstalaciones-2 { margin: auto; max-width: 1180px; } #rowInstalaciones-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowInstalaciones-2 .divInstalaciones-2 { padding: 80px var(--caja-padding); display: flex; flex-wrap: wrap; } #rowInstalaciones-2 .divMwpHeading { margin-bottom: 20px; width: 60%; } #rowInstalaciones-2 .divMwpHeading h2 { margin-top: 0px !important; line-height: 125%; } #rowInstalaciones-2 .divRowContent { width: 60%; } @media (max-width: 1080px) { #rowInstalaciones-2 .divInstalaciones-2 { padding: 60px var(--caja-padding) } } @media (max-width: 980px) { #rowInstalaciones-2 .divInstalaciones-2 { padding: var(--caja-padding); } } @media (max-width: 1080px) { #rowInstalaciones-2 .divRowContent { width: 65%; } #rowInstalaciones-2 .divMwpHeading { margin-bottom: 20px; width: 65%; } } @media (max-width: 980px) { #rowInstalaciones-2 .divRowContent { width: 80%; } #rowInstalaciones-2 .divMwpHeading { margin-bottom: 10px; width: 80%; } } @media (max-width: 780px) { #rowInstalaciones-2 .divRowContent { width: 100%; } #rowInstalaciones-2 .divMwpHeading { margin-bottom: 10px; width: 100%; } } /************************************** #rowInstalaciones-3 **************************************/ #rowInstalaciones-3 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowInstalaciones-3 .divInstalaciones-3 { padding: 0px; } #rowInstalaciones-3 .divFoto { width: 100%; height: calc(100vw * 680 / 1920); max-height: 680px; } #rowInstalaciones-3 .divFoto { background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 380px) { #rowInstalaciones-3 .divFoto { height: 140px; } } /************************************** #rowInstalaciones-4 **************************************/ #rowInstalaciones-4 { margin: auto; max-width: 1180px; } #rowInstalaciones-4 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowInstalaciones-4 .divInstalaciones-4 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: space-between; } #rowInstalaciones-4 .divIzda { width: 45%; } #rowInstalaciones-4 .divDcha { width: 45%; } #rowInstalaciones-4 .divDcha ul { margin: 0px; list-style-type: none !important; } #rowInstalaciones-4 .divDcha li { margin: 0px 0px 20px 0px; padding-left: 50px; background-image: url("/wp-content/themes/fha_v4/images/iconos/icono_arrow_right.png"); } #rowInstalaciones-4 .divDcha li { background-repeat: no-repeat; background-position: left 7px; background-size: 30px; } #rowInstalaciones-4 .divDcha li:last-of-type { margin-bottom: 0px; } @media (max-width: 1080px) { #rowInstalaciones-4 .divIzda { width: 47%; } #rowInstalaciones-4 .divDcha { width: 47%; } } @media (max-width: 780px) { #rowInstalaciones-4 .divIzda { width: 100%; } #rowInstalaciones-4 .divDcha { margin-top: 20px; width: 100%; } } @media (max-width: 980px) { #rowInstalaciones-4 .divDcha li { margin: 0px 0px 10px 0px; padding-left: 40px; background-position: left 5px; background-size: 24px; } } @media (max-width: 780px) { #rowInstalaciones-4 .divDcha li { margin: 0px 0px 5px 0px; padding-left: 30px; background-position: left 5px; background-size: 20px; } } /************************************** #rowInstalaciones-5 **************************************/ #rowInstalaciones-5 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowInstalaciones-5 .divInstalaciones-5 { padding: 0px; } #rowInstalaciones-5 .divFoto { width: 100%; height: calc(100vw * 680 / 1920); max-height: 680px; } #rowInstalaciones-5 .divFoto { background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 380px) { #rowInstalaciones-5 .divFoto { height: 140px; } } /************************************** #rowInstalaciones-6 **************************************/ #rowInstalaciones-6 { margin: auto; max-width: 1180px; } #rowInstalaciones-6 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowInstalaciones-6 .divInstalaciones-6 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; } #rowInstalaciones-6 .divMwpHeading { margin-bottom: 20px; width: 60%; } #rowInstalaciones-6 .divRowContent { width: 60%; } @media (max-width: 1080px) { #rowInstalaciones-6 .divRowContent { width: 65%; } #rowInstalaciones-6 .divMwpHeading { margin-bottom: 20px; width: 65%; } } @media (max-width: 980px) { #rowInstalaciones-6 .divRowContent { width: 80%; } #rowInstalaciones-6 .divMwpHeading { margin-bottom: 10px; width: 80%; } } @media (max-width: 780px) { #rowInstalaciones-6 .divRowContent { width: 100%; } #rowInstalaciones-6 .divMwpHeading { margin-bottom: 10px; width: 100%; } } /************************************** #rowInstalaciones-7 **************************************/ #rowInstalaciones-7 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowInstalaciones-7 .divInstalaciones-7 { padding: 0px; } #rowInstalaciones-7 .divFoto { width: 100%; height: calc(100vw * 680 / 1920); max-height: 680px; } #rowInstalaciones-7 .divFoto { background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 380px) { #rowInstalaciones-7 .divFoto { height: 140px; } } /************************************** #rowInstalaciones-8 **************************************/ #rowInstalaciones-8 { margin: auto; max-width: 1180px; } #rowInstalaciones-8 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowInstalaciones-8 .divInstalaciones-8 { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: space-between; } #rowInstalaciones-8 .divIzda { width: 45%; } #rowInstalaciones-8 .divDcha { width: 45%; } #rowInstalaciones-8 .divDcha ul { margin: 0px; list-style-type: none !important; } #rowInstalaciones-8 .divDcha li { margin: 0px 0px 20px 0px; padding-left: 50px; background-image: url("/wp-content/themes/fha_v4/images/iconos/icono_arrow_right.png"); } #rowInstalaciones-8 .divDcha li { background-repeat: no-repeat; background-position: left 7px; background-size: 30px; } #rowInstalaciones-8 .divDcha li:last-of-type { margin-bottom: 0px; } #rowInstalaciones-8 .divDcha li strong { font-size: 150%; } @media (max-width: 1080px) { #rowInstalaciones-8 .divIzda { width: 47%; } #rowInstalaciones-8 .divDcha { width: 47%; } } @media (max-width: 780px) { #rowInstalaciones-8 .divIzda { width: 100%; } #rowInstalaciones-8 .divDcha { margin-top: 20px; width: 100%; } } @media (max-width: 980px) { #rowInstalaciones-8 .divDcha li { margin: 0px 0px 10px 0px; padding-left: 40px; background-position: left 5px; background-size: 24px; } } @media (max-width: 780px) { #rowInstalaciones-8 .divDcha li { margin: 0px 0px 5px 0px; padding-left: 30px; background-position: left 5px; background-size: 20px; } } /************************************** #rowParticipacion-1 **************************************/ #rowParticipacion-1 { margin: auto; max-width: 1180px; } #rowParticipacion-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowParticipacion-1 .divParticipacion-1 { margin: auto; padding: 60px var(--caja-padding); text-align: center; } #rowParticipacion-1 .divIconSector { margin: auto; } #rowParticipacion-1 .divHeading h2 { line-height: 120%; } #rowParticipacion-1 .divParticipacion-1 p { margin: 30px auto 0px auto !important; max-width: 550px; } @media (max-width: 980px) { #rowParticipacion-1 .divParticipacion-1 { padding: var(--caja-padding); } #rowParticipacion-1 .divParticipacion-1 p { max-width: 480px; } #rowParticipacion-1 .divIconSector { width: 100px !important; height: 100px !important; } } @media (max-width: 780px) { #rowParticipacion-1 .divParticipacion-1 p { margin: 20px auto 0px auto !important; max-width: 450px; } #rowParticipacion-1 .divIconSector { width: 80px !important; height: 80px !important; } } @media (max-width: 580px) { #rowParticipacion-1 .divIconSector { width: 60px !important; height: 60px !important; } } @media (max-width: 380px) { #rowParticipacion-1 .divIconSector { width: 50px !important; height: 50px !important; } } /************************************** #rowParticipacion-2 **************************************/ #rowParticipacion-2 { margin: auto; max-width: 1180px; } #rowParticipacion-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowParticipacion-2 .divParticipacion-2 { padding: 0px var(--caja-padding); text-align: center; } #rowParticipacion-2 .divEntidades { margin-top: 60px; display: flex; flex-wrap: wrap; justify-content: space-between; } #rowParticipacion-2 .divEntidad { margin-bottom: 60px; width: 350px; } #rowParticipacion-2 .divEntidad img { height: 100px; } #rowParticipacion-2 .divEntidad p { margin-top: 30px; } @media (max-width: 1180px) { #rowParticipacion-2 .divEntidad { width: 30%; } } @media (max-width: 980px) { #rowParticipacion-2 .divEntidad { margin-bottom: 40px; } #rowParticipacion-2 .divEntidad img { height: 80px; } #rowParticipacion-2 .divEntidad p { margin-top: 20px; } } @media (max-width: 780px) { #rowParticipacion-2 .divEntidades { margin-top: 40px; } #rowParticipacion-2 .divEntidad { width: 45%; } #rowParticipacion-2 .divEntidad { margin-bottom: 30px; } #rowParticipacion-2 .divEntidad img { height: 60px; } #rowParticipacion-2 .divEntidad p { margin-top: 10px; } } @media (max-width: 480px) { #rowParticipacion-2 .divEntidad { width: 100%; } #rowParticipacion-2 .divEntidad:last-of-type { display: none; } } /************************************** #rowTransparencia-1 **************************************/ #rowTransparencia-1 { margin: auto; } #rowTransparencia-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowTransparencia-1 .divTransparencia-1 { display: flex; } #rowTransparencia-1 .divIzda { padding: 80px; width: 50%; display: flex; flex-direction: column; } #rowTransparencia-1 .divHeading h2 { margin-top: 0px !important; line-height: 120%; } #rowTransparencia-1 .divIzda p { margin-top: 20px; } #rowTransparencia-1 .divIzda .spanBig { font-size: 32px; line-height: 50%; } #rowTransparencia-1 .divDcha { width: 50%; background-image: url("/wp-content/themes/fha_v4/images/fotos/transparencia-fha.jpg"); } #rowTransparencia-1 .divDcha { background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 1280px) { #rowTransparencia-1 .divIzda { padding: 60px; width: 60%; } #rowTransparencia-1 .divDcha { width: 40%; } } @media (max-width: 1180px) { #rowTransparencia-1 .divIzda { padding: var(--caja-padding); } } @media (max-width: 980px) { #rowTransparencia-1 .divIzda { width: 65%; } #rowTransparencia-1 .divIzda p { margin-top: 10px; } #rowTransparencia-1 .divDcha { width: 35%; } } @media (max-width: 780px) { #rowTransparencia-1 .divIzda p { margin-top: 0px; } } @media (max-width: 580px) { #rowTransparencia-1 .divTransparencia-1 { flex-direction: column-reverse; } #rowTransparencia-1 .divIzda { width: 100%; } #rowTransparencia-1 .divDcha { width: 100%; height: 200px; } } @media (max-width: 380px) { #rowTransparencia-1 .divDcha { height: 160px; } } /*********************************** #rowFeaturesTransparencia ***********************************/ #rowFeaturesTransparencia { margin: auto; max-width: 1180px; } #rowFeaturesTransparencia * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFeaturesTransparencia .divFeaturesTransparencia { padding: var(--caja-padding); } #rowFeaturesTransparencia .divFeatures { display: flex; flex-wrap: wrap; justify-content: space-evenly; } #rowFeaturesTransparencia .divFeature { position: relative; padding: 20px; width: 33.33%; background: var(--color5-hex); border: solid 2px var(--color1-hex); } #rowFeaturesTransparencia .divFeature { display: flex; flex-direction: column; text-align: center; cursor: default; } #rowFeaturesTransparencia .divFeature:after { content: "\f0d7"; position: absolute; bottom: -23px; left: 50%; transform: translateX(-50%); } #rowFeaturesTransparencia .divFeature:after { font-family: "FontAwesome"; font-size: 80px; } #rowFeaturesTransparencia .divFeature .divIconCircle { margin: auto; border: solid 2px var(--color1-hex); } #rowFeaturesTransparencia .divFeature:hover .divIconCircle { opacity: 1; } #rowFeaturesTransparencia .divFeature h5 { margin-top: 20px !important; font-weight: 500; } #rowFeaturesTransparencia .divFeature:hover h5 { opacity: 1; font-weight: 500; } #rowFeaturesTransparencia .divFeature.inactive { background: none; border-color: #FFFFFF #FFFFFF var(--color1-hex) #FFFFFF; border-inline: inherit; cursor: pointer; } #rowFeaturesTransparencia .divFeature.inactive:after { display: none; } #rowFeaturesTransparencia .divFeature.inactive .divIconCircle { filter: grayscale(1); opacity: 0.5; } #rowFeaturesTransparencia .divFeature.inactive h5 { filter: grayscale(1); opacity: 0.5; font-weight: 300; } #rowFeaturesTransparencia .divFeatureContent { padding: 60px 40px; border: solid 2px var(--color5-hex); border-top: 0px; transition: none; } #rowFeaturesTransparencia .divFeatureContent.inactive { display: none; } #rowFeaturesTransparencia .divSeccion { margin-bottom: 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #rowFeaturesTransparencia .divSeccion h5 { margin-bottom: 40px !important; padding-bottom: 5px; width: 100%; } #rowFeaturesTransparencia .divSeccion h5 { border-bottom: solid 1px var(--color3-hex); text-align: center; } #rowFeaturesTransparencia .divSeccion .divImagen { background-repeat: no-repeat; background-position: center center; background-size: contain; } #rowFeaturesTransparencia .divSeccion .divTexto { max-width: 500px; } @media (max-width: 980px) { #rowFeaturesTransparencia .divFeature { padding: 15px; } #rowFeaturesTransparencia .divFeature:after { bottom: -22px; font-size: 70px; } #rowFeaturesTransparencia .divFeature .divIconCircle { width: 100px !important; height: 100px !important; } #rowFeaturesTransparencia .divFeature h5 { margin-top: 15px !important; } #rowFeaturesTransparencia .divFeatureContent { padding: 40px; } #rowFeaturesTransparencia .divSeccion { margin-bottom: 40px; } #rowFeaturesTransparencia .divSeccion h5 { margin-bottom: 30px !important; } } @media (max-width: 780px) { #rowFeaturesTransparencia .divFeature { padding: 10px; } #rowFeaturesTransparencia .divFeature:after { bottom: -20px; font-size: 60px; } #rowFeaturesTransparencia .divFeature .divIconCircle { width: 80px !important; height: 80px !important; } #rowFeaturesTransparencia .divFeature h5 { margin-top: 10px !important; } #rowFeaturesTransparencia .divFeatureContent { padding: 30px; } #rowFeaturesTransparencia .divSeccion { margin-bottom: 30px; } #rowFeaturesTransparencia .divSeccion h5 { margin-bottom: 20px !important; } } @media (max-width: 580px) { #rowFeaturesTransparencia .divFeature:after { bottom: -19px; font-size: 50px; } #rowFeaturesTransparencia .divFeature .divIconCircle { width: 60px !important; height: 60px !important; } #rowFeaturesTransparencia .divFeatureContent { padding: 20px; } #rowFeaturesTransparencia .divSeccion { margin-bottom: 20px; } #rowFeaturesTransparencia .divSeccion h5 { margin-bottom: 15px !important; } } @media (max-width: 480px) { #rowFeaturesTransparencia .divFeature:after { bottom: -18px; font-size: 45px; } #rowFeaturesTransparencia .divFeature .divIconCircle { width: 40px !important; height: 40px !important; } #rowFeaturesTransparencia .divFeature h5 { font-size: 14px !important; } } @media (max-width: 380px) { #rowFeaturesTransparencia .divFeature h5 { font-family: var(--font-family-narrow) !important; } #rowFeaturesTransparencia .divFeatureContent { padding: 15px; } #rowFeaturesTransparencia .divSeccion { margin-bottom: 15px; } #rowFeaturesTransparencia .divSeccion h5 { margin-bottom: 10px !important; } } /* NUESTRA ORGANIZACION */ #rowFeaturesTransparencia .divSeccionOrganigrama .imgV { display: none; } #rowFeaturesTransparencia .divSeccionPuestosTrabajo ul { margin: 0px 40px 0px 0px; } #rowFeaturesTransparencia .divSeccionPuestosTrabajo .divDownloadFile { white-space: nowrap; } #rowFeaturesTransparencia .divSeccionAltosCargos { align-items: flex-start; justify-content: space-between; } #rowFeaturesTransparencia .divSeccionAltosCargos .divCargo { width: 23.5%; text-align: center; } #rowFeaturesTransparencia .divSeccionAltosCargos h6 { margin: 10px 0px !important; font-size: 20px !important; font-weight: 600; } #rowFeaturesTransparencia .divSeccionAltosCargos p.pNombre { margin: 0px 0px 5px 0px; font-size: 18px !important; font-style: italic; } #rowFeaturesTransparencia .divSeccionAltosCargos p.pRetribucion { margin: 0px; line-height: 140%; } @media (max-width: 1080px) { #rowFeaturesTransparencia .divSeccionAltosCargos p.pRetribucion { font-family: var(--font-family-narrow) !important; } } @media (max-width: 980px) { #rowFeaturesTransparencia .divSeccionAltosCargos h6 { font-family: var(--font-family-narrow) !important; font-size: 16px !important; letter-spacing: -0.4px; } #rowFeaturesTransparencia .divSeccionAltosCargos p.pNombre { font-family: var(--font-family-narrow) !important; font-size: 16px !important; } #rowFeaturesTransparencia .divSeccionAltosCargos p.pRetribucion { font-size: 14px !important; letter-spacing: -0.4px; } } @media (max-width: 780px) { #rowFeaturesTransparencia .divSeccionOrganigrama .imgH { display: none; } #rowFeaturesTransparencia .divSeccionOrganigrama .imgV { width: 100%; max-width: 480px; display: initial; } #rowFeaturesTransparencia .divSeccionAltosCargos { justify-content: center; } #rowFeaturesTransparencia .divSeccionAltosCargos .divCargo { margin: 15px 30px; width: 35%; } #rowFeaturesTransparencia .divSeccionAltosCargos h6 { margin: 5px 0px !important; letter-spacing: normal; } #rowFeaturesTransparencia .divSeccionAltosCargos p.pRetribucion { letter-spacing: normal; } } @media (max-width: 580px) { #rowFeaturesTransparencia .divSeccionPuestosTrabajo { flex-direction: column; } #rowFeaturesTransparencia .divSeccionPuestosTrabajo ul { margin: 0px; } #rowFeaturesTransparencia .divSeccionPuestosTrabajo .divDownloadFile { margin-top: 10px; } #rowFeaturesTransparencia .divSeccionAltosCargos .divCargo { margin: 15px; width: 40%; } #rowFeaturesTransparencia .divSeccionAltosCargos p.pNombre { font-size: 14px !important; } #rowFeaturesTransparencia .divSeccionAltosCargos p.pRetribucion { font-size: 13px !important; } } @media (max-width: 480px) { #rowFeaturesTransparencia .divSeccionAltosCargos .divCargo { margin: 0px; padding: 15px; width: 100%; max-width: 200px; } } /* CALIDAD */ #rowFeaturesTransparencia .divSeccionRSA .divImagen { width: 300px; height: 300px; } #rowFeaturesTransparencia .divSeccionRSA .divTexto { padding-left: 40px; width: calc(100% - 300px); } #rowFeaturesTransparencia .divSeccionISO56001 .divTexto { width: 800px; max-width: none; } #rowFeaturesTransparencia .divSeccionISO56001 .divImagen { margin-top: 20px; width: 600px; display: flex; flex-wrap: wrap; justify-content: center; } #rowFeaturesTransparencia .divSeccionISO56001 .divImagen img { border: solid 1px #DDDDDD; } #rowFeaturesTransparencia .divSeccionISO56001 .mwp_download_file { margin: 20px 20px 0px 20px; display: table; } #rowFeaturesTransparencia .divSeccionISO9001 .divTexto { padding-right: 40px; width: calc(100% - 450px); } #rowFeaturesTransparencia .divSeccionISO9001 .divImagen { width: 450px; } #rowFeaturesTransparencia .divSeccionISO9001 .divImagen a { display: block; line-height: 0px; } #rowFeaturesTransparencia .divSeccionISO9001 .divImagen a:hover { opacity: 0.75; } /* #rowFeaturesTransparencia .divSeccionAENOR .divTexto { padding-right: 40px; width: calc(100% - 240px); } #rowFeaturesTransparencia .divSeccionAENOR .divImagen { width: 240px; height: auto; } #rowFeaturesTransparencia .divSeccionAENOR .divDownloadFile { margin-top: 20px; } */ #rowFeaturesTransparencia .divSeccionAntifraude .divImagen { width: 280px; height: calc(280px * 520 / 400); } #rowFeaturesTransparencia .divSeccionAntifraude .divTexto { padding-left: 40px; width: calc(100% - 280px); } #rowFeaturesTransparencia .divSeccionIgualdad .divImagen { width: 280px; height: calc(280px * 520 / 400); } #rowFeaturesTransparencia .divSeccionIgualdad .divDownloadFile { margin-top: 20px; white-space: nowrap; } #rowFeaturesTransparencia .divSeccionIgualdad .divTexto { padding-left: 40px; width: calc(100% - 280px); } #rowFeaturesTransparencia .divSeccionDenuncias .divImagen { width: 280px; height: calc(280px * 400 / 400); } #rowFeaturesTransparencia .divSeccionDenuncias .divDownloadFile { margin-top: 20px; white-space: nowrap; } #rowFeaturesTransparencia .divSeccionDenuncias .divTexto { padding-left: 40px; width: calc(100% - 280px); } @media (max-width: 980px) { #rowFeaturesTransparencia .divSeccionRSA .divImagen { width: 240px; height: 240px; } #rowFeaturesTransparencia .divSeccionRSA .divTexto { padding-left: 40px; width: calc(100% - 240px); } #rowFeaturesTransparencia .divSeccionISO56001 .divImagen { margin-top: 15px; width: 500px; } #rowFeaturesTransparencia .divSeccionISO56001 .mwp_download_file { margin: 15px auto 0px auto; } #rowFeaturesTransparencia .divSeccionISO9001 .divTexto { width: calc(100% - 350px); } #rowFeaturesTransparencia .divSeccionISO9001 .divImagen { width: 350px; } /* #rowFeaturesTransparencia .divSeccionAENOR .divTexto { padding-right: 40px; width: calc(100% - 180px); } #rowFeaturesTransparencia .divSeccionAENOR .divImagen { width: 180px; } */ #rowFeaturesTransparencia .divSeccionAntifraude .divImagen { width: 240px; height: calc(240px * 520 / 400); } #rowFeaturesTransparencia .divSeccionAntifraude .divTexto { padding-left: 40px; width: calc(100% - 240px); } #rowFeaturesTransparencia .divSeccionIgualdad .divImagen { width: 240px; height: calc(240px * 520 / 400); } #rowFeaturesTransparencia .divSeccionIgualdad .divTexto { padding-left: 40px; width: calc(100% - 240px); } #rowFeaturesTransparencia .divSeccionDenuncias .divImagen { width: 240px; height: calc(240px * 400 / 400); } #rowFeaturesTransparencia .divSeccionDenuncias .divTexto { padding-left: 40px; width: calc(100% - 240px); } } @media (max-width: 780px) { #rowFeaturesTransparencia .divSeccionRSA .divImagen { width: 200px; height: 200px; } #rowFeaturesTransparencia .divSeccionRSA .divTexto { padding-left: 30px; width: calc(100% - 200px); } #rowFeaturesTransparencia .divSeccionISO56001 .divImagen { width: 450px; } #rowFeaturesTransparencia .divSeccionISO9001 .divTexto { padding-right: 30px; width: calc(100% - 300px); } #rowFeaturesTransparencia .divSeccionISO9001 .divImagen { width: 300px; } /* #rowFeaturesTransparencia .divSeccionAENOR .divTexto { padding-right: 30px; width: calc(100% - 160px); } #rowFeaturesTransparencia .divSeccionAENOR .divImagen { width: 160px; } */ #rowFeaturesTransparencia .divSeccionAntifraude .divImagen { width: 200px; height: calc(200px * 520 / 400); } #rowFeaturesTransparencia .divSeccionAntifraude .divTexto { padding-left: 30px; width: calc(100% - 200px); } #rowFeaturesTransparencia .divSeccionIgualdad .divImagen { width: 200px; height: calc(200px * 520 / 400); } #rowFeaturesTransparencia .divSeccionIgualdad .divTexto { padding-left: 30px; width: calc(100% - 200px); } #rowFeaturesTransparencia .divSeccionDenuncias .divImagen { width: 200px; height: calc(200px * 400 / 400); } #rowFeaturesTransparencia .divSeccionDenuncias .divTexto { padding-left: 30px; width: calc(100% - 200px); } } @media (max-width: 680px) { #rowFeaturesTransparencia .divSeccionISO9001 .divTexto { padding-right: 0px; width: 100%; } #rowFeaturesTransparencia .divSeccionISO9001 .divImagen { margin-top: 20px; } } @media (max-width: 580px) { #rowFeaturesTransparencia .divSeccionRSA .divTexto { margin-top: 20px; padding-left: 0px; width: 100%; } #rowFeaturesTransparencia .divSeccionISO56001 .divImagen { flex-direction: column; } /* #rowFeaturesTransparencia .divSeccionAENOR .divTexto { margin-bottom: 20px; padding-right: 0px; width: 100%; } */ #rowFeaturesTransparencia .divSeccionAntifraude .divTexto { margin-top: 20px; padding-left: 0px; width: 100%; } #rowFeaturesTransparencia .divSeccionIgualdad .divTexto { margin-top: 20px; padding-left: 0px; width: 100%; } #rowFeaturesTransparencia .divSeccionDenuncias .divTexto { margin-top: 20px; padding-left: 0px; width: 100%; } } @media (max-width: 380px) { #rowFeaturesTransparencia .divSeccionRSA .divImagen { width: 160px; height: 160px; } #rowFeaturesTransparencia .divSeccionAntifraude .divImagen { width: 160px; height: calc(160px * 520 / 400); } #rowFeaturesTransparencia .divSeccionIgualdad .divImagen { width: 160px; height: calc(160px * 520 / 400); } #rowFeaturesTransparencia .divSeccionDenuncias .divImagen { width: 160px; height: calc(160px * 400 / 400); } } /* INFO ECONOMICO-PRESUPUESTARIA */ #rowFeaturesTransparencia .divSeccionInfoPlanActuacion { flex-direction: column; } #rowFeaturesTransparencia .divSeccionInfoPlanActuacion p { margin-bottom: 20px; } #rowFeaturesTransparencia .divSeccionInfoPlanActuacion .divDownloadFile { margin-top: 20px; white-space: nowrap; } @media (max-width: 480px) { #rowFeaturesTransparencia .divSeccionInfoPlanActuacion { align-items: flex-start; } }