2025-07-29 09:01:20 +00:00
/ *
Theme Name : Andaira Timber
Theme URI : https : / / www . estudionexos . com
Version : 1 . 0
Description : Child Theme de Timber adpatado para este sitio web .
Author : Freepress S . Coop . Mad . y Estudio Nexos
Author URI : http : / / www . freepress . coop
* /
body { font-family : 'Karla' , sans-serif ; font-size : 16 px ; line-height : 25 px ; }
@ media ( min-width : 992px ) {
. not-front # content . container {
max-width : 830px ;
}
}
@ media ( min-width : 1200px ) {
. not-front # content . container {
max-width : 830px ;
}
}
h1 { font-weight : bold ; font-size : 26 px ; line-height : 35 px ; }
h2 { font-size : 22 px ; line-height : 32 px ; letter-spacing : 3 px ; text-transform : uppercase ; }
h3 { font-weight : bold ; font-size : 20 px ; line-height : 26 px ; }
h4 { font-weight : bold ; font-size : 20 px ; line-height : 26 px ; }
h5 { font-weight : bold ; font-size : 15 px ; line-height : 20 px ; }
h6 { font-weight : bold ; font-size : 12 px ; line-height : 16 px ; }
. front h3 { font-weight : 500 ; }
. front . presupuesto h2 { text-transform : none ; }
@ media ( min-width : 1024px ) {
h1 { font-weight : bold ; font-size : 36 px ; line-height : 45 px ; }
h3 { font-weight : bold ; font-size : 22 px ; line-height : 32 px ; }
}
@ media ( min-width : 2560px ) {
h1 { font-weight : bold ; font-size : 40 px ; line-height : 50 px ; }
h3 { font-weight : bold ; font-size : 26 px ; line-height : 36 px ; }
h4 { font-weight : bold ; font-size : 26 px ; line-height : 36 px ; }
}
a { color : #222B45 ; border-bottom : 1 px solid #fba451 ; /*text-decoration:underline solid #ff8d76;*/ }
a : hover { color : #222B45 ; border-bottom : 1 px solid #fba451 ; text-decoration : none ; /*text-decoration:underline solid #ff8d76;*/ opacity : .8 }
a . text-decoration-none { text-decoration : none !important ; border-bottom : none !important ; }
a . text-decoration-none : hover { /*text-decoration:underline solid #222B45!important;*/ border-bottom : 1 px solid #222B45 !important ; opacity : 1 ; }
img { opacity : .9 ; }
# content img { max-width : 100 % ; height : auto ; }
# content ul { list-style-image : url ( 'public/img/check-circle.png' ) ; }
# content ul > li { margin-bottom : 20 px ; }
# content ul . pagination { list-style-image : none ; }
# content ul . pagination > li { margin-bottom : 0 px ; }
. text-azul { color : #007893 ; }
. text-salmon { color : #fba451 ; }
. text-amarillo { color : #f3bd48 ; }
. text-caki { color : #b1a378 ; }
. text-turquesa { color : #60b6b0 ; }
. text-naranja { color : #fba451 ; }
. text-verde { color : #9dcd8f ; }
. text-azul2 { color : #222b45 ; } /* azul textos */
. text-azul3 { color : #164f60 ; } /* azul fondos 1 */
. text-azul4 { color : #b8d0da ; } /* azul fondos 2 */
. text-azul5 { color : #dce7ec ; } /* azul fondos 3 */
. bg-gradient-1 { background-image : linear-gradient ( rgb ( 34 , 43 , 69 , 0.4 ) , rgb ( 22 , 79 , 96 ) ) ; /*opacity:.8;*/ } /* actualidad */
. bg-gradient-2 { background-image : linear-gradient ( rgb ( 220 , 231 , 236 , 0.8 ) , rgb ( 0 , 120 , 147 ) ) ; } /* proyectos */
. bg-gradient-3 { background-image : linear-gradient ( #dce7ec , transparent , #fba451 ) ; } /* home */
. bg-gradient-4 , . investigacion-social-aplicada . bg-gradient-4 { background-image : linear-gradient ( rgb ( 220 , 231 , 236 , 0.8 ) , rgb ( 157 , 205 , 143 ) ) ; } /* investigacion */
. bg-gradient-5 , . evaluacion-externa-y-participativa . bg-gradient-4 { background-image : linear-gradient ( rgb ( 220 , 231 , 236 , 0.8 ) , rgb ( 177 , 163 , 120 ) ) ; } /* evaluacion */
. bg-gradient-6 , . formacion . bg-gradient-4 { background-image : linear-gradient ( rgb ( 220 , 231 , 236 , 0.8 ) , rgb ( 243 , 189 , 72 ) ) ; } /* formacion */
. bg-gradient-7 , . intervencion-social-y-educativa . bg-gradient-4 { background-image : linear-gradient ( rgb ( 220 , 231 , 236 , 0.8 ) , rgb ( 96 , 182 , 176 ) ) ; } /* intervencion */
. bg-gradient-8 , . consultoria . bg-gradient-4 { background-image : linear-gradient ( rgb ( 220 , 231 , 236 , 0.8 ) , rgb ( 255 , 141 , 118 ) ) ; } /* consultoria */
. bg-gradient-9 { background-image : linear-gradient ( rgb ( 34 , 43 , 69 , 0.1 ) , rgb ( 22 , 79 , 96 , 0.7 ) ) ; }
. bg-overlay-1 , . bg-overlay-2 { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; background-color : transparent ; z-index : 10 ; transition : all .5 s ease-in-out 0 s ; -webkit- transition : all .5 s ease-in-out 0 s ; -moz- transition : all .5 s ease-in-out 0 s ; -o- transition : all .5 s ease-in-out 0 s ; -ms- transition : all .5 s ease-in-out 0 s ; }
. bg-overlay-1 : hover { background-color : #007893 ; opacity : .6 ; }
. bg-overlay-2 : hover { background-color : #fba451 ; opacity : .6 ; }
. border-bottom { border-bottom : 1 px solid #dee2e6 ; }
. separator : last-child { display : none ; }
. linea { height : 10 px ; border-radius : 5 px ; }
. linea-consultoria { background-color : #FF8D76 ; }
2025-07-30 17:03:12 +00:00
. linea-investigacion ,
. linea-investigacion-social-aplicada { background-color : #9dcd8f ; }
2025-07-29 09:01:20 +00:00
. linea-evaluacion { background-color : #fba451 ; }
. linea-intervencion { background-color : #63B0B6 ; }
. linea-formacion { background-color : #f3bd48 ; }
. letter-spacing-3 { letter-spacing : 3 px ; }
. letter-spacing-1 { letter-spacing : 1 px ; }
. form-control { border : none ; }
. form-control : focus { color : #495057 ; background-color : #fff ; border-color : transparent ; outline : 0 ; box-shadow : none ; }
. was-validated . form-control : valid : focus , . form-control . is-valid : focus , . was-validated . custom-select : valid : focus , . custom-select . is-valid : focus , . was-validated . custom-file-input : valid : focus ~ . custom-file-label , . custom-file-input . is-valid : focus ~ . custom-file-label , . was-validated . form-control : invalid : focus , . form-control . is-invalid : focus , . was-validated . custom-select : invalid : focus , . custom-select . is-invalid : focus , . was-validated . custom-file-input : invalid : focus ~ . custom-file-label , . custom-file-input . is-invalid : focus ~ . custom-file-label { border-color : transparent ; box-shadow : none ; }
. was-validated . custom-control-input : valid : focus ~ . custom-control-label :: before , . custom-control-input . is-valid : focus ~ . custom-control-label :: before , . was-validated . custom-control-input : invalid : focus ~ . custom-control-label :: before , . custom-control-input . is-invalid : focus ~ . custom-control-label :: before { box-shadow : none ; }
. was-validated . custom-control-input : valid : focus : not ( : checked ) ~ . custom-control-label :: before , . custom-control-input . is-valid : focus : not ( : checked ) ~ . custom-control-label :: before , . was-validated . custom-control-input : invalid : focus : not ( : checked ) ~ . custom-control-label :: before , . custom-control-input . is-invalid : focus : not ( : checked ) ~ . custom-control-label :: before { border-color : transparent ; }
. btn : focus , . btn . focus { outline : 0 ; box-shadow : none ; }
. btn-primary : focus , . btn-primary . focus , . btn-primary : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-primary : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-primary . dropdown-toggle : focus , . btn-secondary : focus , . btn-secondary . focus , . btn-secondary : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-secondary : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-secondary . dropdown-toggle : focus , . btn-success : focus , . btn-success . focus , . btn-success : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-success : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-success . dropdown-toggle : focus , . btn-info : focus , . btn-info . focus , . btn-info : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-info : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-info . dropdown-toggle : focus , . btn-warning : focus , . btn-warning . focus , . btn-warning : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-warning : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-warning . dropdown-toggle : focus , . btn-danger : focus , . btn-danger . focus , . btn-danger : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-danger : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-danger . dropdown-toggle : focus , . btn-light : focus , . btn-light . focus , . btn-light : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-light : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-light . dropdown-toggle : focus , . btn-dark : focus , . btn-dark . focus , . btn-dark : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-dark : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-dark . dropdown-toggle : focus , . btn-outline-primary : focus , . btn-outline-primary . focus , . btn-outline-primary : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-outline-primary : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-outline-primary . dropdown-toggle : focus , . btn-outline-secondary : focus , . btn-outline-secondary . focus , . btn-outline-secondary : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-outline-secondary : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-outline-secondary . dropdown-toggle : focus , . btn-outline-success : focus , . btn-outline-success . focus , . btn-outline-success : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-outline-success : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-outline-success . dropdown-toggle : focus , . btn-outline-info : focus , . btn-outline-info . focus , . btn-outline-info : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-outline-info : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-outline-info . dropdown-toggle : focus , . btn-outline-warning : focus , . btn-outline-warning . focus , . btn-outline-warning : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-outline-warning : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-outline-warning . dropdown-toggle : focus , . btn-outline-danger : focus , . btn-outline-danger . focus , . btn-outline-danger : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-outline-danger : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-outline-danger . dropdown-toggle : focus , . btn-outline-light : focus , . btn-outline-light . focus , . btn-outline-light : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-outline-light : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-outline-light . dropdown-toggle : focus , . btn-outline-dark : focus , . btn-outline-dark . focus , . btn-outline-dark : not ( : disabled ) : not ( . disabled ) : active : focus , . btn-outline-dark : not ( : disabled ) : not ( . disabled ) . active : focus , . show > . btn-outline-dark . dropdown-toggle : focus , { box-shadow : none ; }
. btn , . gform_button . button { border-radius : 20 px ; text-decoration : none ; padding : .375 rem 2.75 rem ; }
@ media ( max-width : 768px ) {
. btn , . gform_button . button { padding : .375 rem 1.75 rem ; }
}
. btn . btn-outline-light : hover { opacity : 1 ; background-color : #fff ; }
. btn-danger { background-color : #fba451 /*#ff8d76*/ ; border-color : #fba451 /*#ff8d76*/ ; }
. btn-danger : hover { opacity : 1 ; background-color : #fff ; color : #000 ; border-color : #fba451 /*#FF8D76*/ ; }
. btn-outline-primary { border-color : #222b45 ; color : #222b45 ; }
. btn-outline-primary : hover { background-color : #222b45 ; border-color : #222b45 ; }
. btn-primary , . gform_button . button { background-color : #222b45 ; border-color : #222b45 ; color : #fff ; }
. btn-primary : hover , . gform_button . button : hover { opacity : 1 ; background-color : #fff ; border-color : #222b45 ; color : #000 ; }
. btn-info { background-color : #007893 ; border-color : #007893 ; color : #fff ; }
. btn-info : hover { opacity : 1 ; background-color : #fba451 ; border-color : #fba451 ; color : #fff ; }
. btn-outline-info { background-color : transparent ; border-color : #007893 ; color : #222B45 ; }
. btn-outline-info : hover { opacity : 1 ; background-color : transparent ; border-color : #222B45 ; color : #222B45 ; }
. btn-light : hover { opacity : 1 ; background-color : transparent ; color : #fff ; }
. form-control { border-radius : 1.25 rem ; }
. gform_wrapper input : not ( [ type = "radio" ] ) : not ( [ type = "checkbox" ] ) : not ( [ type = "submit" ] ) : not ( [ type = "button" ] ) : not ( [ type = "image" ] ) : not ( [ type = "file" ] ) {
border-radius : 1 . 25rem ;
/ *
display : block ;
width : 100 % ;
* /
height : calc ( 1 . 5em + . 75rem + 2px ) ;
padding : . 375rem . 75rem ;
font-size : 1rem ;
font-weight : 400 ;
line-height : 1 . 5 ;
color : # 495057 ;
background-color : # fff ;
background-clip : padding-box ;
border : 1px solid # ced4da ;
transition : border-color . 15s ease-in-out , box-shadow . 15s ease-in-out ;
}
. gform_wrapper . gfield_checkbox li label ,
. gform_wrapper . gfield_radio li label ,
. gform_wrapper label . gfield_label ,
. gform_wrapper legend . gfield_label { font-size : 18 px ; line-height : 32 px ; }
@ supports ( -webkit-appearance : none ) or ( -moz-appearance : none ) {
. form-check-input [ type = 'checkbox' ] ,
. gform_wrapper input [ type = 'checkbox' ] ,
. gform_wrapper input [ type = 'radio' ]
{
-webkit-appearance : none ; -moz-appearance : none ;
width : 15px ;
height : 15px ;
background-color : transparent ;
border : 2px solid # 007893 ;
border-radius : 10px ;
}
. gform_wrapper ul . gfield_checkbox li input [ type = "checkbox" ] ,
. gform_wrapper ul . gfield_radio li input [ type = "radio" ] { width : 15 px !important ; }
. form-check-input [ type = 'checkbox' ] : checked ,
. gform_wrapper input [ type = 'checkbox' ] : checked ,
. gform_wrapper input [ type = 'radio' ] : checked {
background-color : # 007893 ;
border : 2px solid # 007893 ;
}
}
. ml-6 { margin-left : 6 rem ; }
@ media ( min-width : 1440px ) {
# searchform { position : absolute ; top : 100 px ; right : 0 ; }
}
@ media ( min-width : 1440px ) {
. d-none . d-xxl-block { display : block !important ; }
. d-xxl-none { display : none !important ; }
}
@ media ( min-width : 2560px ) {
. d-none . d-xxxl-block { display : block !important ; }
. d-xxxl-none { display : none !important ; }
}
/* Navbar */
nav . navbar { height : 80 px ; }
nav . navbar , . nav-link , . navbar-brand , . navbar-brand img { transition : all 1 s ease-in-out 0 s ; -webkit- transition : all 1 s ease-in-out 0 s ; -moz- transition : all 1 s ease-in-out 0 s ; -o- transition : all 1 s ease-in-out 0 s ; -ms- transition : all 1 s ease-in-out 0 s ; }
. navbar-brand , . navbar-brand : hover { border-bottom : none ; }
. navbar-brand img { height : 60 px ; }
. navbar-light . bg-white { box-shadow : 0 4 px 10 px -10 px rgba ( 0 , 0 , 0 , 0.6 ) ; }
. navbar-light . navbar-toggler { color : #60b6b0 ; border : none ; }
. navbar-light . navbar-toggler icon { color : #60b6b0 ; }
. navbar-expand-lg . navbar-nav . social { -ms- flex-direction : row ; flex-direction : row ; }
. navbar-expand-lg . navbar-nav . nav-link ,
. nav-link { margin : 0 1.1 rem 0.3 rem 1.1 rem ; padding : .5 rem 0 rem 0.2 rem 0 ; }
. navbar-light . navbar-nav . nav-link { color : #222B45 ; text-decoration : none ; border-bottom : 2 px solid transparent ; }
. navbar-light . navbar-nav . nav-link : hover { border-bottom : 2 px solid #007893 ; opacity : 1 ; }
. navbar-light . bg-transparent . navbar-nav . nav-link { color : #fff ; text-decoration : none ; border-bottom : 2 px solid transparent ; }
. navbar-light . bg-transparent . navbar-nav . nav-link : hover { border-bottom : 2 px solid #fff ; opacity : 1 ; }
. navbar-light . navbar-nav . social . nav-link { color : #60b6b0 ; border-bottom : none ; }
. navbar-light . navbar-nav . social . nav-link : hover { color : #222B45 ; border-bottom : none ; opacity : 1 ; }
. navbar-light . bg-transparent . navbar-nav . social . nav-link { color : #fff ; border-bottom : none ; }
@ media ( max-width : 992px ) {
. navbar-light . bg-transparent . navbar-nav . social . nav-link { color : #007893 ; }
. navbar-collapse { background-color : rgb ( 255 , 255 , 255 , 0.9 ) ; }
. navbar-light . bg-transparent . navbar-nav . nav-link { color : #222B45 ; text-decoration : none ; border-bottom : 2 px solid transparent ; }
. navbar-light . bg-transparent . navbar-nav . nav-link : hover { border-bottom : 2 px solid #007893 ; opacity : 1 ; }
}
. navbar-light . bg-transparent . navbar-nav . social . nav-link : hover { color : #000 ; border-bottom : none ; opacity : 1 ; }
. navbar-collapse { transition : all .5 s ease-in-out 0 s ; -webkit- transition : all .5 s ease-in-out 0 s ; -moz- transition : all .5 s ease-in-out 0 s ; -o- transition : all .5 s ease-in-out 0 s ; -ms- transition : all .5 s ease-in-out 0 s ; }
. dropdown-menu { border : none ; border-radius : 0 ; font-size : 16 px ; line-height : 25 px ; background-color : rgb ( 255 , 255 , 255 , 0.9 ) ; }
. dropdown-item { border-bottom : 2 px solid rgb ( 255 , 255 , 255 , 0 ) ; ; margin : 0 .8 rem 0.3 rem .8 rem ; padding : .5 rem 0 rem 0.2 rem 0 ; width : auto ; }
. dropdown-item : hover { border-bottom : 2 px solid #007893 ; text-decoration : none ; background : transparent ; margin : 0 .8 rem 0.3 rem .8 rem ; padding : .5 rem 0 rem 0.2 rem 0 ; }
@ media ( max-width : 992px ) {
. dropdown-item { white-space : normal ; }
}
@ media ( max-width : 1024px ) {
. navbar-brand img { height : 60 px ; }
}
@ media ( min-width : 1024px ) {
. navbar-expand-lg . navbar-nav . nav-link , . nav-link { margin : 0 .8 rem 0.3 rem .8 rem ; padding : .5 rem 0 rem 0.2 rem 0 ; }
}
@ media ( max-width : 768px ) {
. navbar-brand { margin-right : 0 ; }
}
/ *
* FRONTPAGE
* /
/* Video */
. header-video { position : relative ; background-color : black ; height : 100 vh ; min-height : 25 rem ; width : 100 % ; overflow : hidden ; }
/*.header-video video.videobg { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }*/
. header-video { background : url ( '/wp-content/uploads/2015/09/fondo11.jpg' ) black no-repeat center center scroll ; background-size : cover ; }
. header-video video . videobg { display : none ; }
. header-video . container-fluid { position : relative ; z-index : 2 ; }
. header-video . overlay { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; /*background-image: linear-gradient(#dce7ec, transparent, #ff8d76);*/ z-index : 1 ; }
@ media ( pointer : coarse ) and ( hover : none ) {
/ *
. header-video { background : url ( 'public/img/header_img-01.jpg' ) black no-repeat center center scroll ; }
* /
. header-video { background : url ( '/wp-content/uploads/2015/09/fondo11.jpg' ) black no-repeat center center scroll ; background-size : cover ; }
. header-video video . videobg { display : none ; }
}
/* provisional */
/*.header-video { background: url('http://dev.andaira.net/wp-content/uploads/2020/05/Andaira_Portada@2x.png') black no-repeat center center scroll; background-size:cover; }*/
/*.header-video video.videobg { display: none; }*/
/* end provisional */
. header-video . scrolldown-1 { position : relative ; }
. header-video . scrolldown-1 a { position : relative ; display : inline-block ; width : 255 px ; height : 236 px ; border-bottom : none ; }
. header-video . scrolldown-1 a : hover { opacity : 1 ; }
. header-video . scrolldown-1 img . down-arrow { text-decoration : none ; position : absolute ; left : 119 px ; bottom : 19 px ; transition : all .5 s ease-in-out 0 s ; -webkit- transition : all .5 s ease-in-out 0 s ; -moz- transition : all .5 s ease-in-out 0 s ; -o- transition : all .5 s ease-in-out 0 s ; -ms- transition : all .5 s ease-in-out 0 s ; }
. header-video . scrolldown-1 a : hover img . down-arrow { bottom : -10 px ; }
. header-video . lead { position : absolute ; /*left:5%;*/ width : 100 % ; bottom : 10 % ; z-index : 100 ; font-size : 30 px ; line-height : 40 px ; letter-spacing : 1 px ; }
@ media ( max-width : 768px ) {
/ *
. header-video { height : 75 vh ; overflow : visible ; margin-bottom : 12 rem ; background : url ( 'public/img/header_img-01.jpg' ) black no-repeat center center scroll ; }
* /
. header-video { height : 75 vh ; overflow : visible ; margin-bottom : 12 rem ; background : url ( '/wp-content/uploads/2015/09/fondo11.jpg' ) black no-repeat center center scroll ; background-size : cover ; }
. header-video video . videobg { height : 75 vh ; display : none ; }
. header-video . lead { left : 0 ; bottom : -12 rem ; padding : 1 rem ; }
. header-video . lead . text-white { color : #222b45 !important ; }
}
@ media ( max-width : 576px ) {
. header-video { margin-bottom : 17 rem ; }
. header-video . lead { bottom : -16 rem ; font-size : 26 px ; line-height : 34 px ; }
}
/* Section 1 */
# section-1 { padding-top : 80 px ; transition : all .5 s ease-in-out 0 s ; -webkit- transition : all .5 s ease-in-out 0 s ; -moz- transition : all .5 s ease-in-out 0 s ; -o- transition : all .5 s ease-in-out 0 s ; -ms- transition : all .5 s ease-in-out 0 s ; }
# section-1 . pt-150 { padding-top : 140 px ; }
# section-1 h2 . title { margin-bottom : -2 px ; z-index : 100 ; }
# section-1 h2 . title :: after {
background-color : # fba451 ;
content : "" ;
display : block ;
height : 3px ;
margin : 1 . 5rem 0 0 ;
position : relative ;
width : 70px ;
}
@ media ( max-width : 1023px ) {
# section-1 . destacamos-title { margin-top : 3 rem ; }
}
@ media ( min-width : 1024px ) {
# section-1 . d-flex > div , # section-1 . d-flex > a { flex : 1 ; }
# section-1 . d-flex > a { padding : 20 px ; }
/ *
# section-1 . item-1 , # section-1 . item-2 { height : 35 rem ; }
* /
# highlightedSlider . carousel-inner , # highlightedSlider . carousel-item { height : 20 rem ; }
}
# highlightedSlider a { border-bottom : none ; }
# highlightedSlider . overlay { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; background-color : #007893 ; opacity : 0.8 ; z-index : 1 ; }
# highlightedSlider . carousel-caption { bottom : 0 px ; }
# highlightedSlider . carousel-caption h3 { font-weight : bold ; font-size : 30 px ; line-height : 35 px ; margin-bottom : 15 px ; }
# highlightedSlider . carousel-caption a { color : #fff ; text-decoration : none ; border-bottom : none ; }
# highlightedSlider . carousel-caption a : hover { color : #fff ; opacity : 1 ; border-bottom : 1 px solid #fff ; /*text-decoration:underline solid #fff;*/ }
# highlightedSlider . meta { font-size : 12 px ; line-height : 16 px ; letter-spacing : 1 px ; }
# highlightedSlider . carousel-control-next , # highlightedSlider . carousel-control-prev { width : 20 px ; height : 20 px ; top : 9 rem ; background-color : #007893 ; border-radius : 20 px ; text-decoration : none ; }
# highlightedSlider . carousel-control-prev { left : 1 rem ; padding : 15 px 16 px 15 px 14 px ; }
# highlightedSlider . carousel-control-next { right : 1 rem ; padding : 15 px 14 px 15 px 16 px ; }
. servicios a { font-size : 22 px ; line-height : 32 px ; }
. servicios a img { transition : all 1 s ease-in-out 0 s ; -webkit- transition : all 1 s ease-in-out 0 s ; -moz- transition : all 1 s ease-in-out 0 s ; -o- transition : all 1 s ease-in-out 0 s ; -ms- transition : all 1 s ease-in-out 0 s ; }
. servicios a : hover { opacity : 1 ; color : #222B45 ; }
. servicios a : hover img { -ms- transform : translateX ( 80 px ) ; -moz- transform : translateX ( 80 px ) ; -webkit- transform : translateX ( 80 px ) ; transform : translateX ( 80 px ) ; }
@ media ( max-width : 768px ) {
. servicios a : hover img { -ms- transform : translateX ( 0 px ) ; -moz- transform : translateX ( 0 px ) ; -webkit- transform : translateX ( 0 px ) ; transform : translateX ( 0 px ) ; }
}
. somos { background-color : #fba451 ; padding : 1.6 rem 5 rem ; color : #fff ; }
. somos h3 { text-transform : uppercase ; font-weight : normal ; letter-spacing : 3 px ; }
. somos p . lead { font-size : 22 px ; line-height : 32 px ; }
@ media ( max-width : 768px ) {
. servicios h2 . title . ml-auto . w-50 { width : 100 % !important ; }
. servicios a { padding : 1 rem 0 ; }
. servicios . w-50 . float-left { width : 25 % !important ; }
. servicios . w-50 . float-right { width : 75 % !important ; }
h2 . destacamos-title . ml-6 { margin-left : 0 ; }
# highlightedSlider . carousel-inner , # highlightedSlider . carousel-item { height : 18 rem ; }
# highlightedSlider . carousel-caption h3 { font-size : 22 px ; line-height : 26 px ; }
# section-1 . d-flex . flex-column . h-100 { height : auto !important ; }
. somos . h-100 { padding : 2 rem ; height : auto !important ; }
}
/* Section 1-bis */
# section-1-bis { font-size : 22 px ; transition : all .5 s ease-in-out 0 s ; -webkit- transition : all .5 s ease-in-out 0 s ; -moz- transition : all .5 s ease-in-out 0 s ; -o- transition : all .5 s ease-in-out 0 s ; -ms- transition : all .5 s ease-in-out 0 s ; }
2025-07-31 11:37:15 +00:00
. frontpage-servicios-row . frontpage-servicios-title ,
. frontpage-servicios-row . section-title { font-size : 22 px ; }
2025-07-29 09:01:20 +00:00
# section-1-bis . pt-150 { padding-top : 120 px ; }
@ media ( min-width : 768px ) {
2025-07-30 17:54:33 +00:00
# section-1-bis . frontpage-servicios-row ,
. page-servicios . frontpage-servicios-row { height : 300 px ; }
2025-07-29 09:01:20 +00:00
}
@ media ( max-width : 768px ) {
# section-1-bis . row . col-md-4 { margin-top : 1 rem ; }
. frontpage-servicios-title { padding : 3 rem 0 2 rem ; }
}
/* Section 1-1 */
# section-1-1 { font-size : 22 px ; background : url ( 'public/img/quienes-somos.png' ) no-repeat center center ; background-size : cover ; }
# section-1-1 . quienes-somos { padding-top : 4 rem ; padding-bottom : 4 rem ; color : #fff ; }
/* Section 2 */
/ *
# section-2 { padding-top : 10 rem ; }
* /
. projectsSlider a { border-bottom : none ; }
. projectsSlider . carousel-control-next , . projectsSlider . carousel-control-prev { width : 20 px ; height : 20 px ; top : 15 rem ; background-color : #fff ; color : #000 ; border-radius : 20 px ; text-decoration : none ; }
. projectsSlider . carousel-control-next : hover , . projectsSlider . carousel-control-prev : hover { background-color : #dce7ec ; }
. projectsSlider . carousel-control-prev { left : -5 rem ; padding : 15 px 16 px 15 px 14 px ; }
. projectsSlider . carousel-control-next { right : -5 rem ; padding : 15 px 14 px 15 px 16 px ; }
# projectsSliderMd . projectsSlider . carousel-control-next , # projectsSliderMd . projectsSlider . carousel-control-prev { top : 10 rem ; }
# projectsSliderMd . projectsSlider . carousel-control-prev { left : -1 rem ; }
# projectsSliderMd . projectsSlider . carousel-control-next { right : -1 rem ; }
# projectsSliderXs . projectsSlider . carousel-control-next , # projectsSliderXs . projectsSlider . carousel-control-prev { top : 6 rem ; }
# projectsSliderXs . projectsSlider . carousel-control-prev { left : 0 rem ; }
# projectsSliderXs . projectsSlider . carousel-control-next { right : 0 rem ; }
. projectsSlider . project-item { position : relative ; }
. projectsSlider . project-item . overlay { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; /*background-image: linear-gradient(#dce7ec, #007893);*/ z-index : 1 ; transition : all .5 s ease-in-out 0 s ; -webkit- transition : all .5 s ease-in-out 0 s ; -moz- transition : all .5 s ease-in-out 0 s ; -o- transition : all .5 s ease-in-out 0 s ; -ms- transition : all .5 s ease-in-out 0 s ; }
. projectsSlider . project-item : hover . overlay { background-color : #007893 ; }
. projectsSlider . project-item . caption { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; z-index : 10 ; }
. projectsSlider . project-item img { opacity : .8 ; }
. projectsSlider . project-item h3 { font-size : 19 px ; line-height : 24 px ; }
. projectsSlider . project-item a . caption { color : #fff ; text-decoration : none ; }
. projectsSlider . project-item a . caption : hover { color : #fff ; opacity : 1 ; text-decoration : none ; }
@ media ( max-width : 768px ) {
# section-2 { padding-top : 3 rem ; }
# section-2 . d-flex . justify-content-between { border-bottom : 1 px solid #dee2e6 !important ; }
# section-2 h2 . proyectos-title { margin-bottom : -2 px ; z-index : 100 ; }
# section-2 h2 . proyectos-title :: after {
background-color : # fba451 ;
content : "" ;
display : block ;
height : 3px ;
margin : 1 . 5rem 0 0 ;
position : relative ;
width : 70px ;
}
}
/* Section 2 bis */
@ media ( min-width : 768px ) {
# section-2-bis . project-row { height : 300 px ; }
}
@ media ( max-width : 768px ) {
# section-2-bis . col-md-4 h3 . text-white { padding : 2 rem .5 rem 1 rem ; font-size : 22 px ; letter-spacing : 3 px ; margin : 0 px ; height : 100 % ; }
}
. frontpage-project { overflow : hidden ; position : relative ; color : #fff ; }
. frontpage-project . overlay { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; background-color : transparent ; z-index : 1 ; }
. frontpage-project : hover . overlay { background-image : linear-gradient ( transparent , transparent ) ; background-color : #fba451 ; }
. frontpage-project . caption { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; z-index : 10 ; }
. frontpage-project h3 { line-height : 1.5 rem ; margin-bottom : 15 px ; }
. frontpage-project . caption p { font-size : 12 px ; line-height : 16 px ; letter-spacing : 1 px ; }
. frontpage-project a { border-bottom : none ; }
. frontpage-project a . caption { color : #fff ; text-decoration : none ; }
. frontpage-project a . caption : hover { color : #fff ; opacity : 1 ; text-decoration : none ; }
/* Section 2 Datos */
# section-2-datos { background-color : #f2f2f2 ; }
# section-2-datos . dato { margin-bottom : 2.75 rem ; }
# section-2-datos . dato-fecha { font-size : 14 px ; }
# section-2-datos . dato-numero { font-size : 66 px ; }
# section-2-datos . dato-desc { font-size : 20 px ; }
/* Section 3 */
# section-3 { padding-top : 4 rem ; }
. section-3-heading h2 { margin-bottom : -2 px ; z-index : 100 ; }
. section-3-heading h2 :: after {
background-color : # fba451 ;
content : "" ;
display : block ;
height : 3px ;
margin : 1 . 5rem 0 0 ;
position : relative ;
width : 70px ;
}
# section-3 . row { margin : 0 ; }
. col-fifth { overflow : hidden ; position : relative ; color : #fff ; }
# section-3 . col-fifth { height : 16 rem ; }
@ media ( max-width : 414px ) {
. col-fifth {
-ms-flex : 0 0 100 % ;
flex : 0 0 100 % ;
max-width : 100 % ; }
}
@ media ( min-width : 415px ) and ( max-width : 1024px ) {
. col-fifth {
-ms-flex : 0 0 33 . 333333 % ;
flex : 0 0 33 . 333333 % ;
max-width : 33 . 333333 % ; }
}
@ media ( min-width : 1025px ) {
. col-fifth {
-ms-flex : 0 0 20 % ;
flex : 0 0 20 % ;
max-width : 20 % ; }
}
. col-fifth . overlay { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; /*background-image: linear-gradient(transparent, #007893);*/ background-color : transparent ; z-index : 1 ; /*transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s;*/ }
. col-fifth : hover . overlay { /*background-image:linear-gradient(#ff8d76, #ff8d76);*/ background-image : linear-gradient ( transparent , transparent ) ; background-color : #fba451 ; }
. col-fifth . caption { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; z-index : 10 ; background-image : url ( 'public/img/flecha-larga-salmon.png' ) ; background-repeat : no-repeat ; background-position : 85 % 89 % ; }
. col-fifth . caption h3 { line-height : 1.5 rem ; margin-bottom : 15 px ; }
. col-fifth . caption p { font-size : 12 px ; line-height : 16 px ; letter-spacing : 1 px ; }
. col-fifth a { border-bottom : none ; }
. col-fifth a . caption { color : #fff ; text-decoration : none ; }
. col-fifth a . caption : hover { color : #fff ; opacity : 1 ; text-decoration : none ; }
@ media ( max-width : 768px ) {
# section-3 { padding-top : 3 rem ; }
. section-3-heading . container { padding-right : 0 ; padding-left : 0 ; }
}
/* Section 4 */
. presupuesto { position : relative ; background-color : #164f60 ; color : #fff ; margin : 0 15 px ; }
/*.presupuesto .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(rgb(255, 141, 118, 0.8), rgb(220, 231, 236, 0.9)); }*/
. presupuesto . caption { padding : 2 rem 4 rem ; }
. presupuesto . title { /*background:transparent url('public/img/icono-presupuesto.png') no-repeat left center; padding:4rem 0 4rem 4rem;*/ padding : 1 rem 0 1 rem 0 ; }
. presupuesto . title h2 { line-height : 26 px ; }
. presupuesto . text { padding : 1 rem 1 rem 0 rem 0 ; }
. presupuesto . text . lead { font-size : 22 px ; line-height : 32 px ; color : #164f60 ; }
. presupuesto . button { padding : 4 rem 3 rem ; }
. presupuesto # budget-form { padding : 0 6 rem ; }
. presupuesto # budget-form . form { padding : 0 3 rem 4 rem 2 rem ; }
@ media ( min-width : 768px ) {
. presupuesto { background-image : url ( 'public/img/bg-solicita-presupuesto.jpg' ) ; background-repeat : no-repeat ; background-position : right center ; /*background-size:cover;*/ }
}
@ media ( min-width : 768px ) and ( max-width : 1024px ) {
. presupuesto { background-size : cover ; }
}
@ media ( max-width : 768px ) {
. presupuesto . caption { padding : 2 rem 2 rem ; }
. presupuesto . title { text-align : center ; background : transparent url ( 'public/img/icono-presupuesto.png' ) no-repeat center center ; padding : 4 rem 0 ; }
. presupuesto . title h2 { font-size : 26 px ; line-height : 38 px ; }
. presupuesto . text { padding : 0 ; text-align : center ; }
. presupuesto . text . lead { font-weight : bold ; color : #fff ; margin-top : 3 rem ; }
. presupuesto . button { padding : 3 rem 0 ; }
. presupuesto # budget-form { padding : 0 ; }
}
/* Section 5 */
# section-5 { padding-top : 5 rem ; }
# section-5 . network-logos img { max-height : 50 px ; margin : 3 rem 0 ; -webkit- filter : grayscale ( 100 % ) ; -moz- filter : grayscale ( 100 % ) ; -o- filter : grayscale ( 100 % ) ; -ms- filter : grayscale ( 100 % ) ; filter : grayscale ( 100 % ) ; }
# section-5 . section-5-title img { max-height : 90 px ; margin : 3 rem 0 ; }
# section-5 p { font-size : 22 px ; line-height : 29 px ; }
. section-5-heading { border-bottom : 1 px solid #dee2e6 ; }
. section-5-heading h2 { margin-bottom : -2 px ; z-index : 100 ; }
. section-5-heading h2 :: after {
background-color : # b7b7b7 /*#ff8d76*/ ;
content : "" ;
display : block ;
height : 3px ;
margin : 1 . 5rem 0 0 ;
position : relative ;
width : 70px ;
}
. nuestra-red { padding : 0 rem 4 rem 2 rem ; }
@ media ( max-width : 576px ) {
# section-5 . row img { max-height : 40 px ; margin : .75 rem 0 ; }
}
/* Section 6 */
# section-6 { padding-top : 5 rem ; }
. section-6-heading { border-bottom : 1 px solid #dee2e6 ; }
. section-6-heading h2 { margin-bottom : -2 px ; z-index : 100 ; }
. section-6-heading h2 :: after {
background-color : # b7b7b7 /*#ff8d76*/ ;
content : "" ;
display : block ;
height : 3px ;
margin : 1 . 5rem 0 0 ;
position : relative ;
width : 70px ;
}
# clientsSlider { padding : 1 rem 2 rem ; }
@ media ( min-width : 768px ) {
# clientsSlider { padding : 1 rem 4 rem ; }
}
# clientsSlider a { border-bottom : none ; }
# clientsSlider img { max-height : 90 px ; filter : grayscale ( 100 % ) ; }
# clientsSlider . carousel-control-next , # clientsSlider . carousel-control-prev { width : 20 px ; height : 20 px ; top : 40 % ; background-color : #fff ; color : #000 ; border-radius : 20 px ; text-decoration : none ; }
# clientsSlider . carousel-control-prev { left : 5 px ; padding : 15 px 16 px 15 px 14 px ; }
# clientsSlider . carousel-control-next { right : 5 px ; padding : 15 px 14 px 15 px 16 px ; }
@ media ( max-width : 768px ) {
# clientsSlider . carousel-control-next , # clientsSlider . carousel-control-prev { display : none ; }
# clientsSlider { padding : 1 rem 0 rem ; }
}
/* Section 7 - Footer */
# section-7 { background : #dce7ec url ( 'public/img/icono-intervencion-footer.png' ) no-repeat -350 px center ; }
@ media ( max-width : 768px ) {
# section-7 { background : #dce7ec url ( 'public/img/icono-intervencion-footer.png' ) no-repeat -350 px top ; }
}
# section-7 . footer { padding : 0 rem 4 rem 2 rem ; }
# section-7 . slogan { font-size : 22 px ; line-height : 32 px ; }
# section-7 . follow { font-size : 19 px ; }
# section-7 . footer-title { font-size : 19 px ; }
# section-7 . footer-contact div { font-size : 19 px ; line-height : 29 px ; }
# section-7 . footer-social a ,
# section-7 . tel a ,
# section-7 . follow a { text-decoration : none ; border-bottom : none ; }
# section-7 . footer-social { margin-bottom : 3 rem ; }
# section-7 . footer-social . nav-link { margin : 0 px ; }
# section-7 . footer-newsletter . form-check-label { color : #007893 ; }
# section-7 . footer-newsletter . form-check-label a { border-bottom : 1 px solid #fba451 ; color : #007893 ; }
# section-7 . footer-newsletter . form-check-label a : hover { text-decoration : none ; border-bottom : none ; }
# section-7 . nav { font-size : 19 px ; letter-spacing : 2 px ; }
# section-7 . nav a { color : #fff ; }
/* Section 8 - Footer */
# section-8 { background-color : #154a5a ; color : #fff ; }
# section-8 a { text-decoration : none ; border-bottom : none ; color : #fff ; }
# section-8 a : hover { text-decoration : none ; /*border-bottom:1px solid #fff;*/ opacity : 1 ; }
/ *
* PAGE
* /
. page-header { height : 400 px ; position : relative ; }
. page-header . overlay { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; z-index : 1 ; }
. page-header . container { z-index : 10 ; }
. section-heading { border-bottom : 1 px solid #dee2e6 ; }
. section-heading h2 { margin-bottom : -2 px ; z-index : 100 ; }
. section-heading h2 :: after {
background-color : # fba451 ;
content : "" ;
display : block ;
height : 3px ;
margin : 1 . 5rem 0 0 ;
position : relative ;
width : 70px ;
}
. quienes-somos . page-content { font-size : 19 px ; line-height : 29 px ; }
# content ul . nav-tabs { list-style-image : none !important ; }
# content ul . nav-tabs li { margin-bottom : 0 ; }
. quienes-somos-tabs . nav-fill . nav-item { text-align : left ; }
. quienes-somos-tabs . nav-tabs { border : none ; padding-right : 15 px ; padding-left : 15 px ; }
. quienes-somos-tabs . quienesTabs-wrapper { border-bottom : 1 px solid #dee2e6 ; }
. quienes-somos-tabs . nav-tabs . nav-link { border : none ; margin : 0 ; padding : .5 rem 0 rem 0 rem 0 ; }
. quienes-somos-tabs . nav-tabs . nav-link h2 { font-size : 20 px ; line-height : 28 px ; margin-bottom : -2 px ; }
. quienes-somos-tabs . nav-tabs . nav-link h2 :: after {
background-color : # fba451 ;
content : "" ;
display : block ;
height : 3px ;
margin : 1 . 5rem 0 0 ;
position : relative ;
width : 70px ;
}
. quienes-somos-tabs . nav-tabs . nav-item . show . nav-link , . quienes-somos-tabs . nav-tabs . nav-link . active { background-color : transparent ; color : #222b45 ; }
. quienes-somos-tabs . nav-tabs . nav-link . active h2 :: after { background-color : #b7b7b7 ; }
. team-item { font-size : 16 px ; line-height : 25 px }
. team-item . lead { font-size : 19 px ; line-height : 29 px ; }
. team-item a { position : relative ; color : #007893 ; border-bottom : none ; }
. team-item . overlay { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; z-index : 1 ; background-color : transparent ; transition : all .5 s ease-in-out 0 s ; -webkit- transition : all .5 s ease-in-out 0 s ; -moz- transition : all .5 s ease-in-out 0 s ; -o- transition : all .5 s ease-in-out 0 s ; -ms- transition : all .5 s ease-in-out 0 s ; }
. team-item . overlay : hover { opacity : .4 ; background-color : #007893 ; }
. d-flex > div . quienes-slider , . d-flex > div . transparencia-block-1 , . d-flex > div . transparencia-block-2 { flex : 1 ; }
. transparencia-block-1 { background-color : #fba451 ; color : #fff ; }
. transparencia-block-2 { background-color : #007893 ; color : #fff ; }
# gallerySlider a { border-bottom : none ; }
# gallerySlider . carousel-control-next , # gallerySlider . carousel-control-prev { width : 20 px ; height : 20 px ; top : 45 % ; background-color : #007893 ; border-radius : 20 px ; text-decoration : none ; opacity : 1 ; }
# gallerySlider . carousel-control-prev { left : 1 rem ; padding : 15 px 16 px 15 px 14 px ; }
# gallerySlider . carousel-control-next { right : 1 rem ; padding : 15 px 14 px 15 px 16 px ; }
/* Team member */
. member-header a { border-bottom : none ; }
. underline { margin-bottom : -2 px ; z-index : 100 ; }
. underline :: after {
background-color : # fba451 ;
content : "" ;
display : block ;
height : 3px ;
margin : 1 . 5rem 0 0 ;
position : relative ;
width : 90px ;
}
/* Actualidad */
. actualidad . destacamos h3 { font-size : 32 px ; }
. actualidad . meta { font-size : 12 px ; line-height : 16 px ; letter-spacing : 1 px ; }
/* Proyectos */
. proyectos . project-item { position : relative ; }
. proyectos . project-item . overlay { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; /*background-image: linear-gradient(transparent, #007893);*/ z-index : 1 ; transition : all .5 s ease-in-out 0 s ; -webkit- transition : all .5 s ease-in-out 0 s ; -moz- transition : all .5 s ease-in-out 0 s ; -o- transition : all .5 s ease-in-out 0 s ; -ms- transition : all .5 s ease-in-out 0 s ; }
. proyectos . project-item : hover . overlay { background-color : #007893 ; }
. proyectos . project-item img { opacity : .8 ; }
. proyectos . project-item . caption { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; z-index : 10 ; }
. proyectos . project-item h3 { font-size : 19 px ; line-height : 24 px ; }
. proyectos . project-item a { border-bottom : none ; }
. proyectos . project-item a . caption { color : #fff ; text-decoration : none ; }
. proyectos . project-item a . caption : hover { color : #fff ; opacity : 1 ; text-decoration : none ; }
. col-eight { flex : 0 0 12.5 % ; max-width : 12.5 % ; position : relative ; width : 100 % ; /*padding-right:15px; padding-left:15px;*/ }
. proyectos a . filter-trigger . btn-danger { background-color : transparent ; border-color : #fba451 ; color : #007893 ; }
. proyectos a . filter-trigger . btn-danger . collapsed { background-color : #fba451 ; border-color : #fba451 ; color : #fff ; }
. proyectos a . filter-trigger . btn-danger : hover { opacity : 1 ; background-color : #fff ; color : #000 ; }
. proyectos a . filter-trigger . btn-primary { background-color : transparent ; border-color : #222b45 ; color : #007893 ; }
. proyectos a . filter-trigger . btn-primary . collapsed { background-color : #222b45 ; border-color : #222b45 ; color : #fff ; }
. proyectos a . filter-trigger . btn-primary : hover { opacity : 1 ; background-color : #fff ; border-color : #222b45 ; color : #000 ; }
. proyectos . term-filter a { text-decoration : none ; line-height : 100 % ; border-bottom : none ; letter-spacing : 1 px ; }
. proyectos # areas-filter . term-filter a : hover { background-color : #fba451 ; color : #fff ; }
. proyectos # servicios-filter . term-filter a : hover { background-color : #007893 ; color : #fff ; }
. proyectos . term-filter small { font-weight : bold ; }
. proyectos # areas-filter . term-filter span ,
. proyectos . term-filter a . projects-tab-0 { color : #fba451 ; }
. proyectos # areas-filter . term-filter a . projects-tab-0 : hover { background-color : #fff ; color : #fba451 ; }
. proyectos # servicios-filter . term-filter span ,
. proyectos . term-filter a . servicios-tab-0 { color : #007893 ; }
. proyectos # servicios-filter . term-filter a . servicios-tab-0 : hover { background-color : #fff ; color : #007893 ; }
. proyectos . term-filter . term-filter-item { flex : 1 ; }
. project-header { height : 100 vh ; min-height : 25 rem ; width : 100 % ; position : relative ; }
. project-header . overlay { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; z-index : 1 ; }
. project-header . caption { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; z-index : 10 ; }
. project-header . scrolldown-1 { position : relative ; }
. project-header . scrolldown-1 . title { position : relative ; display : inline-block ; width : 80 % ; }
. project-header . scrolldown-1 a : hover { opacity : 1 ; text-decoration : none !important ; border-bottom : none !important ; }
. project-header . scrolldown-1 img . down-arrow { position : absolute ; left : 48.5 % ; bottom : -45 px ; transition : all .5 s ease-in-out 0 s ; -webkit- transition : all .5 s ease-in-out 0 s ; -moz- transition : all .5 s ease-in-out 0 s ; -o- transition : all .5 s ease-in-out 0 s ; -ms- transition : all .5 s ease-in-out 0 s ; }
. project-header . scrolldown-1 a : hover img . down-arrow { bottom : -75 px ; }
/* Servicios */
. page-content . page-servicios { font-size : 19 px ; line-height : 29 px ; font-weight : bold ; text-align : center ; }
. page-servicios . que-hacemos { position : relative ; font-size : 17 px ; line-height : 27 px ; }
. page-servicios . que-hacemos img { width : 250 px ; position : absolute ; left : -50 px ; top : 0 px ; }
# content . page-servicios . que-hacemos ul { list-style-image : url ( 'public/img/check-circle.png' ) ; }
. page-servicios . como-hacemos . section-body { background-color : #DDE7EC ; font-size : 17 px ; line-height : 27 px ; }
. servicios-info-adicional { font-size : 20 px ; }
. page-servicios . otros-servicios a { overflow : visible ; height : 165 px ; }
. page-servicios . otros-servicios a div { position : absolute ; top : 90 px ; width : 85 % ; transition : all .5 s ease-in-out 0 s ; -webkit- transition : all .5 s ease-in-out 0 s ; -moz- transition : all .5 s ease-in-out 0 s ; -o- transition : all .5 s ease-in-out 0 s ; -ms- transition : all .5 s ease-in-out 0 s ; }
. page-servicios . otros-servicios a : hover div { top : 110 px ; z-index : 100 ; }
. page-servicios . proyectos . project-item . overlay { transition : none ; -webkit- transition : none ; -moz- transition : none ; -o- transition : none ; -ms- transition : none ; }
. page-servicios . proyectos . project-item : hover . overlay { background-image : none ; }
. page-servicios . proyectos . servicio-66 . project-item : hover . overlay . bg-gradient-4 { background-color : #F3BD48 ; } /* formacion */
. page-servicios . proyectos . servicio-70 . project-item : hover . overlay . bg-gradient-4 { background-color : #60B6B0 ; } /* intervencion */
. page-servicios . proyectos . servicio-37 . project-item : hover . overlay . bg-gradient-4 { background-color : #B1A378 ; } /* evaluacion */
. page-servicios . proyectos . servicio-29 . project-item : hover . overlay . bg-gradient-4 { background-color : #9DCD8F ; } /* investigacion */
. page-servicios . proyectos . servicio-72 . project-item : hover . overlay . bg-gradient-4 { background-color : #fba451 ; } /* consultoria */
. page-servicios . proyectos . project-item h3 { font-size : 19 px ; line-height : 24 px ; }
. proyecto-unico h3 { font-weight : 400 ; }
. proyecto-unico a { text-decoration : none ; border-bottom : none ; }
. proyecto-unico-term { position : absolute ; bottom : 20 px ; right : 80 px ; width : 35 % ; }
@ media ( max-width : 768px ) {
. proyecto-unico-term { position : absolute ; bottom : 0 px ; right : 15 px ; width : 35 % ; font-size : 14 px ; line-height : 16 px ; }
}
/* Cookies */
. cdp-cookies-alerta . cdp-cookies-tema-azul . cdp-cookies-texto {
background-color : # 007893 ;
border-top : 0px solid # f8f9fa ;
border-bottom : 0px solid # 3f6da7 ;
padding : 30px 20px 20px 20px ;
}
. cdp-cookies-alerta . cdp-cookies-tema-azul . cdp-cookies-texto h4 {
font-size : 15px ;
line-height : 1 . 4 ;
font-family : 'Karla' , sans-serif ;
}
. cdp-cookies-alerta . cdp-cookies-tema-azul . cdp-cookies-texto p {
font-size : 12px ;
line-height : 1 . 3 ;
font-family : 'Karla' , sans-serif ;
}
. cdp-cookies-alerta . cdp-cookies-tema-azul . cdp-cookies-texto p a ,
. cdp-cookies-alerta . cdp-cookies-tema-azul . cdp-cookies-texto p a : active ,
. cdp-cookies-alerta . cdp-cookies-tema-azul . cdp-cookies-texto p a : visited {
color : # fba451 ;
}
. cdp-cookies-alerta . cdp-cookies-tema-azul . cdp-cookies-boton-cerrar {
background-color : # ffffff ;
border : none ;
border-radius : 50px ;
padding : 10px ;
margin-top : 20px ;
font-family : 'Karla' , sans-serif ! important ;
font-size : 16px ! important ;
color : # 092b57 ;
width : 100px ! important ;
}
