/* CSS personalizado para single TURISMO */ /**************************************** 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); } /*************************************** #rowSingleTurismo ***************************************/ #rowSingleTurismo { padding: 0px !important; } #rowSingleTurismo * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowSingleTurismo .divCabecera { position: relative; width: 100%; height: 650px; border-bottom: solid calc(var(--menu-border-width) / 2) var(--color1-hex); } #rowSingleTurismo .divCabecera .divFondo { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.75; } #rowSingleTurismo .divCabecera .divFondo { background-repeat: no-repeat; background-position: center; background-size: cover; } #rowSingleTurismo .divCabecera .divContent { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); padding: 0px 100px; width: 100%; text-align: center; } #rowSingleTurismo .divCabecera .divTitulo { font-size: 70px; font-weight: 700; color: var(--color1-hex); white-space: nowrap; cursor: default; } #rowSingleTurismo .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); } #rowSingleTurismo .divCols { width: 100%; background-image: var(--fondo-huella-blanco); display: flex; flex-wrap: wrap; justify-content: center; } #rowSingleTurismo .divCols .divColIzda { margin: 60px; width: calc(1080px / 2); cursor: default; } #rowSingleTurismo .divCols .divColDcha { margin: 60px; width: calc(1080px / 2); cursor: default; } #rowSingleTurismo .divColIzda .divGallery { display: flex; flex-wrap: wrap; } #rowSingleTurismo .divColIzda .divGallery .divFoto { padding: 2px; width: calc(100% / 2); line-height: 0px; } #rowSingleTurismo .divColDcha .divDescripcion p { margin: 10px 0px; text-align: justify; } #rowSingleTurismo .divColDcha .divShare { padding-top: 40px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #rowSingleTurismo .divColDcha .divShare hr { width: 100%; } #rowSingleTurismo .divColDcha .divShare .divShareLabel { margin-right: 20px; } #rowSingleTurismo .divMapa { width: 100%; height: 600px; } #rowSingleTurismo .divMapa iframe { width: 100%; height: 100%; } @media (max-width: 1380px) { #rowSingleTurismo .divCabecera .divContent { padding: 0px 50px; } #rowSingleTurismo .divCabecera .divTitulo { font-size: 60px; } #rowSingleTurismo .divCols { width: 100%; justify-content: space-between; } #rowSingleTurismo .divCols .divColIzda { margin: 60px 40px; width: calc((100% - 160px) / 2); } #rowSingleTurismo .divCols .divColDcha { margin: 60px 40px; width: calc((100% - 160px) / 2); } } @media (max-width: 1180px) { #rowSingleTurismo .divCabecera { height: 550px; } #rowSingleTurismo .divCabecera .divContent { padding: 0px 40px; } #rowSingleTurismo .divCabecera .divTitulo { font-size: 50px; } #rowSingleTurismo .divCols .divColIzda { margin: 60px 30px; width: calc((100% - 120px) / 2); } #rowSingleTurismo .divCols .divColDcha { margin: 60px 30px; width: calc((100% - 120px) / 2); } #rowSingleTurismo .divMapa { height: 500px; } } @media (max-width: 980px) { #rowSingleTurismo .divCabecera { height: 450px; } #rowSingleTurismo .divCabecera .divContent { padding: 0px 80px; } #rowSingleTurismo .divCabecera .divTitulo { font-size: 45px; white-space: normal; } #rowSingleTurismo .divCols .divColIzda { margin: 40px 30px; width: 300px; } #rowSingleTurismo .divCols .divColDcha { margin: 40px 30px; width: calc(100% - 420px); } #rowSingleTurismo .divColIzda .divGallery .divFoto { width: 100%; } #rowSingleTurismo .divMapa { height: 400px; } } @media (max-width: 780px) { #rowSingleTurismo .divCabecera { height: 400px; } #rowSingleTurismo .divCabecera .divContent { padding: 0px 60px; } #rowSingleTurismo .divCabecera .divTitulo { font-size: 40px; } #rowSingleTurismo .divCols { flex-direction: column-reverse; } #rowSingleTurismo .divCols .divColDcha { margin: 0px; padding: 40px 30px; width: 100%; } #rowSingleTurismo .divCols .divColIzda { margin: 0px; width: 100%; } #rowSingleTurismo .divColIzda .divGallery .divFoto { width: calc(100% / 2); } #rowSingleTurismo .divColDcha .divShare { padding-top: 30px; } } @media (max-width: 580px) { #rowSingleTurismo .divCabecera { height: 350px; } #rowSingleTurismo .divCabecera .divContent { padding: 0px 40px; } #rowSingleTurismo .divCabecera .divTitulo { font-size: 35px; } #rowSingleTurismo .divCols .divColDcha { padding: 30px; } #rowSingleTurismo .divColDcha .divDescripcion p { font-size: 14px; } } @media (max-width: 380px) { #rowSingleTurismo .divCabecera { height: 300px; } #rowSingleTurismo .divCabecera .divContent { padding: 0px 20px; } #rowSingleTurismo .divCabecera .divTitulo { font-size: 30px; } #rowSingleTurismo .divCols .divColDcha { padding: 20px; } #rowSingleTurismo .divColIzda .divGallery .divFoto { width: 100%; } #rowSingleTurismo .divShare { padding-top: 20px; flex-direction: column; } #rowSingleTurismo .divShare .divShareLabel { margin: 0px 0px 10px 0px; } }