/* CSS personalizado para single RUTA */ /**************************************** GAMA DE COLORES ****************************************/ /* Rojo Oscuro: E11F1D rgb(225, 31, 29) */ /* Gris: 999999 rgb(153,153,153) */ /* Rojo Medio: F08F8E rgb(240,143,142) */ /* Rojo Claro: F7C7C6 rgb(247,199,198) */ /* Rojo Muy Claro: FBE3E2 rgb(251,227,226) */ /* Gris: B0B0B0 rgb(176,176,176) */ /************************************ MODIFICADOS DE syle-home ***********************************/ #rowHeaderInfo .divFlags { display: none !important; } #main { padding: 0px !important; } #main .full-container { max-width: none !important; } #colophon { background-image: var(--fondo-huella-blanco); } /**************************************** #rowSingleRuta *****************************************/ #rowSingleRuta { padding: 0px !important; } #rowSingleRuta * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowSingleRuta .divCabecera { position: relative; width: 100%; height: 650px; border-bottom: solid calc(var(--menu-border-width) / 2) var(--color1-hex); } #rowSingleRuta .divCabecera .divFondo { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.75; } #rowSingleRuta .divCabecera .divFondo { background-repeat: no-repeat; background-position: center; background-size: cover; } #rowSingleRuta .divCabecera .divContent { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); padding: 0px 100px; width: 100%; text-align: center; } #rowSingleRuta .divCabecera .divTitulo { font-size: 70px; font-weight: 700; color: var(--color1-hex); white-space: nowrap; cursor: default; } #rowSingleRuta .divCabecera .divTitulo { text-shadow: 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 3px 3px 3px rgba(255,255,255,0.7); } #rowSingleRuta .divCabecera .divLogo { margin: 20px auto 0px auto; width: 150px; line-height: 0px; } #rowSingleRuta .divDatos { padding: 40px; width: 100%; background: #DEDEDE; display: flex; align-items: center; justify-content: center; } #rowSingleRuta .divDatos .divDato { padding: 0px 40px; text-align: center; cursor: default; } #rowSingleRuta .divDatos .divDato .mwp { margin: auto; width: 96px; height: 96px; } #rowSingleRuta .divDatos .divDato .spanLabel { font-size: 20px; font-weight: 300; color: #666666; display: block; } #rowSingleRuta .divDatos .divDato .spanValue { font-size: 40px; color: #666666; display: block; } #rowSingleRuta .divCols { width: 100%; background-image: var(--fondo-huella-blanco); display: flex; flex-wrap: wrap; } #rowSingleRuta .divCols .divColIzda { padding: 60px 60px 0px 200px; width: 50%; cursor: default; } #rowSingleRuta .divCols .divColDcha { width: 50%; } #rowSingleRuta .divColIzda .divDificultad .spanLabel { font-size: 20px; font-weight: 300; color: #666666; display: block; } #rowSingleRuta .divColIzda .divDificultad .divIconos { margin: 20px 0px; display: flex; align-items: center; } #rowSingleRuta .divColIzda .divDificultad .mwp-dificultad { margin-right: 10px; width: 50px; height: 50px; } #rowSingleRuta .divColIzda .divDificultad .spanValue { font-size: 40px; color: #666666; display: block; } #rowSingleRuta .divColIzda .divInicioFinal ul { margin: 20px 0px; list-style-type: disc; } #rowSingleRuta .divColIzda .divInicioFinal li { margin-bottom: 10px; } #rowSingleRuta .divColIzda .divInicioFinal .spanLabel { width: 70px; font-size: 16px; font-weight: 700; display: inline-block; } #rowSingleRuta .divColIzda .divInicioFinal .spanValue { font-size: 16px; display: inline-block; } #rowSingleRuta .divColIzda .divDescripcion p { margin: 10px 0px; text-align: justify; } #rowSingleRuta .divColIzda .divFrase { margin: 40px auto; width: 400px; font-family: var(--font-family-philladelphia); font-size: 45px; text-align: center; line-height: 120%; } #rowSingleRuta .divColDcha .divWikiloc { padding: 40px 40px 0px 0px; } #rowSingleRuta .divColDcha .divWikiloc iframe { width: 100%; height: 800px; } #rowSingleRuta .divColDcha .divMapa { line-height: 0px; } #rowSingleRuta .divColDcha .divMapa img { width: 100%; } #rowSingleRuta .divColDcha .divPerfil { margin-top: 20px; line-height: 0px; } #rowSingleRuta .divColDcha .divPerfil img { width: 100%; } #rowSingleRuta .divShare { padding: 40px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #rowSingleRuta .divShare hr { width: 100%; } #rowSingleRuta .divShare .divShareLabel { margin-right: 20px; } @media (max-width: 1380px) { #rowSingleRuta .divCabecera .divContent { padding: 0px 50px; } #rowSingleRuta .divCabecera .divTitulo { font-size: 60px; } #rowSingleRuta .divCols .divColIzda { padding: 60px 60px 0px 100px; } } @media (max-width: 1180px) { #rowSingleRuta .divCabecera { height: 550px; } #rowSingleRuta .divCabecera .divContent { padding: 0px 40px; } #rowSingleRuta .divCabecera .divTitulo { font-size: 50px; } #rowSingleRuta .divCabecera .divLogo { width: 120px; } #rowSingleRuta .divCols .divColIzda { padding: 60px 60px 0px 60px; } #rowSingleRuta .divColIzda .divFrase { width: 100%; font-size: 40px; } } @media (max-width: 980px) { #rowSingleRuta .divCabecera { height: 450px; } #rowSingleRuta .divCabecera .divContent { padding: 0px 80px; } #rowSingleRuta .divCabecera .divTitulo { font-size: 45px; white-space: normal; } #rowSingleRuta .divCabecera .divLogo { width: 100px; } #rowSingleRuta .divDatos { padding: 30px; } #rowSingleRuta .divDatos .divDato { padding: 0px 30px; } #rowSingleRuta .divDatos .divDato .mwp { width: 72px; height: 72px; } #rowSingleRuta .divDatos .divDato .spanLabel { font-size: 18px; } #rowSingleRuta .divDatos .divDato .spanValue { font-size: 35px; } #rowSingleRuta .divCols .divColIzda { padding: 40px 40px 0px 40px; width: 100%; } #rowSingleRuta .divCols .divColDcha { width: 100%; } #rowSingleRuta .divColIzda .divDificultad .spanLabel { font-size: 18px; } #rowSingleRuta .divColIzda .divDificultad .divIconos { margin: 15px 0px; } #rowSingleRuta .divColIzda .divDificultad .mwp-dificultad { margin-right: 8px; width: 45px; height: 45px; } #rowSingleRuta .divColIzda .divDificultad .spanValue { font-size: 35px; } #rowSingleRuta .divColIzda .divInicioFinal ul { margin: 15px 0px; } #rowSingleRuta .divColIzda .divInicioFinal li { margin-bottom: 5px; } #rowSingleRuta .divColIzda .divFrase { margin: 30px auto; font-size: 35px; } #rowSingleRuta .divColDcha .divWikiloc { padding: 0px 40px; } } @media (max-width: 780px) { #rowSingleRuta .divCabecera { height: 400px; } #rowSingleRuta .divCabecera .divContent { padding: 0px 60px; } #rowSingleRuta .divCabecera .divTitulo { font-size: 40px; } #rowSingleRuta .divDatos { padding: 25px; } #rowSingleRuta .divDatos .divDato { padding: 0px 25px; } #rowSingleRuta .divDatos .divDato .mwp { width: 64px; height: 64px; } #rowSingleRuta .divDatos .divDato .spanLabel { font-size: 16px; } #rowSingleRuta .divDatos .divDato .spanValue { font-size: 30px; } #rowSingleRuta .divColIzda .divDificultad .spanLabel { font-size: 16px; } #rowSingleRuta .divColIzda .divDificultad .divIconos { margin: 10px 0px; } #rowSingleRuta .divColIzda .divDificultad .mwp-dificultad { margin-right: 5px; width: 40px; height: 40px; } #rowSingleRuta .divColIzda .divDificultad .spanValue { font-size: 30px; } #rowSingleRuta .divColIzda .divInicioFinal ul { margin: 10px 0px; } #rowSingleRuta .divColIzda .divFrase { margin: 20px auto; width: 400px; } #rowSingleRuta .divColDcha .divWikiloc iframe { height: 600px; } #rowSingleRuta .divColDcha .divPerfil { margin-top: 20px; } #rowSingleRuta .divShare { padding: 30px 40px; } #rowSingleRuta .divShare .divShareLabel { margin-right: 15px; } } @media (max-width: 580px) { #rowSingleRuta .divCabecera { height: 350px; } #rowSingleRuta .divCabecera .divContent { padding: 0px 40px; } #rowSingleRuta .divCabecera .divTitulo { font-size: 35px; } #rowSingleRuta .divCabecera .divLogo { margin: 10px auto 0px auto; width: 80px; } #rowSingleRuta .divDatos { padding: 20px; } #rowSingleRuta .divDatos .divDato { padding: 0px 15px; } #rowSingleRuta .divDatos .divDato .mwp { width: 56px; height: 56px; } #rowSingleRuta .divDatos .divDato .spanLabel { font-size: 14px; } #rowSingleRuta .divDatos .divDato .spanValue { font-size: 24px; } #rowSingleRuta .divCols .divColIzda { padding: 30px 30px 0px 30px; } #rowSingleRuta .divColIzda .divDificultad .spanLabel { font-size: 14px; } #rowSingleRuta .divColIzda .divDificultad .mwp-dificultad { width: 32px; height: 32px; } #rowSingleRuta .divColIzda .divDificultad .spanValue { font-size: 24px; } #rowSingleRuta .divColIzda .divInicioFinal .spanLabel { width: 70px; font-size: 14px; } #rowSingleRuta .divColIzda .divInicioFinal .spanValue { font-size: 14px; } #rowSingleRuta .divColIzda .divDescripcion p { font-size: 14px; } #rowSingleRuta .divColIzda .divFrase { width: 300px; font-size: 24px; } #rowSingleRuta .divColDcha .divWikiloc { padding: 0px 30px; } #rowSingleRuta .divShare { padding: 30px; } #rowSingleRuta .divShare .divShareLabel { margin-right: 10px; } } @media (max-width: 380px) { #rowSingleRuta .divCabecera { height: 300px; } #rowSingleRuta .divCabecera .divContent { padding: 0px 20px; } #rowSingleRuta .divCabecera .divTitulo { font-size: 30px; } #rowSingleRuta .divCabecera .divLogo { width: 70px; } #rowSingleRuta .divDatos { padding: 20px; } #rowSingleRuta .divDatos .divDato { padding: 0px 10px; } #rowSingleRuta .divDatos .divDato .mwp { width: 48px; height: 48px; } #rowSingleRuta .divDatos .divDato .spanLabel { font-size: 13px; } #rowSingleRuta .divDatos .divDato .spanValue { font-size: 20px; } #rowSingleRuta .divCols .divColIzda { padding: 20px 20px 0px 20px; } #rowSingleRuta .divColIzda .divFrase { width: 100%; } #rowSingleRuta .divColDcha .divWikiloc { padding: 0px 20px; } #rowSingleRuta .divShare { padding: 20px; flex-direction: column; } #rowSingleRuta .divShare .divShareLabel { margin: 0px 0px 10px 0px; } }