/* CSS personalizado para 10 SEMANA H2 */ /**************************************** 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 ***********************************/ :root { --color-azul-1-hex: #012030; --color-azul-2-hex: #0786AD; --color-turquesa-hex: #2ADDBA; --color-verdoso-hex: #C5F78F; } #colophon { margin-top: -150px !important; } #colophon #rowFooterNewsletter .divNewsletter { position: relative; z-index: 1; } /*************************************** #rowCabeceraPage ****************************************/ #rowCabeceraPage * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowCabeceraPage .mwp_page_title h1 { color: var(--color-azul-1-hex) !important; } #rowCabeceraPage .divMenu { margin: auto; max-width: 1180px; } #rowCabeceraPage .divMenu ul { margin: 0px; list-style-type: none !important; display: flex; } #rowCabeceraPage .divMenu ul li { margin: 0px 15px 0px 0px; padding: 2px 15px; color: #FFFFFF; background: var(--color-azul-1-hex); cursor: pointer; white-space: nowrap; } #rowCabeceraPage .divMenu ul li:hover { transform: scale(1.1); } #rowCabeceraPage .divMenu ul li[ancla="RenMad"] { padding: 0px; } #rowCabeceraPage .divMenu ul li a { padding: 3px 15px 2px 15px; height: 100%; color: #FFFFFF; text-decoration: none; display: flex; align-items: center; justify-content: center; line-height: inherit; } @media (max-width: 1280px) { #rowCabeceraPage .divMenu { padding: 0px var(--caja-padding); } } @media (max-width: 1180px) { #rowCabeceraPage .divMenu ul li { margin: 0px 10px 0px 0px; padding: 2px 10px; } } @media (max-width: 1080px) { #rowCabeceraPage .divMenu ul { width: 780px; flex-wrap: wrap; } #rowCabeceraPage .divMenu ul li { margin: 0px 15px 10px 0px; width: calc((100% - 60px) / 4); text-align: center; } #rowCabeceraPage .divMenu ul li:hover { transform: scale(1.05); } } @media (max-width: 980px) { #rowCabeceraPage .divMenu ul { width: 680px; } #rowCabeceraPage .divMenu ul li:hover { color: var(--color1-hex); background: var(--color4-hex); transform: none; } } @media (max-width: 780px) { #rowCabeceraPage .divMenu ul { width: 520px; justify-content: flex-start; } #rowCabeceraPage .divMenu ul li { margin: 0px 5px 5px 0px !important; width: calc((100% - 15px) / 3); } } @media (max-width: 680px) { #rowCabeceraPage .mwp_page_head .divFondo { background-image: url("/wp-content/themes/fha_v4/images/fotos/cabecera-sh2a-mobile.jpg") !important; } } @media (max-width: 580px) { #rowCabeceraPage .divMenu ul { width: 100%; } #rowCabeceraPage .divMenu ul li { width: calc((100% - 10px) / 2); } } /************************************* #rowSemana-1 (EVENTO) *************************************/ #rowSemana-1 { margin: auto; } #rowSemana-1 * { color: var(--color-azul-1-hex) !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSemana-1 .divSemana-1 { display: flex; flex-wrap: wrap; } #rowSemana-1 .divHeading h2 { margin-top: 0px !important; line-height: 120%; } #rowSemana-1 .divIzdaTendencias { padding: 40px 60px; width: 60%; background-color: var(--color-turquesa-hex); } #rowSemana-1 .divIzdaTendencias p { margin-top: 20px; } #rowSemana-1 .divDchaTendencias { width: 40%; background-color: var(--color-turquesa-hex); background-image: url("/wp-content/themes/fha_v4/images/fotos/tendencias-sh2a.jpg"); } #rowSemana-1 .divDchaTendencias { background-repeat: no-repeat; background-position: left bottom; background-size: cover; } #rowSemana-1 .divIzdaNetworking { width: 40%; background: var(--color-verdoso-hex); background-image: url("/wp-content/themes/fha_v4/images/fotos/networking-sh2a.jpg"); } #rowSemana-1 .divIzdaNetworking { background-repeat: no-repeat; background-position: left bottom; background-size: cover; } #rowSemana-1 .divDchaNetworking { padding: 40px 60px; width: 60%; background: var(--color-verdoso-hex); } #rowSemana-1 .divDchaNetworking p { margin-top: 20px; } #rowSemana-1 .divRenmad { padding: 40px 60px; width: 100%; background-color: var(--color-turquesa-hex); } #rowSemana-1 .divRenmad p { margin-top: 20px; } #rowSemana-1 .divRenmad p a { text-decoration: underline; } @media (max-width: 1280px) { #rowSemana-1 .divIzdaTendencias { padding: 40px; } #rowSemana-1 .divDchaNetworking { padding: 40px; } } @media (max-width: 1180px) { #rowSemana-1 .divIzdaTendencias { padding: var(--caja-padding); } #rowSemana-1 .divDchaNetworking { padding: var(--caja-padding); } } @media (max-width: 980px) { #rowSemana-1 .divIzdaTendencias p { margin-top: 10px; } #rowSemana-1 .divDchaNetworking p { margin-top: 10px; } #rowSemana-1 .divRenmad p { margin-top: 10px; } } @media (max-width: 780px) { #rowSemana-1 .divIzdaTendencias { width: 70%; } #rowSemana-1 .divDchaTendencias { width: 30%; } #rowSemana-1 .divIzdaNetworking { width: 30%; } #rowSemana-1 .divDchaNetworking { width: 70%; } } @media (max-width: 580px) { #rowSemana-1 .divIzdaTendencias { width: 100%; } #rowSemana-1 .divDchaTendencias { display: none; } #rowSemana-1 .divIzdaNetworking { display: none; } #rowSemana-1 .divDchaNetworking { width: 100%; } } /************************************* #rowSemana-2 (AGENDA) *************************************/ #rowSemana-2 { margin: auto; } #rowSemana-2 * { color: var(--color-azul-1-hex) !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSemana-2 .divSemana-2 { padding: 80px 40px; } #rowSemana-2 .divMwpHeading { text-align: center; } #rowSemana-2 .divMwpHeading h2 { color: var(--color-azul-1-hex); } #rowSemana-2 .divAgenda { margin: 20px auto 0px auto; max-width: 1180px; display: flex; flex-wrap: wrap; justify-content: space-between; } #rowSemana-2 .divDia { margin-top: 40px; background-color: var(--color-turquesa-hex); box-shadow: 0px 15px 10px -10px rgba(var(--color1-rgb),0.5); } #rowSemana-2 .divDia10 { width: 100%; } #rowSemana-2 .divDia11 { width: 100%; } #rowSemana-2 .divDia12 { width: calc((100% - 40px) / 2); } #rowSemana-2 .divDia13 { width: calc((100% - 40px) / 2); } #rowSemana-2 .divDia14 { width: 100%; } #rowSemana-2 .divFecha { padding: 10px; font-size: 24px; font-weight: 600; color: #FFFFFF !important; background: var(--color-azul-1-hex); text-align: center; } #rowSemana-2 .divEventos { padding: 10px; } #rowSemana-2 .divEventos h4 { margin: 20px !important; font-weight: 600; text-align: center; } #rowSemana-2 .divEventos h6 { margin: 10px !important; padding: 4px 0px 2px 0px; font-weight: 600; border: solid 1px; border-width: 1px 0px; } #rowSemana-2 .divEvento { padding: 10px; display: flex; flex-wrap: wrap; align-items: center; } #rowSemana-2 .divEvento .divHora { width: 60px; font-size: 16px; font-weight: 500; } #rowSemana-2 .divEvento .divHora:before { content: "\f017"; margin-right: 5px; font-family: "FontAwesome"; font-weight: 100; } #rowSemana-2 .divEvento .divTitulo { padding-left: 20px; width: calc(100% - 60px); font-size: 18px; font-weight: 600; font-style: italic; line-height: 120%; } #rowSemana-2 .divEvento .divContentEvent { padding: 10px 0px 0px 80px; width: 100%; font-size: 16px; line-height: 120%; } #rowSemana-2 .divEvento .divContentEvent p { margin: 5px 0px; line-height: 120%; } #rowSemana-2 .divEvento .divContentEvent p:first-of-type { margin-top: 0px; } #rowSemana-2 .divEvento .divContentEvent ul { margin: 0px; line-height: 120%; list-style: disc; } #rowSemana-2 .divEvento .divContentEvent ul li { margin: 0px 0px 5px 20px; list-style: disc; line-height: 120%; } #rowSemana-2 .divEvento .divContentEvent .aButton { margin: 15px 15px 0px 0px; padding: 10px 20px; color: var(--color-azul-1-hex) !important; background: var(--color-verdoso-hex) !important; } #rowSemana-2 .divDia12 .divContentEvent { padding-left: 20px !important; } #rowSemana-2 .divDia13 .divContentEvent { padding-left: 20px !important; } @media (max-width: 1180px) { #rowSemana-2 .divDia12 .aButton { margin-right: 0px !important; min-width: 240px !important; } #rowSemana-2 .divDia13 .aButton { margin-right: 0px !important; min-width: 240px !important; } } @media (max-width: 980px) { #rowSemana-2 .divSemana-2 { padding: 60px 40px; } #rowSemana-2 .divDia { margin-top: 30px; } #rowSemana-2 .divDia12 { width: calc((100% - 30px) / 2); } #rowSemana-2 .divDia13 { width: calc((100% - 30px) / 2); } #rowSemana-2 .divFecha { padding: 8px; font-size: 20px; } #rowSemana-2 .divEventos h4 { margin: 15px !important; } #rowSemana-2 .divEventos h6 { margin: 8px !important; padding: 3px 0px 2px 0px; } #rowSemana-2 .divEvento { padding: 8px; } #rowSemana-2 .divEvento .divHora { width: 55px; font-size: 14px; } #rowSemana-2 .divEvento .divTitulo { padding-left: 15px; width: calc(100% - 55px); font-size: 16px; } #rowSemana-2 .divEvento .divContentEvent { padding: 8px 0px 0px 70px; font-size: 14px; } #rowSemana-2 .divEvento .divContentEvent ul li { margin: 0px 0px 5px 15px; } #rowSemana-2 .divEvento .divContentEvent .aButton { font-size: 14px; } #rowSemana-2 .divDia12 .divContentEvent { padding-left: 15px !important; } #rowSemana-2 .divDia13 .divContentEvent { padding-left: 15px !important; } } @media (max-width: 780px) { #rowSemana-2 .divSemana-2 { padding: 40px; } #rowSemana-2 .divDia { margin-top: 25px; } #rowSemana-2 .divDia12 { width: calc((100% - 25px) / 2); } #rowSemana-2 .divDia13 { width: calc((100% - 25px) / 2); } #rowSemana-2 .divFecha { padding: 6px; font-size: 18px; } #rowSemana-2 .divEventos h4 { margin: 10px !important; } #rowSemana-2 .divEventos h6 { margin: 6px !important; } #rowSemana-2 .divEvento { padding: 6px; } #rowSemana-2 .divEvento .divHora { width: 50px; font-size: 13px; } #rowSemana-2 .divEvento .divTitulo { padding-left: 10px; width: calc(100% - 50px); font-size: 14px; } #rowSemana-2 .divEvento .divContentEvent { padding: 6px 0px 0px 60px; font-size: 13px; } #rowSemana-2 .divEvento .divContentEvent ul li { margin: 0px 0px 5px 10px; } #rowSemana-2 .divEvento .divContentEvent .aButton { margin: 10px 10px 0px 0px; padding: 8px 15px; font-size: 13px; } #rowSemana-2 .divDia12 .divContentEvent { padding-left: 10px !important; } #rowSemana-2 .divDia13 .divContentEvent { padding-left: 10px !important; } #rowSemana-2 .divDia12 .aButton { min-width: 100% !important; } #rowSemana-2 .divDia13 .aButton { min-width: 100% !important; } } @media (max-width: 580px) { #rowSemana-2 .divSemana-2 { padding: 30px; } #rowSemana-2 .divDia { margin-top: 20px; } #rowSemana-2 .divDia12 { width: 100%; } #rowSemana-2 .divDia13 { width: 100%; } #rowSemana-2 .divFecha { padding: 5px; font-size: 16px; } #rowSemana-2 .divEvento { padding: 5px; align-items: baseline; } #rowSemana-2 .divEvento .divContentEvent { padding: 5px 0px 0px 18px; } #rowSemana-2 .divEvento .divContentEvent ul li { margin: 0px 0px 5px 15px; } #rowSemana-2 .divEvento .divContentEvent .aButton { margin: 10px 10px 0px 0px; } #rowSemana-2 .divDia12 .aButton { min-width: 240px !important; } #rowSemana-2 .divDia13 .aButton { min-width: 240px !important; } } @media (max-width: 380px) { #rowSemana-2 .divSemana-2 { padding: 30px 20px; } #rowSemana-2 .divDia12 .aButton { min-width: 100% !important; } #rowSemana-2 .divDia13 .aButton { min-width: 100% !important; } } /************************************ #rowSemana-3 (REGISTRO) ************************************/ #rowSemana-3 { margin: auto; background-color: var(--color-turquesa-hex) !important; } #rowSemana-3 * { color: var(--color-azul-1-hex) !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSemana-3 .divSemana-3 { padding: 40px; } #rowSemana-3 .divHeading { text-align: center; } #rowSemana-3 .divIntro { margin: 0px 0px 20px 0px; font-size: 24px; text-align: center; } #rowSemana-3 .divForm { margin: 20px auto; max-width: 1180px; display: flex; flex-wrap: wrap; } #rowSemana-3 .divGrupo { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } #rowSemana-3 .divGrupo h2 { margin: 20px 0px !important; width: 100%; } #rowSemana-3 .divField { margin-bottom: 20px; width: calc((100% - 40px) / 2); } #rowSemana-3 .divField label { margin-bottom: 5px; font-size: 18px; font-weight: 400; display: block; white-space: nowrap; } #rowSemana-3 .divField input { padding: 10px 15px; font-size: 18px; width: 100%; } #rowSemana-3 .divField input[type="checkbox"] { margin-right: 10px; width: 24px; height: 24px; } #rowSemana-3 .divField input[type="submit"] { padding: 15px 40px; width: auto; color: #FFFFFF !important; background: var(--color-azul-1-hex) !important; border-radius: 25px; } #rowSemana-3 .divField .wpcf7-list-item { margin: 0px !important; display: block; } #rowSemana-3 .divField .wpcf7-list-item label { margin-bottom: 10px; display: flex; align-items: center; } #rowSemana-3 .divFieldAsistencia { width: 100%; } #rowSemana-3 .divFieldAsistencia > label { margin-bottom: 20px; } #rowSemana-3 .divGrupoSubmit { flex-direction: column; align-items: center; } #rowSemana-3 .divFieldAcepto { width: 100% !important; display: flex; align-items: center; justify-content: center; } #rowSemana-3 .divFieldAcepto span { display: inline-block; white-space: nowrap; } #rowSemana-3 .divFieldAcepto a { margin-left: 5px; text-decoration: underline; white-space: nowrap; } #rowSemana-3 .divFieldSubmit { display: flex; align-items: center; justify-content: center; } #rowSemana-3 .divFieldLegal { margin: 0px; width: 100% !important; } #rowSemana-3 .divFieldLegal p { margin: 5px 0px; font-size: 14px; line-height: 120%; text-align: justify; } @media (max-width: 980px) { #rowSemana-3 .divGrupo { margin-top: 10px; } #rowSemana-3 .divIntro { font-size: 20px; } #rowSemana-3 .divField { width: calc((100% - 30px) / 2); } #rowSemana-3 .divField label { font-size: 16px; } #rowSemana-3 .divField input { font-size: 16px; } #rowSemana-3 .divField input[type="checkbox"] { width: 20px; height: 20px; } #rowSemana-3 .divFieldAcepto span { font-size: 16px; } #rowSemana-3 .divFieldAcepto a { font-size: 16px; } #rowSemana-3 .divFieldLegal p { font-size: 13px; } } @media (max-width: 780px) { #rowSemana-3 .divSemana-3 { padding: 30px; } #rowSemana-3 .divIntro { font-size: 18px; } #rowSemana-3 .divField { margin-bottom: 15px; width: calc((100% - 20px) / 2); } #rowSemana-3 .divField label { font-size: 14px; } #rowSemana-3 .divField input { padding: 8px 12px; font-size: 14px; } #rowSemana-3 .divField input[type="checkbox"] { margin-right: 8px; width: 18px; height: 18px; } #rowSemana-3 .divField input[type="submit"] { padding: 12px 35px; font-size: 16px; border-radius: 30px; } #rowSemana-3 .divFieldAcepto span { font-size: 14px; } #rowSemana-3 .divFieldAcepto a { font-size: 14px; } #rowSemana-3 .divFieldLegal p { font-size: 12px; } } @media (max-width: 580px) { #rowSemana-3 .divIntro { font-size: 16px; } #rowSemana-3 .divField { margin-bottom: 10px; width: 100%; } #rowSemana-3 .divGrupoSubmit { align-items: flex-start; } #rowSemana-3 .divFieldAcepto { width: 340px !important; display: block; } #rowSemana-3 .divFieldAcepto span { white-space: normal; } #rowSemana-3 .divFieldAcepto span:nth-of-type(2) { position: relative; bottom: 3px; } #rowSemana-3 .divFieldAcepto a { padding-left: 24px; display: block; } #rowSemana-3 .divFieldSubmit { justify-content: flex-start; } } @media (max-width: 480px) { #rowSemana-3 .divSemana-3 { padding: 20px; } #rowSemana-3 .divFieldAcepto { width: auto !important; } #rowSemana-3 .divFieldAcepto span:nth-of-type(2) { bottom: auto; display: inline; } #rowSemana-3 .divFieldAcepto a { padding-left: 0px; display: inline; } } /*********************************** #rowSemana-4 (PONENTES) ***********************************/ #rowSemana-4 { margin: auto; } #rowSemana-4 * { color: var(--color-azul-1-hex) !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSemana-4 .divSemana-4 { padding: 80px 40px 0px 40px; } #rowSemana-4 .divMwpHeading { border-bottom: solid 1px; text-align: center; } #rowSemana-4 .divPonentes { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center; } #rowSemana-4 .divPonente { margin: 20px; width: 200px; cursor: default; } #rowSemana-4 .divFoto { line-height: 0px; } #rowSemana-4 .divNombre { margin-top: 10px; font-family: var(--font-family-narrow) !important; font-size: 20px; font-weight: 700; } #rowSemana-4 .divNombre span { font-family: var(--font-family-narrow) !important; font-size: 16px; font-weight: 500; display: block; line-height: 120%; } @media (max-width: 980px) { #rowSemana-4 .divSemana-4 { padding: 60px 40px 0px 40px; } #rowSemana-4 .divPonente { margin: 15px; width: calc((100% - 120px) / 4); } #rowSemana-4 .divNombre { font-size: 18px; } #rowSemana-4 .divNombre span { font-size: 14px; } } @media (max-width: 780px) { #rowSemana-4 .divSemana-4 { padding: 40px 40px 0px 40px; } #rowSemana-4 .divPonente { margin: 10px; width: calc((100% - 60px) / 3); } #rowSemana-4 .divNombre { font-size: 16px; } #rowSemana-4 .divNombre span { font-size: 13px; } } @media (max-width: 580px) { #rowSemana-4 .divSemana-4 { padding: 30px 30px 0px 30px; } #rowSemana-4 .divPonente { width: calc((100% - 40px) / 2); } } @media (max-width: 380px) { #rowSemana-4 .divSemana-4 { padding: 30px 20px 0px 20px; } } @media (max-width: 300px) { #rowSemana-4 .divPonente { margin: 10px 0px; width: 100%; text-align: center; } #rowSemana-4 .divFoto { margin: auto; max-width: 150px; } } /********************************** #rowSemana-5 (COLABORADORES) *********************************/ #rowSemana-5 { margin: auto; } #rowSemana-5 * { color: var(--color-azul-1-hex) !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSemana-5 .divSemana-5 { padding: 80px 40px 0px 40px; } #rowSemana-5 .divMwpHeading { border-bottom: solid 1px; text-align: center; } #rowSemana-5 .divColaboradores { margin: auto; max-width: 1180px; display: flex; flex-wrap: wrap; justify-content: center; } #rowSemana-5 .divColaborador { margin: 20px; width: 250px; } #rowSemana-5 .divLogo { position: relative; } #rowSemana-5 .divLogo:before { content: ""; padding-top: 65%; display: block; } #rowSemana-5 .divLogo a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 0px; display: flex; align-items: center; justify-content: center; } #rowSemana-5 .divLogo a:hover { transform: scale(1.1); } #rowSemana-5 .divTexto { margin-top: 10px; font-size: 14px; font-style: italic; } @media (max-width: 1380px) { #rowSemana-5 .divColaboradores { max-width: none; } #rowSemana-5 .divColaborador { width: calc((100% - 160px) / 4); } } @media (max-width: 980px) { #rowSemana-5 .divSemana-5 { padding: 60px 40px 0px 40px; } #rowSemana-5 .divColaborador { width: calc((100% - 80px) / 2); max-width: 300px; } #rowSemana-5 .divLogo { margin: auto; max-width: 250px; } #rowSemana-5 .divLogo:before { padding-top: 40%; } #rowSemana-5 .divColaborador:last-of-type .divLogo a { padding: 0px 20%; } #rowSemana-5 .divTexto { font-size: 13px; } } @media (max-width: 780px) { #rowSemana-5 .divSemana-5 { padding: 40px 40px 0px 40px; } #rowSemana-5 .divTexto { font-size: 12px; } } @media (max-width: 580px) { #rowSemana-5 .divSemana-5 { padding: 30px 30px 0px 30px; } #rowSemana-5 .divColaborador { margin: 10px; width: calc((100% - 40px) / 2); } #rowSemana-5 .divColaborador:last-of-type .divLogo a { padding: 0px 15%; } #rowSemana-5 .divTexto { font-size: 11px; } } @media (max-width: 380px) { #rowSemana-5 .divSemana-5 { padding: 30px 20px 0px 20px; } #rowSemana-5 .divColaborador { margin: 20px 0px; width: 100%; text-align: center; } #rowSemana-5 .divLogo { max-width: 200px; } #rowSemana-5 .divLogo:before { display: none; } #rowSemana-5 .divLogo a { position: relative; top: auto; left: auto; } #rowSemana-5 .divColaborador:last-of-type { margin-top: -20px; } #rowSemana-5 .divColaborador:last-of-type .divLogo a { padding: 0px; } } /********************************* #rowSemana-6 (PATROCINADORES) *********************************/ #rowSemana-6 { margin: auto; } #rowSemana-6 * { color: var(--color-azul-1-hex) !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSemana-6 .divSemana-6 { padding: 80px 40px; } #rowSemana-6 .divMwpHeading { border-bottom: solid 1px; text-align: center; } #rowSemana-6 .divItems { margin: 40px auto 0px auto; width: 960px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #rowSemana-6 .divItem { padding: 20px 30px; width: calc(100% / 4); } #rowSemana-6 .divLogo { width: 100%; display: block; line-height: 0px; } #rowSemana-6 .divLogo a { width: 100%; display: block; line-height: 0px; } #rowSemana-6 .divLogo a:hover { transform: scale(1.1); } #rowSemana-6 .divItemsImpulsores { padding-bottom: 80px; } #rowSemana-6 .divItemsImpulsores .divItem { width: 350px; } @media (max-width: 1180px) { #rowSemana-6 .divItems { width: 100%; } } @media (max-width: 980px) { #rowSemana-6 .divSemana-6 { padding: 60px 40px; } #rowSemana-6 .divItemsImpulsores { padding-bottom: 60px; } #rowSemana-6 .divItem { padding: 15px 20px; } #rowSemana-6 .divItemsImpulsores .divItem { width: 300px; } } @media (max-width: 780px) { #rowSemana-6 .divSemana-6 { padding: 40px; } #rowSemana-6 .divItemsImpulsores { padding-bottom: 40px; } #rowSemana-6 .divItem { padding: 10px 20px; width: calc(100% / 3); } } @media (max-width: 580px) { #rowSemana-6 .divSemana-6 { padding: 30px; } #rowSemana-6 .divItemsImpulsores { padding-bottom: 30px; } #rowSemana-6 .divItem { padding: 0px 15px; width: calc(100% / 2); } #rowSemana-6 .divItemsImpulsores .divItem { width: 250px; } } @media (max-width: 380px) { #rowSemana-6 .divSemana-6 { padding: 30px 20px; } #rowSemana-6 .divItem { padding: 0px 10px; } #rowSemana-6 .divItemsImpulsores .divItem { width: 200px; } } /*********************************** #rowSemana-7 (PARALELAS) ************************************/ #rowSemana-7 { margin: auto; background-color: var(--color-turquesa-hex) !important; } #rowSemana-7 * { color: var(--color-azul-1-hex) !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSemana-7 .divSemana-7 { padding: 80px 40px; } #rowSemana-7 .divMwpHeading { text-align: center; } #rowSemana-7 .divParalelas { margin: 40px auto 0px auto; max-width: 1180px; display: flex; flex-wrap: wrap; justify-content: center; } #rowSemana-7 .divParalela { margin: 20px; padding: 20px; width: calc((100% - 120px) / 3); background: #FFFFFF; border: solid 1px; box-shadow: 0px 15px 10px -10px rgba(var(--color1-rgb),0.5); } #rowSemana-7 .divFecha { padding: 10px; width: fit-content; background: var(--color-azul-1-hex); text-align: center; } #rowSemana-7 .divFecha span { color: #FFFFFF !important; display: block; line-height: 100%; } #rowSemana-7 .divFecha .spanDia { font-size: 50px; font-weight: 500; } #rowSemana-7 .divFecha .spanMes { font-size: 20px; font-weight: 400; } #rowSemana-7 .divTitulo { margin-top: 20px; } #rowSemana-7 .divTitulo p { margin: 10px 0px; font-size: 20px; font-weight: 400; line-height: 120%; } @media (max-width: 980px) { #rowSemana-7 .divSemana-7 { padding: 60px 40px; } #rowSemana-7 .divParalela { width: calc((100% - 80px) / 2); } #rowSemana-7 .divFecha .spanDia { font-size: 40px; } #rowSemana-7 .divFecha .spanMes { font-size: 18px; } #rowSemana-7 .divTitulo p { font-size: 18px; } } @media (max-width: 780px) { #rowSemana-7 .divSemana-7 { padding: 40px; } #rowSemana-7 .divParalelas { margin: 30px auto 0px auto; } #rowSemana-7 .divParalela { margin: 15px; width: calc((100% - 60px) / 2); } #rowSemana-7 .divFecha .spanDia { font-size: 35px; } #rowSemana-7 .divFecha .spanMes { font-size: 16px; } #rowSemana-7 .divTitulo p { font-size: 16px; } } @media (max-width: 580px) { #rowSemana-7 .divSemana-7 { padding: 30px; } #rowSemana-7 .divParalela { margin: 10px 0px; padding: 0px; width: 100%; display: flex; } #rowSemana-7 .divFecha .spanDia { font-size: 30px; } #rowSemana-7 .divFecha .spanMes { font-size: 14px; } #rowSemana-7 .divTitulo { margin-top: 0px; padding: 0px 20px; } #rowSemana-7 .divTitulo p { font-size: 14px; } } @media (max-width: 380px) { #rowSemana-7 .divSemana-7 { padding: 30px 20px; } #rowSemana-7 .divParalelas { margin: 20px auto 0px auto; } } /*********************************** #rowSemana-8 (CÓMO LLEGAR) **********************************/ #rowSemana-8 { margin: auto; } #rowSemana-8 * { color: var(--color-azul-1-hex) !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSemana-8 .divSemana-8 { padding-top: 80px; } #rowSemana-8 .divMwpHeading { margin: 0px 40px; border-bottom: solid 1px; text-align: center; } #rowSemana-8 .divDireccion { margin: 40px; text-align: center; } #rowSemana-8 .divDireccion .spanNombre { font-size: 24px; font-weight: 500; display: block; } #rowSemana-8 .divDireccion .spanDomicilio { font-size: 20px; font-weight: 400; display: block; } #rowSemana-8 .divTransporte { margin: 40px; text-align: center; } #rowSemana-8 .divTransporte .divTexto { font-size: 20px; font-weight: 400; display: block; } #rowSemana-8 .divMedios { display: flex; justify-content: center; } #rowSemana-8 .divMedio { margin: 20px; padding: 5px; width: 200px; border: solid 2px var(--color-azul-1-hex); border-radius: 20px; cursor: default; } #rowSemana-8 .divMedio .divIcono { padding: 15px; background: var(--color-azul-1-hex); border-radius: 15px 15px 0px 0px; } #rowSemana-8 .divMedio .divIcono i { font-size: 80px; color: #FFFFFF !important; } #rowSemana-8 .divMedio .divIcono span { margin-top: 15px; font-size: 24px; font-weight: 600; color: #FFFFFF !important; display: block; line-height: 100%; } #rowSemana-8 .divMedio .divLineas { margin-top: 5px; padding: 15px; height: 120px; background: var(--color-azul-1-hex); border-radius: 0px 0px 15px 15px; } #rowSemana-8 .divMedio .divLineas { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #rowSemana-8 .divMedio .divLineas span { margin: 5px; width: 40px; height: 30px; font-size: 20px; font-weight: 600; background: #FFFFFF; border-radius: 5px; } #rowSemana-8 .divMedio .divLineas span { display: flex; align-items: center; justify-content: center; line-height: 100%; } #rowSemana-8 .aGoogleMaps { margin: 20px; width: 200px; border: solid 6px var(--color-azul-1-hex); border-radius: 20px; } #rowSemana-8 .aGoogleMaps:hover { transform: scale(1.1); } #rowSemana-8 .divGoogleMaps { padding: 15px 15px 10px 15px; } #rowSemana-8 .divGoogleMaps .divIcono { margin: auto; width: 90px; line-height: 0px; } #rowSemana-8 .divGoogleMaps .divTrayecto { margin: 10px auto 0px auto; line-height: 0px; } #rowSemana-8 .divMapa { height: 600px; } @media (max-width: 980px) { #rowSemana-8 .divSemana-8 { padding-top: 60px; } #rowSemana-8 .divDireccion { margin: 30px 40px; } #rowSemana-8 .divDireccion .spanNombre { font-size: 20px; } #rowSemana-8 .divDireccion .spanDomicilio { font-size: 18px; } #rowSemana-8 .divTransporte { margin: 30px 40px; } #rowSemana-8 .divTransporte .divTexto { font-size: 18px; } #rowSemana-8 .divMedio { margin: 10px; width: calc((100% - 60px) / 3); border-radius: 15px; } #rowSemana-8 .divMedio .divIcono { border-radius: 12px 12px 0px 0px; } #rowSemana-8 .divMedio .divIcono i { font-size: 70px; } #rowSemana-8 .divMedio .divIcono span { margin-top: 10px; font-size: 20px; } #rowSemana-8 .divMedio .divLineas { height: 16.4vw; border-radius: 0px 0px 12px 12px; } #rowSemana-8 .divMedio .divLineas span { font-size: 18px; } #rowSemana-8 .aGoogleMaps { margin: 10px; width: calc((100% - 60px) / 3); border-radius: 15px; } #rowSemana-8 .divGoogleMaps .divIcono { width: 80px; } } @media (max-width: 780px) { #rowSemana-8 .divSemana-8 { padding-top: 40px; } #rowSemana-8 .divDireccion { margin: 20px 30px; } #rowSemana-8 .divDireccion .spanNombre { font-size: 18px; } #rowSemana-8 .divDireccion .spanDomicilio { font-size: 16px; } #rowSemana-8 .divTransporte { margin: 30px 20px; } #rowSemana-8 .divTransporte .divTexto { font-size: 16px; } #rowSemana-8 .divMedio { border-width: 1px; border-radius: 10px; } #rowSemana-8 .divMedio .divIcono { border-radius: 10px 10px 0px 0px; } #rowSemana-8 .divMedio .divIcono i { font-size: 60px; } #rowSemana-8 .divMedio .divIcono span { font-size: 18px; } #rowSemana-8 .divMedio .divLineas { border-radius: 0px 0px 10px 10px; } #rowSemana-8 .divMedio .divLineas span { width: 30px; height: 25px; font-size: 16px; } #rowSemana-8 .aGoogleMaps { border-width: 4px; border-radius: 10px; } #rowSemana-8 .aGoogleMaps:hover { transform: scale(1.05); } #rowSemana-8 .divGoogleMaps { padding: 10px 10px 5px 10px; } #rowSemana-8 .divGoogleMaps .divIcono { width: 70px; } #rowSemana-8 .divMapa { height: 500px; } } @media (max-width: 680px) { #rowSemana-8 .divMedio { margin: 10px 6px; width: calc((100% - 36px) / 3); } #rowSemana-8 .aGoogleMaps { margin: 10px 6px; width: calc((100% - 36px) / 3); } } @media (max-width: 580px) { #rowSemana-8 .divSemana-8 { padding-top: 30px; } #rowSemana-8 .divDireccion { margin: 20px; } #rowSemana-8 .divDireccion .spanNombre { font-size: 16px; } #rowSemana-8 .divDireccion .spanDomicilio { font-size: 14px; } #rowSemana-8 .divTransporte .divTexto { font-size: 14px; } #rowSemana-8 .divMedios { flex-wrap: wrap; } #rowSemana-8 .divMedio { margin: 10px; width: 170px; } #rowSemana-8 .divMedio .divIcono i { font-size: 50px; } #rowSemana-8 .divMedio .divIcono span { font-size: 16px; } #rowSemana-8 .divMedio .divLineas { height: 100px; } #rowSemana-8 .aGoogleMaps { margin: 10px; width: 360px; } #rowSemana-8 .divGoogleMaps { padding: 10px; display: flex; align-items: center; justify-content: center; } #rowSemana-8 .divGoogleMaps .divIcono { margin: 0px 10px 0px 0px; width: 80px; } #rowSemana-8 .divGoogleMaps .divTrayecto { margin: 0px 0px 0px 10px; width: 180px; } } @media (max-width: 480px) { #rowSemana-8 .divMedio { margin: 10px 6px; width: 150px; } #rowSemana-8 .divMedio .divLineas span { margin: 4px; width: 26px; height: 22px; font-size: 14px; } #rowSemana-8 .aGoogleMaps { width: 315px; } #rowSemana-8 .divGoogleMaps .divIcono { width: 70px; } } @media (max-width: 380px) { #rowSemana-8 .divSemana-8 { padding-top: 20px; } #rowSemana-8 .divDireccion { margin: 15px; } #rowSemana-8 .divDireccion .spanNombre { font-size: 14px; } #rowSemana-8 .divDireccion .spanDomicilio { font-size: 13px; } #rowSemana-8 .divTransporte { margin: 20px; } #rowSemana-8 .divMedio { margin: 10px 0px; width: 100%; display: flex; } #rowSemana-8 .divMedio .divIcono { width: 100px; border-radius: 10px 0px 0px 10px; } #rowSemana-8 .divMedio .divIcono i { font-size: 55px; } #rowSemana-8 .divMedio .divIcono span { font-size: 16px; } #rowSemana-8 .divMedio .divLineas { margin: 0px 0px 0px 5px; padding: 20px 28px; width: calc(100% - 105px); height: 111px; border-radius: 0px 10px 10px 0px; } #rowSemana-8 .divMedio .divLineas span { width: 30px; height: 25px; font-size: 16px; } #rowSemana-8 .aGoogleMaps { margin: 10px 0px; width: 100%; border-width: 4px; } #rowSemana-8 .divGoogleMaps { padding: 10px 10px 5px 10px; } #rowSemana-8 .divGoogleMaps .divIcono { width: 60px; } #rowSemana-8 .divGoogleMaps .divTrayecto { width: 160px; } } @media (max-width: 350px) { #rowSemana-8 .divMedio .divLineas { padding: 20px 15px; } }