/* CSS personalizado para single MIEMBROS */ /**************************************** GAMA DE COLORES ****************************************/ /* Rojo Oscuro: DE053E rgb(222, 5, 62) */ /* Gris: 999999 rgb(153,153,153) */ /* Rojo Medio: EE829E rgb(238,130,158) */ /* Rojo Claro: F6C0CE rgb(246,192,206) */ /* Rojo Muy Claro: FADFE6 rgb(250,223,230) */ /*Amarillo oscuro: FFD700 rgb(255,215, 0) */ /* Amarillo claro: FFEB7F rgb(255,235,157) */ /************************************ MODIFICADOS DE syle-home ***********************************/ body { background: transparent !important; } #main { padding: 0px !important; } #main .full-container { max-width: none !important; } #colophon { margin-top: -100px !important; background: none; } #rowFooterContent .divFooterContent { clip-path: polygon(0% 3vw, 100% 0%, 100% 100%, 0% 100%); } #rowFooterContent .divFondo:after { display: none; } @media (max-width: 980px) { #colophon { margin-top: -80px !important; background: none; } #rowFooterContent .divFooterContent { clip-path: polygon(0% 4vw, 100% 0%, 100% 100%, 0% 100%); } } @media (max-width: 780px) { #colophon { margin-top: -60px !important; background: none; } #rowFooterContent .divFooterContent { clip-path: polygon(0% 5vw, 100% 0%, 100% 100%, 0% 100%); } } @media (max-width: 580px) { #colophon { margin-top: -40px !important; background: none; } #rowFooterContent .divFooterContent { clip-path: polygon(0% 6vw, 100% 0%, 100% 100%, 0% 100%); } } @media (max-width: 380px) { #colophon { margin-top: -40px !important; background: none; } #rowFooterContent .divFooterContent { clip-path: polygon(0% 7vw, 100% 0%, 100% 100%, 0% 100%); } } /*************************************** #rowSingleMiembro ***************************************/ #rowSingleMiembro * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowSingleMiembro .divSingleMiembro { position: relative; padding: 100px 0px 200px 0px; background:#F4F4F4; } #rowSingleMiembro .divFondo { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 600px; background-image: var(--fondo-miembro); } #rowSingleMiembro .divFondo { background-repeat: no-repeat; background-position: center bottom; background-size: cover; } #rowSingleMiembro .divFondo:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(244,244,244,0.5) 0%,rgba(244,244,244,1) 100%); } #rowSingleMiembro .divMiembro { position: relative; margin: auto; max-width: 1180px; z-index: 1; } #rowSingleMiembro .divCabecera .divLogo { width: 160px; line-height: 0px; } #rowSingleMiembro .divCabecera .divNombre { margin-top: 20px; } #rowSingleMiembro .divContent { margin-top: 20px; display: flex; justify-content: space-between; } #rowSingleMiembro .divIzda { padding-right: 60px; width: calc(100% - 360px); border-right: solid 4px var(--color-ama1-hex); } #rowSingleMiembro .divIzda .divFotoPrincipal { position: relative; width: 100%; line-height: 0px; cursor: pointer; } #rowSingleMiembro .divIzda .divFotoPrincipal:after { content: "\f00e"; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-family: "FontAwesome"; font-size: 100px; color: var(--color1-hex); } #rowSingleMiembro .divIzda .divFotoPrincipal:after { background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; opacity: 0; } #rowSingleMiembro .divIzda .divFotoPrincipal:after { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSingleMiembro .divIzda .divFotoPrincipal:hover:after { opacity: 1; } #rowSingleMiembro .divIzda .divGallery { margin-top: 10px; width: 100%; display: flex; } #rowSingleMiembro .divIzda .divGallery .divFoto { margin-right: 10px; width: calc((100% - 50px) / 6); line-height: 0px; opacity: 0.5; cursor: pointer; } #rowSingleMiembro .divIzda .divGallery .divFoto:last-of-type { margin-right: 0px !important; } #rowSingleMiembro .divIzda .divGallery .divFoto.activa { opacity: 1; } #rowSingleMiembro .divIzda .divGallery .divFoto:hover { opacity: 1; } #rowSingleMiembro .divIzda .divDescripcion { margin-top: 40px; } #rowSingleMiembro .divIzda .divDescripcion p { margin: 20px 0px; font-size: 14px; text-align: justify; } #rowSingleMiembro .divIzda .divDescripcion p:first-of-type { margin-top: 0px; } #rowSingleMiembro .divIzda .divDescripcion p:last-of-type { margin-bottom: 0px; } #rowSingleMiembro .divIzda .divDescripcion ul { margin: 0px 0px 0px 20px; list-style-type: disc; } #rowSingleMiembro .divIzda .divDescripcion ul li { margin-bottom: 10px; font-size: 14px; text-align: justify; } #rowSingleMiembro .divDcha { padding-left: 60px; width: 360px; border-left: solid 4px var(--color-ama1-hex); } #rowSingleMiembro .divDcha .divItems { margin-bottom: 40px; border-bottom: solid 1px var(--color2-hex); } #rowSingleMiembro .divDcha .divItem { padding-bottom: 40px; display: flex; align-items: center; cursor: default; } #rowSingleMiembro .divDcha .divItem.hide { display: none !important; } #rowSingleMiembro .divDcha .divItem:hover { transform: scale(1.1); } #rowSingleMiembro .divDcha .divItem a { color: #000000; text-decoration: none; display: flex; align-items: center; } #rowSingleMiembro .divDcha .divIcono { flex: 0 0 70px; height: 70px; line-height: 0px; filter: var(--filter-to-rojo); } #rowSingleMiembro .divDcha .divTexto { margin-left: 20px; font-size: 14px; line-height: 100%; white-space: nowrap; } #rowSingleMiembro .divDcha .divTexto span { display: block; } #rowSingleMiembro .divDcha .divItemAño:hover { transform: none !important; } #rowSingleMiembro .divDcha .divItemAño .divIcono { filter: none !important; } #rowSingleMiembro .divDcha .divItemAño strong { font-size: 20px; display: block; } #rowSingleMiembro .divDcha .divItemDomicilio:hover { transform: none !important; } #rowSingleMiembro .divDcha .divMoreInfo .divInfo { margin-bottom: 20px; font-size: 18px; font-weight: 600; color: var(--color1-hex); cursor: default; } #rowSingleMiembro .divDcha .divMoreInfo .divWeb { margin-bottom: 20px; } #rowSingleMiembro .divDcha .divMoreInfo .divWeb a { font-size: 16px; font-weight: 400; color: #000000; } #rowSingleMiembro .divDcha .divMoreInfo .divWeb i { margin-right: 10px; font-size: 18px; } #rowSingleMiembro .divDcha .divMoreInfo .divRRSS a { margin-right: 15px; font-size: 36px; } #rowSingleMiembro .divLightbox { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 11111; display: none; -webkit-transition: none; transition: none; } #rowSingleMiembro .divLightbox .divMascara { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } #rowSingleMiembro .divLightbox .divClose { position: absolute; top: 50px; right: 50px; font-size: 56px; color: #FFFFFF; cursor: pointer; } #rowSingleMiembro .divLightbox .divClose:hover { transform: scale(1.4); } #rowSingleMiembro .divLightbox .divFoto { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1200px; max-width: calc(100% - 80px); border: solid 6px #FFFFFF; line-height: 0px; } @media (max-width: 1380px) { #rowSingleMiembro .divSingleMiembro { padding: 100px 40px 200px 40px; } } @media (max-width: 1180px) { #rowSingleMiembro .divLightbox .divClose { top: 40px; right: 40px; width: 48px; height: 48px; } #rowSingleMiembro .divLightbox .divClose:hover { transform: scale(1.3); } #rowSingleMiembro .divLightbox .divClose i { font-size: 48px; } } @media (max-width: 980px) { #rowSingleMiembro .divSingleMiembro { padding: 80px 40px 160px 40px; } #rowSingleMiembro .divFondo { height: 500px; } #rowSingleMiembro .divCabecera .divLogo { width: 140px; } #rowSingleMiembro .divCabecera .divNombre { margin-top: 15px; } #rowSingleMiembro .divIzda { padding-right: 40px; width: calc(100% - 300px); border-right-width: 3px; } #rowSingleMiembro .divIzda .divFotoPrincipal:after { font-size: 60px; } #rowSingleMiembro .divIzda .divGallery { margin-top: 8px; } #rowSingleMiembro .divIzda .divGallery .divFoto { margin-right: 8px; width: calc((100% - 40px) / 6); } #rowSingleMiembro .divIzda .divDescripcion { margin-top: 30px; } #rowSingleMiembro .divIzda .divDescripcion p { margin: 15px 0px; font-size: 13px; } #rowSingleMiembro .divIzda .divDescripcion ul { margin: 0px 0px 0px 15px; } #rowSingleMiembro .divIzda .divDescripcion ul li { margin-bottom: 8px; font-size: 13px; } #rowSingleMiembro .divDcha { padding-left: 40px; width: 300px; border-left-width: 3px; } #rowSingleMiembro .divDcha .divItems { margin-bottom: 30px; } #rowSingleMiembro .divDcha .divItem { padding-bottom: 30px; } #rowSingleMiembro .divDcha .divIcono { flex: 0 0 50px; height: 50px; } #rowSingleMiembro .divDcha .divTexto { margin-left: 10px; font-size: 13px; } #rowSingleMiembro .divDcha .divItemAño strong { font-size: 18px; } #rowSingleMiembro .divDcha .divMoreInfo .divInfo { margin-bottom: 15px; font-size: 16px; } #rowSingleMiembro .divDcha .divMoreInfo .divWeb { margin-bottom: 15px; } #rowSingleMiembro .divDcha .divMoreInfo .divWeb a { font-size: 14px; } #rowSingleMiembro .divDcha .divMoreInfo .divWeb i { margin-right: 10px; font-size: 16px; } #rowSingleMiembro .divDcha .divMoreInfo .divRRSS a { margin-right: 10px; font-size: 30px; } #rowSingleMiembro .divLightbox .divClose { top: 30px; right: 30px; width: 32px; height: 32px; } #rowSingleMiembro .divLightbox .divClose i { font-size: 32px; } } @media (max-width: 780px) { #rowSingleMiembro .divSingleMiembro { padding: 60px 30px 120px 30px; } #rowSingleMiembro .divFondo { height: 450px; } #rowSingleMiembro .divContent { flex-direction: column; } #rowSingleMiembro .divIzda { padding-right: 0px; padding-bottom: 30px; width: 100%; border-right-width: 0px; border-bottom: solid 3px var(--color-ama1-hex); } #rowSingleMiembro .divIzda .divFotoPrincipal:after { font-size: 100px; } #rowSingleMiembro .divIzda .divGallery { margin-top: 10px; } #rowSingleMiembro .divIzda .divGallery .divFoto { margin-right: 10px; } #rowSingleMiembro .divIzda .divDescripcion p { margin: 10px 0px; } #rowSingleMiembro .divIzda .divDescripcion ul { margin: 0px 0px 0px 10px; } #rowSingleMiembro .divIzda .divDescripcion ul li { margin-bottom: 5px; } #rowSingleMiembro .divDcha { padding-left: 0px; padding-top: 30px; width: 100%; border-left-width: 0px; border-top: solid 3px var(--color-ama1-hex); } #rowSingleMiembro .divDcha .divItems { display: flex; flex-wrap: wrap; justify-content: center; } #rowSingleMiembro .divDcha .divItem { padding-bottom: 20px; width: 240px; display: block; text-align: center; } #rowSingleMiembro .divDcha .divItem a { display: block; text-align: center; } #rowSingleMiembro .divDcha .divIcono { margin: auto; width: 50px; height: 50px; } #rowSingleMiembro .divDcha .divTexto { margin: 10px 0px 0px 0px; } #rowSingleMiembro .divDcha .divItemDomicilio { width: 100% !important;} #rowSingleMiembro .divDcha .divMoreInfo .divInfo { text-align: center; } #rowSingleMiembro .divDcha .divMoreInfo .divWeb { text-align: center; } #rowSingleMiembro .divDcha .divMoreInfo .divRRSS { text-align: center; } } @media (max-width: 580px) { #rowSingleMiembro .divSingleMiembro { padding: 40px 30px 80px 30px; } #rowSingleMiembro .divFondo { height: 400px; } #rowSingleMiembro .divCabecera .divLogo { width: 120px; } #rowSingleMiembro .divIzda { padding-bottom: 20px; border-bottom-width: 2px; } #rowSingleMiembro .divIzda .divFotoPrincipal:after { font-size: 60px; } #rowSingleMiembro .divIzda .divDescripcion { margin-top: 20px; } #rowSingleMiembro .divIzda .divDescripcion p { font-size: 12px; } #rowSingleMiembro .divIzda .divDescripcion ul li { font-size: 12px; } #rowSingleMiembro .divDcha { padding-top: 20px; border-top-width: 2px; } #rowSingleMiembro .divDcha .divItem { padding-bottom: 15px; width: 200px; } #rowSingleMiembro .divDcha .divIcono { width: 40px; height: 40px; } #rowSingleMiembro .divDcha .divTexto { font-size: 12px; } #rowSingleMiembro .divDcha .divItemAño strong { font-size: 16px; } #rowSingleMiembro .divDcha .divMoreInfo .divInfo { margin-bottom: 10px; font-size: 14px; } #rowSingleMiembro .divDcha .divMoreInfo .divWeb { margin-bottom: 10px; } #rowSingleMiembro .divDcha .divMoreInfo .divWeb a { font-size: 13px; } #rowSingleMiembro .divLightbox .divFoto { max-width: calc(100% - 60px); border-width: 4px; } #rowSingleMiembro .divLightbox .divClose { top: 20px; right: 20px; width: 24px; height: 24px; } #rowSingleMiembro .divLightbox .divClose i { font-size: 24px; } } @media (max-width: 480px) { #rowSingleMiembro .divIzda .divGallery { flex-wrap: wrap; } #rowSingleMiembro .divIzda .divGallery .divFoto { margin: 0px 10px 10px 0px; width: calc((100% - 20px) / 3); } #rowSingleMiembro .divIzda .divGallery .divFoto:nth-of-type(3) { margin-right: 0px !important; } #rowSingleMiembro .divDcha .divItems { margin-bottom: 20px; } #rowSingleMiembro .divDcha .divItem { padding-bottom: 10px; width: 100%; } #rowSingleMiembro .divDcha .divIcono { width: 35px; height: 35px; } #rowSingleMiembro .divDcha .divTexto { margin: 5px 0px 0px 0px; } } @media (max-width: 380px) { #rowSingleMiembro .divSingleMiembro { padding: 40px 20px 80px 20px; } #rowSingleMiembro .divFondo { height: 350px; } #rowSingleMiembro .divCabecera .divLogo { margin: auto; width: 100px; } #rowSingleMiembro .divIzda .divFotoPrincipal:after { font-size: 40px; } #rowSingleMiembro .divIzda .divGallery { margin-top: 5px; } #rowSingleMiembro .divIzda .divGallery .divFoto { margin: 0px 5px 5px 0px; width: calc((100% - 10px) / 3); } #rowSingleMiembro .divIzda .divDescripcion p { font-size: 11px; } #rowSingleMiembro .divIzda .divDescripcion ul { margin: 0px; } #rowSingleMiembro .divIzda .divDescripcion ul li { font-size: 11px; } #rowSingleMiembro .divLightbox .divFoto { max-width: calc(100% - 40px); } }