/* Theme Name: DECOSTUDIO 1.1 Author: YOU MEDIA Author URI: https://www.decostudio.com Description: Theme creado por YOUMEDIA para la web de DECOSTUDIO. Version: 1.1 License: Copyright Text Domain: decostudio */ @import url(css/reset.css); @import url(css/fonts.css); *, *:before, *:after {box-sizing: initial !important;} /* Structure //////////////////////////////////////////////////// */ /*html { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: hidden; margin: 0; } */ /*html {overflow: visible}*/ body {font: 300 .95em/110% "Host Grotesk", sans-serif; color: #FFF; background: #000; text-rendering: optimizeLegibility; margin: 0; position: relative; height: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; } /* // : Use a unique and descriptive class name // : Use a value from 300 to 800 .host-grotesk- { font-family: "Host Grotesk", serif; font-optical-sizing: auto; font-weight: ; font-style: normal; }*/ .wrapper {position: relative; margin: 3.6em 0 0 0; outline:none; overflow-x: hidden; overflow-y: hidden; background-color: #ebebeb; color: #000} .dark-theme, .dark-theme .wrapper {color: #FFF; background-color: #000;} .light-theme, .light-theme .wrapper {color: #000; background-color: #ebebeb;} .noscroll {overflow: hidden;} .nofull {height: auto;} /*.fullheight, .fullheight canvas { height: 100%; min-height: 820px;}*/ .fullheight {width: 100vw; height: 100vh; min-height: 680px;} section {position: relative; overflow: hidden;} .menu-hidden section {padding-left: 0;} a {outline:none !important; color: #a4a4a4; position: relative; text-decoration: underline;} a.is-text {text-decoration: none} a, a svg * { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } a:hover, .dark-theme a:hover {color: #0ca23c} .dark-theme a {color: #FFF} .text-left {text-align: left;} .text-center {text-align: center;} .text-justify {text-align: justify;} .text-right {text-align: right} small {font-size: 78%;} .text-tiny {font-size: 50%; line-height: 100%} .text-xxsmall {font-size: 74%; line-height: 110%} .text-xsmall {font-size: 80%; line-height: 120%} .text-small {font-size: 87%; line-height: 120%} .text-small-big {font-size: 92%; line-height: 120%} .text-med {font-size: 110%; line-height: 110%} .text-big {font-size: 135%; line-height: 120%} .text-xbig {font-size: 150%; line-height: 120%} .text-xxbig {font-size: 185%; line-height: 110%} .text-xxxbig {font-size: 205%; line-height: 110%} .text-huge {font-size: 5.4em; line-height: 0.8em; letter-spacing: -0.05em; } .text-light {font-weight: 300} .text-regular, .nobold {font-weight: 400} .text-medium {font-weight: 500} .text-semib {font-weight: 600} .text-bold, b, strong, .bold {font-weight: 700} .text-xbold {font-weight: 800} /* Para ajutar el texto al ancho del contenedor */ .text-adjust {line-height: .25em} .text-adjust::after {content: ""; display: inline-block; width: 100%; } body.Safari .text-adjust::after {margin-top: -1em;} /* For Decorations */ .ct {position: relative;} .ct::before, .ct::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: 0} .inline {display: inline !important;} mark {color: #FFF; background: #b2b2b2} ::-moz-selection {color: #FFF; background: #b2b2b2; opacity: 1} ::selection {color: #FFF; background: #b2b2b2} abbr {text-decoration: none;} .animado {visibility: hidden;} .upper {text-transform: uppercase;} .lower {text-transform: lowercase;} .ocult-item {opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } /* Colores */ .xgreylight {color: #e3e3e3 !important} .greylight {color: #b2b2b2 !important} .grey {color: #888888 !important} .greydark {color: #626262 !important} .black {color: #000 !important} a.black.not(.btn):hover {color: #ce0941 !important} .white {color: #FFF !important} a.white:hover {color: #999 !important} .green {color: #0ca23c !important} .red {color: #ce0941 !important} .white strong, .white b {color: #ce0941;} .bg-greylight, .btn.greylight::after {background-color: #cfcfcf !important;} .bg-grey {background-color: #aeaeae !important;} .bg-black {background-color: #000 !important;} .bg-white {background-color: #FFF !important; color: #000} .bg-green {background-color: #0ca23c !important} .bg-red {background-color: #ce0941 !important;} .grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); } .fullwidth, .fullwidth svg, .fullwidth img, .wp-block-image.size-full img {display: block; width: 100%; height: auto; max-width: 1000%;} .fullscreen {overflow: hidden;} /* Iconos */ .grey svg *, .imago.grey * {fill: #7c7c7c} .greylight svg *, .imago.greylight * {fill: #b2b2b2} .white svg *, .imago.white * {fill: #FFF} .black svg *, .imago.black * {fill: #000;} .green svg *, .imago.green * {fill: #0ca23c;} i:not(.no-tran) { display: inline-block; -ms-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; position: relative; } /* Separadores */ /*hr {height: 0; left: 50%; clear: both; position: relative; margin:0 0 0 -125px; border-top: 1px solid #CCC; background: none; }*/ /* Máscaras de imagen */ figure.img-mask {position: relative; overflow: hidden;} figure.img-mask .mask {position: relative; margin: -1px 0;} figure.img-mask .bg {position: absolute; top: -5%; left: -10%; width: 110%; -webkit-transition: 1s ease; transition: 1s ease; /*-webkit-animation-delay: 0.2s;*/ /*animation-delay: 0.2s;*/ } /* Header //////////////////////////////////////////////////// */ .header {width: 100%; overflow:hidden;} .entry-header {padding-bottom: 2em;} /************************************************************************ MENU ************************************************************************/ ul.menu {position: relative; z-index: 20;} ul.menu > li {display: inline-block; padding: 0 .5em; position: relative;} ul.menu > li a {display: inline-block; text-decoration: none; cursor: pointer; position: relative; font-weight: 600; font-style: normal; color: #FFF} ul.menu > li a:hover, ul.menu li.current-menu-item > a {color: #0ca23c;} ul.menu > li a::before {content: '/'; } /* Menus del header */ .main-nav-ct { width: 100%; left: 0; background: #000; top: 0; position: fixed; z-index: 600; /*-ms-transition: left .6s ease-in-out; -webkit-transition: left .6s ease-in-out; transition: left .6s ease-in-out; */ } /*.main-nav-ct:before {height: 2.2em; width: 2.2em; background: url('images/logos/imago-blanco.svg') no-repeat center; background-size: 100%; left: 1.2em; top: .7em;}*/ .main-nav-ct, .site-navigation {height: 3.6em} /*.menu-wp {width: 74%; height: 100%; position: relative; z-index: 20; float: right;}*/ .menu-ct {display: flex; align-items: center; justify-content: space-between; margin: 0 2vw 0 1.4vw;} .site-navigation {line-height: 1;display: flex; justify-content: flex-end; align-items: center; margin-right: 0; -ms-transition: margin .4s linear; -webkit-transition: margin .4s linear; transition: margin .4s linear; } .site-navigation ul.menu {display: flex; justify-content: flex-end; align-items: center;} .site-navigation ul.menu > li {display: block; margin: 0; padding: .5em .6em;} .site-navigation ul.menu > li > a {padding: .3em 0; letter-spacing: -0.02em; position: relative; display: block; font-weight: 900; font-size: 1.1em} /*.site-navigation ul.menu > li > a:hover::before, .site-navigation ul.menu > li.current-menu-item > a::before {width: 100%}*/ /*.site-navigation ul.menu > li:nth-child(odd) > a:hover::before {color: transparent; -webkit-text-stroke-width: 0.0125em; -webkit-text-stroke-color: #FFF}*/ .site-navigation ul.menu ul.sub-menu {position: absolute;min-width: 12em; opacity: 0; top: 90%; padding: 0 1em 1em 1em; background-color: #000; left: -0.5em; -ms-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } .site-navigation ul.menu ul.sub-menu > li {padding-top: .5em;} .site-navigation ul.menu li.menu-item-has-children:hover > ul.sub-menu {opacity: 1; top: calc(100% + .2em)} /* Menu principal */ body.page-template-home .site-navigation ul li.item-home, .site-navigation ul.menu > li.is-mobile {display: none;} .site-navigation.menu-mobile ul.menu > li.item-calculator {padding: .4em 0 .4em 20%} .site-navigation.menu-mobile ul.menu > li.item-calculator a { font-size: 85%; background-color: #0ca23c; display: inline-block; padding: 0.5em 1em; border-radius: 2em; } .site-navigation.menu-mobile ul.menu > li.item-calculator a:hover {background-color: #FFF; color: #000} /* Menu trigger */ .nav-trigger {position: fixed; cursor: pointer; z-index: 600; width: 2.4em; height: 2.4em; right: 1.5em; top: .5em; overflow: hidden; position: fixed; -webkit-transition: all .4s ease; transition: all .4s ease; } .nav-trigger div.btn-nav {display: block; position: relative;} .nav-trigger * {display: inline-block;} /*.nav-trigger .btn-nav-icon {display: none !important;} */ .nav-trigger .btn-nav-text {display: none; } .nav-trigger .btn-nav-icon {width: 100%; height: 2.8em; top: 0; left: 0; position: absolute; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .nav-trigger .btn-nav-icon i, .nav-trigger .btn-nav-icon i:after, .nav-trigger .btn-nav-icon i:before { position: absolute; top: 1.1em; left: 0; height: 4px; width: 100%; display: block; cursor: pointer; background-color: #FFF; content: ''; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; } /*.nav-trigger .btn-nav-icon i {transform: translate3d(0.7em, 0, 0); -webkit-transform: translate3d(0.7em, 0, 0); }*/ .nav-trigger .btn-nav-icon i:before {transform: translate3d(0, -1.7em, 0); -webkit-transform: translate3d(0, -1.7em, 0); } .nav-trigger .btn-nav-icon i:after {transform: translate3d(0, -0.5em, 0); -webkit-transform: translate3d(0, -0.5em, 0); } /* Hover & active state */ /*.nav-trigger:hover, .nav-trigger.hover {color: #0ca23c}*/ .nav-trigger:hover .btn-nav-icon i, .nav-trigger:hover .btn-nav-icon i:after, .nav-trigger:hover .btn-nav-icon i:before, .nav-trigger.hover .btn-nav-icon i, .nav-trigger.hover .btn-nav-icon i:after, .nav-trigger.hover .btn-nav-icon i:before {background-color: #0ca23c;} /* Open menu state */ body.menu-open .nav-trigger {z-index: 1001; top: 1em;} body.menu-open .nav-trigger .btn-nav-icon {} body.menu-open .nav-trigger .btn-nav-icon i {background-color: transparent !important; box-shadow: none !important} body.menu-open .nav-trigger .btn-nav-icon i:before, body.menu-open .nav-trigger .btn-nav-icon i:after {background-color: #0ca23c !important; box-shadow: none !important;} body.menu-open .nav-trigger .btn-nav-icon i:before { -ms-transform: translate3d(0em, -1em, 0) rotate(45deg); transform: translate3d(0em, -1em, 0) rotate(45deg); -webkit-transform: translate3d(0em, -1em, 0) rotate(45deg); } body.menu-open .nav-trigger .btn-nav-icon i:after { -ms-transform: translate3d(0em, -1em, 0) rotate(-45deg); transform: translate3d(0em, -1em, 0) rotate(-45deg); -webkit-transform: translate3d(0em, -1em, 0) rotate(-45deg); } .touch .nav-trigger.nav-white:hover .btn-nav-icon, .touch .nav-trigger.nav-white.hover .btn-nav-icon, .touch.menu-open .nav-trigger:hover .btn-nav-icon, .touch.menu-open .nav-trigger.hover .btn-nav-icon, .touch .nav-trigger.nav-white.active:hover .btn-nav-icon, .touch .nav-trigger.nav-white.active.hover .btn-nav-icon, .nav-trigger.nav-white.active:hover .btn-nav-icon, .nav-trigger.nav-white.active.hover .btn-nav-icon {background-color: #FFF} /* Negro */ .nav-trigger.nav-black .btn-nav-icon, .nav-trigger.nav-black .btn-nav-icon i:after, .nav-trigger.nav-black .btn-nav-icon i:before {background-color: #151519} /* Fixed */ .nav-trigger.nav-change.nav-fixed {color: #bcbcbc} .nav-trigger.nav-change.nav-fixed.active {color: inherit;} /* Menú social */ .nav-social ul > li > a {color: #a4a4a4; margin-bottom: 0} .nav-social ul > li > a:hover {color: #0ca23c;} /* Scroll Down //////////////////////////////////////////////////// */ .dummy {position: absolute; top: 0; z-index: 0; width: 100%;} #dummytop {height: 90%;/*height: 58vw;*/ top: auto; bottom: 0} /*.scrolling #dummytop {height: 1vw;}*/ /* Menú idioma //////////////////////////////////////////////////// */ ul.menu.nav-lang a {display: block; width: 2em; height: 1.4em; text-indent: -10000px; position: relative; overflow: hidden;} .site-navigation ul.menu.nav-lang ul.sub-menu {padding: 0 1em .5em 1em; min-width: 0} .site-navigation ul.menu.nav-lang ul.sub-menu > li {padding-top: 0; margin-top: -0.3em;} .site-navigation ul.menu.nav-lang ul.sub-menu a {height: 2em} ul.menu.nav-lang a::before, ul.menu.nav-lang a::after {position: absolute; left: 0; top: 0.5em; z-index: 60; text-indent: 0;} ul.menu.nav-lang a::after {content: ''; left: 0.5em } ul.menu.nav-lang .wpml-ls-menu-item .wpml-ls-flag {display: none;} ul.menu.nav-lang li.wpml-ls-item-es > a::after {content: 'Es';} ul.menu.nav-lang li.wpml-ls-item-en > a::after {content: 'En';} /* Calculadora //////////////////////////////////////////////////// */ .calculator {margin-left: .8em; position: relative; z-index: 600} .calculator > .calc-trigger {display: inline-block; height: 3.3em; background-color: #0ca23c; font-size: 112%; line-height: 3.3em; color: #FFF; text-decoration: none; font-weight: 900; border-radius: 0 0 1.4em 1.4em; padding: 0 1em; float: right; } .calculator > .calc-trigger::before {content: '/'} .calculator > .calc-trigger:hover {color: #000; padding-top: 1vw; /* background-color: #FFF*/} .calculator .calc-content {width: 15em; background-color: #0ca23c; border-radius: 0 0 0 1.6em; padding: 1.4em; font-size: 1.2em; } .calculator .calc-content::before {width: 100%; height: 100%; background: url('images/logos/imago-blanco.png') no-repeat center right; opacity: .15; background-size: 54%; right: -23%; left: auto; } .calculator .calc-content .calc-title {font-size: 1.35em; line-height: 0.9em; padding-bottom: .2em} .calculator .calc-content .wp-block-button__link::before, .calculator .calc-content .wp-block-button__link::after {display: none} .calculator .calc-content .wp-block-button__link {border-radius: 3em; background-color: #FFF; font-size: .62em; padding: .5em 1em .4em; margin-top: 1.2em;} .calculator .calc-content .wp-block-button__link:hover {background-color: #000; color: #FFF;} .calc-open .calculator {position: absolute; right: 2vw; top: 0; margin-left: 0;} .calc-open .calculator > .calc-trigger:hover {padding-top: 0;} .calc-open .site-navigation {margin-right: 22em;} /* NUEVO BOTON CALCULADORA */ .site-navigation ul.menu > li.calc-trigger {display: inline-block; height: 3.3em; background-color: #0ca23c; font-size: 100%; line-height: 3.3em; color: #FFF; text-decoration: none; font-weight: 900; border-radius: 0 0 1.4em 1.4em; padding: 0 1.5em; float: right; } .site-navigation ul.menu > li.calc-trigger{padding: .5em 1.5em;} ul.menu li.calc-trigger a{color: #fff;padding: 0 0;} ul.menu li.calc-trigger a:hover{color: #000;padding-top: .5vw;} /* Landing calculadora ///////////////////////////////////////////////// */ .sec-calculadora{width: 100%;position: relative;background: #0ca23c url('images/calculadora/imago-left-2.svg') no-repeat 0 0;/*background-size: 58% ;*/padding-bottom:2em;} .sec-calculadora .col-left{width: 58%;position: relative;} .sec-calculadora .col-left h1{font-size: 2.6em;} .sec-calculadora .col-left h2{font-size: 1.3em;} .sec-calculadora .col-left h2:before{content: ''!important;} .sec-calculadora .col-left .container{padding: 5em 0 2em 4.5em;margin: 0 0;} .sec-calculadora .col-left .container .soluciones-header{width: 70%;padding: 5em 0 0 7em;} .sec-calculadora .col-left .container .soluciones-header h1{} .sec-calculadora .col-left .container .soluciones-header .entry-content{padding:1em 0 0 1em; /*padding-right: 6%; max-height: 500px; overflow-y: auto; scrollbar-color: #0ca23c #222; scrollbar-width: thin;*/} .sec-calculadora .col-left .container .wp-block-button__link{background:#0ca23c;border-radius: 10px;padding: 1em;color: #fff;} .sec-calculadora .col-left .container a:hover.wp-block-button__link{color: #000;} .sec-calculadora .col-left .container .wp-block-button__link:before, .sec-calculadora .col-left .container .wp-block-button__link:after{content: '';} .sec-calculadora .col-right{width: 42%;position: relative;overflow: hidden;background:url('images/calculadora/imago-right.svg') no-repeat 100% 0;background-size: 100%;} .sec-calculadora .col-right .header{width: 80%;position: relative;margin: 16em auto 2em auto;} .sec-calculadora .col-right .header .subtitle h2{font-size: 1.8em;padding-bottom: 0;} .sec-calculadora .col-right .header .subtitle h2:before{color: #000;} .sec-calculadora .col-right .entry-content p{margin: .2em 0 0 1em;} .sec-calculadora .col-right .container{width: 70%;position: relative;margin: 0 auto;} .sec-calculadora .col-right .slider.slider-vertical-reformas{width: 64%;margin: 0 auto;padding: 1em 0 2em 0;overflow: visible;position: relative;} .sec-form-calculadora{width: 100%;position: relative;overflow: hidden;background: #000;} .sec-form-calculadora .col-left{width: 30%;position: relative;margin: 3em 10%;color: #fff;} .sec-form-calculadora .col-left .subtitle:before{content: '/';color: #0ca23c;font-size: 3em;left: -.5em;top: .3em;} .sec-form-calculadora .col-left h2{color: #fff;font-size: 1.6em;} .sec-form-calculadora .col-left h2:before{content: '';} .sec-form-calculadora .col-right{width: 30%;position: relative;margin: 3em 10%;} .sec-form-calculadora .col-right .acceptance label{color:#fff;} .sec-form-calculadora .col-right .green input.wpcf7-form-control{background:#0ca23c;border-radius:15px;color:#fff;padding: .5em 2em;} /* Mobiliario /////////////////////////////////////////////// */ .sec-mobiliario{width: 100%;position: relative;overflow: hidden;background: #fff url('images/mobiliario/bg-mobiliario.svg') no-repeat 0 0;background-size:100%;padding-bottom: 4em;} .sec-mobiliario-top{width: 85%;position: relative;overflow: hidden;margin: 6EM 10% 0 5%;} .sec-mobiliario-top .col-left{width: 28%;position: relative;float: left;} .sec-mobiliario-top .col-left .entry-content{padding-left: 1.7em;} .sec-mobiliario-top .col-left .entry-content h2{font-size: 1em;} .sec-mobiliario-top .col-left .entry-content h2:before{content: '';} .sec-mobiliario-top .col-left .entry-content p:nth-child(1){margin: 1em 0 0 0;} .sec-mobiliario-top .col-left .entry-content p:nth-child(2){margin-top: 0;} .sec-mobiliario-top .col-right{width: 61%;position: relative;float: left;margin-left: 8%;margin-top: 4em;} .sec-mobiliario-top .col-right .summary .entry-content{text-align: right;} .sec-mobiliario-top .col-right .video-mobiliario{width: 100%;position: relative;overflow: hidden;margin-top: 2em;} .sec-mobiliario-top .col-right .video-mobiliario video{width: 100%;} .sec-mobiliario-bottom{width: 76%;position: relative;margin: 5em auto 4em auto;} .sec-mobiliario-bottom .summary{margin-left: 1.2em;} .sec-mobiliario-bottom .entry-content h2{position: relative;padding-bottom: 0;} .sec-mobiliario-bottom .entry-content h2:after{content: ''; position: absolute; right: 0; top: 20%; width: 74%; height: 5px; z-index: 0; background: #fff;} .sec-mobiliario-bottom .entry-content p{margin: .6em 0 0 0;} .sec-mobiliario-bottom .gallery-carousel-mobiliario{margin-top: 1.5em;position: relative;} .sec-mobiliario-bottom .line-white{width:100%;position: relative;margin: 1em 0 1em 0;} .sec-mobiliario-bottom .line-white:after{width: 100%;height: 5px;background: #fff;bottom: 0;left:0;z-index: 2;} .sec-mobiliario-bottom .owl-carousel .owl-nav button.owl-next{right: -3.5em!important;} /* Content //////////////////////////////////////////////////// */ h1, h2, h3, h4, h5, h6, .entry-title, .entry-subtile {font-weight: 700; line-height: 1;} h1, .entry-title {font-size: 3.2em; line-height: 93%} h2, .entry-subtitle {font-size: 2.4em; line-height: .8;} h1 span:not(.none), h2 span:not(.none), .entry-title span:not(.none), .entry-subtitle span:not(.none) {display: block; padding-left: 1vw} h3 {font-size: 1.7em; padding-top: 0.8em; padding-bottom: 0.3em;} h4 {font-size: 1.4em;padding: .35em 0 0; } h5 {font-size: 85%;} h6 {font-size: 76%;} h1::before, .entry-title::before, h2::before, .entry-subtitle::before {content: '/'; color: #0ca23c} .nobar::before {display: none !important;} .logo, .imago {display: block;} .logo {width: 18vw; height: 9vw;} .big-logo .logo {width: 34vw; height: 7vw} .xbig-logo .logo {width: 35.5vw; height: 7vw} .xsmall-imago .imago {width: 2.2em; height: 2.2em;} .small-imago .imago {width: 4em; height: 4em;} .text-center .imago {display: inline-block;} .logo, .imago {-webkit-transition: opacity .5s linear;transition: opacity .5s linear;} a:hover .logo *, a:hover .imago * {opacity: .7} a:hover .logo.white *, a:hover .imago.white *, a:hover .white svg *, a:hover .imago.white * {fill: #0ca23c; opacity: 1} /*p {margin: .5em 0}*/ /*ul + h3:first-of-type , ol + h3:first-of-type , p + h3:first-of-type {padding-top: 1em}*/ h2 + h3 { padding-top: 0.3em } h2.entry-subtitle + h3 { margin-left: 0.6em } h2 + p, h3 + p, h4 + p { margin-top: .4em !important } .floatLeft {float: left !important;} .floatRight {float: right !impor4tant;} /* Reset de márgenes y espacios */ .no_m_t {margin-top: 0 !important} .no_m_r {margin-right: 0 !important} .no_m_b {margin-bottom: 0 !important} .no_m_l {margin-left: 0 !important} .no_p_t {padding-top: 0 !important} .no_p_r {padding-right: 0 !important} .no_p_b {padding-bottom: 0 !important} .no_p_l {padding-left: 0 !important} /* Imagenes */ img.aligncenter {display: block; margin: 0 auto; clear: both; overflow: hidden;} img.alignleft {float: left; margin: 0 3.7% 8px 0;} img.alignright {float: right; margin: 0 0 8px 3.7%;} .container {margin: 0 auto; padding: 4em 0; width: 80%; max-width: 1480px; position: relative; display: block;} .container.nomax {max-width: 100%;} .container.xxsmall-width {width: 22%} .container.xsmall-width {width: 33%} .container.small-width {width: 40%} .container.half-width {width: 50%} .container.inter-width {width: 60%} .container.medium-width {width: 70%} .container.big-width {width: 88%} .container.xbig-width {width: 92%} .container.full-width {width: 100%;} .entry-content, .hidden-content {position: relative; z-index: 99;} .hidden-content {display: none; clear: both;} .entry-content img {max-width: 100%; height: auto} .entry-content ul, .entry-content ol{margin: 1em;} .entry-content ul ul, .entry-content ul ol, .entry-content ol ul .entry-content ol ol {margin: .5em 1em;} .entry-content ul, .entry-content ol {margin-left: 2.5em} .entry-content ul li, .contacto-address ul li {position: relative; padding: 0 0 .3em 0} .entry-content ol li {list-style-type: decimal;} .entry-content ul li:last-of-type, .entry-content ol li:last-of-type {padding-bottom: 0} .entry-content ul:not(.no-bullets) li::before, .contacto-address ul:not(.no-bullets) li::before {content: ''; color: #0ca23c; position: absolute; top: 0.45em; left: -.6em; width: .3em; height: .3em; background-color: #0ca23c; border-radius: 100%; } .text-center .entry-content ul:not(.no-bullets), .text-center .contacto-address ul:not(.no-bullets), .entry-content.text-center ul:not(.no-bullets), .text-center.contacto-address ul:not(.no-bullets) {margin-left: 0} .text-center .entry-content ul:not(.no-bullets) li::before, .text-center .contacto-address ul:not(.no-bullets) li::before, .entry-content.text-center ul:not(.no-bullets) li::before, .text-center.contacto-address ul:not(.no-bullets) li::before {position: static; display: inline-block; margin-right: .3em; vertical-align: middle; } /*.entry-content strong, .entry-content b {color: #FFF}*/ .entry-content ul ol li::before {display: none;} .entry-content p {margin: .8em 0; } /*.entry-content p:last-of-type {margin-bottom: 0}*/ .container.entry-text {margin-top: 1em; margin-bottom: 1em;} .entry-content .entry-text { margin-top: .8em;} .entry-content .entry-container {max-width: 48%; margin-left: auto; margin-right: auto} .entry-content h2 {padding-bottom: .6em;} .entry-content h3 {padding-bottom: .6em;} .sec-default .entry-content h2 {margin-top: 2em;} .entry-content h2 + p {margin-top: 0} blockquote {padding: 1vw 2vw; clear: both; font-size: 2.2vw; font-weight: 800; font-style: italic; line-height: 118%; letter-spacing: .2em; color: #c6c6c6;} blockquote h2, blockquote h3 {padding-top: 0; font-size: 240%; padding-bottom: .15em;} .entry-content blockquote {max-width: 35%;} /*blockquote p {margin: 0}*/ /* FILAS Y COLUMNAS */ .row-sec {clear: both; overflow: hidden; position: relative; display: block;} .columns {display: flex; justify-content: space-between;} .columns.valign-middle {align-items: center;} .columns.valign-top {align-items: flex-start;} .columns.valign-bottom {align-items: flex-end;} .columns.align-center {justify-content: center} .columns.align-left {justify-content: flex-start} .columns.align-right {justify-content: flex-end} .col2-ct { -moz-column-count: 2; -moz-column-gap: 4em; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 4em; -webkit-column-rule: none; column-count: 2; column-gap: 4em; column-rule: none; } .col2-ct p:first-of-type {margin-top: 0;} [class^="col-"], [class*=" col-"] {float: left; margin: 0; padding: 0 !important} /*.columns [class^="col-"], .columns [class*=" col-"] {float: none}*/ .col-1-6 {width: 16.66666%;} .col-5-6 {width: 83.33333%;} .col-1-5 {width: 20%;} .col-2-5 {width: 40%;} .col-3-5 {width: 60%;} .col-4-5 {width: 80%;} .col-1-3, .col-2-6 {width: 33.33333%;} .col-2-3, .col-4-6 {width: 66.66666%;} .col-2, .col-2-4, .col-3-6 {width: 50%;} .col-1-4 {width: 25%;} .col-3-4 {width: 75%;} .col-55 {width: 55%;} .col-45 {width: 45%;} .col-30 {width: 30%;} .col-70 {width: 70%;} /* ALINEACION VERTICAL */ .vertical-align-container {height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 99} .vertical-align-ct {height: 100%; display: table !important; width: 100%} .vertical-align-inner {display: table-cell !important; vertical-align: middle;} /* PESTAÑAS / TABS //////////////////////////////////////////////////// */ .tabs {height: 100%; position: relative; clear: both;} .tab-nav {position: relative;clear: both; overflow: hidden; } .tab-nav li {display: inline-block; color: #000; line-height: 1} .tab-nav li a {display: block; text-align: center; text-decoration: none; color: #000; padding: 2vw 5vw; font-size: 2vw} .tab-nav li.active {background-color: #d6d6d6;} .tab-nav li a:hover {background-color: #d6d6d6; } .tab-container {background-color: #d6d6d6;} .tab-container .tab-title {border-bottom: 2px solid #b2b2b2; display: inline-block; text-transform: lowercase; padding: 0 4em 0.2em 2em} /* ACORDEONES //////////////////////////////////////////////////// */ .acc:not(.first) .acc-ct {display:none; } .acc {border-bottom: 1px solid rgba(255,255,255,.3)} .acc .acc-toggle {cursor: pointer; padding: .25em .5em; border-top: 1px solid rgba(255,255,255,.3); -webkit-transition: all .3s linear; transition: all .3s linear; } .acc .acc-toggle:hover, .acc .acc-toggle.expanded, .acc .acc-ct {background-color: #F80606; color: #000} .acc .acc-ct {padding: .5em 2em; } .acc .acc-ct p:first-of-type {margin-top: -.5em;} .acc .acc-ct a {color: rgba(21,21,25,.5); text-decoration: underline;} .acc .acc-ct a:hover {color: #FFF} /* TABLAS //////////////////////////////////////////////////// */ .tabs {height: 100%; position: relative; clear: both;} .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {width: 90%} .wp-block-table.aligncenter {margin-left: auto; margin-right: auto;} .wp-block-table td, .wp-block-table th {border: 0} .wp-block-table table {width: 100%;border-top: 2px solid #FFF;} .wp-block-table table th, .wp-block-table table td {padding: .5em .8em; border-bottom: 2px solid #FFF; } .wp-block-table table th {font-weight: bold; background: rgba(0,0, 0, .1)} /*.wp-block-table table tr:nth-child(odd) th, .wp-block-table table tr:nth-child(odd) td {background: rgba(0,0, 0, .1)}*/ /*table tr th:last-of-type, table tr td:last-of-type {border-right: 1px solid #dedede;}*/ /* EFECTOS DE IMAGEN //////////////////////////////////////////////////// */ figure.zoomin img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } a:hover figure.zoomin img { -webkit-transform: scale(1.2); transform: scale(1.2); } /* MÁSCARAS DE IMAGEN //////////////////////////////////////////////////// */ .imgmask-ct {display: block; overflow: hidden;} .imgmask-ct::before, .imgmask-ct::after {opacity: 0; -ms-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; } .imgmask-ct::before {z-index: 5; height: 100%; background: rgba(21,21,25,.3); /*mix-blend-mode: multiply*/ } .imgmask-ct .imgmask-text {display: block; position: absolute; z-index: 10; color: #FFF; bottom: 0; left: 0; width: 86%; padding: 0 7% 2em 7%; } .imgmask-ct .imgmask-text * {z-index: 50} .imgmask-ct .imgmask-text .img-title {display: block; text-transform: uppercase; font-size: 135%; padding-bottom: .2em; padding-top: 1em; max-width: 78%} .imgmask-ct.mask-overlay::before {opacity: 1;} /*.imgmask-ct::after {width: 60px; height: 60px; top: 1.4em; left: auto; right: -10px; margin: 0; z-index: 60; border-radius: 50em 130px 130px 50em; background: #F80606 url('images/iconos/zoom-blanco.svg') no-repeat center; background-size: 30px; }*/ a:hover .imgmask-ct:hover img, .imgmask-ct a:hover img {transition: all .8s ease;} a:hover .imgmask-ct:hover img, .imgmask-ct a:hover img {transform: scale(1.05); -webkit-transform: scale(1.05);} a:hover .imgmask-ct::before, a.imgmask-ct:hover::before, a:hover .imgmask-ct::after, a.imgmask-ct:hover::after {opacity: 1} a:hover .imgmask-ct.mask-overlay::before, a.imgmask-ct.mask-overlay:hover::before {opacity: 0} a:hover .imgmask-ct .img-title, a.imgmask-ct:hover .img-title {color: #FFF} a:hover .imgmask-ct::after, a.imgmask-ct:hover::after {right: -3px;} /* CARRUSEL //////////////////////////////////////////////////// */ .owl-nav{width: 100%; top: 50%; position: absolute; margin-top: -1.5em} .owl-carousel .owl-stage {display: flex; flex-wrap: wrap;} .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {padding:0;border-radius:0;display: block;text-shadow:none;color:transparent; width: 3em; height: 3.5em;position: absolute; margin: 0;} .owl-carousel .owl-nav .owl-next {right: -4em;} .owl-carousel .owl-nav .owl-prev {left: -4em;} .owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before{font-family: "icons"; font-size: 3.5em; line-height: 1; color: #FFF; text-shadow:none;padding:0;} .owl-carousel .owl-nav .owl-next:before{content:'\e802';} .owl-carousel .owl-nav .owl-prev:before{content:'\e801';} .owl-carousel .owl-nav .owl-next:hover:before, .owl-carousel .owl-nav .owl-prev:hover:before {color: #CCC;} .owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-nav .owl-prev.disabled {opacity: 0} .owl-carousel .owl-dots {text-align: center; padding-top: 2em; } .owl-carousel .owl-dots button.owl-dot.active span, .owl-carousel .owl-dots button.owl-dot:hover span {background-color: #000; border-radius: 50%; height: 14px; width: 14px; position: absolute; top: 0; left:0; } .owl-carousel .owl-dots button.owl-dot{border: 1px solid #000; border-radius: 50%; height: 16px; width: 16px; position: relative; margin: 1em .25em } /*.dark-theme .owl-carousel .owl-nav .owl-next:before, .dark-theme .owl-carousel .owl-nav .owl-prev:before {color: rgba(21,21,25,.6);} .dark-theme .owl-carousel .owl-nav .owl-next:hover:before, .dark-theme .owl-carousel .owl-nav .owl-prev:hover:before {color: rgba(21,21,25,1);}*/ /* POPUP WINDOW */ .popup-window {height: 100%; width: 100%; background: #000; position: absolute; z-index: 600; right: -105%; top: 0; -ms-transition: right .8s ease-in-out; -webkit-transition: right .8s ease-in-out; transition: right .8s ease-in-out; } .popup-window.active {position: fixed; right: 0} .popup-window .container {float: none !important; margin-top: 4em !important; height: 100%; padding-bottom: 4em; width: 54%} .popup-window .container h2 {font-size: 180%; padding: 1em 0 0} /* Page default / TEXT //////////////////////////////////////////////////// */ .sec-default {padding: 1em 0 4em} .sec-default .entry-header h1 {margin-top: .4em;} /* ERROR404 page //////////////////////////////////////////////////// */ /*section.error404-ct {min-height: 768px}*/ /* FONDO FIJO */ .bg-fixed { background-attachment: fixed !important; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;} /* Footer //////////////////////////////////////////////////// */ .footer {position: relative; padding: 1em 0; border-top: 1px solid rgba(255,255,225,.2); background: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .footer a {color: #FFF;} .footer a:hover {color: #0ca23c;} /*.footer .imago {display: block; text-align: center; margin: 2vw 0 0 -3vw; position: absolute; left: 50%;}*/ .footer .footer-left {text-align:left; margin-left: 2vw;} .footer .footer-right {text-align:right; margin-right: 2vw;} /* BOTONES //////////////////////////////////////////////////// */ .btn, button, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link, .is-style-outline>.wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) { -webkit-appearance:none !important; cursor: pointer; display: inline-block; background: none; border: 0; text-transform: uppercase; color: #0ca23c; letter-spacing: -0.03em; width: auto; margin: .5em 1em .5em 0; text-decoration: none; padding:0 ; font-size: 100%; font-weight: 600; border-radius: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .text-center .btn, .text-center button, .text-center input[type="button"], .text-center input[type="reset"], .text-center input[type="submit"], .text-center .wp-block-button__link, .text-center .is-style-outline>.wp-block-button__link:not(.has-text-color), .text-center .wp-block-button__link.is-style-outline:not(.has-text-color) {margin-left: 1em;} .wp-block-button__link, .is-style-outline>.wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) {margin-left: 0} .btn::before, .wp-block-button__link::before, .is-style-outline>.wp-block-button__link:not(.has-text-color)::before, .wp-block-button__link.is-style-outline:not(.has-text-color)::before {content: '['} .btn::after, .wp-block-button__link::after, .is-style-outline>.wp-block-button__link:not(.has-text-color)::after, .wp-block-button__link.is-style-outline:not(.has-text-color)::after {content: ']'} /* Por defecto / Default */ .btn:hover, button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .wp-block-button__link:hover, .is-style-outline>.wp-block-button__link:not(.has-text-color):hover, .wp-block-button__link.is-style-outline:not(.has-text-color):hover {color: #000} .dark-theme .btn:hover, .dark-theme button:hover, .dark-theme button:focus, .dark-theme input[type="button"]:hover, .dark-theme input[type="button"]:focus, .dark-theme input[type="reset"]:hover, .dark-theme input[type="reset"]:focus, .dark-theme input[type="submit"]:hover, .dark-theme input[type="submit"]:focus, .dark-theme .wp-block-button__link:hover, .dark-theme .is-style-outline>.wp-block-button__link:not(.has-text-color):hover, .dark-theme .wp-block-button__link.is-style-outline:not(.has-text-color):hover {color: #0ca23c} /*.dark-theme .btn:hover, .dark-theme button:hover, .dark-theme button:focus, .dark-theme input[type="button"]:hover, .dark-theme input[type="button"]:focus, .dark-theme input[type="reset"]:hover, .dark-theme input[type="reset"]:focus, .dark-theme input[type="submit"]:hover, .dark-theme input[type="submit"]:focus, .dark-theme .wp-block-button__link:hover, .dark-theme .is-style-outline>.wp-block-button__link:not(.has-text-color):hover, .dark-theme .wp-block-button__link.is-style-outline:not(.has-text-color):hover {color: #FFF}*/ /*.btn.more-link {background-color: #c0c7d3; border-color: transparent;color: #000} .btn.more-link:hover, .btn.more-link:focus {border-color: #c0c7d3; background: none; color: #9299a6;}*/ /* Mas / Plus */ .btn-plus {width: 20px; height: 20px; padding: 0; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; } .btn-plus::before { font-family: 'icons'; content: '\e815'; display: block; color: #FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-plus:hover::before {color: #970b0b} .btn-plus.red::before {color: #970b0b} .btn-plus.blue::before {color: #0000ff} .btn-plus.red:hover::before, .btn-plus.blue:hover::before {color: #FFF} /* Cerrar / Close */ .btn-close {position: absolute;top:0; right:0;z-index:1250;} .btn-close:hover::before {} /* Para acceder al contenido */ .btn-access-ct {position: absolute; top: 1em; left: 0; text-align: center; width: 100%; z-index: 300} .btn-access-ct a:hover {opacity: .65; color: #970b0b} .btn-access-ct.access-down a {display: inline-block; animation: 1.4s ease-out normal none infinite floating; -webkit-animation: 1.4s ease-out normal none infinite floating } @-webkit-keyframes floating{0%{-webkit-transform:translateY(-8px)}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-8px)}} @-moz-keyframes floating{0%{-moz-transform:translateY(-8px)}50%{-moz-transform:translateY(8px)}100%{-moz-transform:translateY(-8px)}} /* Toggle */ .toggle-content {display: none;} .btn-toggle.active::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .btn-toggle {} .btn-toggle span {display: none;} .btn-toggle span.active {display: inline;} .btn-toggle.active {} .btn-toggle.active i { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* Videos */ .title-img {position: relative;} /* Varios //////////////////////////////////////////////////// */ .overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(21,21,25,.6); z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .overlay.active {position: fixed; z-index: 99;} .clear {clear: both;} .clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} * html .clearfix,*:first-child+html .clearfix{zoom:1} .imagen {width: 100%;} .is-mobile, .none {display: none;} .hidden {visibility: hidden !important; opacity: 0 !important;} .active {visibility: visible !important; opacity: 1 !important;} .fixed {position: fixed;} footer.fixed {bottom: 0} /* ========================================================================== Corección plugin de cookies ========================================================================== */ .gdpr_lightbox *, .gdpr_lightbox *:before, .gdpr_lightbox *:after { box-sizing: border-box !important; } /* ========================================================================== COLORBOXES ========================================================================== */ #cboxOverlay {background-color: rgba(21,21,25,.8) !important;} #cboxLoadedContent {border: none !important; background: none !important} #cboxLoadingGraphic{background:url('images/loading.svg') no-repeat center center;} #cboxClose { background: none !important; background-size: 100%; height: 3em !important; right: 1em !important; top: 1em !important; width: 3em !important; text-indent: 0 !important; /*padding: 8px 10px 0 !important;*/ overflow: hidden !important; color: #FFF !important; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 0; } #cboxClose:before { font-family: "icons"; content: '\e804'; font-size: 3em; line-height: 1em; margin-bottom: 1.5em; display: inline-block; text-shadow: none } /*#cboxContent {margin-top: 40px !important; background: #000 !important;}*/ #cboxContent {margin-top: 40px !important; background: none !important;} /* GALERÍAS */ #cboxNext, #cboxPrevious {background: none; width: 5em; height: 5em; margin-top: -1.5em; color: #FFF} #cboxNext:hover, #cboxPrevious:hover {color: rgba(255,255,255,.6);} #cboxNext:before, #cboxPrevious:before {font-family: 'icons'; font-size: 5em; line-height: 1em; text-indent: 0; display: block; position: absolute; left: 0; top: 0} #cboxPrevious:before {content: '\e801'} #cboxNext:before {content: '\e802'} /* Template page-lightbox */ #colorbox .wrapper {background: #000; height: auto; } .page-colorbox#colorbox .entry-content {padding: 1.5em 0 3em; margin: 2em auto; width: 80%; float: none;} .page-colorbox#colorbox .entry-content hr {background-color: #FFF; margin: 0em 0 0;} .page-colorbox#colorbox .entry-header {padding: 1em 0 0 0; margin: 0} .page-colorbox#colorbox .entry-header h2 {font-size: 2em; line-height: 100%; color: #970b0b; text-transform: uppercase;} .page-colorbox#colorbox .entry-content h3 {font-size: 125%; padding-bottom: 0.6em;text-transform: uppercase;} .page-colorbox#colorbox .entry-content p + h3:first-of-type {padding-top: 1em;} .page-colorbox#colorbox .entry-content h4 {text-transform: uppercase; font-size: 110%; line-height: 100%; padding-bottom: 0.4em} .page-colorbox#colorbox .main-nav-ct, .page-colorbox#colorbox footer {display: none} .page-colorbox#colorbox .lightbox-ct h1{display: block; padding-bottom: .3em; text-align: left} .lightbox-ct h1 {font-size:500%;} .lightbox-ct h2 {font-size:150%; text-align: left} .lightbox-ct b, .lightbox-ct strong {color: #888} .lightbox-ct{width: 40%;margin:0 auto; padding:3%; } #cboxLoadedContent .lightbox-ct{width: 100%; margin: 0; padding:0; background:#fff; color: #000;} /* Para acceder al contenido */ .btn-access-ct { position: absolute; bottom: 7em; left: 1.5em; padding-bottom: 0; text-align: center; width:auto; z-index:70; } .btn-access-ct a:hover {opacity: .65; color: #ff851c} .btn-access-ct.access-down a {display: inline-block;} .btn-access-ct.access-down img {max-height: 4em; width: auto} .btn-access-ct.access-down a {color: #888} /*scroll*/ .icon-scroll, .icon-scroll:before { position: absolute; left: 49%; } .icon-scroll { width: 18px; height: 30px; bottom: 1em; border-radius: 25px; background: none; border:1px solid #fff; } .icon-scroll:before { content: ''; width: 2px; height: 6px; background: #fff; margin-left: -1px; top: 4px; border-radius:0; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; } @-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(23px); transform: translateY(23px); } } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(23px); transform: translateY(23px); } } /* VIDEO DE FONDO */ .bg-video video {width: 100%;} .bg-video video:not(.is-mobile) {display: block;} /* VIDEO PLAYER */ .videoContainer {width: 800px; height: 450px; margin: 0 auto; } .videoContainer .video-js {background: #FFF !important } .videoContainer .video-js, .videoContainer video {width: 100% !important; height: 450px !important;} .video-title {text-transform: uppercase; color: #FFF; padding-bottom: .5em; font-size: 150%} #colorbox .video-title {display: none;} .home-video .video-js {color: #FFF !important} .vjs-you-skin {} /* Change all text and icon colors in the player. */ .vjs-you-skin.video-js {color: #57584F; } /* Change the color of various "bars". */ .vjs-default-skin.vjs-you-skin .vjs-control-bar { background: rgba(21,21,25,0); opacity: 1 !important; visibility: visible !important; } .vjs-default-skin .vjs-control:before {text-shadow: none !important; } .vjs-default-skin .vjs-slider {background-color: rgba(87,88,79,.6)} .vjs-you-skin .vjs-volume-level, .vjs-you-skin .vjs-play-progress, .vjs-you-skin .vjs-slider-bar { background: #FFF !important; } .vjs-default-skin .vjs-big-play-button {background: none !important; width: 2.6em !important; margin-left: -1.4000000000000001em !important; border: .3em solid #FFF !important; margin-top: 0 !important; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -ms-transition: background .4s ease !important; -webkit-transition: background .4s ease !important; transition: background .4s ease !important; font-size:2.5em!important; } .vjs-default-skin .vjs-big-play-button:before {left: 0.08em !important; color: #FFF !important; text-shadow: none !important; } .vjs-default-skin .vjs-big-play-button:focus, .vjs-default-skin .vjs-big-play-button:hover {border-color: #57584F !important;} .vjs-default-skin .vjs-big-play-button:focus:before, .vjs-default-skin .vjs-big-play-button:hover:before {color: #57584F !important} /* Button play */ .vjs-default-skin .vjs-big-play-button:before {font-family: "icons" !important; content: "\e813" !important; font-size: 1.5em; line-height: 1.75em !important} /*.vjs-default-skin .vjs-big-play-button:after { text-transform: uppercase; font-weight: 900; font-size:8em; position: absolute; top:0; left:-2em; color:#fff; opacity: .2; } */.vjs-default-skin.vjs-has-started .vjs-control-bar{display:none!important;} .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:none!important;} /* ACORDEONES VERTICALES //////////////////////////////////////////////////// */ /* Acordeones verticales */ .accv > .columns {flex-wrap: wrap; } .accv-item {background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; cursor: pointer; -webkit-transition: width .4s ease-in-out; transition: width .4s ease-in-out; } .accv-item::before {height: 100%; background-color: rgba(0,0,0,.6); -webkit-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;} .accv-item::after {font-family: 'icons'; content: '\e815'; top: 3vw; left: 0; color: #FFF; font-size: 2vw; width: 2vw; height: 2vw; margin: 0; left: 35%; left: calc( 50% - 1vw); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .accv-item .accv-mask {overflow: hidden; position: relative;} .accv-item .accv-header {position: absolute; bottom: 1.4em; left: 4.4em; color: #FFF; width: 40em; z-index: 60; font-size: 1.2vw; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .accv-item .accv-title {padding-bottom: 0; font-weight: 300; line-height: .8em; overflow: hidden;} .accv-item .accv-title > a {color: #FFF; text-decoration: none; float: left; width: 92%; display: inline-block; pointer-events: none;} .accv-item.active .accv-title > a {pointer-events: inherit;} .accv-item .accv-title > a:hover {color: rgba(255,255,255,.6)} .accv-item .accv-title small {font-size: 55%; font-weight: 700} .accv-item .accv-title::before {content: '/'; float: left;} .accv-item .accv-subtitle {font-weight: 800; margin-left: .9em; margin-top: 0 !important} .accv-item .accv-link {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; visibility: hidden; display: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .accv-item.active .accv-link {opacity: 1; display: block; visibility: visible;} .accv-item.active::after, .accv-item.active::before {display: none;} .accv-item.active .accv-header {bottom: 1em; left: 1em; font-size: 1.45vw; width: 100%; -webkit-transform: rotate(0); transform: rotate(0); } .accv-item:hover::after {transform: scale(1.1) translateY(.25em);} .accv-item:hover::before {opacity: .6} /* Cambiamos estilos cuando hay menos items */ .accv .accv-item.item-fixed {width: 20% !important; height: auto !important; padding-bottom: 1em; background-color: #000} @media only screen and (max-width: 1024px) {.accv .accv-item.item-fixed {width: 25% !important;} } @media only screen and (max-width: 860px) {.accv .accv-item.item-fixed {width: 33.3333% !important;} } @media only screen and (max-width: 666px) {.accv .accv-item.item-fixed {width: 50% !important;} } @media only screen and (max-width: 378px) {.accv .accv-item.item-fixed {width: 100% !important;} } .accv .accv-item.item-fixed::before {width: 1px; background-color: rgba(255,255,225,.2);} .accv .accv-item.item-fixed::after {display: none;} .accv .accv-item.item-fixed.active::before {display: block;} .accv .accv-item.item-fixed .accv-header {position: static !important; font-size: 80% !important; width: auto; margin-left: 1.4em; -webkit-transform: rotate(0); transform: rotate(0); } .accv .accv-item.item-fixed .accv-header .accv-title::before {color: #0ca23c} /* SLICK SLIDER & CAROUSEL //////////////////////////////////////////////////// */ .slider .slick-prev:before, .slider .slick-next:before {display: none; } .slider .slick-prev, .slider .slick-next {border-style: solid; display: inline-block; width: auto !important; top: 50%; margin-top: -2em; z-index: 10; cursor: pointer; position: absolute; background: none !important; border: 0 !important; color: #FFF !important } .slider .slick-prev:hover, .slider .slick-next:hover, .slider .slick-prev:focus, .slider .slick-next:focus {color: #CCC !important; background: none !important;} .slider .slick-prev {left: 2em} .slider .slick-next {right: 2em} .slider .slick-prev.slick-disabled, .slider .slick-next.slick-disabled {opacity: 0.4; cursor: default;} .slider.slider-gallery .slick-prev, .slider.slider-gallery .slick-next {top: 35%} .slider.slider-vertical {padding: 3em 0} /*.slider.slider-vertical .slick-list {padding-bottom: 9.4em;} .panel-customers-right .slick-slide div {height: 4em;}*/ .slider.slider-vertical li, .slider.slider-vertical .slick-slide div {height: 4em;} .slider.slider-vertical .slick-prev, .slider.slider-vertical .slick-next {left: 50%; right: auto; margin-left: -20px;} .slider.slider-vertical .slick-prev {top: -4em;} .slider.slider-vertical .slick-next {bottom: -3em; top: auto; } .slider.slider-vertical .slick-slide > div {text-align: center; padding: .6em 0} .slider.slider-vertical-reformas .slick-prev, .slider.slider-vertical-reformas .slick-next {left: 50%; right: auto; margin-left: -20px;} .slider.slider-vertical-reformas .slick-prev {top: -5em;} .slider.slider-vertical-reformas .slick-next {top: inherit; } .slider.slider-vertical-reformas .slick-slide > div {text-align: center; padding: .6em 0} /* Bloques */ .block-img + .block-header {margin-top: 1em;} .block-item .block-img {-webkit-transition: all .5s linear; transition: all .5s linear; } .block-item .block-header span {display: inline; padding: inherit;} /* Por páginas //////////////////////////////////////////////////// */ /* HOME //////////////////////////////////////////////////// */ /**** PURE CSS HORIZONTAL SCROLL ** *****/ body.home .wrapper {margin-top: 0;} body.home .wrapper .pin-spacer {height: 100vh !important} .sec-h {width: 500vw; height: 100vh; display: flex; flex-wrap: nowrap; } .sec-h section {overflow: visible;} .panel {width: calc(100vw + 1px); height:100%; position:relative; overflow: visible; margin-left: -1px} .panel .panel-ct {height: 100vh; height: 100vh; min-height: 340px; overflow: auto; z-index: 60; position: relative; margin-top: 3.5vw; } .panel .panel-ct > .columns {} .panel .animated {opacity: 0} .panel.hover .animated { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /* PANEL 01 */ .panel.one {z-index: 10; background: url('images/home/01_bg.jpg') no-repeat bottom right; background-size: cover; } .panel.one::before {z-index: 10; height: 100%; background: url('images/home/01_mask.png') no-repeat 0 0; background-size: cover;} .panel.one .panel-header {position: absolute; top: 5vw; left: 16vw;} .panel.one .bgslider {position: absolute; width: 100%; height: 100%; z-index: 1; bottom: 0} .panel.one .panel-body {position: absolute; margin-left: 35.5%; top: 15vw;} .panel.one .panel-body h2 {font-size: 1.4em; padding-bottom: 0.2em;} .panel.one .panel-body h2::before {display: none;} /* PANEL 1B */ .panel.another {z-index: 10;background: url('images/home/02_bg.jpg') no-repeat bottom left; background-size: cover; } .panel.another::before {z-index: 10; height: 100%; background: url('images/home/02_mask.png') no-repeat top right; background-size: cover;} /*.panel.another::after {background: url('images/logos/imago-blanco.svg') no-repeat bottom left; left: auto; width: 22vw; right: -11vw; background-size: 100%; height: 100%; top: auto; bottom: -6vw; z-index: 20;}*/ .panel.another .panel-body { position: absolute; left: 32.5%; top: 8vw; width: 34%;} .panel.another .panel-body .entry-content { margin-left: 5vw; margin-top: 1.5em;} /*@media only screen and (min-width: 1200px) and (orientation: portrait) { .panel.one::before {background-position: 70% 0;} .panel.one .panel-header {top: 17vw;} .panel.one .panel-body {top: 27vw;} .panel.another::before {background-position: 14% 0} .panel.another .panel-body {left: 42.5%; top: 21vw; } }*/ /* PANEL 02 */ .panel.two {z-index: 30; background-color: #ebebeb} .panel.two .decostart { position: absolute; height: 100%; width: 29vw; background: url('images/logos/imago-blanco.svg') no-repeat bottom left; left: -16vw; background-size: 100%; height: 100%; top: auto; bottom: -7vw; /* z-index: 70;*/ } .panel.two::before {} .panel.two .panel-left > .container {} .panel.two .panel-left .entry-content {margin: 1.6vw 4vw 1vw 5vw;} .panel.two .entry-claim {position: absolute; bottom: 17vh; left: 0; -webkit-animation-delay: 1s; animation-delay: 1s; } .panel.two .soluciones-projects {padding-left: 0.4%} .panel.two .soluciones-projects .project-item {height: 100vh !important; width: 10%} .panel.two .soluciones-projects > .columns.items-7 .project-item.active {width: 37.5%} .panel.two .soluciones-projects > .columns.items-6 .project-item.active {width: 47.6%} .panel.two .soluciones-projects > .columns.items-5 .project-item.active {width: 57.9%} .panel.two .soluciones-projects > .columns.items-4 .project-item.active {width: 68.5%} .panel.two .soluciones-projects > .columns.items-3 .project-item.active {width: 79%} .panel.two .soluciones-projects > .columns.items-2 .project-item.active {width: 89.5%} .panel.two .soluciones-projects > .columns.items-1 .project-item.active {width: 99.6%} .panel.two .soluciones-projects .project-item.accv-item.item-fixed {height: auto !important;} .panel.two .accv-item .accv-header {bottom: 11.4vh; left: 4em} .panel.two .accv-item.active .accv-header {bottom: 11vh; left: 1em} /*.panel.two .soluciones-projects > .columns.items-7 .project-item.active .accv-subtitle {margin-left: 0}*/ .panel.two .soluciones-projects > .columns.items-7 .project-item .accv-header {font-size: 1vw;} .panel.two .soluciones-projects > .columns.items-7 .project-item.active .accv-header {font-size: 1.2vw;} /* PANEL 03 */ /*.panel.three {}*/ .panel.three::before {background: url('images/logos/imago-blanco.svg') no-repeat bottom left; width: 28vw; left: 1vw; background-size: 100%; height: 100%; top: auto; bottom: -8vw; z-index: 20;} .panel.three .panel-news-left > .container, .panel.three .entry-claim {margin-left: 17%} .panel.three .panel-news-left .entry-content {margin-left: 3vw; margin-top: 1.2vw } .panel.three .entry-claim blockquote {padding: 0; font-size: 1.8vw} .panel.three .noti-list {border: 0; margin-left: 8vw; margin-right: 2vw} .panel.three .noticia-item {padding-top: 2vw; padding-bottom: 2vw; display: block;} .panel.three .noticia-item .noticia-title {font-size: 1.2em; line-height: .8; padding-top: .2em} .panel.three .noticia-item .noticia-image {margin: .4em 0} /*.panel-customers-left {margin-top: 10vw}*/ .panel-customers-left .entry-content {margin-left: 3vw} /*.panel-customers-right {margin-top: 7%;}*/ .panel-customers-right::before {width: 4px; background-color: #FFF; height: 100%} .panel-customers-right .slick-slide img {max-height: 4vw; max-width: 9vw; height: auto; width: auto; display: inline-block;} .panel-customers-right .slick-slide img#logo-Wolkswagen {max-height: 3vw} /* PANEL 04 */ .panel.four {} .panel.four .contacto-body {height: 86vh} .panel.four .contacto-text .contacto-form {margin-right: 7vw; /*height: 28vw; overflow: auto*/} .panel.four .contacto-address {margin-top: 3vw} .panel.four .contacto-address > .container {margin-left: 17%; flex-wrap: wrap;} /*.panel.four .contacto-address .block-item {margin-bottom: 2vw;}*/ .panel.four .contacto-social {position: absolute; right: 3vw; bottom: 20vh; } /*.panel.four .footer {position: absolute; bottom: 0; right: 0; width: 100%; z-index: 80}*/ .panel.four .footer .footer-left {margin-left: 0} /* DECOSTUDIO //////////////////////////////////////////////////// */ .sec-decostudio::after {background: url('images/logos/imago-blanco.svg') no-repeat bottom left; width: 55%; left: auto; right: 0; background-size: 145%; height: 100%; top: auto; bottom: -2%; z-index: 20; opacity: .5;} .decostudio-top {} .decostudio-top .bgslider {position: relative; z-index: 0} .decostudio-top::before {z-index: 10; height: 100.5%; background: url('images/decostudio/mask.png') no-repeat 0 0; background-size: 100.5%; } .decostudio-header {position: absolute; top: 5vw; left: 13vw; z-index: 20; width: 50vw; } .decostudio-header .entry-content {margin: 2.8vw 5vw 2vw 8.3vw;} .decostudio-header .entry-content h2 {font-size: 138%;} .decostudio-header .entry-content h2::before {display: none;} .decostudio-body {z-index: 40; margin-top: -20vw} .decostudio-body h2 {font-size: 3em} .decostudio-body .decostudio-blocks .container.inter-width {margin-left: 25%} .decostudio-body .decostudio-history .entry-content {margin: 1.6vw 0 0 2.4vw} .decostudio-body .decostudio-blocks .block-item .entry-content {margin: 1.3vw 0 0 4vw} /* METODOLOGÍA //////////////////////////////////////////////////// */ /*.sec-metodo::after {background: url('images/logos/imago-blanco.svg') no-repeat bottom left; width: 55%; left: auto; right: 0; background-size: 145%; height: 100%; top: auto; bottom: -2%; z-index: 20; opacity: .5;}*/ .metodo-top {} .metodo-top .slider {position: relative; z-index: 0} .metodo-top::before {z-index: 10; height: 100.5%; background: url('images/metodologia/mask.png') no-repeat bottom right; background-size: 100%; } .metodo-header {position: absolute; top: 0; left: 0; z-index: 20; width: 72vw; height: 100%; padding: 8vw 0 0 6vw; background: url('images/metodologia/header_bg.png') no-repeat 0 0; background-size: contain } .metodo-header .metodo-text {margin-top: 2vw} .metodo-header .entry-content {margin: 2.4vw 1vw 2vw 6vw;} .metodo-header .entry-content h2 {font-size: 100%; text-transform: uppercase; padding-bottom: 0} .metodo-header .entry-content h2::before {display: none;} .metodo-header .metodo-claim {position: absolute; bottom: 41vw; left: 4vw;} .metodo-header .metodo-claim blockquote {font-size: 3vw;} .metodo-body {margin-top: -10vw} .metodo-body .tabs {} .metodo-body .tab-nav li {width: 40%; border-bottom: 4px solid #FFF; -webkit-transition: width .4s linear; transition: width .4s linear; } .metodo-body .tab-nav li:nth-child(odd) {border-right: 4px solid #FFF;} .metodo-body .tab-nav li:nth-child(even) {border-left: 4px solid #FFF;} .metodo-body .tab-nav li.active {width: 60%; border-color: transparent !important;} .metodo-body .tab-nav li a {position: relative;} .metodo-body .tab-nav li a::after {font-family: 'icons'; content: '\e815'; height: 100%; color: #FFF; left: auto; right: 2vw; width: auto; top: auto; transform-origin: left; -webkit-transition: all .2s ease; transition: all .2s ease; } .metodo-body .tab-nav li:nth-child(odd).active a {text-align: left} .metodo-body .tab-nav li:nth-child(even).active a {text-align: right} .metodo-body .tab-nav li.active a::after {transform: rotate(45deg) translate3d(-1em, 0, 0);} .metodo-body .tab-nav li a span {display: inline-block; position: relative;} .metodo-body .tab-nav li a span::after {height: 4px; top: auto; bottom: -2.4vw; bottom: calc(-2vw - 4px); background-color: #FFF; width: 0; -webkit-transition: all .6s ease; transition: all .6s ease; } .metodo-body .tab-nav li.active a span::after {width: 100%} .metodo-body .tab-container .tab-summary {margin-left: 5vw; margin-right: 5vw; font-size: 1.4vw} .metodo-body .tab-container .tab-summary > .container {line-height: 1} .steps {padding-bottom: 8em; position: relative;} .steps .step-item.anim { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .steps .steps-image {width: 53vw; height: 53vw; border-radius: 100%; position: absolute; } .metodo-body .tab-container:nth-child(even) .steps-image {left: -6vw;} .metodo-body .tab-container:nth-child(odd) .steps-image {right: -6vw; top: 2vw;} .steps .steps-image .image-ct {width: 53vw; height: 53vw; border-radius: 100%; overflow: hidden;} .steps .steps-image::before {background: url('images/logos/imago-blanco.svg') no-repeat center; height: 57vw; width: 57vw; left: -2vw; top: -2vw; } .steps .steps-image .steps-claim {position: absolute; bottom: 3.4vw; width: 100%} .steps .step-header {flex-wrap: wrap;} .steps .step-header .step-nbr {font-size: 2.4em; line-height: .75em; font-weight: 600; width: 1.4em;} .steps .step-header .step-nbr::before {content: '/'; color: #0ca23c} .steps .step-header .step-title {font-size: 100%; text-transform: uppercase; padding-bottom: 0} .steps .step-body {margin-left: 4.1vw; font-size: 90%; line-height: 1; padding-top: .3em;} .steps .step-ct {width: 60%; margin: 0 auto; padding: 1vw 0 2vw 0; font-size: 1.2vw;} /* Pestaña de la izquierda */ .metodo-body .tab-container:nth-child(even) .steps-image .steps-claim blockquote {font-size: 2.8vw} .metodo-body .tab-container:nth-child(even) .row-sec#step-1, .metodo-body .tab-container:nth-child(even) .row-sec#step-6 {left: -13vw;} .metodo-body .tab-container:nth-child(even) .row-sec#step-2, .metodo-body .tab-container:nth-child(even) .row-sec#step-5 {left: -7vw;} /* Pestaña de la derecha */ .metodo-body .tab-container:nth-child(odd) .row-sec#step-1, .metodo-body .tab-container:nth-child(odd) .row-sec#step-6 {right: -13vw;} .metodo-body .tab-container:nth-child(odd) .row-sec#step-2, .metodo-body .tab-container:nth-child(odd) .row-sec#step-5 {right: -7vw;} /* SOMOS //////////////////////////////////////////////////// */ .sec-somos::after {/*background: url('images/logos/imago-blanco.svg') no-repeat bottom left; width: 55%; left: auto; right: 0; background-size: 145%; height: 100%; top: auto; bottom: -2%; z-index: 20; opacity: .5;*/} .somos-top {min-height: 60vw; position: relative;} .somos-top-bg { width: 70vw;} .somos-top-bg::before {z-index: 10; height: 100.5%; background: url('images/somos/mask.png') no-repeat 0 0; background-size: 100%; width: 100.5%} .somos-top-bg .bgslider {position: relative; z-index: 0} .somos-top-bg .big-logo {position: absolute; z-index: 60; top: 4.5vw; left: 21.5vw;} .somos-header {position: absolute; top: 16vw; right: 7vw; z-index: 20; width: 23vw;} .somos-header .entry-content {margin: 1.6vw 0 2vw 0;} .somos-header .entry-content h2 {font-size: 120%;} .somos-header .entry-content h2::before {display: none;} .somos-summary {z-index: 40; margin-top: -17vw; padding-bottom: 3vw;} .somos-summary .entry-content {margin: 1.6vw 0 0 1.4vw} .somos-team {z-index: 60} .accv-item.team-item {background-position: center top;} .accv-item.team-item .accv-title {font-weight: 700} /* 5 items */ .somos-team > .columns.items-5 .team-item {width: 15.4%; height: 57.5vw} .somos-team > .columns.items-5 .team-item.active {width: 37%} /* 6 items */ .somos-team > .columns.items-6 .team-item {width: 13.6%; height: 43.5vw} .somos-team > .columns.items-6 .team-item.active {width: 30%} /* 7 items */ .somos-team > .columns.items-7 .team-item {width: 11.2%; height: 44.5vw} .somos-team > .columns.items-7 .team-item.active {width: 30%} /* 8 items */ .somos-team > .columns.items-8 .team-item {width: 10.6%; height: 33.5vw} .somos-team > .columns.items-8 .team-item .accv-header {font-size: 85%} .somos-team > .columns.items-8 .team-item.active {width: 23%} /* Menos de 4 items y 9 items o más */ .somos-team > .columns.items-1, .somos-team > .columns.items-2, .somos-team > .columns.items-3, .somos-team > .columns.items-4 {background-color: #CCC; justify-content: flex-end; align-items: flex-end;} .somos-team > .columns.items-1 {background: none} .somos-team > .columns.items-2::before, .somos-team > .columns.items-3::before, .somos-team > .columns.items-4::before {background: url('images/logos/imago-blanco.svg') no-repeat -8% 60%; height: 100%; width: 100%; left: -21%; background-size: 60%; opacity: 0.3;} .somos-team > .columns.items-1 .team-item.item-fixed, .somos-team > .columns.items-2 .team-item.item-fixed {width: 25% !important} .somos-team > .columns.items-1 .team-item.item-fixed {margin-right: 12%; margin-bottom: 6em;} /* SOLUCIONES Y PROYECTOS //////////////////////////////////////////////////// */ .soluciones-top {min-height: 60vw; position: relative;} .soluciones-top .big-logo {position: absolute; z-index: 60; top: 3vw; left: 15vw;} .soluciones-top .soluciones-header {position: absolute; top: 22vw; left: 5vw; z-index: 20; width: 25vw;} .soluciones-top .soluciones-header .entry-content {margin-left: 1vw} .soluciones-top .soluciones-summary {z-index: 40; position: absolute; bottom: 0; left: 5vw; width: 30vw;} .soluciones-top .soluciones-summary h2 {padding-bottom: 0.4em} .soluciones-projects {z-index: 60; background-color: #FFF} .soluciones-projects > .columns.align-left {background-color: #000} .soluciones-projects .project-item {width: 8%; height: 55vw} .soluciones-projects .project-item.active {width: 100%;} /* 2 items */ .soluciones-projects > .columns.items-2 .project-item.active {width: 91.7%} /* 3 items */ .soluciones-projects > .columns.items-3 .project-item.active {width: 83.4%} /* 4 items */ .soluciones-projects > .columns.items-4 .project-item {height: 46vw} .soluciones-projects > .columns.items-4 .project-item.active {width: 75%} /* 5 items */ .soluciones-projects > .columns.items-5 .project-item {height: 43vw} .soluciones-projects > .columns.items-5 .project-item.active {width: 66.9%} /* 6 items */ .soluciones-projects > .columns.items-6 .project-item {height: 38vw} .soluciones-projects > .columns.items-6 .project-item.active {width: 58.4%} /* 7 items */ .soluciones-projects > .columns.items-7 .project-item {height: 37vw} .soluciones-projects > .columns.items-7 .project-item.active {width: 50%} /* Servicios: reforma, rehabilitación e interiorismo */ .soluciones-body {padding-top: 2em} .sol-summary {margin-top: 2em; margin-right: 2vw;} .sol-info .steps-image {width: 61vw; height: 63vw; border-radius: 100%; position: relative; left: -7vw;} .sol-info .steps-image .image-ct {width: 61vw; height: 61vw; border-radius: 100%; overflow: hidden; position: absolute;} .sol-info .steps-image::before {background: url('images/logos/imago-blanco.svg') no-repeat center; height: 65vw; width: 65vw; left: -2vw; top: -2vw; z-index: 2} .sol-blocks {margin-top: 7.2em;} .sol-blocks .block-item {padding: 1.4vw 0} .sol-blocks .block-item .block-title {padding-bottom: .4em} .sol-blocks .block-item .block-subtitle {font-size: 100%} .sol-blocks .block-item .block-content h3 {padding-bottom: 0} .sol-blocks .block-item .block-content h3 + p {margin-top: 0 !important} .sol-claim {position: absolute; bottom: 2vw; width: 100%; z-index: 20} .sol-claim blockquote {font-size: 2.6vw} .logos a:hover {opacity: .6} .sol-customers .logos {margin: 2em 0; padding: 4em 0;} .sol-customers .logos::before, .sol-customers .logos::after {height: 5px; background-color: #FFF; width: 86%; left: 7%;} .sol-customers .logos::after {top: auto; bottom: 0} .sol-customers .logos-carousel.owl-carousel .owl-stage {align-items: center;} .sol-customers .logos-carousel img {max-height: 8vh; max-width: 10vw; height: auto; width: auto; display: inline-block;} .sol-customers .logos-carousel img#logo-Wolkswagen {max-height: 7vh;} /* PORTFOLIO */ .sec-portolio{} .sec-portolio header{width: 100%;position: relative;background: url(images/proyectos/bg-header.jpg)100% no-repeat;background-size:cover;padding: 3em 0 5em 12em;} .vp-portfolio__items-style-fade .vp-portfolio__item-overlay {background: rgba(0,0,0,.45);} .vp-portfolio__items-style-fade .vp-portfolio__item-overlay-text-align-center .vp-portfolio__item-meta{text-align: left;align-items: initial;} h2.vp-portfolio__item-meta-title{font-family:'Host Grotesk';font-weight: 400;} h2.vp-portfolio__item-meta-title::before{content: '/';color: #fff;} .vp-portfolio__items-style-fade .vp-portfolio__item-meta{flex-direction: initial;justify-content: left;padding-top: 12em;padding-left: 1em;} .caption{ height: 100%; align-items: center; text-align:left; cursor: pointer; position: absolute; /*justify-content: space-between;*/ opacity:0; background-color:rgba(0,0,0,.7); bottom:0; /*display: flex;*/ width: 90%; padding: 0 5% ; /*min-height: 77px;*/ /*background:#000;*/ color:#000; -webkit-transition:bottom .6s ease; -moz-transition:bottom .6s ease; -o-transition:bottom .6s ease; -ms-transition:bottom .6s ease; transition:bottom .6s ease; } .caption span.p-name{color: #fff;display: block; font-family: 'Host Grotesk'; text-transform: none; font-weight: 500; font-size: 1.2em; position: relative; overflow: visible; padding-bottom: 0; } .caption div{position: absolute;bottom: 1em;} .caption span.p-name:before{content: '/';left: -.5em;position: absolute;} .caption span.p-ubica{color: #fff;display: block;text-transform:none;font-size: .8em;font-weight: 500;} li a:hover .caption{ opacity: 1; bottom: 0; } .fancybox-bg{width: 100%;} .fancybox-inner{width: 70%;height: 70%;margin: 15% auto;/*background: red;*/} .fancybox-outer{width: 70%;/*background: yellow;*/} .fancybox-stage{width: 100%;/*background: green;*/} .fancybox-slide--image{background:#000;} .fancybox-show-caption .fancybox-caption{position: absolute;top: 0;width: 100%;max-height: fit-content;left: 0;padding:1em 0 0 0;background-color:#000;} .fancybox-infobar{position: absolute;bottom: 1em;top: initial;width: 20%;left: 40%;text-align: center;} .fancybox-button--share, .fancybox-button--thumbs, .fancybox-button--fsenter, .fancybox-button.fancybox-button--zoom{display: none!important;} .vp-fancybox .fancybox-caption__body{text-align: left;padding: 2em 0 2em 2em;} h3.vp-portfolio__item-popup-title{font-family: 'Host Grotesk';font-weight: 400;font-size:3.5em;padding-bottom: 0;} h3.vp-portfolio__item-popup-title:before{content: '/';} .vp-portfolio__item-popup-description{font-size: 1.6em;padding-left: 1.1em;font-weight: 600;} .vp-portfolio.vp-portfolio__ready{width: 25%;float: left;} /* BLOG //////////////////////////////////////////////////// */ .sec-blog .blog-header {padding-top: 6em;} .blog-header {z-index: 60} .blog-header h1, .blog-header .entry-title {line-height: 122%} .blog-header .xbig-logo {position: relative; left: -7vw} .blog-header .entry-content:not(.col-1-4) {margin-left: 1.8vw} .blog-header a, .noticia-meta a {color: #000; text-decoration: none} .blog-header a:hover, .noticia-meta a:hover {color: #0ca23c;} /* LISTADO DE NOTICIAS */ .noti-list {padding-top: 2em; padding-bottom: 2em; border-top: 4px solid #FFF; border-bottom: 4px solid #FFF} .noti-list.columns {flex-wrap: wrap;} .noti-list.columns .noticia-item {width: 46%; padding-bottom: 3em; display: block;} .noti-list.columns .blog-carousel .noticia-item {width: 100%} .blog-carousel .owl-nav {top: 7.5em; margin-top: 0} a.noticia-item {color: #000; text-decoration: none;} .noticia-item span {display: block;} .noticia-item .noticia-title {font-size: 1.4em; letter-spacing: -0.02em; font-weight: 700; line-height: 120%} .noticia-item .noticia-image {margin: 1em 0;} .noticia-meta .categories::before {content: '/ '; color: #0ca23c; font-weight: 700;} .noticia-meta .categories .category::after {content: ', ';} .noticia-meta .categories .category:last-of-type::after {content: '.';} .noticia-meta .tags {margin-top: .4em; font-size: 86%} .noticia-meta .tags .tag a {background: #CCC; color: #000; padding: .1em .4em; border-radius: .3em;} .noticia-meta .tags .tag a:hover {background: #0ca23c; color: #FFF} .noticia-item .btn.more-link {margin-top: 1em;} /* Noticias en carrusel */ .noti-list .owl-carousel .owl-item:last-of-type {display: flex; position: relative; float: none; min-height: 100%;} .noti-list .owl-carousel .owl-item:last-of-type > div {width: 100%; text-align: center; display: flex;} .noti-list .owl-carousel .owl-item:last-of-type .noticia-plus { display: flex; align-items: center; width: 100%; text-align: center; justify-content: center; background-color: rgba(255,255,255,.3); color: #CCC } .noti-list .owl-carousel .owl-item:last-of-type .noticia-plus:hover {background-color: rgba(0,0,0,.1); color: #FFF } /* Noticia destacada */ .noti-featured {padding-top: 2em; border-top: 4px solid #FFF ;} .noti-featured h2.entry-subtitle + h3, .noti-featured h1.entry-subtitle + h2 { font-size: 1.2em; margin-left: 1em; padding-bottom: 0; line-height: 130%} .noti-featured .noticia-image::before {background: url('images/logos/imago-blanco.svg') no-repeat 0 0; width: 5em; height: 5em; background-size: cover; top: auto; left: auto; bottom: 1em; right: 1em; z-index: 20; } .noti-featured .noticia-content {padding: 1.6em 0} .noti-featured .btn.more-link {margin-top: 3em; margin-bottom: 1em;} /* Paginación */ .pagination {width: 100%; } .pagination .wp-paginate a, .pagination .wp-paginate .current {border: 0; border-radius: 100%; width: 2em; height: 2em; display: inline-block; padding: 0; line-height: 2em; font-weight: 700; background: #FFF; color: #000; text-align: center;} .pagination .wp-paginate a:hover, .pagination .wp-paginate a:active {color: #000} .pagination .wp-paginate .current {background: #0ca23c; color: #FFF} /* Sidebar / Widgets */ .sidebar {padding-bottom: 1em; padding-top: 4em;} .sidebar .widget-area {display: flex} .sidebar .widget-area .widget {margin-left: 2em; min-width: 10em;} .sidebar .widget .widget-title, .sidebar .widget h2 {position: relative; font-size: 100%; font-weight: 300; padding-right: 1.4em; cursor: pointer; border-bottom: 1px solid #999; padding-bottom: .5em; padding-top: .6em; -webkit-transition: all .2s linear; transition: all .2s linear } .sidebar .widget .widget-title:hover, .sidebar .widget h2:hover {color: #0ca23c} .sidebar .widget .widget-title::after, .sidebar .widget h2::after { font-family: 'icons'; display: inline-block; content: '\e800'; font-size: 80%; margin: .2em 0 0; opacity: 1; right: 0; position: absolute; -webkit-transition: all .2s linear; transition: all .2s linear; } .sidebar .widget .widget-title.active::after, .sidebar .widget h2.active::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sidebar .widget .widget-title + .wp-widget-group__inner-blocks { position: absolute; opacity: 0; visibility: hidden; width: 12em; background-color: #FFF; border: 1px solid #999; margin-top: -10px; padding: .4em 0; font-size: 90%; -webkit-transition: all .2s linear; transition: all .2s linear; } .sidebar .widget.active .widget-title + .wp-widget-group__inner-blocks { margin-top: -1px; opacity: 1; visibility: visible; } .sidebar .widget a {color: #000; text-decoration: none;} .sidebar .widget a:hover {color: #0ca23c} .sidebar .widget ul li {padding: .2em .8em} /* Widget de búsqueda */ .sidebar .wp-block-search__input {padding: .6em 0; border: 0; border-bottom: 1px solid #999; font-weight: 400} .sidebar .wp-block-search__inside-wrapper {position: relative;} .sidebar .wp-block-search__input ::-webkit-input-placeholder {color: #000;} .sidebar .wp-block-search__input :-moz-placeholder {color: #000; opacity: 1;} .sidebar .wp-block-search__input ::-moz-placeholder {color: #000; opacity: 1;} .sidebar .wp-block-search__input :-ms-input-placeholder {color: #000;} .widget .search-block .wp-block-search .wp-block-search__button, .widget.widget_search #searchsubmit, .widget.widget_search .wp-block-search .wp-block-search__button { background: url('images/iconos/webfonts/zoom.svg') no-repeat center; background-size: 1.2em; padding: 0; position: absolute; bottom: 0; right: 0; margin: 0; width: 2em; height: 2em; text-indent: -1500em; overflow: hidden; border: 0; z-index: 30; border-radius: 0; } .widget .search-block .wp-block-search .wp-block-search__button:hover, .widget .search-block .wp-block-search .wp-block-search__button:focus, .widget.widget_search #searchsubmit:hover, .widget.widget_search #searchsubmit:focus, .widget.widget_search .wp-block-search .wp-block-search__button:hover, .widget.widget_search .wp-block-search .wp-block-search__button:focus { background-color: #0ca23c; } /* Noticia show */ .noticia-show .noti-featured {position: relative;} .noticia-show .noti-featured .noticia-header {flex-wrap: wrap;} .noticia-show .noti-featured .noticia-titles {width: 70%} .noticia-show .noti-featured .noticia-content {padding: .5em 0 2em} .noticia-show .blog-header .sidebar {padding-top: 0} /* Navegación entre posts */ /*.post-navigation {position: absolute; top: 50%}*/ /* CONTACTO //////////////////////////////////////////////////// */ .sec-contacto {} /*body.page-template-home .main-nav-ct,*/ body.page-template-contacto.scrolling .main-nav-ct {border-bottom: 1px solid #444;} .sec-contacto figure.xbig-logo {margin: 5em 6vw 6em} .sec-contacto::before {height: 100%; width: 50vw; background: url('images/logos/imago-blanco.svg') no-repeat 0 0; opacity: .08; background-size: 100%; left: -13vw; top: 16em; } .contacto-text {padding-top: 1.2em} .contacto-form > .container {margin-left: 19%;} .contacto-address > .container {margin-left: 40%;} .contacto-address h2 {font-size: 130%; text-transform: uppercase; padding-bottom: .2em;} .contacto-address ul, .contacto-address ol {margin-left: 1em;} .contacto-address ul:not(.no-bullets) li::before {color: #FFF} .contacto-address .block-item {padding-bottom: 2em;} .sec-contacto .contacto-social {padding: 0 3vw 4vw 0;} /*.contacto-address {position: absolute; left: 0; bottom: 0; width: 12vw; border-right: 1px solid #616368; min-width: 140px;} .contacto-address h2 {font-size: 1.6em;} .contacto-address .container {padding-top: 0; padding-bottom: 0} .contacto-address .entry-address {padding-top: 8em; padding-bottom: .8em; border-bottom: 1px solid #616368} .contacto-address .entry-social {padding-top: 1em; padding-bottom: 1em; margin-bottom: 11em; border-bottom: 1px solid #616368}*/ /*.contacto-address a {text-decoration: underline;text-transform: uppercase; color: #FFF; font-weight: 700; font-size: 85%}*/ .grecaptcha-badge {display: none !important;} /* Formularios / FORMS //////////////////////////////////////////////////////*/ input, select, textarea {padding: .6em 0; background: none; color: #000; width: 100%; border: none; font-size: 85%; border-bottom: 1px solid #CCC; outline: none !important; font-family: 'Montserrat', sans-serif; border-radius: 0; } textarea {resize: none; height: 5em;} .dark-theme input, .dark-theme select, .dark-theme textarea {color: #FFF; border-bottom-color: #FFF} input[type="text"],input[type="search"], textarea {-webkit-appearance: none; resize:none;} input[type="checkbox"] {display: inline; width: auto;} input:focus, textarea:focus {border-color: #999 !important; text-transform: none;} select:focus {box-shadow: none; outline: none; } input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover, input[type="button"]:disabled:focus, input[type="reset"]:disabled:focus, input[type="submit"]:disabled:focus {opacity: .6;} input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover, input[type="button"]:disabled:focus, input[type="reset"]:disabled:focus, input[type="submit"]:disabled:focus {text-transform: uppercase; border-color: transparent !important;} /* Alineación */ .text-center input, .text-center select, .text-center select option, .text-center textarea {text-align: center} /* Changing behaviour in Safari because of contacts-auto-fill*/ input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button { background-color:#979797 !important; margin-top: 4px !important; right: .5em !important; position: absolute !important; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; transition: background-color .2s ease; } input::-webkit-contacts-auto-fill-button:hover, input::-webkit-credentials-auto-fill-button:hover { background-color:#979797 !important; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-box-shadow: 0 0 0 100000px #979797 inset !important; /*border-color: #FFF;*/ -webkit-text-fill-color: #000 !important; } input::selection, textarea::selection, select::selection {-webkit-text-fill-color: #000 !important;} option {-moz-appearance: none;} select {width: 90%; width: calc(100% - 2em); background: url('images/iconos/webfonts/arrow-down.svg') no-repeat 100%; background-size: 0.9em; padding-right: 2em; padding-top: 0.6em; -webkit-appearance: none; -moz-appearance: none; } .sel {display: inline-block; width: 100%; background-color: #FFF; position: relative; cursor: pointer; } .sel select {display: none;} .sel .input-box {margin: 0} .sel::before {position: absolute; content: '\e800'; font-family: 'icons'; font-size: 1.1em; color: #23222a; right: 5%; top: calc(50% - 0.5em); } .sel.active::before {transform: rotateX(-180deg); } .sel__placeholder {display: block; font-family: 'Montserrat'; color: #23222a; padding: 0.5em 5%; width: 90% !important; text-align: left; pointer-events: none; user-select: none; visibility: visible; } .sel.active .sel__placeholder {visibility: hidden; } .sel__placeholder::before {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0.5em 5%; content: attr(data-placeholder); visibility: hidden; } .sel.active .sel__placeholder::before {visibility: visible; } .sel__box {position: absolute; top: 100%; left: 0; display: none; list-style-type: none; text-align: left; border-top: 1px solid #ccc; background-color: #e3e4e7; width: 100% !important; box-sizing: border-box; } .sel.active .sel__box {display: block; z-index: 60; animation: fadeInUp 500ms; } .sel__box__options {display: list-item; color: #23222a; font-weight: 700; padding: 0.5em 5%; width: 90% !important; user-select: none; } .sel__box__options::after {content: '\e809'; font-family: 'icons'; margin-left: .5em; font-size: 85%; position: absolute; /*right: 5%; top: calc(50% - 0.6em);*/ display: none; } .sel__box__options.selected::after {display: inline; } .sel__box__options:hover {background-color: #0ca23c; } .text-center .sel .sel__placeholder, .text-center .sel .sel__box {text-align: center;} label {margin: .4em 0 0 0; text-transform: uppercase;} .sidebar .widget_search label, .nolabels label, .label {display: none;} input[type=checkbox], input[type=radio] { opacity: 0; position: absolute; z-index: 50; width: 100%; height: 100%; left: 0; top: 0; } .input-box {margin: 1em 0} .checkbox label, .radio label {display: inline; text-transform: none; font-weight: 400; font-size: 100%;} .entry-comments input[type=checkbox], .acceptance input[type=checkbox], .modal-content input[type="checkbox"] { opacity: 1; width: auto; height: auto; position: relative; display: inline-block;margin-right: 6px; } .acceptance label, .entry-comments label {} /* Campos agrupados */ div.group-input {display: flex; justify-content: space-between; align-items: flex-start} div.group-input .input-box {width: 48%;} .group-input input:not([type=submit]), .group-input select, .group-input textarea {width: 90%; padding: .5em 5% } /*.input.acceptance {padding-bottom: 0;}*/ .acceptance input[type=checkbox] {opacity: 1; width: auto; height: auto; position: relative; display: inline-block; } .acceptance span.wpcf7-list-item {margin-left: 0;} .acceptance label {display: inline; text-transform: none; font-size: 100%; margin-right: 1em;} /* Estilos del CONTACT 7 FORM */ div.wpcf7 {position: relative;} span.wpcf7-not-valid-tip {margin: 0; display: inline-block; background-color: #ce0941; padding: .25em .5em .2em; margin-top: 0; color: #FFF; text-transform: none; font-size: 90%; font-weight: 700;} .radio span.wpcf7-not-valid-tip {display: inline;} span.wpcf7-not-valid-tip::before {font-family: 'icons'; padding-right: 4px; font-size: 80%; content: '\e803'; display: inline-block; vertical-align: middle; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, div.wpcf7-response-output { background: #ce0941; color: #FFF; border: 0 !important; bottom: 0; left: 0; position: fixed; font-weight: 700; width: 84%; z-index: 520; margin: 0 !important; padding: 2em 8% !important; line-height: 110%; text-align: center; -webkit-border-radius: 0; border-radius: 0; } .sec-home div.wpcf7-validation-errors, .sec-home div.wpcf7-mail-sent-ok, .sec-home div.wpcf7-response-output {position: relative;} div.wpcf7-mail-sent-ok {background: #0ca23c; color: #000} .wpcf7-spinner, div.wpcf7 .ajax-loader {background: url('images/loading.svg') no-repeat center; width: 50px; height: 50px; position: absolute; top: 0; left: 50%; margin: -50px 0 0 -25px; background-size: 50px; opacity: 1; } .wpcf7-spinner::before, .wpcf7 .ajax-loader::before {display: none;} /* Placeholder */ ::-webkit-input-placeholder {color: #666;} :-moz-placeholder {color: #666; opacity: 1;} ::-moz-placeholder {color: #666; opacity: 1;} :-ms-input-placeholder {color: #666;} .dark-theme ::-webkit-input-placeholder {color: #999;} .dark-theme :-moz-placeholder {color: #999; opacity: 1;} .dark-theme ::-moz-placeholder {color: #999; opacity: 1;} .dark-theme :-ms-input-placeholder {color: #999;} /* PORTFOLIO */ .sec-row.portfolio-body{} .sec-row.portfolio-body ul{} .sec-row.portfolio-body ul li{width: 19.7%;display: inline-block;} /* Template page-lightbox */ .lightbox-ct{width: 100%;background: #111;} #colorbox .wrapper {background: #000; height: auto; } .page-colorbox#colorbox .entry-content {padding: 1.5em 4em 3em 4em; background: #FFF; margin-top: 2em; width: auto; float: none; text-align: inherit; } .page-colorbox#colorbox .entry-content hr {background-color: #FFF; margin: 0em 0 0;} .page-colorbox#colorbox .entry-header {padding: 1em 0 1.4em 0; margin: 0} .page-colorbox#colorbox .entry-header h2 {font-size: 2em; line-height: 100%; color: #ABC0CB; text-transform: uppercase;} .page-colorbox#colorbox .entry-content h3 {font-size: 140%; padding-bottom: 0.6em;} .page-colorbox#colorbox .entry-content p + h3:first-of-type {padding-top: 1em;} .page-colorbox#colorbox .entry-content h4 {text-transform: uppercase; font-size: 110%; line-height: 100%; padding-bottom: 0.4em} .page-colorbox#colorbox .main-nav-ct, .page-colorbox#colorbox .footer {display: none} .lightbox-ct .entry-content a {color: #000; border-color: #000;} /*.lightbox-ct h2 {font-size:150%; text-align: left}*/ .lightbox-ct{width: 40%;margin:0 auto; padding:0; color: #000} #cboxLoadedContent .lightbox-ct{width: 100%; margin: 0; padding:0; background:#fff;} .lightbox-ct{width:100%;position: relative;} .lightbox-ct .portfolio-header{ width: 100%; position: relative; background: url(images/proyectos/bg-header.jpg) 100% no-repeat; background-size:cover; padding: 3em 0 5em 12em; } .lightbox-ct .gallery-portfolio{width: 78%;position: relative;overflow: visible;margin: 0 auto;margin-top: 5em;background:#000;padding-bottom: 4em;} .lightbox-ct .gallery-portfolio .ct-content{position: relative;overflow: visible;width: 80%;margin: 0 auto;} .lightbox-ct .gallery-portfolio .ct-content .close{width: auto;position: absolute;right: -5.5em;top:1.5em;} .lightbox-ct .gallery-portfolio .ct-content .close a{text-decoration: none;} .lightbox-ct .gallery-portfolio .accv-header{margin-bottom: 1.5em;} .lightbox-ct .gallery-portfolio h3{font-family: 'Host Grotesk';font-weight: 500;font-size: 2.5em;position: relative;overflow: visible;padding-bottom: 0;} .lightbox-ct .gallery-portfolio h3:after{content: '/';position: absolute;left: -.5em;} .lightbox-ct .gallery-portfolio h3 small{font-size: .4em;font-weight: 500;position: relative;} .lightbox-ct .gallery-portfolio p.accv-subtitle{font-size: 1.4em;font-weight: 500;} /* GALERÍAS PROYECTOS */ .page-template-page-lightbox-proyectos{width: 100%;position: relative;background:#000;} .owl-carousel{width: 100%;margin: 0 auto;} .more-projects{display: inline-block; height: 3.3em; background-color: #0ca23c; font-size: 112%; line-height: 3.3em; color: #FFF; text-decoration: none; font-weight: 900; border-radius: 1.4em 1.4em 0 0; padding: 0 1em; float:left;} .more-projects:hover{color: #000;margin-top: 1em;} /* CTA MADRID */ .page-template-calculadora .ct-unete{position: fixed;z-index:1000;top:27em;left:-362px;/*left: 0;*/-webkit-transition: left .6s ease;transition: left .6s ease; background:#000 ; background:#000 url('images/home/call-to-action.jpg') no-repeat 92% 55%;background-size: cover; background-size:9%; text-transform:initial; font-size: 110%; padding: 30px 120px 20px 60px; border-radius: 0 50px 50px 0;} .ct-unete h2{font-size:260%!important;color:#fff;position:absolute;margin-bottom:.5em;left:100px;top:125px;} .ct-unete:hover {/*width:400px;*/left:0;} .bt-registro a:hover{color:#fff;} .bt-unete{/*left:400px;width:435px;height:170px;*/} .bt-unete .contain{border-right: 1px solid #fff;width: 100%;position: relative;overflow: hidden;padding-right: 46px;color: #fff;} .bt-unete .imago{width: 3em;margin-bottom: 1em;} .p-unete{font-size: 1.4em;line-height: 1.1em;} .btn-registro{background:#0ca23c;color:#000;margin:.5em 0 0 0!important;padding:.5em 1em .4em 1em!important;font-size: .85em!important;float: left;border-radius: 15px 15px 15px 15px;font-weight: 700;text-transform: uppercase;text-decoration: none;margin-top: 1em!important;} .btn-registro a{font-size: .6em;color: #000;} .btn-registro:hover{color:#fff;}