/* CSS personalizado para 07 PREMIOS */ /**************************************** 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 ***********************************/ @media (max-width: 780px) { .mwp_page_head .divPageHead .divFondo { background-position: left; } } /***************************************** #rowPremios-1 *****************************************/ #rowPremios-1 { margin: auto; } #rowPremios-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowPremios-1 .divPremios-1 { display: flex; } #rowPremios-1 .divIzda { padding: 80px; width: 50%; display: flex; flex-direction: column; } #rowPremios-1 .divHeading h2 { margin-top: 0px !important; line-height: 120%; } #rowPremios-1 .divIzda p { margin-top: 20px; } #rowPremios-1 .divDcha { width: 50%; background-image: url("/wp-content/themes/fha_v4/images/fotos/aplaudir.jpg"); } #rowPremios-1 .divDcha { background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 1280px) { #rowPremios-1 .divIzda { padding: 60px; width: 60%; } #rowPremios-1 .divDcha { width: 40%; } } @media (max-width: 1180px) { #rowPremios-1 .divIzda { padding: var(--caja-padding); } } @media (max-width: 980px) { #rowPremios-1 .divIzda { width: 65%; } #rowPremios-1 .divIzda p { margin-top: 10px; } #rowPremios-1 .divDcha { width: 35%; } } @media (max-width: 780px) { #rowPremios-1 .divIzda p { margin-top: 0px; } } @media (max-width: 580px) { #rowPremios-1 .divPremios-1 { flex-direction: column-reverse; } #rowPremios-1 .divIzda { width: 100%; } #rowPremios-1 .divDcha { width: 100%; height: 200px; } } @media (max-width: 380px) { #rowPremios-1 .divDcha { height: 160px; } } /***************************************** #rowPremios-2 *****************************************/ #rowPremios-2 { margin: auto; max-width: 1180px; } #rowPremios-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowPremios-2 .divPremios-2 { padding: var(--caja-padding); } #rowPremios-2 .divMwpHeading { text-align: center; } #rowPremios-2 .divCategorias { margin-top: 60px; display: flex; justify-content: center; } #rowPremios-2 .divCategoria { width: 300px; text-align: center; } #rowPremios-2 .divImporte { font-size: 70px; } #rowPremios-2 .divTexto { font-size: 16px; } #rowPremios-2 .divNotas { margin-top: 60px; font-size: 14px; font-style: italic; text-align: center; } #rowPremios-2 .divNotas p { margin: 0px; } @media (max-width: 980px) { #rowPremios-2 .divCategorias { margin-top: 40px; } #rowPremios-2 .divCategoria { width: calc(100% / 3); } #rowPremios-2 .divImporte { font-size: 60px; } #rowPremios-2 .divTexto { font-size: 14px; } #rowPremios-2 .divNotas { margin-top: 40px; font-size: 13px; } } @media (max-width: 780px) { #rowPremios-2 .divCategorias { margin-top: 30px; justify-content: space-around; } #rowPremios-2 .divCategoria { width: auto; } #rowPremios-2 .divImporte { font-size: 50px; } #rowPremios-2 .divTexto { font-size: 13px; } #rowPremios-2 .divNotas { margin-top: 30px; font-size: 13px; } } @media (max-width: 680px) { #rowPremios-2 .divCategorias { margin-top: 20px; flex-wrap: wrap; } #rowPremios-2 .divCategoria { margin-bottom: 20px; } #rowPremios-2 .divCategoria:nth-of-type(1) { width: 100%; } #rowPremios-2 .divImporte { font-size: 40px; } #rowPremios-2 .divNotas { margin-top: 10px; } } @media (max-width: 580px) { #rowPremios-2 .divImporte { font-size: 30px; } } @media (max-width: 480px) { #rowPremios-2 .divCategoria { width: 100%; } #rowPremios-2 .divTexto br480 > br5080:before { content: " - "; } } @media (max-width: 380px) { #rowPremios-2 .divTexto br480 > br5080:before { content: "\A"; } } /***************************************** #rowPremios-3 *****************************************/ #rowPremios-3 { margin: auto; } #rowPremios-3 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowPremios-3 .divPremios-3 { display: flex; } #rowPremios-3 .divIzda { width: 50%; background-image: url("/wp-content/themes/fha_v4/images/fotos/microscopio.jpg"); } #rowPremios-3 .divIzda { background-repeat: no-repeat; background-position: center center; background-size: cover; } #rowPremios-3 .divDcha { padding: 80px; width: 50%; display: flex; flex-direction: column; } #rowPremios-3 .divHeading h2 { margin-top: 0px !important; line-height: 120%; } #rowPremios-3 .divDcha p { margin-top: 20px; } #rowPremios-3 .divDcha .mwp_download_file { margin: 10px 0px; } @media (max-width: 1280px) { #rowPremios-3 .divIzda { width: 45%; } #rowPremios-3 .divDcha { padding: 60px; width: 55%; } } @media (max-width: 1180px) { #rowPremios-3 .divDcha { padding: var(--caja-padding); } } @media (max-width: 980px) { #rowPremios-3 .divDcha p { margin-top: 10px; } } @media (max-width: 780px) { #rowPremios-3 .divDcha p { margin-top: 0px; } #rowPremios-3 .divDcha p:last-of-type { margin-top: 20px; } #rowPremios-3 .divDcha .mwp_download_file { margin: 5px 0px; } } @media (max-width: 580px) { #rowPremios-3 .divPremios-3 { flex-direction: column; } #rowPremios-3 .divIzda { width: 100%; height: 200px; } #rowPremios-3 .divDcha { width: 100%; } } @media (max-width: 380px) { #rowPremios-3 .divIzda { height: 160px; } } /***************************************** #rowPremios-4 *****************************************/ #rowPremios-4 { margin: auto; max-width: 1180px; } #rowPremios-4 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowPremios-4 .divPremios-4 { padding: var(--caja-padding); } #rowPremios-4 .divMwpHeading { margin-bottom: 40px; max-width: 880px; } #rowPremios-4 .divRowContent { max-width: 880px; } #rowPremios-4 .divRowContent ul { margin: 20px 0px 0px 0px; list-style-type: none !important; } #rowPremios-4 .divRowContent li { margin: 0px 0px 20px 0px; padding-left: 50px; background-image: url("/wp-content/themes/fha_v4/images/iconos/icono_arrow_right.png"); } #rowPremios-4 .divRowContent li { background-repeat: no-repeat; background-position: left 7px; background-size: 30px; } #rowPremios-4 .divRowContent li:last-of-type { margin-bottom: 0px; } #rowPremios-4 .divMwpDownload { margin-top: 40px; } @media (max-width: 980px) { #rowPremios-4 .divMwpHeading { margin-bottom: 30px; } #rowPremios-4 .divRowContent li { margin: 0px 0px 10px 0px; padding-left: 40px; background-position: left 5px; background-size: 24px; } #rowPremios-4 .divMwpDownload { margin-top: 30px; } } @media (max-width: 780px) { #rowPremios-4 .divMwpHeading { margin-bottom: 20px; } #rowPremios-4 .divRowContent li { margin: 0px 0px 5px 0px; padding-left: 30px; background-position: left 5px; background-size: 20px; } #rowPremios-4 .divMwpDownload { margin-top: 20px; } } /***************************************** #rowPremios-5 *****************************************/ #rowPremios-5 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowPremios-5 .divPremios-5 { position: relative; padding: 60px var(--caja-padding); } #rowPremios-5 .divPremios-5:after { content: ""; position: absolute; top: 100%; left: 0px; width: 100%; height: var(--divNewsletter-height); background: var(--color5-hex); } #rowPremios-5 .divForm { margin: auto; max-width: 1180px; display: flex; flex-wrap: wrap; } #rowPremios-5 .divGrupo { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } #rowPremios-5 .divGrupo h2 { margin: 20px 0px !important; width: 100%; } #rowPremios-5 .divField { margin-bottom: 20px; width: calc((100% - 40px) / 2); } #rowPremios-5 .divField label { margin-bottom: 5px; font-size: 18px; font-weight: 400; display: block; } #rowPremios-5 .divField input { padding: 10px 15px; font-size: 18px; width: 100%; } #rowPremios-5 .divField input[type="file"] { padding: 10px; font-size: 16px; background: #FFFFFF; } #rowPremios-5 .divField input[type="checkbox"] { margin-right: 10px; width: 24px; height: 24px; } #rowPremios-5 .divField input[type="submit"] { padding: 15px 40px; width: auto; border-radius: 25px; } #rowPremios-5 .divField select { padding: 10px 15px; width: 100%; font-size: 18px; background: #FFFFFF; } #rowPremios-5 .divField .spanNota { font-size: 14px; font-weight: 300; display: block; } #rowPremios-5 .divFieldTrabajo { width: calc((100% - 40px) / 2); } #rowPremios-5 .divFieldCerUni { width: calc((100% - 40px) / 2); } #rowPremios-5 .divFieldAcrPre { width: calc((100% - 40px) / 2); } #rowPremios-5 .divFieldDecJur { width: calc((100% - 40px) / 2); } #rowPremios-5 .divFieldResumen { width: calc((100% - 80px) / 3); } #rowPremios-5 .divFieldFicha { width: calc((100% - 80px) / 3); } #rowPremios-5 .divFieldCurriculo { width: calc((100% - 80px) / 3); } #rowPremios-5 .divFieldLegal { width: 100% !important; } #rowPremios-5 .divFieldLegal p { margin: 5px 0px; font-size: 14px; line-height: 120%; text-align: justify; } #rowPremios-5 .divFieldAcepto { width: 100% !important; display: flex; align-items: center; } #rowPremios-5 .divFieldAcepto .wpcf7-list-item { margin: 0px; } #rowPremios-5 .divFieldAcepto span { display: inline-block; white-space: nowrap; } #rowPremios-5 .divFieldAcepto a { margin-left: 5px; text-decoration: underline; white-space: nowrap; } #rowPremios-5 .divFieldAcepto .aSelloSSL { margin-left: auto; } #rowPremios-5 .divFieldAcepto .aSelloSSL img { width: 200px; } #rowPremios-5 .divFieldSubmit { display: flex; align-items: center; } @media (max-width: 980px) { #rowPremios-5 .divPremios-5 { padding: 40px var(--caja-padding); } #rowPremios-5 .divGrupo { margin-top: 10px; } #rowPremios-5 .divField { width: calc((100% - 30px) / 2); } #rowPremios-5 .divField label { font-size: 16px; } #rowPremios-5 .divField input { font-size: 16px; } #rowPremios-5 .divField input[type="file"] { font-size: 14px; } #rowPremios-5 .divField input[type="checkbox"] { width: 20px; height: 20px; } #rowPremios-5 .divField select { font-size: 16px; } #rowPremios-5 .divField .spanNota { font-size: 14px; } #rowPremios-5 .divFieldLegal p { font-size: 13px; } #rowPremios-5 .divFieldAcepto .aSelloSSL img { width: 180px; } } @media (max-width: 780px) { #rowPremios-5 .divPremios-5 { padding: var(--caja-padding); } #rowPremios-5 .divGrupo h2 { margin: 10px 0px !important; } #rowPremios-5 .divField { margin-bottom: 15px; } #rowPremios-5 .divField label { font-size: 14px; white-space: nowrap; } #rowPremios-5 .divField input { padding: 8px 12px; font-size: 14px; } #rowPremios-5 .divField input[type="file"] { padding: 8px; font-size: 13px; } #rowPremios-5 .divField input[type="checkbox"] { margin-right: 8px; width: 18px; height: 18px; } #rowPremios-5 .divField input[type="submit"] { padding: 12px 35px; font-size: 16px; border-radius: 30px; } #rowPremios-5 .divField select { padding: 8px 12px; font-size: 14px; } #rowPremios-5 .divField .spanNota { font-size: 13px; } #rowPremios-5 .divFieldAcepto { position: relative; } #rowPremios-5 .divFieldAcepto .aSelloSSL { position: absolute; top: calc(100% + 20px); right: 0px; } #rowPremios-5 .divFieldSubmit { margin-top: 20px; } } @media (max-width: 680px) { #rowPremios-5 .divField { margin-bottom: 10px; width: 100%; } #rowPremios-5 .divField label { white-space: normal; } #rowPremios-5 .divFieldAcepto { display: block; } #rowPremios-5 .divFieldAcepto span { font-size: 14px; white-space: normal; } #rowPremios-5 .divFieldAcepto span:nth-of-type(2) { position: relative; bottom: 3px; } #rowPremios-5 .divFieldAcepto a { padding-left: 24px; font-size: 14px; display: block; } } @media (max-width: 480px) { #rowPremios-5 .divField { flex-direction: column; } #rowPremios-5 .divField input[type="submit"] { margin-bottom: 10px; padding: 15px 40px; width: auto; font-size: 18px; border-radius: 25px; } #rowPremios-5 .divFieldAcepto { display: flex; flex-direction: column; } #rowPremios-5 .divFieldAcepto input[type="checkbox"] { margin-right: 0px; } #rowPremios-5 .divFieldAcepto a { margin-left: 0px; padding-left: 0px; } #rowPremios-5 .divFieldAcepto .aSelloSSL { position: relative; top: auto; right: auto; margin-top: 20px; margin-left: initial; } #rowPremios-5 .divFieldAcepto span:nth-of-type(2) { text-align: center; } }