:root{ --primary:#000; } /* #Preloader ================================================== */ body.royal_preloader { background: none; visibility: hidden; } #royal_preloader { font-family: Arial; font-size: 12px; visibility: visible; position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: auto; margin: 0; z-index: 9999999999; } #royal_preloader.royal_preloader_number:before, #royal_preloader.royal_preloader_progress:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01)); background-image: -moz-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01)); background-image: -ms-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01)); background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01)); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01)); } #royal_preloader.complete { opacity: 0; -webkit-transition: opacity 0.2s linear 0.5s; -moz-transition: opacity 0.2s linear 0.5s; -ms-transition: opacity 0.2s linear 0.5s; -o-transition: opacity 0.2s linear 0.5s; transition: opacity 0.2s linear 0.5s; } #royal_preloader.royal_preloader_line { height: 2px; bottom: auto; } /* Number Mode */ #royal_preloader.royal_preloader_number .royal_preloader_percentage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100px; height: 100px; line-height: 100px; font-size: 20px; color: #FFFFFF; font-family: Impact, Arial; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); text-align: center; -webkit-transition: all 0.3s linear 0.5s; -moz-transition: all 0.3s linear 0.5s; -ms-transition: all 0.3s linear 0.5s; -o-transition: all 0.3s linear 0.5s; transition: all 0.3s linear 0.5s; } #royal_preloader.royal_preloader_number .royal_preloader_percentage:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 50%; } #royal_preloader.royal_preloader_number .royal_preloader_percentage:after { content: ''; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; border: 4px solid transparent; border-left-color: #FFFFFF; border-radius: 50%; -webkit-animation: rotate 0.8s linear infinite; -moz-animation: rotate 0.8s linear infinite; -ms-animation: rotate 0.8s linear infinite; -o-animation: rotate 0.8s linear infinite; animation: rotate 0.8s linear infinite; } /* Line Mode */ #royal_preloader.royal_preloader_line .royal_preloader_loader { position: absolute; height: 100%; left: 0; } #royal_preloader.royal_preloader_line .royal_preloader_peg { position: absolute; right: 0; height: 100%; width: 100px; opacity: 0.5; } /* Text Mode */ #royal_preloader.royal_preloader_text .royal_preloader_loader { color: #FFFFFF; position: absolute; top: 0; bottom: 0; left: 50%; height: 30px; line-height: 30px; margin: auto; letter-spacing: 3px; font-size: 16px; white-space: nowrap; } #royal_preloader.royal_preloader_text .royal_preloader_loader div { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0%; background-color: var(--primary)000; opacity: 0.7; filter: alpha(opacity=70); } /* Logo Mode */ #royal_preloader.royal_preloader_logo .royal_preloader_loader { position: absolute; left: 50%; top: 50%; margin: 0px; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } #royal_preloader.royal_preloader_logo .royal_preloader_loader div { position: absolute; bottom: 0%; left: 0px; right: 0px; height: 100%; opacity: 0.7; filter: alpha(opacity=70); } #royal_preloader.royal_preloader_logo .royal_preloader_percentage { position: absolute; top: 50%; padding-top:10px; left: 50%; height: 40px; line-height: 40px; margin: 0px; color: #212121; letter-spacing:2px; font-family: 'Courgette'; font-size: 12px; text-align: center; } /* Progress Mode */ #royal_preloader.royal_preloader_progress .royal_preloader_percentage { position: absolute; top: 50%; left: 0; right: 0; color: #212121; margin-top:10px; letter-spacing:2px; font-family: 'Courgette'; font-size: 14px; text-align: center; } #royal_preloader.royal_preloader_progress .royal_preloader_loader { content: ''; position: absolute; top: 50%; left: 0; right: 0; width: 50%; height: 2px; margin: -10px auto auto auto; background-color: #bababa; } #royal_preloader.royal_preloader_progress .royal_preloader_meter { width: 0; height: 100%; margin: auto; padding: 0; } #royal_preloader.royal_preloader_progress .royal_preloader_meter{ background-color:var(--primary); } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0);} 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { 0% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes rotate { 0% { -ms-transform: rotate(0); } 100% { -ms-transform: rotate(360deg); } } @-o-keyframes rotate { 0% { -o-transform: rotate(0); } 100% { -o-transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } /* #Navigation */ *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-header{ position: fixed; width:100%; top:0; left:0; z-index:10; } /* Main Components */ main { position: relative; z-index: 2; width:100%; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.7s; -moz-transition: -moz-transform 0.7s; transition: transform 0.7s; -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); -ms-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); -o-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); } .navigation-is-open main { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } @media screen and (min-width:0\0) and (min-resolution: +72dpi) { .navigation-is-open main { z-index:-1; } #owl-top.owl-theme .owl-controls .owl-buttons .owl-prev{ background: url('../cursors/grab-left.png') no-repeat center center; } #owl-top.owl-theme .owl-controls .owl-buttons .owl-next{ background: url('../cursors/grab-right.png') no-repeat center center; } } .cd-nav-trigger { position: fixed; z-index: 3; left: 5%; top: 20px; height: 54px; width: 54px; border-radius: 50%; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .logo { position: absolute; left: calc(5% + 75px); top: 39px; z-index:5; } .logo img{ width:100px; height:auto; display:block; } @media only screen and (min-width: 1170px) { .logo { top: 59px; } } .cd-nav-trigger .cd-nav-icon { /* icon created in CSS */ position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 22px; height: 2px; background-color: var(--primary); } .cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after { /* upper and lower lines of the menu icon */ content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: inherit; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s; -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s; transition: transform 0.5s, width 0.5s, top 0.3s; } .cd-nav-trigger .cd-nav-icon::before { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } .cd-nav-trigger .cd-nav-icon::after { -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .no-touch .cd-nav-trigger:hover .cd-nav-icon::after { top: 2px; } .no-touch .cd-nav-trigger:hover .cd-nav-icon::before { top: -2px; } .cd-nav-trigger svg { position: absolute; top: 0; left: 0; } .cd-nav-trigger circle { /* circle border animation */ -webkit-transition: stroke-dashoffset 0.4s 0s; -moz-transition: stroke-dashoffset 0.4s 0s; transition: stroke-dashoffset 0.4s 0s; } .navigation-is-open .cd-nav-trigger { /* rotate trigger when navigation becomes visible */ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .navigation-is-open .cd-nav-trigger .cd-nav-icon::after, .navigation-is-open .cd-nav-trigger .cd-nav-icon::before { /* animate arrow --> from hamburger to arrow */ width: 50%; -webkit-transition: -webkit-transform 0.5s, width 0.5s; -moz-transition: -moz-transform 0.5s, width 0.5s; transition: transform 0.5s, width 0.5s; } .navigation-is-open .cd-nav-trigger .cd-nav-icon::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .navigation-is-open .cd-nav-trigger .cd-nav-icon::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before { top: 0; } .navigation-is-open .cd-nav-trigger circle { stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 0.4s 0.3s; -moz-transition: stroke-dashoffset 0.4s 0.3s; transition: stroke-dashoffset 0.4s 0.3s; } @media only screen and (min-width: 1170px) { .cd-nav-trigger { top: 40px; } } /* SETUNUM 27062026 - Contacto ajuste final: nombre/email, mensaje, boton */ body.setunum-contact-page .wpcf7 form, body.setunum-contact-page form.wpcf7-form, body.setunum-contact-page #ajax-form, body.setunum-contact-page .contact-form form { display: flex !important; flex-wrap: wrap !important; gap: 22px 32px !important; align-items: flex-start !important; } body.setunum-contact-page form.setunum-contact-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 22px !important; align-items: start !important; } body.setunum-contact-page .wpcf7 form > p, body.setunum-contact-page form.wpcf7-form > p, body.setunum-contact-page #ajax-form > p, body.setunum-contact-page .contact-form form > p { flex: 0 0 calc(50% - 16px) !important; width: calc(50% - 16px) !important; max-width: calc(50% - 16px) !important; margin: 0 !important; box-sizing: border-box !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-name { grid-column: 1 / 2 !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-email { grid-column: 2 / 3 !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-message, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit, body.setunum-contact-page form.setunum-contact-layout .wpcf7-response-output { grid-column: 1 / -1 !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-name, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-email, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-message, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit { width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } body.setunum-contact-page .wpcf7 form > p:nth-of-type(1), body.setunum-contact-page form.wpcf7-form > p:nth-of-type(1), body.setunum-contact-page #ajax-form > p:nth-of-type(1), body.setunum-contact-page .contact-form form > p:nth-of-type(1) { order: 1 !important; } body.setunum-contact-page .wpcf7 form > p:nth-of-type(2), body.setunum-contact-page form.wpcf7-form > p:nth-of-type(2), body.setunum-contact-page #ajax-form > p:nth-of-type(2), body.setunum-contact-page .contact-form form > p:nth-of-type(2) { order: 1 !important; } body.setunum-contact-page form p:has(textarea), body.setunum-contact-page .wpcf7 p:has(textarea), body.setunum-contact-page form label:has(textarea), body.setunum-contact-page .wpcf7 label:has(textarea) { order: 2 !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } body.setunum-contact-page form p:has(input[type='submit']), body.setunum-contact-page .wpcf7 p:has(input[type='submit']), body.setunum-contact-page form p:has(button[type='submit']), body.setunum-contact-page .wpcf7 p:has(button[type='submit']) { order: 3 !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } body.setunum-contact-page form textarea, body.setunum-contact-page .wpcf7 textarea { width: 100% !important; max-width: 100% !important; min-height: 170px !important; } body.setunum-contact-page form.setunum-contact-layout textarea.setunum-contact-message-field, body.setunum-contact-page form.setunum-contact-layout textarea { min-height: 170px !important; resize: none !important; overflow: hidden !important; } body.setunum-contact-page form input[type='submit'], body.setunum-contact-page .wpcf7 input[type='submit'], body.setunum-contact-page form button[type='submit'], body.setunum-contact-page .wpcf7 button[type='submit'] { order: 3 !important; display: inline-flex !important; width: auto !important; min-width: 180px !important; margin-top: 0 !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit-field, body.setunum-contact-page form.setunum-contact-layout input[type='submit'], body.setunum-contact-page form.setunum-contact-layout button[type='submit'] { width: auto !important; min-width: 180px !important; margin-top: 0 !important; } @media only screen and (max-width: 767px) { body.setunum-contact-page .wpcf7 form > p, body.setunum-contact-page form.wpcf7-form > p, body.setunum-contact-page #ajax-form > p, body.setunum-contact-page .contact-form form > p { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } body.setunum-contact-page form.setunum-contact-layout { grid-template-columns: 1fr !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-name, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-email, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-message, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - #ajax-form contacto definitivo */ body.setunum-contact-page #ajax-form, body[class*="contact"] #ajax-form, body[class*="contacto"] #ajax-form { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 22px !important; width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } body.setunum-contact-page #ajax-form input, body[class*="contact"] #ajax-form input, body[class*="contacto"] #ajax-form input, body.setunum-contact-page #ajax-form textarea, body[class*="contact"] #ajax-form textarea, body[class*="contacto"] #ajax-form textarea { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } body.setunum-contact-page #ajax-form input:nth-of-type(1), body[class*="contact"] #ajax-form input:nth-of-type(1), body[class*="contacto"] #ajax-form input:nth-of-type(1) { grid-column: 1 / 2 !important; } body.setunum-contact-page #ajax-form input:nth-of-type(2), body[class*="contact"] #ajax-form input:nth-of-type(2), body[class*="contacto"] #ajax-form input:nth-of-type(2) { grid-column: 2 / 3 !important; } body.setunum-contact-page #ajax-form textarea, body[class*="contact"] #ajax-form textarea, body[class*="contacto"] #ajax-form textarea { grid-column: 1 / -1 !important; min-height: 54px !important; height: 54px; resize: none !important; overflow: hidden !important; } body.setunum-contact-page #ajax-form button, body[class*="contact"] #ajax-form button, body[class*="contacto"] #ajax-form button, body.setunum-contact-page #ajax-form input[type='submit'], body[class*="contact"] #ajax-form input[type='submit'], body[class*="contacto"] #ajax-form input[type='submit'] { grid-column: 1 / -1 !important; justify-self: center !important; width: 56px !important; min-width: 56px !important; max-width: 56px !important; height: 56px !important; min-height: 56px !important; padding: 0 !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 18px auto 0 !important; line-height: 1 !important; box-sizing: border-box !important; } @media only screen and (max-width: 767px) { body.setunum-contact-page #ajax-form, body[class*="contact"] #ajax-form, body[class*="contacto"] #ajax-form { grid-template-columns: 1fr !important; width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; } body.setunum-contact-page #ajax-form input:nth-of-type(1), body[class*="contact"] #ajax-form input:nth-of-type(1), body[class*="contacto"] #ajax-form input:nth-of-type(1), body.setunum-contact-page #ajax-form input:nth-of-type(2), body[class*="contact"] #ajax-form input:nth-of-type(2), body[class*="contacto"] #ajax-form input:nth-of-type(2) { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - Contact final real: anula columnas Skeleton y CSS Elementor */ html body.setunum-contact-page .elementor-element-a5784b9 .section-main-header-text, html body.setunum-contact-page .elementor-element-a5784b9 .wpcf7, html body.setunum-contact-page .elementor-element-a5784b9 form.wpcf7-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form, html body.setunum-contact-page .section-main-header-text, html body.setunum-contact-page .wpcf7, html body.setunum-contact-page form.wpcf7-form, html body.setunum-contact-page #ajax-form { width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } html body.setunum-contact-page .elementor-element-a5784b9 .section-main-header-text, html body.setunum-contact-page .section-main-header-text { width: min(100%, 720px) !important; max-width: 720px !important; } html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form, html body.setunum-contact-page #ajax-form { width: min(100%, 720px) !important; max-width: 720px !important; } html body.setunum-contact-page #ajax-form { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 34px !important; align-items: end !important; justify-items: stretch !important; } html body.setunum-contact-page #ajax-form > .columns, html body.setunum-contact-page #ajax-form > .eight.columns, html body.setunum-contact-page #ajax-form > .sixteen.columns { float: none !important; clear: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1) { grid-column: 1 / 2 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2) { grid-column: 2 / 3 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3) { grid-column: 1 / -1 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; justify-self: center !important; align-self: center !important; width: 56px !important; max-width: 56px !important; text-align: center !important; } html body.setunum-contact-page #ajax-form p, html body.setunum-contact-page #ajax-form .wpcf7-form-control-wrap { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form #button-con, html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) p { width: 56px !important; max-width: 56px !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; } html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form input:not([type='submit']), html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form textarea, html body.setunum-contact-page #ajax-form input:not([type='submit']), html body.setunum-contact-page #ajax-form textarea { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 20px 15px !important; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, .28) !important; background: transparent !important; box-sizing: border-box !important; } html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form textarea, html body.setunum-contact-page #ajax-form textarea { min-height: 54px !important; height: 54px; resize: none !important; overflow: hidden !important; } html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form input[type='submit'], html body.setunum-contact-page .elementor-element-a5784b9 .wpcf7-form input[type='submit'], html body.setunum-contact-page #ajax-form input[type='submit'], html body.setunum-contact-page .wpcf7-form input[type='submit'], html body.setunum-contact-page #ajax-form button, html body.setunum-contact-page .wpcf7-form button[type='submit'] { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 56px !important; min-width: 56px !important; max-width: 56px !important; height: 56px !important; min-height: 56px !important; max-height: 56px !important; margin: 0 auto !important; padding: 0 !important; border: 1px solid #000000 !important; border-radius: 50% !important; background-color: #ffffff !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 27px 27px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22L11 13L2 9L22 2Z'/%3E%3C/svg%3E") !important; color: transparent !important; -webkit-text-fill-color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; overflow: hidden !important; box-shadow: none !important; outline: none !important; cursor: pointer !important; box-sizing: border-box !important; } @media only screen and (max-width: 767px) { html body.setunum-contact-page .section-main-header-text, html body.setunum-contact-page .wpcf7, html body.setunum-contact-page form.wpcf7-form, html body.setunum-contact-page #ajax-form { width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px) !important; } html body.setunum-contact-page #ajax-form { grid-template-columns: 1fr !important; row-gap: 34px !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - Contact final centrado compacto FINAL */ html body.setunum-contact-page .section-main-header-text { width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; } html body.setunum-contact-page .wpcf7, html body.setunum-contact-page form.wpcf7-form, html body.setunum-contact-page .elementor-element-a5784b9 .wpcf7, html body.setunum-contact-page .elementor-element-a5784b9 form.wpcf7-form { width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; } html body.setunum-contact-page #ajax-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 34px !important; width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; align-items: end !important; justify-items: stretch !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form > .columns, html body.setunum-contact-page #ajax-form > .eight.columns, html body.setunum-contact-page #ajax-form > .sixteen.columns { float: none !important; clear: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1) { grid-column: 1 / 2 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2) { grid-column: 2 / 3 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3) { grid-column: 1 / -1 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; justify-self: center !important; width: 56px !important; max-width: 56px !important; text-align: center !important; } html body.setunum-contact-page #ajax-form p, html body.setunum-contact-page #ajax-form .wpcf7-form-control-wrap, html body.setunum-contact-page #ajax-form input:not([type='submit']), html body.setunum-contact-page #ajax-form textarea { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form p, html body.setunum-contact-page #ajax-form .wpcf7-form-control-wrap { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } html body.setunum-contact-page #ajax-form input:not([type='submit']), html body.setunum-contact-page #ajax-form textarea { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 15px !important; border-bottom: 1px solid rgba(0,0,0,.28) !important; } html body.setunum-contact-page #ajax-form #button-con, html body.setunum-contact-page #ajax-form #button-con p { width: 56px !important; max-width: 56px !important; margin: 0 auto !important; padding: 0 !important; } html body.setunum-contact-page #ajax-form input[type='submit'], html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form input[type='submit'], html body.setunum-contact-page .wpcf7-form input[type='submit'] { width: 56px !important; min-width: 56px !important; max-width: 56px !important; height: 56px !important; min-height: 56px !important; max-height: 56px !important; margin: 0 auto !important; } @media only screen and (max-width: 767px) { html body.setunum-contact-page #ajax-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form { grid-template-columns: 1fr !important; width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px) !important; row-gap: 34px !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - Contact final centrado compacto */ html body.setunum-contact-page .section-main-header-text { width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; } html body.setunum-contact-page .wpcf7, html body.setunum-contact-page form.wpcf7-form, html body.setunum-contact-page .elementor-element-a5784b9 .wpcf7, html body.setunum-contact-page .elementor-element-a5784b9 form.wpcf7-form { width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; } html body.setunum-contact-page #ajax-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 34px !important; width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; align-items: end !important; justify-items: stretch !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form > .columns, html body.setunum-contact-page #ajax-form > .eight.columns, html body.setunum-contact-page #ajax-form > .sixteen.columns { float: none !important; clear: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1) { grid-column: 1 / 2 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2) { grid-column: 2 / 3 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3) { grid-column: 1 / -1 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; justify-self: center !important; width: 56px !important; max-width: 56px !important; text-align: center !important; } html body.setunum-contact-page #ajax-form p, html body.setunum-contact-page #ajax-form .wpcf7-form-control-wrap, html body.setunum-contact-page #ajax-form input:not([type='submit']), html body.setunum-contact-page #ajax-form textarea { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form p, html body.setunum-contact-page #ajax-form .wpcf7-form-control-wrap { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } html body.setunum-contact-page #ajax-form input:not([type='submit']), html body.setunum-contact-page #ajax-form textarea { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 15px !important; border-bottom: 1px solid rgba(0,0,0,.28) !important; } html body.setunum-contact-page #ajax-form #button-con, html body.setunum-contact-page #ajax-form #button-con p { width: 56px !important; max-width: 56px !important; margin: 0 auto !important; padding: 0 !important; } html body.setunum-contact-page #ajax-form input[type='submit'], html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form input[type='submit'], html body.setunum-contact-page .wpcf7-form input[type='submit'] { width: 56px !important; min-width: 56px !important; max-width: 56px !important; height: 56px !important; min-height: 56px !important; max-height: 56px !important; margin: 0 auto !important; } @media only screen and (max-width: 767px) { html body.setunum-contact-page #ajax-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form { grid-template-columns: 1fr !important; width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px) !important; row-gap: 34px !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - Contact final real: anula columnas Skeleton y CSS Elementor */ html body.setunum-contact-page .elementor-element-a5784b9 .section-main-header-text, html body.setunum-contact-page .elementor-element-a5784b9 .wpcf7, html body.setunum-contact-page .elementor-element-a5784b9 form.wpcf7-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form, html body.setunum-contact-page .section-main-header-text, html body.setunum-contact-page .wpcf7, html body.setunum-contact-page form.wpcf7-form, html body.setunum-contact-page #ajax-form { width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 54px !important; align-items: end !important; justify-items: stretch !important; } html body.setunum-contact-page #ajax-form > .columns, html body.setunum-contact-page #ajax-form > .eight.columns, html body.setunum-contact-page #ajax-form > .sixteen.columns { float: none !important; clear: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1) { grid-column: 1 / 2 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2) { grid-column: 2 / 3 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3) { grid-column: 1 / -1 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; justify-self: center !important; align-self: center !important; width: auto !important; max-width: none !important; text-align: center !important; } html body.setunum-contact-page #ajax-form p, html body.setunum-contact-page #ajax-form .wpcf7-form-control-wrap { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form #button-con, html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) p { width: auto !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; } html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form input:not([type='submit']), html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form textarea, html body.setunum-contact-page #ajax-form input:not([type='submit']), html body.setunum-contact-page #ajax-form textarea { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 20px 15px !important; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, .28) !important; background: transparent !important; box-sizing: border-box !important; } html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form textarea, html body.setunum-contact-page #ajax-form textarea { min-height: 54px !important; height: 54px; resize: none !important; overflow: hidden !important; } html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form input[type='submit'], html body.setunum-contact-page .elementor-element-a5784b9 .wpcf7-form input[type='submit'], html body.setunum-contact-page #ajax-form input[type='submit'], html body.setunum-contact-page .wpcf7-form input[type='submit'], html body.setunum-contact-page #ajax-form button, html body.setunum-contact-page .wpcf7-form button[type='submit'] { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 56px !important; min-width: 56px !important; max-width: 56px !important; height: 56px !important; min-height: 56px !important; max-height: 56px !important; margin: 0 auto !important; padding: 0 !important; border: 1px solid #000000 !important; border-radius: 50% !important; background-color: #ffffff !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 27px 27px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22L11 13L2 9L22 2Z'/%3E%3C/svg%3E") !important; color: transparent !important; -webkit-text-fill-color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; overflow: hidden !important; box-shadow: none !important; outline: none !important; cursor: pointer !important; box-sizing: border-box !important; } @media only screen and (max-width: 767px) { html body.setunum-contact-page .section-main-header-text, html body.setunum-contact-page .wpcf7, html body.setunum-contact-page form.wpcf7-form, html body.setunum-contact-page #ajax-form { width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px) !important; } html body.setunum-contact-page #ajax-form { grid-template-columns: 1fr !important; row-gap: 40px !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - Contacto centrado y boton circular definitivo */ body.setunum-contact-page .section-main-header-text, body.setunum-contact-page .wpcf7, body.setunum-contact-page form, body.setunum-contact-page #ajax-form, body.setunum-contact-page .contact-form, body.setunum-contact-page .elementor-widget-form, body.setunum-contact-page .contact-details { width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } body.setunum-contact-page .section-main-header-text h1, body.setunum-contact-page .section-main-header-text h2, body.setunum-contact-page .section-main-header-text h3, body.setunum-contact-page .section-main-header-text h4, body.setunum-contact-page .section-main-header-text h5, body.setunum-contact-page .section-main-header-text h6, body.setunum-contact-page .line-header, body.setunum-contact-page .padding-bottom-line { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } body.setunum-contact-page .wpcf7 form, body.setunum-contact-page form.wpcf7-form, body.setunum-contact-page #ajax-form, body.setunum-contact-page .contact-form form, body.setunum-contact-page form.setunum-contact-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 22px !important; align-items: start !important; } body.setunum-contact-page form p:has(input[type='submit']), body.setunum-contact-page .wpcf7 p:has(input[type='submit']), body.setunum-contact-page form p:has(button[type='submit']), body.setunum-contact-page .wpcf7 p:has(button[type='submit']), body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit { grid-column: 1 / -1 !important; width: auto !important; max-width: none !important; justify-self: center !important; text-align: center !important; margin: 18px auto 0 !important; } body.setunum-contact-page form input[type='submit'], body.setunum-contact-page .wpcf7 input[type='submit'], body.setunum-contact-page form button[type='submit'], body.setunum-contact-page .wpcf7 button[type='submit'], body.setunum-contact-page #ajax-form button, body.setunum-contact-page #ajax-form input[type='submit'], body[class*="contact"] #ajax-form button, body[class*="contact"] #ajax-form input[type='submit'], body[class*="contacto"] #ajax-form button, body[class*="contacto"] #ajax-form input[type='submit'], body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit-field { grid-column: 1 / -1 !important; justify-self: center !important; width: 56px !important; min-width: 56px !important; max-width: 56px !important; height: 56px !important; min-height: 56px !important; padding: 0 !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 18px auto 0 !important; line-height: 1 !important; box-sizing: border-box !important; } body.setunum-contact-page form textarea, body.setunum-contact-page .wpcf7 textarea, body.setunum-contact-page #ajax-form textarea { grid-column: 1 / -1 !important; width: 100% !important; max-width: 100% !important; min-height: 54px !important; resize: none !important; overflow: hidden !important; } @media only screen and (max-width: 767px) { body.setunum-contact-page .section-main-header-text, body.setunum-contact-page .wpcf7, body.setunum-contact-page form, body.setunum-contact-page #ajax-form, body.setunum-contact-page .contact-form, body.setunum-contact-page .elementor-widget-form, body.setunum-contact-page .contact-details { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; } body.setunum-contact-page .wpcf7 form, body.setunum-contact-page form.wpcf7-form, body.setunum-contact-page #ajax-form, body.setunum-contact-page .contact-form form, body.setunum-contact-page form.setunum-contact-layout { grid-template-columns: 1fr !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-name, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-email, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-message { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - Contacto layout final por clases JS */ body.setunum-contact-page form.setunum-contact-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 22px !important; align-items: start !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-name { grid-column: 1 / 2 !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-email { grid-column: 2 / 3 !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-message, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit, body.setunum-contact-page form.setunum-contact-layout .wpcf7-response-output { grid-column: 1 / -1 !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-name, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-email, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-message, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit { width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } body.setunum-contact-page form.setunum-contact-layout input:not([type='submit']), body.setunum-contact-page form.setunum-contact-layout textarea, body.setunum-contact-page form.setunum-contact-layout select, body.setunum-contact-page form.setunum-contact-layout .wpcf7-form-control-wrap { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body.setunum-contact-page form.setunum-contact-layout textarea.setunum-contact-message-field, body.setunum-contact-page form.setunum-contact-layout textarea { min-height: 170px !important; resize: none !important; overflow: hidden !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit-field, body.setunum-contact-page form.setunum-contact-layout input[type='submit'], body.setunum-contact-page form.setunum-contact-layout button[type='submit'] { width: auto !important; min-width: 180px !important; margin-top: 0 !important; } @media only screen and (max-width: 767px) { body.setunum-contact-page form.setunum-contact-layout { grid-template-columns: 1fr !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-name, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-email, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-message, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - Contacto layout marcado por JS */ body.setunum-contact-page form.setunum-contact-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 22px !important; align-items: start !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-name { grid-column: 1 / 2 !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-email { grid-column: 2 / 3 !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-message, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit, body.setunum-contact-page form.setunum-contact-layout .wpcf7-response-output { grid-column: 1 / -1 !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-name, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-email, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-message, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit { width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } body.setunum-contact-page form.setunum-contact-layout input:not([type='submit']), body.setunum-contact-page form.setunum-contact-layout textarea, body.setunum-contact-page form.setunum-contact-layout select, body.setunum-contact-page form.setunum-contact-layout .wpcf7-form-control-wrap { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body.setunum-contact-page form.setunum-contact-layout textarea.setunum-contact-message-field, body.setunum-contact-page form.setunum-contact-layout textarea { min-height: 170px !important; height: auto; resize: none !important; overflow: hidden !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit-field, body.setunum-contact-page form.setunum-contact-layout input[type='submit'], body.setunum-contact-page form.setunum-contact-layout button[type='submit'] { width: auto !important; min-width: 180px !important; margin-top: 0 !important; } @media only screen and (max-width: 767px) { body.setunum-contact-page form.setunum-contact-layout { grid-template-columns: 1fr !important; } body.setunum-contact-page form.setunum-contact-layout .setunum-contact-name, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-email, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-message, body.setunum-contact-page form.setunum-contact-layout .setunum-contact-submit { grid-column: 1 / -1 !important; } } .cd-nav { position: fixed; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; background-color: #fff; visibility: hidden; -webkit-transition: visibility 0s 0.7s; -moz-transition: visibility 0s 0.7s; transition: visibility 0s 0.7s; } .cd-nav .cd-navigation-wrapper { /* all navigation content */ height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 40px 5% 40px calc(5% + 80px); /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: -webkit-transform 0.7s; -moz-transition: -moz-transform 0.7s; transition: transform 0.7s; -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78); -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78); -ms-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78); -o-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78); transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78); } .navigation-is-open .cd-nav { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; } .navigation-is-open .cd-nav .cd-navigation-wrapper { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78); -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78); -ms-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78); -o-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78); transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78); } .cd-nav .cd-primary-nav { margin-top: 60px; } .cd-nav .cd-primary-nav li { margin: 0.5em 0; } .cd-nav .cd-primary-nav a { position:relative; font-family: 'Open Sans', sans-serif; font-weight:800; font-size: 18px; line-height:20px; letter-spacing:3px; overflow:hidden; text-transform:uppercase; color:rgba(32,32,32,.4); display: inline-block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .cd-nav .cd-primary-nav a:after { content: ''; position: absolute; left: -100%; bottom: 9px; height: 2px; width: 100%; background-color: #212121; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .cd-nav .cd-primary-nav a.selected { color: #212121; } .cd-nav .cd-primary-nav a.selected::after{ left:0; } .cd-nav .cd-primary-nav a:hover:after { left:0; } .no-touch .cd-nav .cd-primary-nav a:hover { color: #212121; } .cd-nav .cd-contact-info { margin-top: 80px; } .cd-nav .cd-contact-info li { font-family: 'Open Sans', sans-serif; font-weight:800; font-size: 14px; line-height:20px; margin-bottom: 1.6em; color: rgba(0, 0, 0, 0.4); } .cd-nav .cd-contact-info a { color: #212121; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .cd-nav .cd-contact-info a:hover { color: rgba(0, 0, 0, 0.6); } .cd-nav .cd-contact-info span { display: block; } .cd-nav .cd-contact-info span.nav-social{ display:inline-block; font-family: 'FontAwesome'; color:#212121; font-size:15px; margin-right:20px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .cd-nav .cd-contact-info span.nav-social:hover{ color:rgba(0,0,0,.6); } @media only screen and (min-width: 1170px) { .cd-nav .cd-contact-info span.nav-social{ margin-right:0; margin-left:20px; } } .cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span { font-size: 16px; line-height:20px; } @media only screen and (min-width: 1170px) { .cd-nav .cd-navigation-wrapper { padding: 162px 20%; } .cd-nav .cd-navigation-wrapper::after { clear: both; content: ""; display: table; } .cd-nav .cd-primary-nav a:after { bottom: 13px; height: 4px; } .cd-nav .cd-half-block { width: 50%; float: left; } .cd-nav .cd-primary-nav { margin-top: 0; } .cd-nav .cd-primary-nav li { margin: 1em 0; } .cd-nav .cd-primary-nav a { font-size: 32px; line-height:32px; } .cd-nav .cd-contact-info { text-align: right; } .cd-nav .cd-contact-info li { margin-top: 10px; margin-bottom: 2em; } .cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span { font-size: 14px; line-height:26px; letter-spacing:2px; } .cd-nav .cd-contact-info { margin-top: 0; } } .no-js main { height: auto; overflow: visible; } .no-js .cd-nav { position: static; visibility: visible; } .no-js .cd-nav .cd-navigation-wrapper { height: auto; overflow: visible; padding: 100px 5%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-nav .cd-primary-nav li.cd-label ul{ overflow: hidden; max-height: 0; transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s; } .cd-nav .cd-primary-nav li.cd-label:hover ul{ margin-top:5px; margin-bottom:5px; max-height: 500px; } .cd-nav .cd-primary-nav li.cd-label ul li { margin: 0.4em 0; } .cd-nav .cd-primary-nav li.cd-label ul a { font-family: 'Open Sans', sans-serif; font-weight:800; display:block; font-size: 13px; line-height:18px; letter-spacing:2px; text-align:left; } .cd-nav .cd-primary-nav li.cd-label ul a:after { display:none; } /* #Top Sections ================================================== */ #top-section { position:relative; width: 100%; margin:0 auto; background-size:cover; background-position:center center; background-repeat:no-repeat; } .big-hero-slider { min-height:700px; } #hero { position:fixed; width: 100%; height: 100%; top:0; left:0; } .container.bigger-index{ z-index:5; } .content-section { position:relative; width:100%; } .white-section { background-color:#fff; } .dark-section { background-color:var(--primary); } .shadow-sec{ box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); } .overflow-sec{ overflow:hidden; } .padding-top-bottom { padding-top:120px; padding-bottom:120px; } .padding-top { padding-top:120px; } .padding-bottom { padding-bottom:120px; } .padding-top-bottom-start { padding-top:180px; padding-bottom:140px; } .padding-top-bottom-small { padding-top:40px; padding-bottom:40px; } .hero-text { position:absolute; left:5%; bottom:65px; z-index:10; } .hero-text h4 { text-align:left; padding-bottom:5px; } .hero-text p { text-align:left; color:#606060; text-transform:uppercase; letter-spacing:3px; font-weight:600; font-size:13px; } /* #Hero Slider */ #owl-top { position:relative; width:100%; margin:0 auto; } #owl-top .item{ position:relative; width:100%; margin:0 auto; background-size:cover; background-position:center center; background-repeat:no-repeat; cursor: url('../cursors/grab-slider.png') 8 8, url('../cursors/grab-slider.cur'), move !important; } #owl-top .item.back-image-1{ background-image: url('../images/1.jpg'); } #owl-top .item.back-image-2{ background-image: url('../images/2.jpg'); } #owl-top .item.back-image-3{ background-image: url('../images/3.jpg'); } #owl-top .item.back-image-4{ background-image: url('../images/4.jpg'); } #owl-top .item.back-image-5{ background-image: url('../images/5.jpg'); } #owl-top .item.back-image-6{ background-image: url('../images/6.jpg'); } #owl-top .item.back-image-7{ background-image: url('../images/11.jpg'); } #owl-top .item.back-image-8{ background-image: url('../images/12.jpg'); } #owl-top .item.back-image-9{ background-image: url('../images/13.jpg'); } #owl-top.owl-theme .owl-controls .owl-buttons .owl-prev{ position:absolute; left:0; cursor: url('../cursors/grab-left.png') 8 8, url('../cursors/grab-left.cur'), move !important; } #owl-top.owl-theme .owl-controls .owl-buttons .owl-next{ position:absolute; right:0; cursor: url('../cursors/grab-right.png') 8 8, url('../cursors/grab-right.cur'), move !important; } #owl-top.owl-theme .owl-controls .owl-buttons .owl-next, #owl-top.owl-theme .owl-controls .owl-buttons .owl-prev{ top:0; width:30%; height:100%; z-index:1; text-indent: 100%; } #bar{ width: 0%; max-width: 100%; height: 3px; background: rgba(0,0,0,.7); } #progressBar{ position:absolute; bottom:0; left:0; width: 100%; background: rgba(0,0,0,.2); z-index:5; } .arrow-down { position:absolute; bottom:65px; width:32px; height:40px; right:5%; display: block; z-index: 10; background:url('../images/grab-down.png') no-repeat center center; background-size:32px 32px; -webkit-animation: vertical 2.5s ease infinite; animation: vertical 2.5s ease infinite; } .arrow-down-middle { position:absolute; bottom:65px; width:32px; height:40px; left:50%; margin-left:-16px; display: block; z-index: 10; background:url('../images/grab-down.png') no-repeat center center; background-size:32px 32px; -webkit-animation: vertical 2.5s ease infinite; animation: vertical 2.5s ease infinite; } @-webkit-keyframes vertical { 0%{-webkit-transform:translate(0,-5px)} 8%{-webkit-transform:translate(0,5px)} 16%{-webkit-transform:translate(0,-5px)} 24%{-webkit-transform:translate(0,5px)} 32%{-webkit-transform:translate(0,-5px)} 40%{-webkit-transform:translate(0,5px)} 48%{-webkit-transform:translate(0,0)} } @keyframes vertical { 0%{transform:translate(0,-5px)} 8%{transform:translate(0,5px)} 16%{transform:translate(0,-5px)} 24%{transform:translate(0,5px)} 32%{transform:translate(0,-5px)} 40%{transform:translate(0,5px)} 48%{transform:translate(0,0)} } .scroll-to-top{ position:fixed; bottom:40px; width:40px; height:40px; right:40px; display: block; cursor: pointer; z-index: 3; background:url('../images/grab-up.png') no-repeat center center; background-size:32px 32px; -webkit-animation: vertical 2.5s ease infinite; animation: vertical 2.5s ease infinite; } /* #Hero Text Slider */ .hero-text-slider-wrapper{ position:absolute; left:0; top:50%; width:100%; z-index:10; } #owl-text-slider { position:relative; width:100%; max-width:900px; margin:0 auto; -webkit-transform: translate3d(0,-65%,0); transform: translate3d(0,-65%,0); } #owl-text-slider .item{ position:relative; width:100%; } #owl-text-slider .item p{ color: #414141; font-family: 'Montserrat'; text-align:center; font-size: 42px; line-height: 58px; text-transform:uppercase; letter-spacing:3px; font-weight:700; padding-bottom:30px; } #bar-text-slider{ width: 0%; max-width: 100%; height: 3px; background: rgba(0,0,0,.7); } #progressBar-text-slider{ position:absolute; bottom:0; left:40%; width: 20%; background: rgba(0,0,0,.2); z-index:5; } /* #Hero Text Slider Left Align*/ #owl-text-slider-big { position:relative; width:100%; max-width:900px; margin:0 auto; } #owl-text-slider-big .item{ position:relative; width:100%; } #owl-text-slider-big .item p{ color: #414141; font-family: 'Montserrat'; text-align:center; font-size: 42px; line-height: 52px; font-weight:700; padding-bottom:30px; } #bar-text-slider-big{ width: 0%; max-width: 100%; height: 3px; background: rgba(0,0,0,.7); } #progressBar-text-slider-big{ position:absolute; bottom:0; left:40%; width: 15%; background: rgba(0,0,0,.2); z-index:5; } /* #Hero HTML5 Video */ .poster_background_home { position: absolute; bottom: 0; left: 0; top:0; right:0; background:url('../images/1a.jpg')no-repeat center center; background-size:cover; width: 100%; height: 100%; z-index: 1; overflow: hidden; } video#video_background_home { position: absolute; top:50%; left:50%; min-width: 100%; width: auto; height: auto; z-index: 2; overflow: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .video-wrapper{ position:relative; width:100%; overflow:hidden; } .white-over-video{ position: absolute; bottom: 0; left: 0; top:0; right:0; background:rgba(255,255,255,.7); width: 100%; height: 100%; z-index: 3; overflow: hidden; } /* #Hero YouTube and Vimeo Video */ #video-container { position:relative; z-index:1; } /* #Hero Slider Revolution */ .big-num-rev-text{ letter-spacing:2px; font-family: 'Courgette', cursive; color:var(--primary); font-size:90px; line-height:90px; } .big-right-rev-text { font-family: 'Montserrat'; font-weight:700; color:#212121; font-size:70px; line-height:70px; text-align:left; } .small-right-rev-text{ letter-spacing:2px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#333; font-size:16px; line-height:28px; text-align:left; } .small-right-rev-text span{ line-height:36px; } /* #Multi Layer Parallax */ .cd-background-wrapper { background-color: #001426; position: relative; overflow: hidden; } .no-touch .cd-background-wrapper { -webkit-perspective: 4000px; -moz-perspective: 4000px; perspective: 4000px; } .cd-background-wrapper::before { /* never visible - this is used in jQuery to check the device type */ content: 'web'; display: none; } .touch .cd-background-wrapper::before { /* never visible - this is used in jQuery to check the device type */ content: 'mobile'; } .cd-floating-background { position: relative; } .cd-floating-background img { display: block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; /* fixes a Firefox bug - images not correctly rendered*/ background-color: rgba(255, 255, 255, 0.01); } .cd-floating-background img:not(:first-child) { position: absolute; top: 0; left: 0; } .no-touch .cd-floating-background { top: 0; left: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .no-touch .cd-floating-background.is-absolute { position: absolute; } .no-touch .cd-floating-background img:first-child { -webkit-transform: translateZ(50px); -moz-transform: translateZ(50px); -ms-transform: translateZ(50px); -o-transform: translateZ(50px); transform: translateZ(50px); } .no-touch .cd-floating-background img:nth-child(2) { -webkit-transform: translateZ(290px); -moz-transform: translateZ(290px); -ms-transform: translateZ(290px); -o-transform: translateZ(290px); transform: translateZ(290px); } .no-touch .cd-floating-background img:nth-child(3) { -webkit-transform: translateZ(400px); -moz-transform: translateZ(400px); -ms-transform: translateZ(400px); -o-transform: translateZ(400px); transform: translateZ(400px); } .no-touch .cd-floating-background img:nth-child(4) { -webkit-transform: translateZ(200px); -moz-transform: translateZ(200px); -ms-transform: translateZ(200px); -o-transform: translateZ(200px); transform: translateZ(200px); } .no-touch .cd-floating-background img:nth-child(5) { -webkit-transform: translateZ(600px); -moz-transform: translateZ(600px); -ms-transform: translateZ(600px); -o-transform: translateZ(600px); transform: translateZ(600px); } .no-touch .cd-floating-background img:nth-child(6) { -webkit-transform: translateZ(120px); -moz-transform: translateZ(120px); -ms-transform: translateZ(120px); -o-transform: translateZ(120px); transform: translateZ(120px); } .no-touch .cd-floating-background img:nth-child(7) { -webkit-transform: translateZ(500px); -moz-transform: translateZ(500px); -ms-transform: translateZ(500px); -o-transform: translateZ(500px); transform: translateZ(500px); } .no-touch.no-preserve-3d .cd-floating-background { /* we target browsers that don't support preserve-3d and show just a standard image - no effect visible */ position: relative; } /* #Works ================================================== */ #projects-grid{ position:relative; text-align:center; margin:0 auto; width:100%; } #projects-grid:after { content: ''; display: block; clear: both; } .portfolio-box-1{ position:relative; float:left; width:33.3333333333%; display:inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow:hidden; margin-left:-1px; -webkit-transform: translate3d(1px,0,0); transform: translate3d(1px,0,0); } .portfolio-box-1.half-block{ width:50%; } .portfolio-box-1.fourth-block{ width:25%; } .portfolio-box-1 img{ width:100%; display:block; } .portfolio-box-1 .mask-1{ position:absolute; width:100%; height:100%; top:0; left:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:rgba(255,255,255,0); z-index:2; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .portfolio-box-1:hover .mask-1{ background:rgba(255,255,255,.9); } .portfolio-box-1 .mask-1.video-cur{ cursor: url('../cursors/more-video.png') 8 8, pointer; } .portfolio-box-1 .mask-1.audio-cur{ cursor: url('../cursors/more-audio.png') 8 8, pointer; } .portfolio-box-1 .mask-1.gallery-cur{ cursor: url('../cursors/more-gallery.png') 8 8, pointer; } .portfolio-box-1 .mask-1.image-cur{ cursor: url('../cursors/more-image.png') 8 8, pointer; } #portfolio-filter { position:relative; width:100%; text-align: center; } #filter { position:relative; width:100%; text-align: center; } #filter li { display: inline-block; text-align: center; } #filter:after { content: ''; display: block; clear: both; } #filter li a { position: relative; display: inline-block; letter-spacing:5px; font-family: 'Courgette', cursive; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; margin-bottom:5px; margin-top:5px; text-align: center; padding-bottom:5px; outline: none; color: #fff; margin-left:10px; margin-right:10px; border-bottom:1px solid transparent; text-decoration: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } #filter li .current { color:#fff; border-bottom:1px solid #fff; } #filter li a:hover { color:#fff; border-bottom:1px solid #fff; } .cbutton.cbutton--click, .cbutton:focus { outline: none; } .cbutton::after { position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; width: 70px; height: 70px; border-radius: 50%; content: ''; opacity: 0; pointer-events: none; } .cbutton--effect-dejan::after { margin: -4px 0 0 -4px; width: 8px; height: 8px; } .cbutton--box-color-4.cbutton--effect-dejan::after { background: #fff; } .cbutton--effect-dejan .cbutton__helper { position: absolute; bottom: 0; opacity: 0; pointer-events: none; } .cbutton--effect-dejan .cbutton__helper--first { left: -15px; width: 30px; height: 30px; -webkit-transform-origin: -40% 50%; transform-origin: -40% 50%; } .cbutton--effect-dejan .cbutton__helper--second { left: 0px; width: 30px; height: 60px; -webkit-transform-origin: 140% 50%; transform-origin: 140% 50%; } .cbutton--effect-dejan .cbutton__helper img { position: absolute; top: 0; left: 0; } .cbutton--effect-dejan.cbutton--click .cbutton__helper--first { -webkit-animation: anim-effect-dejan-1 0.3s ease-out forwards; animation: anim-effect-dejan-1 0.3s ease-out forwards; } .cbutton--effect-dejan.cbutton--click .cbutton__helper--second { -webkit-animation: anim-effect-dejan-2 0.3s ease-out forwards; animation: anim-effect-dejan-2 0.3s ease-out forwards; } .cbutton--effect-dejan.cbutton--click .cbutton__helper--first img, .cbutton--effect-dejan.cbutton--click .cbutton__helper--second img { -webkit-animation: anim-effect-dejan-3 0.3s ease-in forwards; animation: anim-effect-dejan-3 0.3s ease-in forwards; } .cbutton--effect-dejan.cbutton--click::after { -webkit-animation: anim-effect-dejan-4 0.3s ease-out forwards; animation: anim-effect-dejan-4 0.3s ease-out forwards; } @-webkit-keyframes anim-effect-dejan-1 { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); } } @keyframes anim-effect-dejan-1 { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); } } @-webkit-keyframes anim-effect-dejan-2 { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); } } @keyframes anim-effect-dejan-2 { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); } } @-webkit-keyframes anim-effect-dejan-3 { 0% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } 50% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes anim-effect-dejan-3 { 0% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } 50% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes anim-effect-dejan-4 { 0% { opacity: 1; -webkit-transform: scale3d(0.1, 0.1, 1); transform: scale3d(0.1, 0.1, 1); } 80% { opacity: 0.7; -webkit-transform: translate3d(0, -70px, 0) scale3d(1, 1, 1); transform: translate3d(0, -70px, 0) scale3d(1, 1, 1); } 100% { opacity: 0; -webkit-transform: translate3d(0, -60px, 0) scale3d(1, 1, 1); transform: translate3d(0, -60px, 0) scale3d(1, 1, 1); } } @keyframes anim-effect-dejan-4 { 0% { opacity: 1; -webkit-transform: scale3d(0.1, 0.1, 1); transform: scale3d(0.1, 0.1, 1); } 80% { opacity: 0.7; -webkit-transform: translate3d(0, -70px, 0) scale3d(1, 1, 1); transform: translate3d(0, -70px, 0) scale3d(1, 1, 1); } 100% { opacity: 0; -webkit-transform: translate3d(0, -60px, 0) scale3d(1, 1, 1); transform: translate3d(0, -60px, 0) scale3d(1, 1, 1); } } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* #Tooltip ================================================== */ .tipper { height: 1px; left: -99999px; position: absolute; pointer-events: none; top: -99999px; width: 1px;z-index:100000; } .tipper .tipper-content { background: transparent; text-transform:uppercase; color: var(--primary); font-weight:800; display: block; float: left; font-family: 'Open Sans', sans-serif; font-size: 13px; margin: 0; letter-spacing:2px; padding: 2px 0; position: relative; white-space: nowrap; border-bottom:2px solid var(--primary); } .tipper .tipper-caret { display: block; height: 11px; position: absolute; width: 100%; } .tipper.right .tipper-content { } .tipper.right .tipper-caret { background-position: left center; left: -5px; top: 0; } .tipper.left .tipper-content { } .tipper.left .tipper-caret { background-position: right center; right: -5px; top: 0; } .tipper.top .tipper-caret, .tipper.bottom .tipper-caret { display: block; float: none; height: 5px; width: 12px;margin-left:-17px; } .tipper.top .tipper-content { } .tipper.top .tipper-caret { background-position: center bottom; bottom: -5px; left: 0; text-align:center;} .tipper.bottom .tipper-content { } .tipper.bottom .tipper-caret { background-position: center top; top: -5px; left: 0; } /* #Ajax Projects Expander Styles ================================================== */ .relative{ position: relative; } .portfolio{ width:100%; height: auto; margin:0 auto; max-width: 1200px; } .expander-wrap { position:relative; display: none; text-align: center; } #expander-wrap{ position: relative; width:100%; max-width:1600px; margin:0 auto; overflow: hidden; } /* Expander Item Controls */ .project-controls{ position: relative; width:100%; height: auto; top:105px; max-width: 1600px; margin:0 auto; } .expander-inner{ position: relative; } .cls-btn{ width:100%; padding: 0; margin: 0 auto; display: block; height: auto; } .expander-wrap .cls-btn .close { position:relative; display: inline-block; color:var(--primary); top:0; margin-top:110px; margin-bottom:20px; width:auto; height:auto; font-size:30px; font-weight:400; text-align:center; cursor: pointer; float:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .expander-wrap .cls-btn .close:hover { color:#3a3a3a; cursor:pointer; } .full-image{ position: relative; width:100%; } .full-image img{ width:100%; display:block; } .section-header-text { position:relative; width:100%; } .section-header-text h4{ padding-bottom:10px; text-align:center; color: #212121; text-transform: capitalize; } .section-header-text p{ font-weight:800; font-size: 13px; line-height:24px; color:#999999; letter-spacing:3px; text-align:center; text-transform: uppercase; padding-bottom:20px; } .section-header-text .line-header{ position:relative; width:30px; height:2px; display:block; margin:0 auto; text-align:center; background-color:#202020; } .section-project-text{ position:relative; width:100%; margin:0 auto; } .section-project-text p{ text-align:center; width:100%; max-width:850px; margin:0 auto; } .btn-projects { cursor: pointer; height:45px; width:150px; margin:0 auto; text-align:center; display: block; margin-top: 30px; color:#fff; background:var(--primary); text-transform: uppercase; letter-spacing: 2px; font-weight: 600; color:#fff; font-size: 12px; line-height:45px; outline: none; position: relative; overflow:hidden; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .btn-projects:hover { background:#414141; color:#fff; } /* Video Hover Image */ .video-wrapper, figure.vimeo, figure.youtube { margin:0; position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } figure.youtube a img, figure.vimeo a img { position: absolute; top: 0; left: 0; width: auto; height: 100%; max-width:none; } figure.vimeo a:after, figure.youtube a:after { content:""; width:60px; height:60px; background:#fff; z-index:9; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; border-radius:50%; -webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.2); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } figure.vimeo:hover a:after, figure.youtube:hover a:after { background:#f9f9f9; -webkit-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.6); box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.6); } figure.vimeo a:before, figure.youtube a:before { content:""; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 10px solid #414141; z-index:10; position:absolute; top:50%; left:50%; margin-left:-3px; margin-top:-7px; display:block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } figure.vimeo:hover a:before, figure.youtube:hover a:before { border-left: 8px solid var(--primary); } figure.vimeo a:hover img, figure.youtube a:hover img { -webkit-transition: all 0.6s; transition: all 0.6s; -webkit-transform: scale(1.07) rotate(1deg); transform: scale(1.07) rotate(1deg); } figure.vimeo a img, figure.youtube a img { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; a -webkit-transform: scale(1); transform: scale(1); } /* Project Slider */ #owl-project .item{ position:relative; width:100%; } #owl-project .item img{ width:100%; display:block; } #owl-project.owl-theme .owl-controls .owl-buttons .owl-prev{ position:absolute; left:0; cursor: url('../cursors/grab-left.png') 8 8, url('../cursors/grab-left.cur'), move !important; } #owl-project.owl-theme .owl-controls .owl-buttons .owl-next{ position:absolute; right:0; cursor: url('../cursors/grab-right.png') 8 8, url('../cursors/grab-right.cur'), move !important; } #owl-project.owl-theme .owl-controls .owl-buttons .owl-next, #owl-project.owl-theme .owl-controls .owl-buttons .owl-prev{ top:0; width:50%; height:100%; z-index:1; text-indent: 100%; } #bar-project{ width: 0%; max-width: 100%; height: 3px; background: #212121; } #progressBar-project{ position:absolute; top:0; left:0; width: 100%; background: #f1f1f1; z-index:5; } /* Audio Player */ .audio-player{ background-color:#131313; width:100%; display:block; padding-top:50px; padding-bottom:45px; } audio{ width:100%; display:block; } /* Project Pages */ .project-next-prev{ position:relative; width:100%; overflow:hidden; z-index: 5; } .project-next-prev:after { content: ''; display: block; clear: both; } .project-prev{ position:relative; width:50%; display:inline-block; height:350px; float:left; background:url('../images/project-left.svg')no-repeat center center; background-size:120px 120px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .project-prev .text, .project-next .text{ position:absolute; letter-spacing:3px; font-family: 'Courgette', cursive; width:100%; left:0; top:120%; margin-top:-28px; font-size:22px; line-height:28px; text-align:center; color:#fff; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .project-prev:hover .text, .project-next:hover .text{ top:50%; } .project-prev .text span, .project-next .text span{ font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 10px; color:#b5b5b5; line-height:28px; letter-spacing:3px; text-transform: uppercase; } .project-prev:hover{ background-position:center -100%; } .project-next{ position:relative; width:50%; display:inline-block; height:350px; float:left; background:url('../images/project-right.svg')no-repeat center center; background-size:120px 120px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .project-next:hover{ background-position:center -100%; } /* #About ================================================== */ .about-top-section{ position: relative; width:100%; } .about-hero-image{ background: url('../images/about.jpg') no-repeat center center; background-size:cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width:100%; } .section-main-header-text { position:relative; width:100%; } .section-main-header-text h4{ padding-bottom:15px; text-align:center; text-transform: capitalize; font-weight:700; } .section-main-header-text.left h4{ text-align:left; } .section-main-header-text h5{ padding-bottom:10px; text-align:center; text-transform: capitalize; } .section-main-header-text.left h5{ text-align:left; } .section-main-header-text p{ text-align:center; } .section-main-header-text.left p{ text-align:left; } .section-main-header-text .line-header{ position:relative; width:45px; height:0; display:block; margin:0 auto; text-align:center; border-top:1px solid #202020; } .section-main-header-text .line-header.padding-bottom-line{ padding-bottom:25px; } .section-main-header-text.left .line-header{ margin:0; text-align:left; } .pro-bar-container { position:relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 2px; background: #ccc; } .pro-bar-margin { margin-bottom:20px; } .skills-name{ position:relative; width:100%; text-align:left; padding-bottom:5px; font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 11px; letter-spacing:3px; color:#505050; text-transform: uppercase; } .skills-name span{ font-weight:800; color:#121212; padding-left:5px; } .pro-bar { position:relative; height: 2px; overflow:hidden; background:var(--primary); } .pro-bar.bar-100 { width: 100%; } .pro-bar.bar-99 { width: 99%; } .pro-bar.bar-98 { width: 98%; } .pro-bar.bar-97 { width: 97%; } .pro-bar.bar-96 { width: 96%; } .pro-bar.bar-95 { width: 95%; } .pro-bar.bar-94 { width: 94%; } .pro-bar.bar-93 { width: 93%; } .pro-bar.bar-92 { width: 92%; } .pro-bar.bar-91 { width: 91%; } .pro-bar.bar-90 { width: 90%; } .pro-bar.bar-89 { width: 89%; } .pro-bar.bar-88 { width: 88%; } .pro-bar.bar-87 { width: 87%; } .pro-bar.bar-86 { width: 86%; } .pro-bar.bar-85 { width: 85%; } .pro-bar.bar-84 { width: 84%; } .pro-bar.bar-83 { width: 83%; } .pro-bar.bar-82 { width: 82%; } .pro-bar.bar-81 { width: 81%; } .pro-bar.bar-80 { width: 80%; } .pro-bar.bar-79 { width: 79%; } .pro-bar.bar-78 { width: 78%; } .pro-bar.bar-77 { width: 77%; } .pro-bar.bar-76 { width: 76%; } .pro-bar.bar-75 { width: 75%; } .pro-bar.bar-74 { width: 74%; } .pro-bar.bar-73 { width: 73%; } .pro-bar.bar-72 { width: 72%; } .pro-bar.bar-71 { width: 71%; } .pro-bar.bar-70 { width: 70%; } .pro-bar.bar-69 { width: 69%; } .pro-bar.bar-68 { width: 68%; } .pro-bar.bar-67 { width: 67%; } .pro-bar.bar-66 { width: 66%; } .pro-bar.bar-65 { width: 65%; } .pro-bar.bar-64 { width: 64%; } .pro-bar.bar-63 { width: 63%; } .pro-bar.bar-62 { width: 62%; } .pro-bar.bar-61 { width: 61%; } .pro-bar.bar-60 { width: 60%; } .pro-bar.bar-59 { width: 59%; } .pro-bar.bar-58 { width: 58%; } .pro-bar.bar-57 { width: 57%; } .pro-bar.bar-56 { width: 56%; } .pro-bar.bar-55 { width: 55%; } .pro-bar.bar-54 { width: 54%; } .pro-bar.bar-53 { width: 53%; } .pro-bar.bar-52 { width: 52%; } .pro-bar.bar-51 { width: 51%; } .pro-bar.bar-50 { width: 50%; } .pro-bar.bar-49 { width: 49%; } .pro-bar.bar-48 { width: 48%; } .pro-bar.bar-47 { width: 47%; } .pro-bar.bar-46 { width: 46%; } .pro-bar.bar-45 { width: 45%; } .pro-bar.bar-44 { width: 44%; } .pro-bar.bar-43 { width: 43%; } .pro-bar.bar-42 { width: 42%; } .pro-bar.bar-41 { width: 41%; } .pro-bar.bar-40 { width: 40%; } .pro-bar.bar-39 { width: 39%; } .pro-bar.bar-38 { width: 38%; } .pro-bar.bar-37 { width: 37%; } .pro-bar.bar-36 { width: 36%; } .pro-bar.bar-35 { width: 35%; } .pro-bar.bar-34 { width: 34%; } .pro-bar.bar-33 { width: 33%; } .pro-bar.bar-32 { width: 32%; } .pro-bar.bar-31 { width: 31%; } .pro-bar.bar-30 { width: 30%; } .pro-bar.bar-29 { width: 29%; } .pro-bar.bar-28 { width: 28%; } .pro-bar.bar-27 { width: 27%; } .pro-bar.bar-26 { width: 26%; } .pro-bar.bar-25 { width: 25%; } .pro-bar.bar-24 { width: 24%; } .pro-bar.bar-23 { width: 23%; } .pro-bar.bar-22 { width: 22%; } .pro-bar.bar-21 { width: 21%; } .pro-bar.bar-20 { width: 20%; } .pro-bar.bar-19 { width: 19%; } .pro-bar.bar-18 { width: 18%; } .pro-bar.bar-17 { width: 17%; } .pro-bar.bar-16 { width: 16%; } .pro-bar.bar-15 { width: 15%; } .pro-bar.bar-14 { width: 14%; } .pro-bar.bar-13 { width: 13%; } .pro-bar.bar-12 { width: 12%; } .pro-bar.bar-11 { width: 11%; } .pro-bar.bar-10 { width: 10%; } .pro-bar.bar-9 { width: 9%; } .pro-bar.bar-8 { width: 8%; } .pro-bar.bar-7 { width: 7%; } .pro-bar.bar-6 { width: 6%; } .pro-bar.bar-5 { width: 5%; } .pro-bar.bar-4 { width: 4%; } .pro-bar.bar-3 { width: 3%; } .pro-bar.bar-2 { width: 2%; } .pro-bar.bar-1 { width: 1%; } .pro-bar.bar-0 { width: 0%; } .team-box { position:relative; width: 100%; } .team-box img { width: 100%; display:block; padding-bottom:20px; } .team-box h5 { text-align:center; padding-bottom:15px; text-transform: capitalize; } .team-social { position:relative; width: 100%; text-align:center; margin:0 auto; } .team-social span{ display:inline-block; text-align:center; font-family: 'FontAwesome'; color:#515151; font-size:15px; margin-left:8px; margin-right:8px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .team-social span:hover{ color:var(--primary); } .services-box { position:relative; width: 100%; } .services-box h6{ text-align:center; padding-bottom:20px; text-transform: capitalize; } .services-box p{ text-align:center; } .services-icon { position:relative; font-family: 'et-line'; width: 100%; text-align:center; color:var(--primary); font-size:40px; padding-bottom:30px; } /* #Blog ================================================== */ .blog-top-section{ position: relative; width:100%; } .blog-hero-image{ background: url('../images/blog.jpg') no-repeat center center; background-size:cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width:100%; } #blog-grid{ position:relative; text-align:center; margin:0 auto; width:calc(100% - 10px); max-width:1360px; padding-top:5px; margin-bottom:10px; } #blog-grid:after { content: ''; display: block; clear: both; } .blog-box-1{ position:relative; float:left; width:33.3333333333%; display:inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:25px solid #fff; overflow:hidden; margin-left:-1px; -webkit-transform: translate3d(1px,0,0); transform: translate3d(1px,0,0); } .blog-box-1 img{ width:100%; display:block; } .post-box-wrap{ position:relative; width:100%; } .post-box-wrap img{ width:100%; display:block; } .post-time-autor{ position:relative; width:100%; padding-top:30px; padding-bottom:5px; color:#999999; font-size:11px; font-weight:600; letter-spacing:2px; text-align:left; text-transform:uppercase; } .post-time-autor span{ padding-left:10px; } .post-time-autor a{ color:#808080; font-weight:800; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .post-time-autor a:hover{ color:var(--primary); } .post-box-wrap h3 { text-align:left; text-transform: capitalize; padding-bottom:25px; } .post-box-wrap p { text-align:left; margin-bottom:20px; } .post-cat-tags{ position:relative; margin-top:10px; width:100%; color:#999999; font-size:11px; font-weight:600; letter-spacing:2px; text-align:left; text-transform:uppercase; } .post-cat-tags span{ padding-right:10px; } .post-cat-tags a{ color:#808080; font-weight:800; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .post-cat-tags a:hover{ color:var(--primary); } .post-quotes-wrapper{ position:relative; width:100%; background:var(--primary); padding:40px; } .post-quotes-wrapper p{ color:#fff; letter-spacing:2px; font-family: 'Courgette', cursive; font-size: 16px; line-height:32px; text-align:left; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; } .post-quotes-wrapper h6{ color:#fff; letter-spacing:2px; text-align:left; text-transform: capitalize; } .post-links-wrapper{ position:relative; width:100%; background:var(--primary); padding:40px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .post-links-wrapper:hover{ background:#212121; } .post-links-wrapper p{ color:#fff; letter-spacing:2px; font-family: 'Courgette', cursive; font-size: 17px; line-height:26px; font-weight:normal; text-align:left; padding:0; margin:0; } .post-links-wrapper p:before{ content: "\e02e"; letter-spacing:0; font-family: 'et-line'; font-size: 22px; line-height:26px; padding-right:30px; } .num-comments{ position:relative; margin-top:30px; margin-bottom:20px; width:100%; color:var(--primary); font-size:16px; letter-spacing:2px; text-align:left; font-family: 'Courgette', cursive; } .content-comm{ position:relative; width:100%; margin-top:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:url('../images/blog-pattern.png'); padding:30px; overflow:hidden; } .content-comm.subcomm{ padding-left:120px; padding-top:0; margin-top:0; } .content-comm.subcomm img{ width:100px; } .content-comm:after { content: ''; display: block; clear: both; } .content-comm img { width:150px; height:auto; display: block; float:left; margin-right:30px; } .content-comm .name-aut-replay{ position:relative; display:block; float:right; letter-spacing:3px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size: 11px; line-height:26px; color:#999999; margin-top:10px; text-align:left; font-weight:800; } .content-comm .name-aut-replay span{ color:#777777; -webkit-transition: color 0.3s; transition: color 0.3s; } .content-comm .name-aut-replay span:hover{ color:var(--primary); } .leave-reply{ position:relative; width:100%; overflow:hidden; } .leave-reply:after { content: ''; display: block; clear: both; } .leave-reply input{ width:100%; margin-top:5px; float:left; display:inline-block; padding-left:20px; padding-right:20px; font-weight:400; letter-spacing:1px; margin-top:5px; font-size: 14px; line-height:22px; padding-top: 15px; padding-bottom: 15px; background:url('../images/blog-pattern.png'); border:none; color: #737373; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .leave-reply textarea{ height:120px; width:100%; padding-left:20px; padding-right:20px; font-weight:400; letter-spacing:1px; margin-top:5px; font-size: 14px; line-height:22px; padding-top: 15px; padding-bottom: 15px; background:url('../images/blog-pattern.png'); border:none; color: #737373; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .leave-reply textarea:active, .leave-reply input:active { color: #fff; outline: none !important; } .leave-reply textarea:hover, .leave-reply input:hover { color: #737373; outline: none !important; } .leave-reply textarea:focus, .leave-reply input:focus { color: #fff; outline: none !important; } .leave-reply textarea:input-placeholder, .leave-reply input:input-placeholder { font-size: 11px; text-transform:uppercase; -webkit-transition: color 0.3s; transition: color 0.3s; } .leave-reply textarea:-ms-input-placeholder, .leave-reply input:-ms-input-placeholder { font-size: 11px; text-transform:uppercase; -webkit-transition: color 0.3s; transition: color 0.3s; } .leave-reply textarea::-o-placeholder, .leave-reply input::-o-placeholder { font-size: 11px; text-transform:uppercase; -webkit-transition: color 0.3s; transition: color 0.3s; } .leave-reply textarea:-moz-placeholder, .leave-reply input:-moz-placeholder { font-size: 11px; text-transform:uppercase; -webkit-transition: color 0.3s; transition: color 0.3s; } .leave-reply textarea::-webkit-input-placeholder, .leave-reply input::-webkit-input-placeholder { font-size: 11px; text-transform:uppercase; -webkit-transition: color 0.3s; transition: color 0.3s; } .leave-reply textarea:active:input-placeholder, .leave-reply input:active:input-placeholder { color: #fff; } .leave-reply textarea:active:-ms-input-placeholder, .leave-reply input:active:-ms-input-placeholder { color: #fff; } .leave-reply textarea:active::-o-placeholder, .leave-reply input:active::-o-placeholder { color: #fff; } .leave-reply textarea:active:-moz-placeholder, .leave-reply input:active:-moz-placeholder { color: #fff; } .leave-reply textarea:active::-webkit-input-placeholder, .leave-reply input:active::-webkit-input-placeholder { color: #fff; } .leave-reply textarea:focus:-ms-input-placeholder, .leave-reply input:focus:-ms-input-placeholder { color: #fff; } .leave-reply textarea:focus::-o-placeholder, .leave-reply input:focus::-o-placeholder { color: #fff; } .leave-reply textarea:focus:-moz-placeholder, .leave-reply input:focus:-moz-placeholder { color: #fff; } .leave-reply textarea:focus::-webkit-input-placeholder, .leave-reply input:focus::-webkit-input-placeholder { color: #fff; } button.post-comment { position:relative; width:100%; height:50px; font-weight:800; letter-spacing:2px; text-transform:uppercase; margin-top:5px; display: block; padding:0; font-size: 12px; line-height:50px; background:url('../images/blog-pattern.png'); border:none; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } button.post-comment:hover { color:#fff; } button.post-comment:focus, button.post-comment:active { border:none; outline:none; } button.post-comment:active { opacity:.7; } .leave-reply input:active, .leave-reply input:focus, .leave-reply textarea:active, .leave-reply textarea:focus { background: var(--primary); } button.post-comment{ color:var(--primary); } button.post-comment:hover{ background: var(--primary); } .post-sidebar{ position:relative; width:100%; } .post-sidebar h6{ text-align:left; padding-bottom:20px; letter-spacing:2px; text-transform: capitalize; } .link-tag{ position:relative; width:100%; overflow:hidden; text-align:left; } .link-tag li{ display: inline-block; } .link-tag a { position: relative; display: inline-block; cursor:pointer; outline: none; text-decoration: none; white-space: nowrap; font-size: 11px; line-height:16px; text-align:left; padding:3px 12px; margin-right:5px; margin-bottom:5px; border:1px solid rgba(0,0,0,.2); text-transform:uppercase; letter-spacing:1px; color:#323232; font-weight:300; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .link-tag a:hover { color:#fff; background:var(--primary); border-color:var(--primary); } .link-recents{ position:relative; width:100%; overflow:hidden; text-align:left; } .link-recents li{ display:block; padding:0; margin:0; border-top:1px solid rgba(0,0,0,.1); } .link-recents a{ position:relative; display:block; cursor:pointer; font-size: 11px; line-height:21px; text-align:left; text-transform:uppercase; padding-top:10px; padding-bottom:10px; letter-spacing:1px; color:#323232; font-weight:300; -webkit-transition: padding-left 0.3s, color 0.3s; transition: padding-left 0.3s, color 0.3s; } .link-recents li:last-child{ border-bottom:1px solid rgba(0,0,0,.1); } .link-recents a:hover { padding-left:10px; color:var(--primary); } .separator-sidebar{ position:relative; width:100%; padding-top:70px; } .blog-box-wrap{ position:relative; width:100%; background:url('../images/blog-pattern.png'); padding-bottom:30px; } .blog-box-wrap.quotes-wrapper{ background:var(--primary); padding:30px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .blog-box-wrap.quotes-wrapper:hover{ background:#212121; } .blog-box-wrap.quotes-wrapper p{ color:#fff; letter-spacing:1px; font-family: 'Courgette', cursive; font-size: 15px; line-height:26px; text-align:left; padding-left:0; padding-right:0; padding-top:0; padding-bottom:20px; } .blog-box-wrap.quotes-wrapper h6{ color:#fff; letter-spacing:2px; text-align:left; text-transform: capitalize; } .blog-box-wrap.links-wrapper{ background:var(--primary); padding:30px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .blog-box-wrap.links-wrapper:hover{ background:#212121; } .blog-box-wrap.links-wrapper p{ color:#fff; letter-spacing:2px; font-family: 'Courgette', cursive; font-size: 16px; line-height:26px; font-weight:normal; text-align:left; padding:0; } .blog-box-wrap.links-wrapper p:before{ content: "\e02e"; letter-spacing:0; font-family: 'et-line'; font-size: 22px; line-height:26px; padding-right:30px; } #owl-blog-slider-1 .item{ position:relative; width:100%; } #owl-blog-slider-1 .item img{ width:100%; display:block; } #owl-blog-slider-1.owl-theme .owl-controls .owl-buttons .owl-prev{ position:absolute; left:0; cursor: url('../cursors/grab-left.png') 8 8, url('../cursors/grab-left.cur'), move !important; } #owl-blog-slider-1.owl-theme .owl-controls .owl-buttons .owl-next{ position:absolute; right:0; cursor: url('../cursors/grab-right.png') 8 8, url('../cursors/grab-right.cur'), move !important; } #owl-blog-slider-1.owl-theme .owl-controls .owl-buttons .owl-next, #owl-blog-slider-1.owl-theme .owl-controls .owl-buttons .owl-prev{ top:0; width:50%; height:100%; z-index:1; text-indent: 100%; } #owl-blog-slider-2 .item{ position:relative; width:100%; } #owl-blog-slider-2 .item img{ width:100%; display:block; } #owl-blog-slider-2.owl-theme .owl-controls .owl-buttons .owl-prev{ position:absolute; left:0; cursor: url('../cursors/grab-left.png') 8 8, url('../cursors/grab-left.cur'), move !important; } #owl-blog-slider-2.owl-theme .owl-controls .owl-buttons .owl-next{ position:absolute; right:0; cursor: url('../cursors/grab-right.png') 8 8, url('../cursors/grab-right.cur'), move !important; } #owl-blog-slider-2.owl-theme .owl-controls .owl-buttons .owl-next, #owl-blog-slider-2.owl-theme .owl-controls .owl-buttons .owl-prev{ top:0; width:50%; height:100%; z-index:1; text-indent: 100%; } .time-autor{ position:relative; width:100%; padding-top:30px; padding-left:30px; padding-right:30px; padding-bottom:5px; color:#999999; font-size:11px; font-weight:600; letter-spacing:2px; text-align:left; text-transform:uppercase; } .time-autor span{ padding-left:10px; } .time-autor a{ color:#808080; font-weight:800; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .time-autor a:hover{ color:var(--primary); } .blog-box-wrap h5 { text-align:left; text-transform: capitalize; padding-left:30px; padding-right:30px; } .blog-box-wrap h5 a { color: #414141; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .blog-box-wrap h5 a:hover { color:var(--primary); } .blog-box-wrap p { text-align:left; padding-top:20px; padding-left:30px; padding-right:30px; padding-bottom:30px; } .arrow-to-post{ letter-spacing:2px; font-family: 'Courgette', cursive; font-size: 15px; line-height:26px; color:var(--primary); text-align:left; margin-left:30px; display:block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .arrow-to-post span{ font-family: 'FontAwesome'; padding-left:8px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .arrow-to-post:hover span{ padding-left:15px; color:#707070; } .arrow-to-post:hover{ color:#707070; } /* #Blog Pagination */ nav[role="navigation"] { text-align: center; } .cd-pagination { width: 100%; margin: 0 auto; text-align: center; } .cd-pagination li { /* hide numbers on small devices */ display: none; margin: 0 .2em; } .cd-pagination li.button-pag { /* make sure prev next buttons are visible */ display: inline-block; } .cd-pagination a, .cd-pagination span { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* use padding and font-size to change buttons size */ font-size: 11px; letter-spacing:2px; font-weight:600; } .cd-pagination a { border: 1px solid #999999; border-radius: 0.25em; color:var(--primary); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .no-touch .cd-pagination a:hover { background-color: var(--primary); border: 1px solid var(--primary); color:#fff; } .cd-pagination a:active { /* click effect */ -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .cd-pagination a.disabled { /* button disabled */ color:#fff; pointer-events: none; } .cd-pagination a.disabled::before, .cd-pagination a.disabled::after { opacity: .4; } .cd-pagination .button-pag:first-of-type a::before { content: '\00ab '; } .cd-pagination .button-pag:last-of-type a::after { content: ' \00bb'; } .cd-pagination .current { /* selected number */ color: #ffffff; pointer-events: none; } @media only screen and (min-width: 768px) { .cd-pagination li { display: inline-block; } } @media only screen and (min-width: 1170px) { .cd-pagination { } } .cd-pagination .current { /* selected number */ background-color: var(--primary); border-color: var(--primary); } /* -------------------------------- No space - remove distance between list items -------------------------------- */ .cd-pagination.no-space { width: auto; max-width: none; display: inline-block; border-radius: 0.25em; border: 1px solid #e6e6e6; } .cd-pagination.no-space:after { content: ""; display: table; clear: both; } .cd-pagination.no-space li { margin: 0; float: left; border-right: 1px solid #e6e6e6; } .cd-pagination.no-space li:last-of-type { border-right: none; } .cd-pagination.no-space a, .cd-pagination.no-space span { float: left; border-radius: 0; border: none; } .cd-pagination.no-space li:first-of-type a { border-radius: 0.25em 0 0 0.25em; } .cd-pagination.no-space li:last-of-type a { border-radius: 0 0.25em 0.25em 0; } /* -------------------------------- move buttons - move prev and next buttons to the sides -------------------------------- */ .cd-pagination.move-buttons:after { content: ""; display: table; clear: both; } .cd-pagination.move-buttons .button-pag:first-of-type { float: left; } .cd-pagination.move-buttons .button-pag:last-of-type { float: right; } .cd-pagination.no-space.move-buttons { width: 90%; max-width: 768px; display: block; overflow: hidden; } .cd-pagination.no-space.move-buttons li { float: none; border: none; } .cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span { float: none; } /* -------------------------------- custom icons - customize the small arrow inside the next and prev buttons -------------------------------- */ .cd-pagination.custom-icons .button-pag a { position: relative; } .cd-pagination.custom-icons .button-pag:first-of-type a { padding-left: 2.4em; } .cd-pagination.custom-icons .button-pag:last-of-type a { padding-right: 2.4em; } .cd-pagination.custom-icons .button-pag:first-of-type a::before, .cd-pagination.custom-icons .button-pag:last-of-type a::after { content: ''; position: absolute; display: inline-block; /* set size for custom icons */ width: 16px; height: 16px; top: 50%; /* set margin-top = icon height/2 */ margin-top: -8px; background: transparent url("../images/cd-icon-arrow-1.svg") no-repeat center center; } .cd-pagination.custom-icons .button-pag:first-of-type a::before { left: .8em; } .cd-pagination.custom-icons .button-pag:last-of-type a::after { right: .8em; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* -------------------------------- custom buttons - replace prev and next buttons text with a custom icon -------------------------------- */ .cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span { vertical-align: middle; } .cd-pagination.custom-buttons .button-pag a { /* set custom width */ width: 40px; /* image replacement */ overflow: hidden; white-space: nowrap; text-indent: 100%; color: transparent; background-image: url("../images/cd-icon-arrow-2.svg"); background-repeat: no-repeat; background-position: center center; } .cd-pagination.custom-buttons .button-pag:last-of-type a { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .no-touch .cd-pagination.custom-buttons .button-pag:last-of-type a:active { -webkit-transform: scale(0.9) rotate(180deg); -moz-transform: scale(0.9) rotate(180deg); -ms-transform: scale(0.9) rotate(180deg); -o-transform: scale(0.9) rotate(180deg); transform: scale(0.9) rotate(180deg); } .cd-pagination.no-space.custom-buttons .button-pag:last-of-type a { border-radius: 0.25em 0 0 0.25em; } /* -------------------------------- animated buttons - animate the text inside prev and next buttons -------------------------------- */ .cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span { padding: 0 1.2em; height: 35px; line-height: 35px; overflow: hidden; } .cd-pagination.animated-buttons .button-pag a { position: relative; padding: 0 2em; } .cd-pagination.animated-buttons .button-pag:first-of-type a::before, .cd-pagination.animated-buttons .button-pag:last-of-type a::after { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); right: auto; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-pagination.animated-buttons .button-pag:last-of-type a::after { -webkit-transform: translateX(-50%) rotate(180deg); -moz-transform: translateX(-50%) rotate(180deg); -ms-transform: translateX(-50%) rotate(180deg); -o-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); } .cd-pagination.animated-buttons i { display: block; height: 100%; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .no-touch .cd-pagination.animated-buttons .button-pag a:hover i { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .no-touch .cd-pagination.animated-buttons .button-pag:first-of-type a:hover::before { -webkit-transform: translateX(-50%) translateY(-50px); -moz-transform: translateX(-50%) translateY(-50px); -ms-transform: translateX(-50%) translateY(-50px); -o-transform: translateX(-50%) translateY(-50px); transform: translateX(-50%) translateY(-50px); } .no-touch .cd-pagination.animated-buttons .button-pag:last-of-type a:hover::after { -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px); -moz-transform: translateX(-50%) rotate(180deg) translateY(50px); -ms-transform: translateX(-50%) rotate(180deg) translateY(50px); -o-transform: translateX(-50%) rotate(180deg) translateY(50px); transform: translateX(-50%) rotate(180deg) translateY(50px); } /* #Parallax Sections ================================================== */ .parallax-section-filters { background: url('../images/filters-back.jpg') repeat fixed; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width:100%; } @media only screen and (max-width: 1400px) { .parallax-section-filters { background-attachment: scroll; background-position: top center!important; } } .parallax-section-quotes { background: url('../images/quotes-back.png') repeat fixed; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width:100%; } @media only screen and (max-width: 1400px) { .parallax-section-quotes { background-attachment: scroll; background-position: top center!important; } } .parallax-top-fullscreen { background: url('../images/3.jpg') repeat fixed; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width:100%; } @media only screen and (min-width: 1930px) { .parallax-top-fullscreen { background-size: cover; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) { .parallax-top-fullscreen { background-size: cover; background-attachment: scroll; background-position: top center!important; } } @media only screen and (max-width: 1400px) { .parallax-top-fullscreen { background-size: cover; background-attachment: scroll; background-position: top center!important; } } .parallax-text-slider { background: url('../images/7.jpg') repeat fixed; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width:100%; } @media only screen and (min-width: 1930px) { .parallax-text-slider { background-size: cover; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) { .parallax-text-slider { background-size: cover; background-attachment: scroll; background-position: top center!important; } } @media only screen and (max-width: 1400px) { .parallax-text-slider { background-size: cover; background-attachment: scroll; background-position: top center!important; } } .parallax-masonry-2{ background: url('../images/8.jpg') repeat fixed; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width:100%; } @media only screen and (min-width: 1930px) { .parallax-masonry-2 { background-size: cover; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) { .parallax-masonry-2 { background-size: cover; background-attachment: scroll; background-position: top center!important; } } @media only screen and (max-width: 1400px) { .parallax-masonry-2 { background-size: cover; background-attachment: scroll; background-position: top center!important; } } .parallax-masonry-3{ background: url('../images/9.jpg') repeat fixed; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width:100%; } @media only screen and (min-width: 1930px) { .parallax-masonry-3 { background-size: cover; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) { .parallax-masonry-3 { background-size: cover; background-attachment: scroll; background-position: top center!important; } } @media only screen and (max-width: 1400px) { .parallax-masonry-3 { background-size: cover; background-attachment: scroll; background-position: top center!important; } } .parallax-masonry-4{ background: url('../images/10.jpg') repeat fixed; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width:100%; } @media only screen and (min-width: 1930px) { .parallax-masonry-4 { background-size: cover; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) { .parallax-masonry-4 { background-size: cover; background-attachment: scroll; background-position: top center!important; } } @media only screen and (max-width: 1400px) { .parallax-masonry-4 { background-size: cover; background-attachment: scroll; background-position: top center!important; } } /* #Quotes ================================================== */ .quote-top-bottom{ position:relative; margin:0 auto; width:60px; height:51px; text-align:center; color:var(--primary); font-family: 'Courgette', cursive; font-size: 41px; line-height: 51px; } .quote-top-bottom:before{ position:absolute; content: ''; top:11px; left:-50px; width:40px; height:1px; background-color:#999999; z-index:1; } .quote-top-bottom:after{ position:absolute; content: ''; top:11px; right:-50px; width:40px; height:1px; background-color:#999999; z-index:1; } .quote-top-bottom.rotate{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .quote-text{ position:relative; margin:0 auto; width:100%; max-width:750px; } .quote-text h4{ text-align:center; color:var(--primary); font-family: 'Courgette', cursive; font-size: 18px; line-height: 30px; font-weight:100; letter-spacing:3px; padding-bottom:30px; } .quote-text p{ text-align:center; font-size: 16px; font-weight:800; text-transform:uppercase; color:#313131; letter-spacing:4px; } /* #contact ================================================== */ #top-section.contact-top-wrapper{ min-height: 700px; } .contact-top-section{ position: relative; width:100%; } #google-container { position: relative; width: 100%; min-height: 700px; } #cd-google-map { position: relative; } #cd-google-map address { position: absolute; width:100%; bottom: 0; left: 0; padding:30px; background-color: rgba(0, 0, 0, 0.8); font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing:3px; font-weight:600; color:#fff; font-size: 11px; line-height:20px; text-align: center; } #cd-zoom-in, #cd-zoom-out { height: 32px; width: 32px; cursor: pointer; margin-left: 30px; background-repeat: no-repeat; background-size: 32px 64px; opacity:.7; background-image: url("../images/cd-icon-controller.svg"); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { opacity:1; } #cd-zoom-in:hover, #cd-zoom-out:hover { opacity:1; } #cd-zoom-in { background-position: 50% 0; margin-top:500px; margin-bottom: 1px; } #cd-zoom-out { background-position: 50% -32px; } #cd-zoom-in, #cd-zoom-out { background-color:var(--primary); } #ajax-form { width: 100%; font-family: 'Open Sans', sans-serif; font-size: 10px; line-height:14px; color:#101010; margin:0 auto; } #ajax-form label { display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height:30px; } #ajax-form input{ position:relative; width:100%; padding-left:20px; padding-right:20px; font-family: 'Open Sans', sans-serif; font-weight:600; letter-spacing:1px; font-size: 13px; line-height:24px; padding-bottom: 15px; background:transparent; border:none; color: #737373; -webkit-transition: border-bottom 0.3s, color 0.3s; transition: border-bottom 0.3s, color 0.3s; } #ajax-form textarea { width:100%; padding-left:20px; padding-right:20px; font-family: 'Open Sans', sans-serif; font-weight:600; letter-spacing:1px; font-size: 13px; line-height:24px; padding-bottom: 15px; background:transparent; height:100px; border:none; color: #737373; -webkit-transition: border-bottom 0.3s, color 0.3s; transition: border-bottom 0.3s, color 0.3s; } #ajax-form textarea, #ajax-form input { border-bottom:1px solid rgba(100,100,100,.2); } .error { font: 11px/22px 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:1px; display: none; color:#636363; } #ajaxsuccess { background: #f2f2f2; color:#101010; font: 20px/60px 'Open Sans', sans-serif; height:60px; display: none; padding-left:10px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 30px; } .text-align-center{ text-align:center; padding-top:10px; } #ajax-form textarea:active, #ajax-form input:active { color: #101010; } #ajax-form textarea:active, #ajax-form input:hover { color: #101010; } #ajax-form textarea:focus, #ajax-form input:focus { outline: none !important; } #ajax-form input:-ms-input-placeholder { font-size: 11px; text-transform:uppercase; letter-spacing:2px; color:#999999; } #ajax-form input::-moz-placeholder { font-size: 11px; text-transform:uppercase; letter-spacing:2px; color:#999999; } #ajax-form input:-moz-placeholder { font-size: 11px; text-transform:uppercase; letter-spacing:2px; color:#999999; } #ajax-form input::-webkit-input-placeholder { font-size: 11px; text-transform:uppercase; letter-spacing:2px; color:#999999; } #ajax-form textarea:-ms-input-placeholder { font-size: 11px; text-transform:uppercase; letter-spacing:2px; color:#999999; } #ajax-form textarea::-moz-placeholder { font-size: 11px; text-transform:uppercase; letter-spacing:2px; color:#999999; } #ajax-form textarea:-moz-placeholder { font-size: 11px; text-transform:uppercase; letter-spacing:2px; color:#999999; } #ajax-form textarea::-webkit-input-placeholder { font-size: 11px; text-transform:uppercase; letter-spacing:2px; color:#999999; } #ajax-form button { position:relative; width:160px; height:40px; font-family: 'Open Sans', sans-serif; font-weight:600; letter-spacing:2px; text-transform:uppercase; text-align:center; border-radius:3px; margin:0 auto; display: block; padding:0; font-size: 12px; line-height:40px; color:var(--primary); background:#efefef; border:none; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } #ajax-form button:hover { color:#fff; background:var(--primary); } #ajax-form button:focus, #ajax-form button:active { border:none; outline:none; } #ajax-form textarea:focus, #ajax-form input:focus, #ajax-form textarea:active, #ajax-form input:active { border-bottom:1px solid var(--primary); } .contact-details{ position: relative; width:100%; } .contact-details p{ font-weight:600; font-size: 15px; line-height:24px; color:#777777; letter-spacing:2px; text-align:center; padding-bottom:15px; } .contact-details h6{ text-align:center; } .contact-details p span{ font-family: 'FontAwesome'; font-weight:normal; font-size: 15px; line-height:24px; padding-right:5px; color:var(--primary); } #owl-logos .item{ margin-left: 10px; margin-right: 10px; } #owl-logos .item img{ width:80px; display:block; margin:0 auto; text-align:center; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } #owl-logos .item img:hover{ opacity:.7; } /* #404 and 500 page ================================================== */ .error-page{ position:relative; margin:0 auto; display:block; width:100%; } .error-page h5{ text-align:center; padding-bottom:10px; text-transform: capitalize; } .error-page .content-error{ font: 700 13em/1 'Montserrat'; letter-spacing:10px; } .error-page p{ text-align:center; font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 12px; line-height:26px; letter-spacing:2px; text-transform:uppercase; } .text--transparent { fill: transparent; } .anim-shape { -webkit-transform-origin: 0x 150px; transform-origin: 0x 150px; -webkit-transform: scale(0, 1) translate(0, 0); transform: scale(0, 1) translate(0, 0); -webkit-animation: moving-panel 3s infinite alternate; animation: moving-panel 3s infinite alternate; } .colortext .anim-shape:nth-child(1) { fill: #0E1826; } .colortext .anim-shape:nth-child(2) { fill: #166973; } .colortext .anim-shape:nth-child(3) { fill: #65BFA6; } .colortext .anim-shape:nth-child(4) { fill: #F2CD5C; } .colortext .anim-shape:nth-child(5) { fill: #F26444; } .shadow { -webkit-transform: translate(10px, 10px); transform: translate(10px, 10px); } .anim-shape--shadow { fill: var(--primary); fill-opacity: .2; } @-webkit-keyframes moving-panel { 100% { -webkit-transform: scale(1, 1) translate(20px, 0); transform: scale(1, 1) translate(20px, 0); } } @keyframes moving-panel { 100% { -webkit-transform: scale(1, 1) translate(20px, 0); transform: scale(1, 1) translate(20px, 0); } } .error-page .content-error svg { width: 90%; margin: 0 auto; display: block; text-transform: uppercase; } /* #Countdown Page ================================================== */ .countdown-text { position:relative; margin-top:120px; width:100%; display: block; text-align: center; } .countdown-text h5{ text-align: center; text-transform: capitalize; } ul.countdown { position:relative; width:100%; display: block; text-align: center; } ul.countdown li { display: inline-block; } ul.countdown li span { font-size: 80px; line-height: 80px; font-family: 'Montserrat'; font-weight:700; font-weight:normal; color:var(--primary); } ul.countdown li.seperator { font-size: 40px; width: 40px; text-align:center; line-height: 80px; vertical-align: top; padding-left:40px; padding-right:40px; color:var(--primary); font-family: 'big-john'; } ul.countdown li p { font-family: 'Open Sans', sans-serif; color: var(--primary); font-size: 14px; text-transform:uppercase; letter-spacing:3px; margin-top:20px; } /* #Footer ================================================== */ .logo-footer{ position:relative; width:100%; } .logo-footer img{ width:100px; display:block; } .contact-footer{ position:relative; width:100%; } .contact-footer p{ text-transform:uppercase; letter-spacing:2px; font-size:11px; text-align:right; font-weight:800; color:rgba(0,0,0,.6); margin-bottom:15px; } .contact-footer a p{ color:rgba(0,0,0,1); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .contact-footer a:hover p{ color:rgba(0,0,0,.6); } .line-footer{ position:relative; width:100%; height:1px; background-color:rgba(0,0,0,.2); display:block; } .bottom-left-footer{ position:relative; width:100%; } .bottom-left-footer p{ letter-spacing:2px; font-size:11px; text-align:left; font-weight:400; color:rgba(0,0,0,.7); } .bottom-right-footer{ position:relative; width:100%; } .bottom-right-footer ul{ position:relative; width:100%; } .bottom-right-footer ul li{ display:inline-block; margin-left:10px; margin-right:10px; width:16px; float: right; } .bottom-right-footer ul li:first-child{ margin-right:0; } .bottom-right-footer ul li a{ font-family: 'FontAwesome'; color:rgba(0,0,0,.7); font-size:16px; text-align:center; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .bottom-right-footer ul li a:hover{ color:rgba(0,0,0,1); } .grey-section{ background-color:#f3f3f3; } .boxed-footer{ max-width:1400px; margin:0 auto; } .contact-footer.dark-footer-version p{ color:rgba(255,255,255,.6); } .contact-footer.dark-footer-version a p{ color:rgba(255,255,255,1); } .contact-footer.dark-footer-version a:hover p{ color:rgba(255,255,255,.6); } .line-footer.dark-footer-version{ background-color:rgba(255,255,255,.2); } .bottom-left-footer.dark-footer-version p{ color:rgba(255,255,255,.7); } .bottom-right-footer.dark-footer-version ul li a{ color:rgba(255,255,255,.7); } .bottom-right-footer.dark-footer-version ul li a:hover{ color:rgba(255,255,255,1); } .logo-footer.center-text-margin { margin:0 auto; text-align:center; } .logo-footer.center-text-margin img{ margin:0 auto; text-align:center; } .bottom-right-footer.center-text-margin{ margin:0 auto; text-align:center; } .bottom-right-footer.center-text-margin ul li:first-child{ margin-right:10px; } .bottom-right-footer.center-text-margin ul{ margin:0 auto; text-align:center; } .bottom-right-footer.center-text-margin ul li{ text-align:center; float: none; } .bottom-left-footer.center-text-margin p{ text-align:center; } /* #shortcodes ================================================== */ .columns-block { position:relative; width:100%; background:#efefef; height:50px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .columns-block:hover { background:var(--primary); } .columns-block p{ line-height:50px; text-align:center; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .columns-block:hover p{ color:#fff; } /* #Buttons */ .short-button-1 { position:relative; width:142px; display:block; float:left; background:#efefef; height:44px; font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 11px; letter-spacing:2px; line-height:44px; color:var(--primary); text-transform:uppercase; text-align:center; cursor:pointer; margin-left:17px; margin-bottom:10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .short-button-1:hover { background:var(--primary); color:#fff; } .short-button-1 span{ font-family: 'FontAwesome'; font-size:14px; padding-left:5px; } .short-button-1.left-radius { border-top-left-radius: 22px; border-bottom-left-radius: 22px; } .short-button-1.right-radius { border-top-right-radius: 22px; border-bottom-right-radius: 22px; } .short-button-1.border-but { background:transparent; border:2px solid var(--primary); line-height:40px; } .short-button-1.border-but:hover { background:var(--primary); } .short-button-1.rev-color { background:var(--primary); color:#fff; } .short-button-1.rev-color:hover { background:#efefef; color:var(--primary); } /* #Quotes */ .gu-box{ position:relative; width:100%; border-left:2px solid #bababa; padding-bottom:30px; } .gu-box p{ color:var(--primary); padding-left:40px; padding-top:30px; padding-bottom:20px; font-style: italic; font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 15px; line-height:28px; } .gu-box span{ color:#999999; padding-left:40px; font-family: 'Open Sans', sans-serif; font-weight:600; letter-spacing:3px; font-size: 12px; line-height:20px; } .gu-box.margin-gu{ margin-top:20px; margin-bottom:20px; } /* #Pricing */ .pricing-item{ position:relative; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:#efefef; padding:40px; margin:0 auto; text-align:center; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } .pricing-item:hover{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pricing-item.popular{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pricing-item h6{ font-family: 'Courgette', cursive; letter-spacing:3px; font-weight:normal; color:#515151; font-size: 19px; text-align:center; padding-bottom:20px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .pricing-item:hover h6{ color:var(--primary); } .pricing-item p{ text-align:center; padding-top:3px; padding-bottom:3px; text-transform: uppercase; letter-spacing:2px; font-size: 12px; color:#626262; } .pricing-item p span{ font-weight:800; } .pricing-item .number-price{ position:relative; width:100%; font-family: 'Open Sans', sans-serif; font-weight:100; font-size: 44px; line-height:44px; color:#323232; text-align:center; padding-bottom:17px; } .pricing-item .number-price span{ font-family: 'FontAwesome'; font-size: 22px; line-height:62px; vertical-align:super; font-weight:400; padding-right:8px; } .pricing-item .number-price span:last-child{ font-family: 'Open Sans', sans-serif; font-size: 16px; line-height:54px; vertical-align:-1%; font-weight:600; padding-right:0; padding-left:5px; } .pricing-item a.price-link{ position:relative; font-family: 'Open Sans', sans-serif; text-align:center; padding-top:10px; padding-bottom:10px; width:130px; margin:0 auto; margin-top:22px; text-transform: uppercase; letter-spacing:2px; display:block; background:#111111; border-radius:3px; font-size: 12px; font-weight:600; color:#fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .pricing-item a.price-link:hover{ color:var(--primary); background:#ccc; } /* #Services Boxes */ .services-box.boxed{ background:#efefef; padding-top:40px; padding-left:30px; padding-right:30px; padding-bottom:30px; border-radius:4px; } .services-box.boxed-dark{ background:var(--primary); padding-top:40px; padding-left:30px; padding-right:30px; padding-bottom:30px; border-radius:4px; } .services-box.boxed-dark .services-icon, .services-box.boxed-dark h6{ color:#fff; } .services-box.boxed-dark p{ color:#f1f1f1; } .services-box.left-align .services-icon, .services-box.left-align h6, .services-box.left-align p{ text-align:left; } .services-box.left-align span{ padding-right:10px; } .services-box.left-align .services-icon{ font-size:20px; line-height:22px; } /* #Counters */ .counter-wrap{ position:relative; width:100%; margin:0 auto; z-index:10; } .counter-numb{ position:relative; width:100%; margin:0 auto; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:800; font-size: 30px; line-height:30px; letter-spacing:4px; color:#060606; padding-bottom:10px; } .counter-line{ position:relative; width:20px; margin:0 auto; text-align:center; height:2px; margin-top:10px; margin-bottom:10px; background-color:var(--primary); } .counter-wrap h6{ text-align:center; padding-top:10px; padding-bottom:0; } .counter-wrap h6 span{ color:#707070; } /* #Alerts */ .alert{ position: relative; width: 100%; overflow:hidden; padding:20px; } .alert p{ font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 10px; line-height:18px; color:#212121; text-transform: uppercase; letter-spacing:1px; } .alert p span{ font-size: 12px; font-family: 'FontAwesome'; padding-right:15px; } .alert.alert-green{ background-color:#c5ebd4; border-left:3px solid #8cd7aa; } .alert.alert-red{ background-color:#ffcccb; border-left:3px solid #ff817f; } .alert.alert-blue{ background-color:#b9dff4; border-left:3px solid #77c1ea; } .alert.alert-yelow{ background-color:#fce1b6; border-left:3px solid #f9c36d; } .alert.alert-blank{ background-color:#eeeeee; border-left:3px solid #ccc; } .alert.alert-blank-2{ background-color:#333333; border-left:3px solid #111; } .alert.alert-blank-2 p{ color:#fff; } /* #Accordions */ .smk_accordion { position: relative; margin: 0; padding: 0; list-style: none; } .smk_accordion .accordion_in { position: relative; z-index: 10; margin-top: -1px; overflow: hidden; margin-bottom:2px; } .smk_accordion .accordion_in .acc_head { position: relative; padding: 15px; text-align:left; background:#f2f2f2; font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 13px; line-height:20px; text-transform: uppercase; color: #666666; letter-spacing:2px; display: block; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .smk_accordion .accordion_in .acc_head:hover { color:#fff; background-color:var(--primary); } .smk_accordion .accordion_in.acc_active > .acc_head { color:#fff; background-color:var(--primary); } .smk_accordion .accordion_in .acc_head .acc_icon_expand { display: block; width: 20px; height: 20px; position: absolute; right: 20px; top: 50%; margin-top: -10px; background: url('../images/acc1.png')no-repeat center center; background-size:20px 20px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .smk_accordion .accordion_in .acc_head:hover .acc_icon_expand { background: url('../images/acc2.png')no-repeat center center; background-size:20px 20px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand { background: url('../images/acc3.png')no-repeat center center; background-size:20px 20px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .smk_accordion .accordion_in .acc_content { color:#606060; padding:30px; background:#f2f2f2; } .smk_accordion .accordion_in .acc_content h1:first-of-type, .smk_accordion .accordion_in .acc_content h2:first-of-type, .smk_accordion .accordion_in .acc_content h3:first-of-type, .smk_accordion .accordion_in .acc_content h4:first-of-type, .smk_accordion .accordion_in .acc_content h5:first-of-type, .smk_accordion .accordion_in .acc_content h6:first-of-type { margin-top: 5px; } .smk_accordion .accordion_in:first-of-type, .smk_accordion .accordion_in:first-of-type .acc_head { } .smk_accordion .accordion_in:last-of-type, .smk_accordion .accordion_in:last-of-type .acc_content { } .smk_accordion .accordion_in.acc_active > .acc_content { display: block; } .smk_accordion.acc_with_icon .accordion_in .acc_head, .smk_accordion.acc_with_icon .accordion_in .acc_content { padding-left: 40px; } /* #On Scroll */ .on-scroll-effect { position: relative; width:100%; padding:50px 30px; text-align:center; color:#fff; background:var(--primary); } /* #Media Queries ================================================== */ @media only screen and (max-width: 1400px) { .big-hero-slider { min-height:500px; } } @media only screen and (max-width: 1200px) { ul.countdown li span { font-size: 30px; line-height: 30px; } ul.countdown li.seperator { font-size: 20px; width: 20px; line-height: 30px; padding-left:5px; padding-right:5px; } ul.countdown li p { font-size: 10px; letter-spacing:1px; margin-top:15px; } #google-container { min-height: 500px; } #top-section.contact-top-wrapper{ min-height: 500px; } #cd-zoom-in { margin-top:300px; } .portfolio-box-1{ width:50%; } .blog-box-1{ width:50%; } .portfolio-box-1.fourth-block{ width:50%; } .big-hero-slider { min-height:450px; } #owl-text-slider .item p{ font-size: 22px; line-height: 38px; } .project-prev, .project-next{ height:120px; background-size:60px 60px; } .content-comm img { display: none; } .content-comm.subcomm{ padding-left:60px; } } @media only screen and (max-width: 800px) { .big-hero-slider { min-height:400px; } #owl-text-slider-big .item p{ font-size: 22px; line-height: 32px; } .hero-text { bottom:20px; } .hero-text h4 { font-size: 18px; line-height: 24px; } .hero-text p { font-size:11px; } .arrow-down { display:none; } } @media only screen and (max-width: 600px) { .portfolio-box-1{ width:100%; } .blog-box-1{ width:100%; } .portfolio-box-1.half-block{ width:100%; } .portfolio-box-1.fourth-block{ width:100%; } #owl-text-slider .item p{ font-size: 16px; line-height: 26px; } } @media only screen and (min-width: 1350px) { } @media only screen and (min-width: 1200px) and (max-width: 1359px) { } @media only screen and (min-width: 960px) and (max-width: 1199px) { } @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .logo-footer { margin:0 auto; text-align:center; } .logo-footer img{ margin:0 auto; text-align:center; } .contact-footer p{ text-align:center; } .bottom-left-footer p{ text-align:center; } .bottom-right-footer ul{ margin:0 auto; text-align:center; } .bottom-right-footer ul li{ float: none; } .bottom-right-footer ul li:first-child{ margin-right:10px; } } @media only screen and (min-width: 320px) and (max-width: 479px) { .logo-footer { margin:0 auto; text-align:center; } .logo-footer img{ margin:0 auto; text-align:center; } .contact-footer p{ text-align:center; } .bottom-left-footer p{ text-align:center; } .bottom-right-footer ul{ margin:0 auto; text-align:center; } .bottom-right-footer ul li{ float: none; } .bottom-right-footer ul li:first-child{ margin-right:10px; } } @media only screen and (max-width: 319px) { .logo-footer { margin:0 auto; text-align:center; } .logo-footer img{ margin:0 auto; text-align:center; } .contact-footer p{ text-align:center; } .bottom-left-footer p{ text-align:center; } .bottom-right-footer ul{ margin:0 auto; text-align:center; } .bottom-right-footer ul li{ float: none; } .bottom-right-footer ul li:first-child{ margin-right:10px; } } /* #Font-Face ================================================== */ @font-face { font-family: 'et-line'; src: url('font/et-line.eot'); src: url('font/et-line.eot?#iefix') format('embedded-opentype'), url('font/et-line.woff') format('woff'), url('font/et-line.ttf') format('truetype'), url('font/et-line.svg') format('svg'); font-weight: normal; font-style: normal; } /* ===================================================== SETUNUM FINAL OVERRIDES 13062026 ===================================================== */ /* Header: logo + hamburguesa más grandes, más cerca y alineados */ .cd-header { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 92px !important; z-index: 9998 !important; pointer-events: none !important; opacity: 1 !important; visibility: visible !important; transform: translate3d(0, 0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; transition: opacity .22s ease, transform .22s ease !important; } .cd-header .cd-nav-trigger, .cd-header .logo, .cd-header .logo a { pointer-events: auto !important; } .cd-nav-trigger, .cd-nav-trigger.header-mt { top: 26px !important; left: 28px !important; width: 62px !important; height: 62px !important; z-index: 10001 !important; } .cd-nav-trigger svg { width: 62px !important; height: 62px !important; } .cd-nav-trigger .cd-nav-icon { width: 28px !important; height: 2px !important; background-color: #000000 !important; } .cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon::after { background-color: #000000 !important; } .logo { position: fixed !important; top: 43px !important; left: 96px !important; z-index: 10000 !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .logo img { width: 130px !important; max-width: 130px !important; height: auto !important; display: block !important; } @media only screen and (min-width: 1170px) { .cd-nav-trigger, .cd-nav-trigger.header-mt { top: 34px !important; left: 36px !important; } .logo { top: 51px !important; left: 104px !important; } } @media only screen and (max-width: 767px) { .cd-nav-trigger, .cd-nav-trigger.header-mt { top: 18px !important; left: 16px !important; width: 56px !important; height: 56px !important; } .cd-nav-trigger svg { width: 56px !important; height: 56px !important; } .logo { top: 34px !important; left: 76px !important; } .logo img { width: 118px !important; max-width: 118px !important; } } /* Filter: fondo blanco, letras negras y separación mínima */ .content-section.white-section.shadow-sec, #portfolio-filter, #portfolio-filter #filter, .parallax-section-filters { background: #ffffff !important; background-image: none !important; } .parallax-section-filters { display: none !important; } #portfolio-filter { padding: 8px 0 6px !important; margin: 0 !important; } #filter { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } #filter li { margin: 0 4px !important; padding: 0 !important; } #filter li a, #filter li a .cbutton__text { color: #ffffff !important; -webkit-text-fill-color: #000000 !important; } #filter li a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 2px !important; text-transform: uppercase !important; margin: 0 5px !important; padding: 6px 0 5px !important; border-bottom: 1px solid transparent !important; } #filter li .current, #filter li a:hover { color: #000000 !important; border-bottom-color: #000000 !important; } #filter .cbutton__helper { display: none !important; } /* Project grid Setunum: ALL 1 horizontal + 3 verticales; TYPE adaptativo por formato real */ #setunum-clean-projects { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 2px !important; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: hidden !important; } #projects-grid.setunum-original-hidden { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; } #setunum-clean-projects .portfolio-box-1 { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: #000000 !important; overflow: hidden !important; cursor: pointer !important; } #setunum-clean-projects .portfolio-box-1.setunum-wide, #setunum-clean-projects .portfolio-box-1.setunum-horizontal, #setunum-clean-projects .portfolio-box-1.setunum-all-horizontal { grid-column: 1 / -1 !important; } #setunum-clean-projects .portfolio-box-1.setunum-vertical, #setunum-clean-projects .portfolio-box-1.setunum-square, #setunum-clean-projects .portfolio-box-1.setunum-all-vertical { grid-column: auto !important; } #setunum-clean-projects .portfolio-box-1 img, #setunum-clean-projects .portfolio-box-1 video, #setunum-clean-projects .portfolio-box-1 iframe { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } @media only screen and (max-width: 767px) { #setunum-clean-projects { grid-template-columns: 1fr !important; gap: 2px !important; } #setunum-clean-projects .portfolio-box-1, #setunum-clean-projects .portfolio-box-1.setunum-wide, #setunum-clean-projects .portfolio-box-1.setunum-vertical { grid-column: 1 / -1 !important; aspect-ratio: 9 / 16 !important; } } /* Popup video */ html.video-lightbox-open, body.video-lightbox-open { overflow: hidden !important; } #setunum-clean-projects .portfolio-box-1.video, #setunum-clean-projects .portfolio-box-1 .video-cur { cursor: url('../cursors/more-video.png') 8 8, pointer !important; } #video-lightbox.setunum-video-lightbox { position: fixed !important; inset: 0 !important; z-index: 2147483000 !important; display: none !important; align-items: center !important; justify-content: center !important; padding: 24px !important; background: rgba(0,0,0,.92) !important; } #video-lightbox.setunum-video-lightbox.active { display: flex !important; } .video-lightbox-inner { position: relative !important; width: min(1180px, 94vw) !important; max-height: 92vh !important; background: #000000 !important; box-shadow: 0 20px 80px rgba(0,0,0,.55) !important; } .video-lightbox-stage { position: relative !important; width: 100% !important; aspect-ratio: 16 / 9 !important; background: #000000 !important; overflow: hidden !important; } #video-lightbox-player, #video-lightbox-iframe { width: 100% !important; height: 100% !important; border: 0 !important; display: block; background: #000000 !important; } #video-lightbox-iframe { display: none; } #video-lightbox-close { position: absolute !important; right: -14px !important; top: -14px !important; width: 42px !important; height: 42px !important; border: 0 !important; border-radius: 50% !important; background: #ffffff !important; color: #000000 !important; font-size: 34px !important; line-height: 38px !important; text-align: center !important; cursor: pointer !important; z-index: 3 !important; padding: 0 !important; } @media only screen and (max-width: 767px) { #video-lightbox.setunum-video-lightbox { padding: 14px !important; } .video-lightbox-inner { width: 96vw !important; } #video-lightbox-close { right: 4px !important; top: -52px !important; } } /* =============================== SETUNUM - FILTER / TYPE BLANCO Fondo blanco, texto negro, hover/activo gris =============================== */ .parallax-section-filters, #portfolio-filter, #filter, .filter, .filters, .portfolio-filter, .project-filter, .type-filter, .types-filter, .type-selector { background: #ffffff !important; background-image: none !important; color: #000000 !important; } #portfolio-filter, #filter { padding: 10px 0 !important; margin: 0 !important; border: 0 !important; } #filter li, #portfolio-filter li { background: transparent !important; color: #000000 !important; margin: 0 2px 6px 2px !important; padding: 0 !important; } #filter li a, #portfolio-filter li a, .filter li a, .filters li a, .portfolio-filter li a, .project-filter li a, .type-filter li a, .types-filter li a, .type-selector li a { background: #ffffff !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; border: 1px solid transparent !important; border-bottom: 1px solid transparent !important; border-radius: 0 !important; box-shadow: none !important; padding: 8px 12px !important; margin: 0 2px 6px 2px !important; line-height: 1.2 !important; text-decoration: none !important; } #filter li a:hover, #filter li .current, #filter li a.current, #portfolio-filter li a:hover, #portfolio-filter li .current, #portfolio-filter li a.current, .filter li a:hover, .filter li .current, .filters li a:hover, .filters li .current, .portfolio-filter li a:hover, .portfolio-filter li .current, .project-filter li a:hover, .project-filter li .current, .type-filter li a:hover, .type-filter li .current, .types-filter li a:hover, .types-filter li .current, .type-selector li a:hover, .type-selector li .current { background: #e6e6e6 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; border-color: #e6e6e6 !important; border-bottom-color: #e6e6e6 !important; } /* =============================== SETUNUM - ABOUT HEADER NEGRO + TEAM TYPO 14062026 =============================== */ /* About: logo negro y hamburguesa negra */ body.page-template-about .cd-header, body.page-template-page-templatesabout-php .cd-header, body.page-template-page-templates-about-php .cd-header, body.about .cd-header, body.page-about .cd-header { background: transparent !important; } body.page-template-about .logo img, body.page-template-page-templatesabout-php .logo img, body.page-template-page-templates-about-php .logo img, body.about .logo img, body.page-about .logo img { filter: brightness(0) saturate(100%) !important; -webkit-filter: brightness(0) saturate(100%) !important; opacity: 1 !important; } body.page-template-about .cd-nav-trigger .cd-nav-icon, body.page-template-about .cd-nav-trigger .cd-nav-icon::before, body.page-template-about .cd-nav-trigger .cd-nav-icon::after, body.page-template-page-templatesabout-php .cd-nav-trigger .cd-nav-icon, body.page-template-page-templatesabout-php .cd-nav-trigger .cd-nav-icon::before, body.page-template-page-templatesabout-php .cd-nav-trigger .cd-nav-icon::after, body.page-template-page-templates-about-php .cd-nav-trigger .cd-nav-icon, body.page-template-page-templates-about-php .cd-nav-trigger .cd-nav-icon::before, body.page-template-page-templates-about-php .cd-nav-trigger .cd-nav-icon::after, body.about .cd-nav-trigger .cd-nav-icon, body.about .cd-nav-trigger .cd-nav-icon::before, body.about .cd-nav-trigger .cd-nav-icon::after, body.page-about .cd-nav-trigger .cd-nav-icon, body.page-about .cd-nav-trigger .cd-nav-icon::before, body.page-about .cd-nav-trigger .cd-nav-icon::after { background: #000000 !important; background-color: #000000 !important; } body.page-template-about .cd-nav-trigger circle, body.page-template-page-templatesabout-php .cd-nav-trigger circle, body.page-template-page-templates-about-php .cd-nav-trigger circle, body.about .cd-nav-trigger circle, body.page-about .cd-nav-trigger circle { stroke: #000000 !important; } /* Team: Montserrat y jerarquía solicitada */ .team-box, .team-box *, .section-main-header-text, .section-main-header-text *, .elementor-widget-bdevs-team, .elementor-widget-bdevs-team * { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; } /* Título principal del sector TEAM en mayúsculas: MONTSERRAT NORMAL */ .elementor-widget-bdevs-team .section-main-header-text h1, .elementor-widget-bdevs-team .section-main-header-text h2, .elementor-widget-bdevs-team .section-main-header-text h3, .elementor-widget-bdevs-team .section-main-header-text h4, .section-main-header-text h4, .team-section h1, .team-section h2, .team-section h3, .team-section h4 { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: 1px !important; } /* Nombre/título de cada integrante en mayúsculas: MONTSERRAT NORMAL */ .team-box h1, .team-box h2, .team-box h3, .team-box h4, .team-box h5, .team-box h6, .team-box .team-title, .team-box .team-name, .elementor-widget-bdevs-team h1, .elementor-widget-bdevs-team h2, .elementor-widget-bdevs-team h3, .elementor-widget-bdevs-team h4, .elementor-widget-bdevs-team h5, .elementor-widget-bdevs-team h6 { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: 1px !important; } /* Subtextos del team: Montserrat Light, iniciales en mayúscula y resto minúscula */ .team-box p, .team-box .team-subtitle, .team-box .team-role, .team-box .team-description, .team-box .member-subtitle, .team-box .member-role, .team-box .member-description, .elementor-widget-bdevs-team p, .elementor-widget-bdevs-team .team-subtitle, .elementor-widget-bdevs-team .team-role, .elementor-widget-bdevs-team .team-description, .elementor-widget-bdevs-team .member-subtitle, .elementor-widget-bdevs-team .member-role, .elementor-widget-bdevs-team .member-description { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 300 !important; text-transform: capitalize !important; letter-spacing: .2px !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } .team-box .team-social, .team-box .team-social * { text-transform: none !important; } /* =============================== SETUNUM - CONTACT FONT + SUBMIT AVION SVG 14062026 =============================== */ /* Contact: tipografia general Montserrat */ body.page-template-contact, body.page-template-page-templatescontact-php, body.page-template-page-templates-contact-php, body.contact, body.page-contact, .contact-section, .contact-form-section, #ajax-form, .wpcf7, .elementor-widget-form, .elementor-widget-contact-form-7 { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } /* Contact: titulos Montserrat Normal */ body.page-template-contact h1, body.page-template-contact h2, body.page-template-contact h3, body.page-template-contact h4, body.page-template-page-templatescontact-php h1, body.page-template-page-templatescontact-php h2, body.page-template-page-templatescontact-php h3, body.page-template-page-templatescontact-php h4, body.page-template-page-templates-contact-php h1, body.page-template-page-templates-contact-php h2, body.page-template-page-templates-contact-php h3, body.page-template-page-templates-contact-php h4, .contact-section h1, .contact-section h2, .contact-section h3, .contact-section h4, .contact-form-section h1, .contact-form-section h2, .contact-form-section h3, .contact-form-section h4, .contact-details h1, .contact-details h2, .contact-details h3, .contact-details h4, .contact-details h5, .contact-details h6, .elementor-widget-contact-form-7 h1, .elementor-widget-contact-form-7 h2, .elementor-widget-contact-form-7 h3, .elementor-widget-contact-form-7 h4, .elementor-widget-form h1, .elementor-widget-form h2, .elementor-widget-form h3, .elementor-widget-form h4 { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 400 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } /* Contact: subtitulos, textos, labels, campos Montserrat Light */ body.page-template-contact p, body.page-template-contact span, body.page-template-contact label, body.page-template-page-templatescontact-php p, body.page-template-page-templatescontact-php span, body.page-template-page-templatescontact-php label, body.page-template-page-templates-contact-php p, body.page-template-page-templates-contact-php span, body.page-template-page-templates-contact-php label, .contact-section p, .contact-section span, .contact-section label, .contact-form-section p, .contact-form-section span, .contact-form-section label, .contact-details p, .contact-details span, #ajax-form, #ajax-form label, #ajax-form input, #ajax-form textarea, .wpcf7, .wpcf7 p, .wpcf7 span, .wpcf7 label, .wpcf7 input, .wpcf7 textarea, .elementor-widget-form label, .elementor-widget-form input, .elementor-widget-form textarea, .elementor-widget-contact-form-7 p, .elementor-widget-contact-form-7 span, .elementor-widget-contact-form-7 label, .elementor-widget-contact-form-7 input, .elementor-widget-contact-form-7 textarea { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 300 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } #ajax-form input, #ajax-form textarea, .wpcf7 input:not([type='submit']), .wpcf7 textarea, .elementor-widget-form input:not([type='submit']), .elementor-widget-form textarea { border-bottom: 1px solid rgba(0,0,0,.25) !important; background: transparent !important; } #ajax-form input:focus, #ajax-form textarea:focus, .wpcf7 input:not([type='submit']):focus, .wpcf7 textarea:focus, .elementor-widget-form input:not([type='submit']):focus, .elementor-widget-form textarea:focus { border-bottom-color: #000000 !important; outline: none !important; } #ajax-form input::placeholder, #ajax-form textarea::placeholder, .wpcf7 input::placeholder, .wpcf7 textarea::placeholder, .elementor-widget-form input::placeholder, .elementor-widget-form textarea::placeholder { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 300 !important; color: #777777 !important; -webkit-text-fill-color: #777777 !important; } /* Boton submit: avion SVG */ #ajax-form button, #ajax-form input[type='submit'], .wpcf7 input[type='submit'], .wpcf7 button[type='submit'], .elementor-widget-form button[type='submit'], .elementor-widget-form input[type='submit'], button[type='submit'].contact-submit, input[type='submit'].contact-submit { position: relative !important; width: 58px !important; min-width: 58px !important; height: 58px !important; min-height: 58px !important; padding: 0 !important; margin: 22px auto 0 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #000000 !important; border-radius: 50% !important; background-color: #ffffff !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 27px 27px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22L11 13L2 9L22 2Z'/%3E%3C/svg%3E") !important; color: transparent !important; -webkit-text-fill-color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; overflow: hidden !important; box-shadow: none !important; cursor: pointer !important; transition: background-color .25s ease, border-color .25s ease, transform .25s ease !important; } #ajax-form button::before, .wpcf7 button[type='submit']::before, .elementor-widget-form button[type='submit']::before, button[type='submit'].contact-submit::before { content: '' !important; width: 27px !important; height: 27px !important; display: block !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22L11 13L2 9L22 2Z'/%3E%3C/svg%3E") !important; text-indent: 0 !important; } #ajax-form button:hover, #ajax-form input[type='submit']:hover, .wpcf7 input[type='submit']:hover, .wpcf7 button[type='submit']:hover, .elementor-widget-form button[type='submit']:hover, .elementor-widget-form input[type='submit']:hover, button[type='submit'].contact-submit:hover, input[type='submit'].contact-submit:hover { background-color: #e6e6e6 !important; border-color: #e6e6e6 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; transform: translateY(-2px) !important; } #ajax-form button:focus, #ajax-form input[type='submit']:focus, .wpcf7 input[type='submit']:focus, .wpcf7 button[type='submit']:focus, .elementor-widget-form button[type='submit']:focus, .elementor-widget-form input[type='submit']:focus { outline: none !important; border-color: #000000 !important; } /* ===================================================== SETUNUM FIX FINAL - SELECTOR TYPE / ALL 14062026 Blanco completo, texto negro, líneas negras, hover gris ===================================================== */ html body .parallax-section-filters, html body .content-section .parallax-section-filters, html body #portfolio-filter, html body #portfolio-filter #filter, html body #filter, html body ul#filter, html body .portfolio-filter, html body .project-filter, html body .filter, html body .filters, html body .type-filter, html body .types-filter, html body .type-selector { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #000000 !important; border: 0 !important; box-shadow: none !important; } html body #portfolio-filter { display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; padding: 12px 0 !important; margin: 0 !important; text-align: center !important; border-top: 1px solid #000000 !important; border-bottom: 1px solid #000000 !important; } html body #filter, html body ul#filter { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; width: 100% !important; min-height: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; list-style: none !important; line-height: 1 !important; } html body #filter li, html body #portfolio-filter li, html body .filter li, html body .filters li, html body .portfolio-filter li, html body .project-filter li, html body .type-filter li, html body .types-filter li, html body .type-selector li { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #000000 !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; height: auto !important; line-height: 1 !important; } /* Línea negra de separación entre TYPE / ALL / categorías */ html body #filter li + li, html body #portfolio-filter li + li, html body .filter li + li, html body .filters li + li, html body .portfolio-filter li + li, html body .project-filter li + li, html body .type-filter li + li, html body .types-filter li + li, html body .type-selector li + li { border-left: 1px solid #000000 !important; } html body #filter li a, html body #portfolio-filter li a, html body .filter li a, html body .filters li a, html body .portfolio-filter li a, html body .project-filter li a, html body .type-filter li a, html body .types-filter li a, html body .type-selector li a, html body #filter li a span, html body #filter li a .cbutton__text, html body #portfolio-filter li a span, html body #portfolio-filter li a .cbutton__text { color: #000000 !important; -webkit-text-fill-color: #000000 !important; opacity: 1 !important; visibility: visible !important; } html body #filter li a, html body #portfolio-filter li a, html body .filter li a, html body .filters li a, html body .portfolio-filter li a, html body .project-filter li a, html body .type-filter li a, html body .types-filter li a, html body .type-selector li a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 86px !important; min-height: 36px !important; padding: 10px 18px !important; margin: 0 8px !important; background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border: 1px solid #000000 !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important; text-align: center !important; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 400 !important; font-size: 13px !important; letter-spacing: 2px !important; text-transform: uppercase !important; line-height: 1 !important; position: relative !important; overflow: hidden !important; } html body #filter li a:hover, html body #filter li a.current, html body #filter li .current, html body #portfolio-filter li a:hover, html body #portfolio-filter li a.current, html body #portfolio-filter li .current, html body .filter li a:hover, html body .filter li a.current, html body .filter li .current, html body .filters li a:hover, html body .filters li a.current, html body .filters li .current, html body .portfolio-filter li a:hover, html body .portfolio-filter li a.current, html body .portfolio-filter li .current, html body .project-filter li a:hover, html body .project-filter li a.current, html body .project-filter li .current, html body .type-filter li a:hover, html body .type-filter li a.current, html body .type-filter li .current, html body .types-filter li a:hover, html body .types-filter li a.current, html body .types-filter li .current, html body .type-selector li a:hover, html body .type-selector li a.current, html body .type-selector li .current { background: #e6e6e6 !important; background-color: #e6e6e6 !important; background-image: none !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; border-color: #000000 !important; } html body #filter .cbutton__helper, html body #portfolio-filter .cbutton__helper, html body #filter .cbutton__helper img, html body #portfolio-filter .cbutton__helper img, html body .cbutton__helper, html body .cbutton__helper img { display: none !important; opacity: 0 !important; visibility: hidden !important; } html body #filter .cbutton::before, html body #filter .cbutton::after, html body #portfolio-filter .cbutton::before, html body #portfolio-filter .cbutton::after, html body #filter li a::before, html body #filter li a::after, html body #portfolio-filter li a::before, html body #portfolio-filter li a::after { display: none !important; content: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; animation: none !important; } @media only screen and (max-width: 767px) { html body #filter, html body ul#filter { flex-wrap: wrap !important; } html body #filter li + li, html body #portfolio-filter li + li { border-left: 0 !important; } html body #filter li a, html body #portfolio-filter li a { min-width: 74px !important; min-height: 32px !important; padding: 9px 12px !important; margin: 4px !important; font-size: 12px !important; letter-spacing: 1px !important; } } /* ===================================================== SETUNUM FIX 14062026 - ABOUT HAMBURGUESA NEGRA Fuerza la hamburguesa negra en About aunque el body_class del WordPress no coincida con el template. ===================================================== */ body.setunum-about-black .cd-header .cd-nav-trigger.header-mt .cd-nav-icon, body.setunum-about-black .cd-header .cd-nav-trigger.header-mt .cd-nav-icon::before, body.setunum-about-black .cd-header .cd-nav-trigger.header-mt .cd-nav-icon::after, body[class*="about"] .cd-header .cd-nav-trigger.header-mt .cd-nav-icon, body[class*="about"] .cd-header .cd-nav-trigger.header-mt .cd-nav-icon::before, body[class*="about"] .cd-header .cd-nav-trigger.header-mt .cd-nav-icon::after, body:not(.home) .cd-header .cd-nav-trigger.header-mt .cd-nav-icon, body:not(.home) .cd-header .cd-nav-trigger.header-mt .cd-nav-icon::before, body:not(.home) .cd-header .cd-nav-trigger.header-mt .cd-nav-icon::after { background: #000000 !important; background-color: #000000 !important; color: #000000 !important; opacity: 1 !important; } body.setunum-about-black .cd-header .cd-nav-trigger.header-mt svg circle, body[class*="about"] .cd-header .cd-nav-trigger.header-mt svg circle, body:not(.home) .cd-header .cd-nav-trigger.header-mt svg circle { stroke: #000000 !important; } body.setunum-about-black .cd-header .cd-nav-trigger.header-mt, body[class*="about"] .cd-header .cd-nav-trigger.header-mt, body:not(.home) .cd-header .cd-nav-trigger.header-mt { filter: none !important; -webkit-filter: none !important; } /* =============================== SETUNUM - TEAM final Imagenes redondeadas + titulo + texto abajo =============================== */ .team-box, .elementor-widget-bdevs-team .team-box { text-align: center !important; } .team-box img, .elementor-widget-bdevs-team .team-box img, .elementor-widget-bdevs-team img { border-radius: 22px !important; overflow: hidden !important; display: block !important; width: 100% !important; height: auto !important; } .team-box h5, .elementor-widget-bdevs-team .team-box h5, .team-box .team-title, .elementor-widget-bdevs-team .team-title { font-family: 'Montserrat', Arial, sans-serif !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; margin-top: 18px !important; margin-bottom: 8px !important; } .team-box .team-extra-text, .elementor-widget-bdevs-team .team-extra-text, .team-box p.team-extra-text { font-family: 'Montserrat', Arial, sans-serif !important; font-weight: 300 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; text-transform: lowercase !important; font-size: 14px !important; line-height: 1.55 !important; margin: 0 auto 12px auto !important; max-width: 92% !important; } .team-box .team-extra-text::first-letter, .elementor-widget-bdevs-team .team-extra-text::first-letter { text-transform: uppercase !important; } /* =============================== SETUNUM - TEAM texto abajo editable 14062026 Letra más grande + selector mayúsculas/minúsculas en Elementor =============================== */ .team-box .setunum-team-extra, .elementor-widget-bdevs-team .setunum-team-extra, .team-box .team-extra-text, .elementor-widget-bdevs-team .team-extra-text, .team-box p.setunum-team-extra, .team-box p.team-extra-text { font-family: 'Montserrat', Arial, sans-serif !important; font-weight: 300 !important; font-size: 16px !important; line-height: 1.65 !important; letter-spacing: 0.2px !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; margin: 0 auto 14px auto !important; max-width: 94% !important; } /* =============================== SETUNUM - AJUSTE FINAL 14062026 Team: texto más cerca del título Services: centrado en 2 columnas por fila =============================== */ .team-box h5, .elementor-widget-bdevs-team .team-box h5, .team-box .setunum-team-title, .elementor-widget-bdevs-team .setunum-team-title { margin-bottom: 2px !important; padding-bottom: 0 !important; } .team-box .setunum-team-extra, .elementor-widget-bdevs-team .setunum-team-extra, .team-box .team-extra-text, .elementor-widget-bdevs-team .team-extra-text, .team-box p.setunum-team-extra, .team-box p.team-extra-text { margin-top: 0 !important; margin-bottom: 10px !important; padding-top: 0 !important; font-size: 17px !important; line-height: 1.45 !important; } .elementor-widget-bdevs-services .content-section, .elementor-widget-bdevs-services .white-section { background: #ffffff !important; } .elementor-widget-bdevs-services .container { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: flex-start !important; } .elementor-widget-bdevs-services .sixteen.columns { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } .elementor-widget-bdevs-services .setunum-service-column, .elementor-widget-bdevs-services .eight.columns, .elementor-widget-bdevs-services .one-third.column { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; padding: 0 40px 55px 40px !important; float: none !important; } .elementor-widget-bdevs-services .services-box { max-width: 430px !important; margin: 0 auto !important; text-align: center !important; } .elementor-widget-bdevs-services .services-icon, .elementor-widget-bdevs-services .services-box h6, .elementor-widget-bdevs-services .services-box p { text-align: center !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } @media only screen and (max-width: 767px) { .elementor-widget-bdevs-services .setunum-service-column, .elementor-widget-bdevs-services .eight.columns, .elementor-widget-bdevs-services .one-third.column { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; padding: 0 20px 42px 20px !important; } } /* ===================================================== SETUNUM FIX 15062026 - Video principal mute sin barra ===================================================== */ #video_background_home { pointer-events: none !important; } #video_background_home::-webkit-media-controls, #video_background_home::-webkit-media-controls-panel, #video_background_home::-webkit-media-controls-volume-slider, #video_background_home::-webkit-media-controls-mute-button, #video_background_home::-webkit-media-controls-timeline, #video_background_home::-webkit-media-controls-play-button, #video_background_home::-webkit-media-controls-start-playback-button { display: none !important; opacity: 0 !important; visibility: hidden !important; } .video-wrapper .setunum-video-mute { position: absolute !important; right: 34px !important; bottom: 34px !important; width: 54px !important; height: 54px !important; z-index: 20 !important; border: 1px solid #000000 !important; border-radius: 50% !important; background: #ffffff !important; color: #000000 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important; outline: none !important; box-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; } .video-wrapper .setunum-video-mute:hover { background: #e6e6e6 !important; } .video-wrapper .setunum-video-mute svg { width: 26px !important; height: 26px !important; display: block !important; fill: none !important; stroke: #000000 !important; stroke-width: 4 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } .video-wrapper .setunum-video-mute svg path:first-child { fill: #000000 !important; stroke: #000000 !important; } .video-wrapper .setunum-video-mute .setunum-mute-icon-sound { display: block !important; } .video-wrapper .setunum-video-mute .setunum-mute-icon-muted { display: none !important; } .video-wrapper .setunum-video-mute.is-muted .setunum-mute-icon-sound { display: none !important; } .video-wrapper .setunum-video-mute.is-muted .setunum-mute-icon-muted { display: block !important; } @media only screen and (max-width: 767px) { .video-wrapper .setunum-video-mute { right: 18px !important; bottom: 22px !important; width: 48px !important; height: 48px !important; } .video-wrapper .setunum-video-mute svg { width: 23px !important; height: 23px !important; } } /* ===================================================== SETUNUM FIX 15062026 - Preloader original + porcentaje blanco Mantiene el estilo original del theme y solo cambia el color del %. ===================================================== */ #royal_preloader.royal_preloader_logo .royal_preloader_percentage, #royal_preloader.royal_preloader_progress .royal_preloader_percentage, #royal_preloader.royal_preloader_number .royal_preloader_percentage, #royal_preloader .royal_preloader_percentage { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Video principal: carga estable en conexiones lentas sin cambiar el diseño */ #video_background_home.setunum-video-waiting { opacity: 0; } #video_background_home.setunum-video-ready { opacity: 1; transition: opacity .35s ease; } /* ===================================================== SETUNUM FIX 15062026 - Tipografía global final Títulos: Montserrat Light / 300 Resto de textos: Montserrat Normal / 400 ===================================================== */ html, body, body *:not(i):not(.fa):not([class*="fa-"]):not(svg):not(path) { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; } body, p, span, li, a, label, input, textarea, select, button, div, small, strong, em, blockquote, figcaption, .wpb_wrapper, .elementor-widget-container, .elementor-widget-container p, .team-box .setunum-team-extra, .team-box .team-extra-text, .elementor-widget-bdevs-team .setunum-team-extra, .elementor-widget-bdevs-team .team-extra-text, .services-box p, .elementor-widget-bdevs-services .services-box p, .contact-section p, .contact-section label, .contact-section input, .contact-section textarea, .contact-form-section p, .contact-form-section label, .contact-form-section input, .contact-form-section textarea { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 400 !important; } h1, h2, h3, h4, h5, h6, .title, .section-title, .vc_custom_heading, .wpb_wrapper h1, .wpb_wrapper h2, .wpb_wrapper h3, .wpb_wrapper h4, .wpb_wrapper h5, .wpb_wrapper h6, .elementor-heading-title, .team-box h5, .team-box .setunum-team-title, .elementor-widget-bdevs-team .team-box h5, .elementor-widget-bdevs-team .setunum-team-title, .services-box h1, .services-box h2, .services-box h3, .services-box h4, .services-box h5, .services-box h6, .elementor-widget-bdevs-services .services-box h1, .elementor-widget-bdevs-services .services-box h2, .elementor-widget-bdevs-services .services-box h3, .elementor-widget-bdevs-services .services-box h4, .elementor-widget-bdevs-services .services-box h5, .elementor-widget-bdevs-services .services-box h6, .contact-section h1, .contact-section h2, .contact-section h3, .contact-section h4, .contact-section h5, .contact-section h6, .contact-form-section h1, .contact-form-section h2, .contact-form-section h3, .contact-form-section h4, .contact-form-section h5, .contact-form-section h6 { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 300 !important; } /* ===================================================== SETUNUM FIX 15062026 - Tipografía corregida Títulos: Montserrat Normal / 400 Textos: Montserrat Light / 300 ===================================================== */ html, body, body *:not(i):not(.fa):not([class*="fa-"]):not(svg):not(path) { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; } body, p, span, li, a, label, input, textarea, select, button, div, small, strong, em, blockquote, figcaption, .wpb_wrapper, .elementor-widget-container, .elementor-widget-container p, .team-box .setunum-team-extra, .team-box .team-extra-text, .elementor-widget-bdevs-team .setunum-team-extra, .elementor-widget-bdevs-team .team-extra-text, .services-box p, .elementor-widget-bdevs-services .services-box p, .contact-section p, .contact-section label, .contact-section input, .contact-section textarea, .contact-form-section p, .contact-form-section label, .contact-form-section input, .contact-form-section textarea { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 300 !important; } h1, h2, h3, h4, h5, h6, .title, .section-title, .vc_custom_heading, .wpb_wrapper h1, .wpb_wrapper h2, .wpb_wrapper h3, .wpb_wrapper h4, .wpb_wrapper h5, .wpb_wrapper h6, .elementor-heading-title, .team-box h5, .team-box .setunum-team-title, .elementor-widget-bdevs-team .team-box h5, .elementor-widget-bdevs-team .setunum-team-title, .services-box h1, .services-box h2, .services-box h3, .services-box h4, .services-box h5, .services-box h6, .elementor-widget-bdevs-services .services-box h1, .elementor-widget-bdevs-services .services-box h2, .elementor-widget-bdevs-services .services-box h3, .elementor-widget-bdevs-services .services-box h4, .elementor-widget-bdevs-services .services-box h5, .elementor-widget-bdevs-services .services-box h6, .contact-section h1, .contact-section h2, .contact-section h3, .contact-section h4, .contact-section h5, .contact-section h6, .contact-form-section h1, .contact-form-section h2, .contact-form-section h3, .contact-form-section h4, .contact-form-section h5, .contact-form-section h6 { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 400 !important; } /* ===================================================== SETUNUM FIX 15062026 - Menú original tachado y sin salto Mantiene el estilo original: seleccionado/hover con línea al medio. ===================================================== */ .cd-nav .cd-primary-nav, .cd-nav .cd-primary-nav ul, .cd-nav .cd-primary-nav li { max-width: none !important; } .cd-nav .cd-primary-nav li { white-space: nowrap !important; overflow: visible !important; } .cd-nav .cd-primary-nav a, .cd-nav .cd-primary-nav li a { display: inline-block !important; width: auto !important; max-width: none !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; text-decoration: none !important; line-height: 1.05 !important; position: relative !important; overflow: hidden !important; } .cd-nav .cd-primary-nav a::after, .cd-nav .cd-primary-nav li a::after { content: '' !important; position: absolute !important; left: -105% !important; top: 50% !important; bottom: auto !important; width: 100% !important; height: 3px !important; background: #212121 !important; transform: translateY(-50%) !important; transition: left 300ms linear !important; } .cd-nav .cd-primary-nav a:hover::after, .cd-nav .cd-primary-nav a.selected::after, .cd-nav .cd-primary-nav .current-menu-item > a::after, .cd-nav .cd-primary-nav .current_page_item > a::after, .cd-nav .cd-primary-nav .current-menu-ancestor > a::after, .cd-nav .cd-primary-nav .current_page_parent > a::after { left: 0 !important; } .cd-nav .cd-primary-nav a:hover, .cd-nav .cd-primary-nav a.selected, .cd-nav .cd-primary-nav .current-menu-item > a, .cd-nav .cd-primary-nav .current_page_item > a, .cd-nav .cd-primary-nav .current-menu-ancestor > a, .cd-nav .cd-primary-nav .current_page_parent > a { color: #212121 !important; } @media only screen and (min-width: 1170px) { .cd-nav .cd-primary-nav a, .cd-nav .cd-primary-nav li a { font-size: clamp(34px, 4.2vw, 58px) !important; line-height: 1.05 !important; letter-spacing: 2px !important; } } @media only screen and (max-width: 1169px) { .cd-nav .cd-primary-nav a, .cd-nav .cd-primary-nav li a { font-size: clamp(28px, 8vw, 52px) !important; line-height: 1.05 !important; letter-spacing: 1.5px !important; } } @media only screen and (max-width: 480px) { .cd-nav .cd-primary-nav a, .cd-nav .cd-primary-nav li a { font-size: clamp(24px, 9vw, 40px) !important; letter-spacing: 1px !important; } } /* ===================================================== SETUNUM FIX FINAL - FILTER EN UNA LINEA SIN MARGENES 15062026 Saca lineas/margenes arriba y abajo, mantiene separadores verticales ===================================================== */ html body .parallax-section-filters, html body #portfolio-filter, html body #portfolio-filter #filter, html body #filter, html body ul#filter, html body .portfolio-filter, html body .project-filter, html body .filter, html body .filters, html body .type-filter, html body .types-filter, html body .type-selector { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } html body #portfolio-filter { width: 100% !important; padding: 6px 0 !important; margin: 0 !important; border-top: 0 !important; border-bottom: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; text-align: center !important; -webkit-overflow-scrolling: touch !important; } html body #filter, html body ul#filter { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; width: max-content !important; max-width: none !important; min-width: 100% !important; gap: 0 !important; padding: 0 !important; margin: 0 auto !important; list-style: none !important; white-space: nowrap !important; } html body #filter li, html body #portfolio-filter li, html body .filter li, html body .filters li, html body .portfolio-filter li, html body .project-filter li, html body .type-filter li, html body .types-filter li, html body .type-selector li { flex: 0 0 auto !important; display: inline-flex !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important; border-top: 0 !important; border-bottom: 0 !important; } html body #filter li + li, html body #portfolio-filter li + li, html body .filter li + li, html body .filters li + li, html body .portfolio-filter li + li, html body .project-filter li + li, html body .type-filter li + li, html body .types-filter li + li, html body .type-selector li + li { border-left: 1px solid #000000 !important; } html body #filter li a, html body #portfolio-filter li a, html body .filter li a, html body .filters li a, html body .portfolio-filter li a, html body .project-filter li a, html body .type-filter li a, html body .types-filter li a, html body .type-selector li a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 0 !important; padding: 8px 20px !important; margin: 0 !important; background: #ffffff !important; background-color: #ffffff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 400 !important; font-size: 24px !important; letter-spacing: 2px !important; line-height: 1.1 !important; text-transform: none !important; white-space: nowrap !important; text-decoration: none !important; } html body #filter li a:hover, html body #filter li a.current, html body #filter li .current, html body #portfolio-filter li a:hover, html body #portfolio-filter li a.current, html body #portfolio-filter li .current, html body .filter li a:hover, html body .filter li a.current, html body .filter li .current, html body .filters li a:hover, html body .filters li a.current, html body .filters li .current, html body .portfolio-filter li a:hover, html body .portfolio-filter li a.current, html body .portfolio-filter li .current, html body .project-filter li a:hover, html body .project-filter li a.current, html body .project-filter li .current, html body .type-filter li a:hover, html body .type-filter li a.current, html body .type-filter li .current, html body .types-filter li a:hover, html body .types-filter li a.current, html body .types-filter li .current, html body .type-selector li a:hover, html body .type-selector li a.current, html body .type-selector li .current { background: #e6e6e6 !important; background-color: #e6e6e6 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; border: 0 !important; } @media only screen and (max-width: 767px) { html body #portfolio-filter { text-align: left !important; } html body #filter, html body ul#filter { justify-content: flex-start !important; min-width: max-content !important; } html body #filter li a, html body #portfolio-filter li a, html body .filter li a, html body .filters li a, html body .portfolio-filter li a, html body .project-filter li a, html body .type-filter li a, html body .types-filter li a, html body .type-selector li a { font-size: 17px !important; padding: 8px 14px !important; letter-spacing: 1px !important; } } /* ===================================================== SETUNUM FIX - FILTER SIN MARGEN / SIN LINEA ABAJO 15062026 La linea gris de abajo era el scrollbar/espacio del contenedor. ===================================================== */ html body #portfolio-filter, html body .portfolio-filter, html body .project-filter, html body .parallax-section-filters { padding-top: 4px !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; scrollbar-width: none !important; -ms-overflow-style: none !important; } html body #portfolio-filter::-webkit-scrollbar, html body .portfolio-filter::-webkit-scrollbar, html body .project-filter::-webkit-scrollbar, html body .parallax-section-filters::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; } html body #filter, html body ul#filter { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border: 0 !important; box-shadow: none !important; line-height: 1 !important; } html body #filter li, html body #portfolio-filter li { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; } html body #filter li a, html body #portfolio-filter li a { padding-top: 7px !important; padding-bottom: 7px !important; border-bottom: 0 !important; box-shadow: none !important; } /* ===================================================== SETUNUM FINAL 16062026 - Ajustes solicitados Grid ALL por orden manual + filtro parejo + about/team/carousel ===================================================== */ /* FILTER: opciones a la misma distancia, sin márgenes negros */ html body #portfolio-filter { display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; background: #ffffff !important; } html body #filter, html body ul#filter { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; gap: 0 !important; overflow: hidden !important; white-space: nowrap !important; } html body #filter li, html body #portfolio-filter li { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } html body #filter li + li, html body #portfolio-filter li + li { border-left: 1px solid #000000 !important; } html body #filter li a, html body #portfolio-filter li a { min-width: 230px !important; padding: 12px 18px !important; margin: 0 !important; text-align: center !important; justify-content: center !important; border: 0 !important; background: #ffffff !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } html body #filter li:first-child a, html body #portfolio-filter li:first-child a { min-width: 110px !important; } html body #filter li a:hover, html body #filter li a.current, html body #portfolio-filter li a:hover, html body #portfolio-filter li a.current { background: #e6e6e6 !important; } @media only screen and (max-width: 767px) { html body #portfolio-filter { overflow-x: auto !important; overflow-y: hidden !important; justify-content: flex-start !important; } html body #filter, html body ul#filter { min-width: max-content !important; overflow: visible !important; } html body #filter li a, html body #portfolio-filter li a { min-width: 170px !important; font-size: 16px !important; padding: 10px 14px !important; } html body #filter li:first-child a, html body #portfolio-filter li:first-child a { min-width: 82px !important; } } /* GRID ALL: respeta orden manual 1 a 15 y usa patrón 16:9 / 3 verticales / 16:9 / horizontal+vertical */ #setunum-clean-projects { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: row dense !important; align-items: start !important; gap: 2px !important; } #setunum-clean-projects .portfolio-box-1.setunum-all-horizontal, #setunum-clean-projects .portfolio-box-1.setunum-wide { grid-column: 1 / -1 !important; } #setunum-clean-projects .portfolio-box-1.setunum-all-horizontal-half { grid-column: span 2 !important; } #setunum-clean-projects .portfolio-box-1.setunum-all-vertical { grid-column: span 1 !important; } #setunum-clean-projects .portfolio-box-1 img, #setunum-clean-projects .portfolio-box-1 video, #setunum-clean-projects .portfolio-box-1 iframe { object-fit: cover !important; object-position: center center !important; } @media only screen and (max-width: 767px) { #setunum-clean-projects .portfolio-box-1, #setunum-clean-projects .portfolio-box-1.setunum-all-horizontal, #setunum-clean-projects .portfolio-box-1.setunum-all-horizontal-half, #setunum-clean-projects .portfolio-box-1.setunum-all-vertical { grid-column: 1 / -1 !important; } } /* SOBRE NOSOTROS / ABOUT: hamburguesa negra siempre */ body.setunum-about-black .cd-nav-trigger .cd-nav-icon, body.setunum-about-black .cd-nav-trigger .cd-nav-icon::before, body.setunum-about-black .cd-nav-trigger .cd-nav-icon::after, body.setunum-about-black .cd-nav-trigger.header-mt .cd-nav-icon, body.setunum-about-black .cd-nav-trigger.header-mt .cd-nav-icon::before, body.setunum-about-black .cd-nav-trigger.header-mt .cd-nav-icon::after, body[class*="sobre"] .cd-nav-trigger .cd-nav-icon, body[class*="sobre"] .cd-nav-trigger .cd-nav-icon::before, body[class*="sobre"] .cd-nav-trigger .cd-nav-icon::after, body[class*="nosotros"] .cd-nav-trigger .cd-nav-icon, body[class*="nosotros"] .cd-nav-trigger .cd-nav-icon::before, body[class*="nosotros"] .cd-nav-trigger .cd-nav-icon::after, body[class*="about"] .cd-nav-trigger .cd-nav-icon, body[class*="about"] .cd-nav-trigger .cd-nav-icon::before, body[class*="about"] .cd-nav-trigger .cd-nav-icon::after { background: #000000 !important; background-color: #000000 !important; } body.setunum-about-black .cd-nav-trigger svg circle, body[class*="sobre"] .cd-nav-trigger svg circle, body[class*="nosotros"] .cd-nav-trigger svg circle, body[class*="about"] .cd-nav-trigger svg circle { stroke: #000000 !important; } /* TEAM: imagen con los 4 lados curvos y play al hover */ .elementor-widget-bdevs-team .team-box, .team-box { text-align: center !important; } .elementor-widget-bdevs-team .team-box img, .team-box img { border-radius: 22px !important; clip-path: inset(0 round 22px) !important; overflow: hidden !important; display: block !important; } .elementor-widget-bdevs-team .team-box h5, .team-box h5, .elementor-widget-bdevs-team .team-box .setunum-team-title, .team-box .setunum-team-title { margin-top: 14px !important; margin-bottom: 2px !important; padding: 0 !important; line-height: 1.15 !important; } .elementor-widget-bdevs-team .team-box .setunum-team-extra, .team-box .setunum-team-extra, .elementor-widget-bdevs-team .team-box .team-extra-text, .team-box .team-extra-text { margin-top: 0 !important; padding-top: 0 !important; line-height: 1.25 !important; } /* El tooltip de la imagen ahora muestra triángulo de play en vez de FOUNDER */ .tipper-content, .tipper .tipper-content { text-align: center !important; } .elementor-widget-bdevs-team .team-box img.tipped:hover { cursor: pointer !important; } /* CARRETE LOGOS: sin sombra lateral y centrado con misma distancia arriba/abajo */ .elementor-widget-bdevs-clients .content-section, #owl-logos, #owl-logos .owl-wrapper-outer, #owl-logos .owl-stage-outer, #owl-logos .owl-wrapper, #owl-logos .owl-stage { box-shadow: none !important; -webkit-box-shadow: none !important; filter: none !important; -webkit-filter: none !important; } .elementor-widget-bdevs-clients .content-section.white-section, .elementor-widget-bdevs-clients .content-section.padding-top-bottom { padding-top: 34px !important; padding-bottom: 34px !important; background: #ffffff !important; overflow: hidden !important; } .elementor-widget-bdevs-clients .container.bigger-index, #owl-logos { display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } #owl-logos::before, #owl-logos::after, .elementor-widget-bdevs-clients .content-section::before, .elementor-widget-bdevs-clients .content-section::after { display: none !important; content: none !important; box-shadow: none !important; background: transparent !important; } /* ===================================================== SETUNUM 16062026 - Media adaptativa / baja carga No cambia el diseño; evita que todos los videos pesados carguen juntos. ===================================================== */ .project-video.setunum-adaptive-project-video, #projects-grid video.project-video, #setunum-clean-projects video.project-video { background-color: #f3f3f3 !important; } .project-video.setunum-adaptive-project-video:not([src]) { object-fit: cover !important; } #projects-grid img, #setunum-clean-projects img { image-rendering: auto !important; } /* ===================================================== SETUNUM 16062026 - GRID RESPONSIVE ESTABLE POR FILAS 1 horizontal 16:9 / 3 verticales 9:16 / mixto H+V o V+H ===================================================== */ #setunum-clean-projects { display: flex !important; flex-direction: column !important; gap: 2px !important; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: hidden !important; position: relative !important; } #setunum-clean-projects .setunum-project-row { width: 100% !important; display: flex !important; flex-wrap: nowrap !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: hidden !important; align-items: stretch !important; justify-content: center !important; } #setunum-clean-projects .portfolio-box-1 { float: none !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; transform: none !important; -webkit-transform: none !important; margin: 0 !important; padding: 0 !important; background: #000000 !important; overflow: hidden !important; box-sizing: border-box !important; cursor: pointer !important; min-width: 0 !important; max-width: none !important; } #setunum-clean-projects .setunum-row-single-horizontal .portfolio-box-1 { flex: 0 0 100% !important; width: 100% !important; aspect-ratio: 16 / 9 !important; } #setunum-clean-projects .setunum-row-verticals.setunum-count-3 .portfolio-box-1 { flex: 0 0 calc(33.333% - 2px) !important; aspect-ratio: 9 / 16 !important; } #setunum-clean-projects .setunum-row-verticals.setunum-count-2 .portfolio-box-1 { flex: 0 0 calc(50% - 1px) !important; aspect-ratio: 9 / 16 !important; } #setunum-clean-projects .setunum-row-verticals.setunum-count-1 .portfolio-box-1 { flex: 0 0 33.333% !important; aspect-ratio: 9 / 16 !important; } #setunum-clean-projects .setunum-row-mixed .portfolio-box-1 { height: 100% !important; aspect-ratio: auto !important; } #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-item-horizontal { flex: 0 0 calc(66.666% - 1px) !important; } #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-item-vertical, #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-item-square { flex: 0 0 calc(33.333% - 1px) !important; } #setunum-clean-projects .portfolio-box-1 img, #setunum-clean-projects .portfolio-box-1 video, #setunum-clean-projects .portfolio-box-1 iframe, #setunum-clean-projects .portfolio-box-1 .media-ratio { width: 100% !important; height: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; background: #000000 !important; } #projects-grid.setunum-original-hidden { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; } @media only screen and (max-width: 1024px) and (min-width: 768px) { #setunum-clean-projects .setunum-project-row { gap: 2px !important; } #setunum-clean-projects .setunum-row-verticals.setunum-count-1 .portfolio-box-1 { flex: 0 0 50% !important; } } @media only screen and (max-width: 767px) { #setunum-clean-projects { gap: 2px !important; } #setunum-clean-projects .setunum-project-row { flex-direction: column !important; height: auto !important; min-height: 0 !important; max-height: none !important; } #setunum-clean-projects .portfolio-box-1, #setunum-clean-projects .setunum-row-single-horizontal .portfolio-box-1, #setunum-clean-projects .setunum-row-verticals .portfolio-box-1, #setunum-clean-projects .setunum-row-mixed .portfolio-box-1, #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-item-horizontal, #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-item-vertical, #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-item-square { flex: 0 0 100% !important; width: 100% !important; height: auto !important; margin-left: 0 !important; margin-right: 0 !important; } #setunum-clean-projects .portfolio-box-1.setunum-item-horizontal { aspect-ratio: 16 / 9 !important; } #setunum-clean-projects .portfolio-box-1.setunum-item-vertical, #setunum-clean-projects .portfolio-box-1.setunum-item-square { aspect-ratio: 9 / 16 !important; } } /* ===================================================== SETUNUM FINAL 18062026 - TEAM / ABOUT / FOOTER - Team 4 por fila - Imágenes Team con los 4 bordes curvos - About/Sobre Nosotros hamburguesa siempre negra - Footer gris con copyright y redes en blanco ===================================================== */ /* =============================== TEAM - 4 POR FILA =============================== */ .elementor-widget-bdevs-team .container { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: center !important; gap: 0 !important; } .elementor-widget-bdevs-team .sixteen.columns { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; clear: both !important; } .elementor-widget-bdevs-team .one-third.column { width: 25% !important; flex: 0 0 25% !important; max-width: 25% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 14px !important; padding-right: 14px !important; box-sizing: border-box !important; float: none !important; clear: none !important; } .elementor-widget-bdevs-team .team-box { width: 100% !important; max-width: 100% !important; text-align: center !important; margin: 0 auto 26px auto !important; overflow: visible !important; } /* =============================== TEAM - IMÁGENES 4 BORDES CURVOS =============================== */ .elementor-widget-bdevs-team .team-box img, .elementor-widget-bdevs-team .team-box > img, .elementor-widget-bdevs-team img.tipped, .elementor-widget-bdevs-team .tipped, .team-box img, .team-box > img, .team-box .tipped { width: 100% !important; max-width: 100% !important; height: auto !important; display: block !important; object-fit: cover !important; border-radius: 24px !important; overflow: hidden !important; clip-path: inset(0 round 24px) !important; -webkit-mask-image: -webkit-radial-gradient(white, black) !important; box-shadow: none !important; } .elementor-widget-bdevs-team .team-box, .elementor-widget-bdevs-team .team-box figure, .elementor-widget-bdevs-team .member-image, .elementor-widget-bdevs-team .team-image, .elementor-widget-bdevs-team .team-photo { border-radius: 24px !important; } /* Nombre y texto abajo: diferencia 2px */ .elementor-widget-bdevs-team .team-box h5, .elementor-widget-bdevs-team .team-box .setunum-team-title, .team-box h5, .team-box .setunum-team-title { margin-top: 14px !important; margin-bottom: 2px !important; padding-bottom: 0 !important; font-family: "Montserrat", Arial, sans-serif !important; font-weight: 400 !important; text-transform: uppercase !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } .elementor-widget-bdevs-team .team-box .setunum-team-extra, .elementor-widget-bdevs-team .team-box .team-extra-text, .team-box .setunum-team-extra, .team-box .team-extra-text { margin-top: 2px !important; margin-bottom: 10px !important; padding-top: 0 !important; font-family: "Montserrat", Arial, sans-serif !important; font-weight: 300 !important; font-size: 17px !important; line-height: 1.35 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } /* Hover sobre imagen: triángulo play */ .tipper-content, .tipper .tipper-content, .tipper div { font-family: "Montserrat", Arial, sans-serif !important; } /* Responsive Team */ @media only screen and (max-width: 1180px) { .elementor-widget-bdevs-team .one-third.column { width: 25% !important; flex-basis: 25% !important; max-width: 25% !important; padding-left: 10px !important; padding-right: 10px !important; } } @media only screen and (max-width: 900px) { .elementor-widget-bdevs-team .one-third.column { width: 50% !important; flex-basis: 50% !important; max-width: 50% !important; } } @media only screen and (max-width: 600px) { .elementor-widget-bdevs-team .one-third.column { width: 100% !important; flex-basis: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } /* =============================== ABOUT / SOBRE NOSOTROS - HAMBURGUESA NEGRA =============================== */ body.setunum-about-black .cd-nav-trigger, body.setunum-about-black .cd-nav-trigger *, body[class*="about"] .cd-nav-trigger, body[class*="sobre"] .cd-nav-trigger, body[class*="nosotros"] .cd-nav-trigger, body.page-template-template-about .cd-nav-trigger, body.page-template-about .cd-nav-trigger, body.page-id-about .cd-nav-trigger { color: #000000 !important; -webkit-text-fill-color: #000000 !important; } body.setunum-about-black .cd-nav-trigger span, body.setunum-about-black .cd-nav-trigger span::before, body.setunum-about-black .cd-nav-trigger span::after, body.setunum-about-black .cd-nav-trigger::before, body.setunum-about-black .cd-nav-trigger::after, body[class*="about"] .cd-nav-trigger span, body[class*="about"] .cd-nav-trigger span::before, body[class*="about"] .cd-nav-trigger span::after, body[class*="about"] .cd-nav-trigger::before, body[class*="about"] .cd-nav-trigger::after, body[class*="sobre"] .cd-nav-trigger span, body[class*="sobre"] .cd-nav-trigger span::before, body[class*="sobre"] .cd-nav-trigger span::after, body[class*="sobre"] .cd-nav-trigger::before, body[class*="sobre"] .cd-nav-trigger::after, body[class*="nosotros"] .cd-nav-trigger span, body[class*="nosotros"] .cd-nav-trigger span::before, body[class*="nosotros"] .cd-nav-trigger span::after, body[class*="nosotros"] .cd-nav-trigger::before, body[class*="nosotros"] .cd-nav-trigger::after, body.page-template-template-about .cd-nav-trigger span, body.page-template-template-about .cd-nav-trigger span::before, body.page-template-template-about .cd-nav-trigger span::after, body.page-template-template-about .cd-nav-trigger::before, body.page-template-template-about .cd-nav-trigger::after { background-color: #000000 !important; border-color: #000000 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; } body.setunum-about-black .cd-nav-trigger svg, body[class*="about"] .cd-nav-trigger svg, body[class*="sobre"] .cd-nav-trigger svg, body[class*="nosotros"] .cd-nav-trigger svg { fill: #000000 !important; stroke: #000000 !important; } /* =============================== FOOTER GRIS + COPY/REDES BLANCAS =============================== */ body .myco-footer-top, body .myco-footer-top.white-section, body .content-section.myco-footer-top, body .content-section.white-section.myco-footer-top, body .padding-top-bottom-small.myco-footer-top, body .myco-footer-top .myco-footer-wrap, body .myco-footer-top .myco-footer-row, body .myco-footer-top .myco-footer-locations, body .myco-footer-top .loc, body .myco-footer-top .myco-footer-copy, body .myco-footer-top .myco-footer-social { background: #f2f2f2 !important; background-color: #f2f2f2 !important; box-shadow: none !important; border: 0 !important; } body .myco-footer-top { width: 100% !important; margin: 0 !important; padding: 18px 0 8px 0 !important; overflow: hidden !important; } body .myco-footer-wrap { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 18px !important; } body .myco-footer-locations { width: 100% !important; display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 20px !important; align-items: start !important; padding: 0 0 58px 0 !important; margin: 0 !important; } body .myco-footer-locations .loc-arg { text-align: left !important; } body .myco-footer-locations .loc-miami { text-align: center !important; } body .myco-footer-locations .loc-mex { text-align: right !important; } /* Direcciones negras */ body .myco-footer-locations .country { margin: 0 0 4px 0 !important; padding: 0 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 11px !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: 0.1px !important; text-transform: uppercase !important; } body .myco-footer-locations .address-main, body .myco-footer-locations .address-sub { margin: 0 0 3px 0 !important; padding: 0 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 300 !important; letter-spacing: 0.1px !important; text-transform: uppercase !important; } body .myco-footer-row--bottom { width: 100% !important; min-height: 18px !important; padding: 0 !important; margin: 0 !important; background: #f2f2f2 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } /* Copyright blanco */ body .myco-footer-copy, body .myco-footer-copy *, body .myco-footer-copy p, body .myco-footer-copy span, body .myco-footer-copy a { display: inline-block !important; visibility: visible !important; opacity: 1 !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 8px !important; line-height: 1 !important; font-weight: 300 !important; letter-spacing: 0.35px !important; text-decoration: none !important; } /* Redes blancas visibles */ body .myco-footer-social { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; opacity: 1 !important; visibility: visible !important; width: auto !important; height: auto !important; overflow: visible !important; } body .myco-footer-social *, body .myco-footer-social a, body .myco-footer-social i, body .myco-footer-social span, body .myco-footer-social svg { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; font-size: 11px !important; line-height: 1 !important; text-decoration: none !important; width: auto !important; height: auto !important; max-width: none !important; max-height: none !important; } body .myco-footer-social a:hover { opacity: 0.55 !important; } /* Ocultar residuos/cruces */ body footer .cross, body footer .close, body footer .cd-close, body footer .footer-cross, body footer .menu-cross, body .myco-footer-top .cross, body .myco-footer-top .close, body .myco-footer-top .cd-close { display: none !important; } @media only screen and (max-width: 768px) { body .myco-footer-top { padding: 22px 0 10px 0 !important; } body .myco-footer-locations { grid-template-columns: 1fr !important; gap: 22px !important; padding-bottom: 34px !important; } body .myco-footer-locations .loc-arg, body .myco-footer-locations .loc-miami, body .myco-footer-locations .loc-mex { text-align: center !important; } body .myco-footer-row--bottom { justify-content: center !important; gap: 14px !important; } } /* ===================================================== SETUNUM FIX 18062026 - ABOUT HAMBURGUESA NEGRA AL SCROLL Fuerza icono negro con o sin clase header-mt y aunque scrolltop.js la quite. ===================================================== */ body.setunum-about-black .cd-header .cd-nav-trigger, body.setunum-about-black .cd-header .cd-nav-trigger.header-mt, body[class*="about"] .cd-header .cd-nav-trigger, body[class*="sobre"] .cd-header .cd-nav-trigger, body[class*="nosotros"] .cd-header .cd-nav-trigger, body.page-template-about .cd-header .cd-nav-trigger, body.page-template-page-templates-about-php .cd-header .cd-nav-trigger { color: #000000 !important; -webkit-text-fill-color: #000000 !important; filter: none !important; -webkit-filter: none !important; opacity: 1 !important; } body.setunum-about-black .cd-header .cd-nav-trigger .cd-nav-icon, body.setunum-about-black .cd-header .cd-nav-trigger .cd-nav-icon::before, body.setunum-about-black .cd-header .cd-nav-trigger .cd-nav-icon::after, body.setunum-about-black .cd-header .cd-nav-trigger.header-mt .cd-nav-icon, body.setunum-about-black .cd-header .cd-nav-trigger.header-mt .cd-nav-icon::before, body.setunum-about-black .cd-header .cd-nav-trigger.header-mt .cd-nav-icon::after, body[class*="about"] .cd-header .cd-nav-trigger .cd-nav-icon, body[class*="about"] .cd-header .cd-nav-trigger .cd-nav-icon::before, body[class*="about"] .cd-header .cd-nav-trigger .cd-nav-icon::after, body[class*="sobre"] .cd-header .cd-nav-trigger .cd-nav-icon, body[class*="sobre"] .cd-header .cd-nav-trigger .cd-nav-icon::before, body[class*="sobre"] .cd-header .cd-nav-trigger .cd-nav-icon::after, body[class*="nosotros"] .cd-header .cd-nav-trigger .cd-nav-icon, body[class*="nosotros"] .cd-header .cd-nav-trigger .cd-nav-icon::before, body[class*="nosotros"] .cd-header .cd-nav-trigger .cd-nav-icon::after, body.page-template-about .cd-header .cd-nav-trigger .cd-nav-icon, body.page-template-about .cd-header .cd-nav-trigger .cd-nav-icon::before, body.page-template-about .cd-header .cd-nav-trigger .cd-nav-icon::after, body.page-template-page-templates-about-php .cd-header .cd-nav-trigger .cd-nav-icon, body.page-template-page-templates-about-php .cd-header .cd-nav-trigger .cd-nav-icon::before, body.page-template-page-templates-about-php .cd-header .cd-nav-trigger .cd-nav-icon::after { background: #000000 !important; background-color: #000000 !important; border-color: #000000 !important; color: #000000 !important; opacity: 1 !important; } body.setunum-about-black .cd-header .cd-nav-trigger svg, body.setunum-about-black .cd-header .cd-nav-trigger svg *, body.setunum-about-black .cd-header .cd-nav-trigger circle, body[class*="about"] .cd-header .cd-nav-trigger svg, body[class*="about"] .cd-header .cd-nav-trigger svg *, body[class*="about"] .cd-header .cd-nav-trigger circle, body[class*="sobre"] .cd-header .cd-nav-trigger svg, body[class*="sobre"] .cd-header .cd-nav-trigger svg *, body[class*="sobre"] .cd-header .cd-nav-trigger circle, body[class*="nosotros"] .cd-header .cd-nav-trigger svg, body[class*="nosotros"] .cd-header .cd-nav-trigger svg *, body[class*="nosotros"] .cd-header .cd-nav-trigger circle { stroke: #000000 !important; fill: transparent !important; opacity: 1 !important; } body.setunum-about-black.navigation-is-open .cd-header .cd-nav-trigger .cd-nav-icon, body.setunum-about-black.navigation-is-open .cd-header .cd-nav-trigger .cd-nav-icon::before, body.setunum-about-black.navigation-is-open .cd-header .cd-nav-trigger .cd-nav-icon::after { background-color: #000000 !important; border-color: #000000 !important; } /* ===================================================== SETUNUM FIX 18062026 - TEAM IMAGEN 4 BORDES IGUALES Corrige borde inferior no redondeado ===================================================== */ .elementor-widget-bdevs-team .team-box { overflow: visible !important; } .elementor-widget-bdevs-team .setunum-team-image-wrap, .elementor-widget-bdevs-team .team-box .setunum-team-image-wrap { width: 100% !important; aspect-ratio: 1 / 1 !important; display: block !important; position: relative !important; overflow: hidden !important; border-radius: 24px !important; -webkit-border-radius: 24px !important; clip-path: inset(0 0 0 0 round 24px) !important; -webkit-clip-path: inset(0 0 0 0 round 24px) !important; transform: translateZ(0) !important; -webkit-transform: translateZ(0) !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; mask-image: radial-gradient(#ffffff, #000000) !important; -webkit-mask-image: -webkit-radial-gradient(#ffffff, #000000) !important; box-shadow: none !important; background: transparent !important; } .elementor-widget-bdevs-team .setunum-team-image-wrap img, .elementor-widget-bdevs-team .team-box .setunum-team-image-wrap img, .elementor-widget-bdevs-team img.setunum-team-image, .elementor-widget-bdevs-team .team-box img.setunum-team-image, .elementor-widget-bdevs-team .team-box > img, .team-box img.setunum-team-image { width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; display: block !important; object-fit: cover !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 24px !important; -webkit-border-radius: 24px !important; overflow: hidden !important; clip-path: inset(0 0 0 0 round 24px) !important; -webkit-clip-path: inset(0 0 0 0 round 24px) !important; transform: translateZ(0) !important; -webkit-transform: translateZ(0) !important; box-shadow: none !important; vertical-align: top !important; } .elementor-widget-bdevs-team .team-box figure, .elementor-widget-bdevs-team .team-box .tipped, .elementor-widget-bdevs-team .member-image, .elementor-widget-bdevs-team .team-image, .elementor-widget-bdevs-team .team-photo { border-radius: 24px !important; -webkit-border-radius: 24px !important; overflow: hidden !important; } /* SETUNUM 18062026 - FOOTER BOTTOM WHITE FIX La parte inferior de copyright y redes NO debe ser gris. */ body .myco-footer-top .myco-footer-row--bottom, body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy, body .myco-footer-top .myco-footer-row--bottom .myco-footer-social { background: #ffffff !important; background-color: #ffffff !important; } body .myco-footer-top .myco-footer-row--bottom { width: 100% !important; min-height: 24px !important; padding: 0 18px !important; margin: 0 -18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; box-shadow: none !important; border: 0 !important; } body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy, body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy *, body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy p, body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy span, body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy a, body .myco-footer-top .myco-footer-row--bottom .myco-footer-social, body .myco-footer-top .myco-footer-row--bottom .myco-footer-social *, body .myco-footer-top .myco-footer-row--bottom .myco-footer-social a, body .myco-footer-top .myco-footer-row--bottom .myco-footer-social i, body .myco-footer-top .myco-footer-row--bottom .myco-footer-social span, body .myco-footer-top .myco-footer-row--bottom .myco-footer-social svg { color: #000000 !important; -webkit-text-fill-color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; } /* ===================================================== SETUNUM FINAL 18062026 - TEAM / ABOUT / FOOTER AJUSTE REAL - Team: 4 bordes curvos iguales abajo y arriba. - Team: 4 columnas desktop. - About/Sobre Nosotros: hamburguesa negra incluso con scroll. - Footer: arriba gris, bottom copyright/redes blanco. ===================================================== */ /* TEAM: 4 columnas reales */ body .elementor-widget-bdevs-team .row, body .elementor-widget-bdevs-team .container .row, body .elementor-widget-bdevs-team .team-row, body .elementor-widget-bdevs-team .team-members, body .elementor-widget-bdevs-team .team-holder { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; } body .elementor-widget-bdevs-team .one-third.column, body .elementor-widget-bdevs-team .columns.one-third, body .elementor-widget-bdevs-team .column.one-third { width: 25% !important; max-width: 25% !important; flex: 0 0 25% !important; float: none !important; clear: none !important; margin: 0 !important; padding: 0 14px 30px 14px !important; box-sizing: border-box !important; } /* TEAM: wrapper de imagen con clip real */ body .elementor-widget-bdevs-team .team-box { width: 100% !important; max-width: 100% !important; margin: 0 auto 24px auto !important; padding: 0 !important; text-align: center !important; overflow: visible !important; background: transparent !important; } body .elementor-widget-bdevs-team .setunum-team-image-wrap, body .elementor-widget-bdevs-team .team-box .setunum-team-image-wrap { width: 100% !important; aspect-ratio: 1 / 1 !important; display: block !important; position: relative !important; overflow: hidden !important; border-radius: 24px !important; -webkit-border-radius: 24px !important; background: transparent !important; line-height: 0 !important; box-shadow: none !important; isolation: isolate !important; transform: translateZ(0) !important; -webkit-transform: translateZ(0) !important; clip-path: inset(0 round 24px) !important; -webkit-clip-path: inset(0 round 24px) !important; } /* TEAM: imagen llena el wrapper; bordes inferiores incluidos */ body .elementor-widget-bdevs-team .setunum-team-image-wrap img, body .elementor-widget-bdevs-team .team-box .setunum-team-image-wrap img, body .elementor-widget-bdevs-team img.setunum-team-image, body .elementor-widget-bdevs-team .team-box img.setunum-team-image, body .elementor-widget-bdevs-team .team-box img.tipped, body .elementor-widget-bdevs-team .team-box > img, body .team-box .setunum-team-image-wrap img, body .team-box img.setunum-team-image { width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; display: block !important; object-fit: cover !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 24px !important; -webkit-border-radius: 24px !important; overflow: hidden !important; line-height: 0 !important; vertical-align: top !important; box-shadow: none !important; transform: translateZ(0) !important; -webkit-transform: translateZ(0) !important; clip-path: inset(0 round 24px) !important; -webkit-clip-path: inset(0 round 24px) !important; mask-image: radial-gradient(#fff, #000) !important; -webkit-mask-image: -webkit-radial-gradient(#fff, #000) !important; } /* Corrige cualquier regla heredada con solo esquinas superiores */ body .elementor-widget-bdevs-team .setunum-team-image-wrap, body .elementor-widget-bdevs-team .setunum-team-image-wrap *, body .elementor-widget-bdevs-team .team-box img, body .elementor-widget-bdevs-team .team-box .tipped { border-top-left-radius: 24px !important; border-top-right-radius: 24px !important; border-bottom-right-radius: 24px !important; border-bottom-left-radius: 24px !important; } /* Nombre y texto de abajo separados por 2px */ body .elementor-widget-bdevs-team .team-box h5, body .elementor-widget-bdevs-team .team-box .setunum-team-title { margin-top: 13px !important; margin-bottom: 2px !important; padding: 0 !important; } body .elementor-widget-bdevs-team .team-box .setunum-team-extra, body .elementor-widget-bdevs-team .team-box .team-extra-text { margin-top: 2px !important; padding-top: 0 !important; } @media (max-width: 1024px) { body .elementor-widget-bdevs-team .one-third.column, body .elementor-widget-bdevs-team .columns.one-third, body .elementor-widget-bdevs-team .column.one-third { width: 50% !important; max-width: 50% !important; flex-basis: 50% !important; } } @media (max-width: 600px) { body .elementor-widget-bdevs-team .one-third.column, body .elementor-widget-bdevs-team .columns.one-third, body .elementor-widget-bdevs-team .column.one-third { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } /* ABOUT: hamburguesa negra siempre, cargando y scroll */ body.setunum-about-black .cd-nav-trigger, body.setunum-about-black .cd-nav-trigger.header-mt, body.setunum-about-black .cd-header .cd-nav-trigger, body.setunum-about-black .cd-header .cd-nav-trigger.header-mt, body[class*="about"] .cd-nav-trigger, body[class*="sobre"] .cd-nav-trigger, body[class*="nosotros"] .cd-nav-trigger, body[class*="about"] .cd-header .cd-nav-trigger, body[class*="sobre"] .cd-header .cd-nav-trigger, body[class*="nosotros"] .cd-header .cd-nav-trigger { color: #000000 !important; -webkit-text-fill-color: #000000 !important; opacity: 1 !important; filter: none !important; } body.setunum-about-black .cd-nav-trigger span, body.setunum-about-black .cd-nav-trigger span::before, body.setunum-about-black .cd-nav-trigger span::after, body.setunum-about-black .cd-nav-trigger .cd-nav-icon, body.setunum-about-black .cd-nav-trigger .cd-nav-icon::before, body.setunum-about-black .cd-nav-trigger .cd-nav-icon::after, body.setunum-about-black .cd-nav-trigger.header-mt span, body.setunum-about-black .cd-nav-trigger.header-mt span::before, body.setunum-about-black .cd-nav-trigger.header-mt span::after, body.setunum-about-black .cd-nav-trigger.header-mt .cd-nav-icon, body.setunum-about-black .cd-nav-trigger.header-mt .cd-nav-icon::before, body.setunum-about-black .cd-nav-trigger.header-mt .cd-nav-icon::after, body[class*="about"] .cd-nav-trigger span, body[class*="about"] .cd-nav-trigger span::before, body[class*="about"] .cd-nav-trigger span::after, body[class*="sobre"] .cd-nav-trigger span, body[class*="sobre"] .cd-nav-trigger span::before, body[class*="sobre"] .cd-nav-trigger span::after, body[class*="nosotros"] .cd-nav-trigger span, body[class*="nosotros"] .cd-nav-trigger span::before, body[class*="nosotros"] .cd-nav-trigger span::after { background: #000000 !important; background-color: #000000 !important; border-color: #000000 !important; color: #000000 !important; opacity: 1 !important; } /* FOOTER: superior gris */ body .myco-footer-top, body .myco-footer-top.white-section, body .content-section.myco-footer-top, body .content-section.white-section.myco-footer-top, body .myco-footer-top .myco-footer-wrap, body .myco-footer-top .myco-footer-row--top, body .myco-footer-top .myco-footer-locations, body .myco-footer-top .myco-footer-locations .loc { background: #f2f2f2 !important; background-color: #f2f2f2 !important; box-shadow: none !important; border: 0 !important; } body .myco-footer-top { padding: 18px 0 0 0 !important; margin: 0 !important; overflow: hidden !important; } body .myco-footer-top .myco-footer-wrap { width: 100% !important; max-width: 100% !important; padding: 0 18px !important; margin: 0 auto !important; } body .myco-footer-top .myco-footer-locations { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 20px !important; align-items: start !important; padding: 0 0 58px 0 !important; margin: 0 !important; } body .myco-footer-top .loc-arg { text-align: left !important; } body .myco-footer-top .loc-miami { text-align: center !important; } body .myco-footer-top .loc-mex { text-align: right !important; } /* FOOTER: bottom blanco */ body .myco-footer-top .myco-footer-row--bottom, body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy, body .myco-footer-top .myco-footer-row--bottom .myco-footer-social, body .myco-footer-top .myco-footer-row--bottom .widget, body .myco-footer-top .myco-footer-row--bottom .widget * { background: #ffffff !important; background-color: #ffffff !important; } body .myco-footer-top .myco-footer-row--bottom { width: calc(100% + 36px) !important; min-height: 24px !important; height: 24px !important; padding: 0 18px !important; margin: 0 -18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; box-shadow: none !important; border: 0 !important; } body .myco-footer-top .myco-footer-copy, body .myco-footer-top .myco-footer-copy *, body .myco-footer-top .myco-footer-social, body .myco-footer-top .myco-footer-social *, body .myco-footer-top .myco-footer-social a, body .myco-footer-top .myco-footer-social i, body .myco-footer-top .myco-footer-social span, body .myco-footer-top .myco-footer-social svg { color: #000000 !important; -webkit-text-fill-color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; text-decoration: none !important; } @media (max-width: 768px) { body .myco-footer-top .myco-footer-locations { grid-template-columns: 1fr !important; gap: 22px !important; padding-bottom: 34px !important; } body .myco-footer-top .loc-arg, body .myco-footer-top .loc-miami, body .myco-footer-top .loc-mex { text-align: center !important; } } /* ===================================================== SETUNUM FOOTER DEFINITIVO 18062026 Referencia: bloque superior gris + barra inferior blanca ===================================================== */ html body .myco-footer-top, html body .content-section.myco-footer-top, html body .content-section.white-section.myco-footer-top, html body .myco-footer-top.white-section, html body .padding-top-bottom-small.myco-footer-top { width: 100% !important; background: #f2f2f2 !important; background-color: #f2f2f2 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; overflow: hidden !important; } html body .myco-footer-top .container, html body .myco-footer-top .myco-footer-wrap { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Zona gris superior */ html body .myco-footer-top .myco-footer-row--top { width: 100% !important; min-height: 155px !important; height: 155px !important; max-height: 155px !important; background: #f2f2f2 !important; background-color: #f2f2f2 !important; margin: 0 !important; padding: 18px 18px 0 18px !important; border: 0 !important; box-shadow: none !important; overflow: hidden !important; display: block !important; } html body .myco-footer-top .myco-footer-locations { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; column-gap: 20px !important; row-gap: 0 !important; align-items: start !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body .myco-footer-top .myco-footer-locations .loc { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body .myco-footer-top .myco-footer-locations .loc-arg { text-align: left !important; } html body .myco-footer-top .myco-footer-locations .loc-miami { text-align: center !important; } html body .myco-footer-top .myco-footer-locations .loc-mex { text-align: right !important; } html body .myco-footer-top .myco-footer-locations .country { margin: 0 0 4px 0 !important; padding: 0 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 12px !important; line-height: 1.05 !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: uppercase !important; } html body .myco-footer-top .myco-footer-locations .address-main, html body .myco-footer-top .myco-footer-locations .address-sub { margin: 0 0 3px 0 !important; padding: 0 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 300 !important; letter-spacing: 0 !important; text-transform: uppercase !important; } /* Barra inferior blanca */ html body .myco-footer-top .myco-footer-row--bottom { width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; margin: 0 !important; padding: 0 18px !important; background: #ffffff !important; background-color: #ffffff !important; border: 0 !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important; overflow: hidden !important; box-sizing: border-box !important; } html body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy, html body .myco-footer-top .myco-footer-row--bottom .myco-footer-social, html body .myco-footer-top .myco-footer-row--bottom .widget, html body .myco-footer-top .myco-footer-row--bottom .widget * { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } html body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy { display: block !important; flex: 0 1 auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; } html body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy, html body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy *, html body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy p, html body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy span, html body .myco-footer-top .myco-footer-row--bottom .myco-footer-copy a { color: #000000 !important; -webkit-text-fill-color: #000000 !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 8px !important; line-height: 1 !important; font-weight: 300 !important; letter-spacing: 0.35px !important; text-decoration: none !important; margin: 0 !important; padding: 0 !important; } html body .myco-footer-top .myco-footer-row--bottom .myco-footer-social { display: flex !important; flex: 0 0 auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; overflow: visible !important; } html body .myco-footer-top .myco-footer-row--bottom .myco-footer-social *, html body .myco-footer-top .myco-footer-row--bottom .myco-footer-social a, html body .myco-footer-top .myco-footer-row--bottom .myco-footer-social i, html body .myco-footer-top .myco-footer-row--bottom .myco-footer-social span, html body .myco-footer-top .myco-footer-row--bottom .myco-footer-social svg { display: inline-flex !important; width: auto !important; height: auto !important; max-width: none !important; max-height: none !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; font-size: 11px !important; line-height: 1 !important; text-decoration: none !important; margin: 0 !important; padding: 0 !important; } html body .myco-footer-top::before, html body .myco-footer-top::after, html body .myco-footer-top .myco-footer-wrap::before, html body .myco-footer-top .myco-footer-wrap::after, html body .myco-footer-top .myco-footer-row::before, html body .myco-footer-top .myco-footer-row::after { display: none !important; content: none !important; } @media (max-width: 768px) { html body .myco-footer-top .myco-footer-row--top { height: auto !important; max-height: none !important; min-height: 155px !important; padding: 24px 18px 38px 18px !important; } html body .myco-footer-top .myco-footer-locations { grid-template-columns: 1fr !important; gap: 22px !important; } html body .myco-footer-top .myco-footer-locations .loc-arg, html body .myco-footer-top .myco-footer-locations .loc-miami, html body .myco-footer-top .myco-footer-locations .loc-mex { text-align: center !important; } html body .myco-footer-top .myco-footer-row--bottom { height: 30px !important; min-height: 30px !important; max-height: 30px !important; padding: 0 14px !important; } } /* =============================== SETUNUM 18062026 - TEAM nombre/posición más juntos Reduce 2px la separación entre nombre y posición/texto =============================== */ .team-box h1, .team-box h2, .team-box h3, .team-box h4, .team-box h5, .team-box h6, .elementor-widget-bdevs-team .team-box h1, .elementor-widget-bdevs-team .team-box h2, .elementor-widget-bdevs-team .team-box h3, .elementor-widget-bdevs-team .team-box h4, .elementor-widget-bdevs-team .team-box h5, .elementor-widget-bdevs-team .team-box h6, .team-box .team-title, .team-box .team-name, .team-box .setunum-team-title, .elementor-widget-bdevs-team .team-title, .elementor-widget-bdevs-team .team-name, .elementor-widget-bdevs-team .setunum-team-title { margin-bottom: 0 !important; padding-bottom: 0 !important; } .team-box p, .team-box .team-role, .team-box .team-subtitle, .team-box .member-role, .team-box .member-subtitle, .team-box .setunum-team-extra, .team-box .team-extra-text, .elementor-widget-bdevs-team .team-role, .elementor-widget-bdevs-team .team-subtitle, .elementor-widget-bdevs-team .member-role, .elementor-widget-bdevs-team .member-subtitle, .elementor-widget-bdevs-team .setunum-team-extra, .elementor-widget-bdevs-team .team-extra-text { margin-top: 0 !important; padding-top: 0 !important; } /* =============================== SETUNUM 18062026 - TEAM texto más chico Ajusta tamaño de nombre y posición/texto, no separación =============================== */ body .elementor-widget-bdevs-team .team-box h5, body .elementor-widget-bdevs-team .team-box .setunum-team-title, body .team-box h5, body .team-box .setunum-team-title { font-size: 14px !important; line-height: 1.15 !important; margin-top: 14px !important; margin-bottom: 6px !important; } body .elementor-widget-bdevs-team .team-box .setunum-team-extra, body .elementor-widget-bdevs-team .team-box .team-extra-text, body .team-box .setunum-team-extra, body .team-box .team-extra-text { font-size: 15px !important; line-height: 1.25 !important; margin-top: 0 !important; margin-bottom: 10px !important; } /* ===================================================== SETUNUM 19062026 - REVISION PROJECTS MEDIA REAL Evita cuadros negros y respeta aspecto h/m/p sin deformar. ===================================================== */ #projects-grid .portfolio-box-1, #setunum-clean-projects .portfolio-box-1 { background: #ffffff !important; } #projects-grid .portfolio-box-1 .media-ratio, #setunum-clean-projects .portfolio-box-1 .media-ratio { width: 100% !important; height: 100% !important; display: block !important; position: relative !important; background: #ffffff !important; overflow: hidden !important; } #projects-grid .portfolio-box-1 img, #projects-grid .portfolio-box-1 video, #setunum-clean-projects .portfolio-box-1 img, #setunum-clean-projects .portfolio-box-1 video { width: 100% !important; height: 100% !important; min-height: 100% !important; display: block !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; background: #ffffff !important; } #projects-grid .portfolio-box-1 video:not([src]) + source, #setunum-clean-projects .portfolio-box-1 video:not([src]) + source { display: none !important; } #projects-grid .setunum-project-empty-media, #setunum-clean-projects .setunum-project-empty-media { width: 100% !important; height: 100% !important; min-height: 160px !important; background: #ffffff !important; } #projects-grid .portfolio-box-1 .mask-1, #setunum-clean-projects .portfolio-box-1 .mask-1 { background: rgba(255,255,255,0) !important; pointer-events: auto !important; } #projects-grid .portfolio-box-1:hover .mask-1, #setunum-clean-projects .portfolio-box-1:hover .mask-1 { background: rgba(255,255,255,.18) !important; } /* ===================================================== SETUNUM 19062026 - PROJECTS REVISION TOTAL h/m/p separados, media visible, popup imagen/video, carga adaptativa ===================================================== */ #projects-grid, #setunum-clean-projects { background: #ffffff !important; } #projects-grid .portfolio-box-1, #setunum-clean-projects .portfolio-box-1 { background: #ffffff !important; overflow: hidden !important; cursor: pointer !important; } #projects-grid .portfolio-box-1 .media-ratio, #setunum-clean-projects .portfolio-box-1 .media-ratio { width: 100% !important; height: 100% !important; min-height: 100% !important; display: block !important; position: relative !important; overflow: hidden !important; background: #ffffff !important; } #projects-grid .portfolio-box-1 img, #projects-grid .portfolio-box-1 video, #setunum-clean-projects .portfolio-box-1 img, #setunum-clean-projects .portfolio-box-1 video { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; display: block !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; background: #ffffff !important; } #projects-grid .setunum-project-empty-media, #setunum-clean-projects .setunum-project-empty-media { width: 100% !important; height: 100% !important; min-height: 240px !important; background: #ffffff !important; } #setunum-clean-projects .portfolio-box-1.setunum-filter-hidden, #projects-grid .portfolio-box-1.setunum-filter-hidden { display: none !important; } #setunum-clean-projects .portfolio-box-1 .mask-1, #projects-grid .portfolio-box-1 .mask-1 { background: transparent !important; pointer-events: auto !important; } #setunum-clean-projects .portfolio-box-1:hover .mask-1, #projects-grid .portfolio-box-1:hover .mask-1 { background: rgba(255,255,255,.16) !important; } #video-lightbox .video-lightbox-stage { display: flex !important; align-items: center !important; justify-content: center !important; } #video-lightbox-image.video-lightbox-image { width: auto !important; height: auto !important; max-width: 92vw !important; max-height: 88vh !important; object-fit: contain !important; display: none; background: transparent !important; } #video-lightbox-player, #video-lightbox-iframe { max-width: 92vw !important; max-height: 88vh !important; } /* Laptop 1024 y pantallas chicas: el grid conserva formato sin deformar */ @media (max-width: 1024px) { #setunum-clean-projects .setunum-project-row { gap: 2px !important; } } @media (max-width: 767px) { #setunum-clean-projects .portfolio-box-1.setunum-item-horizontal, #setunum-clean-projects .portfolio-box-1.setunum-horizontal { aspect-ratio: 16 / 9 !important; } #setunum-clean-projects .portfolio-box-1.setunum-item-vertical, #setunum-clean-projects .portfolio-box-1.setunum-vertical, #setunum-clean-projects .portfolio-box-1.setunum-item-square, #setunum-clean-projects .portfolio-box-1.setunum-square { aspect-ratio: 9 / 16 !important; } } /* ===================================================== SETUNUM 19062026 FINAL - Project image/video lightbox ===================================================== */ #video-lightbox .video-lightbox-stage.setunum-image-mode { aspect-ratio: auto !important; height: auto !important; min-height: 0 !important; background: transparent !important; overflow: visible !important; } #video-lightbox .video-lightbox-stage.setunum-image-mode #video-lightbox-player, #video-lightbox .video-lightbox-stage.setunum-image-mode #video-lightbox-iframe { display: none !important; } #video-lightbox .video-lightbox-stage.setunum-video-mode #video-lightbox-image { display: none !important; } #video-lightbox-image.video-lightbox-image { display: none; width: auto !important; height: auto !important; max-width: 94vw !important; max-height: 88vh !important; object-fit: contain !important; background: transparent !important; box-shadow: none !important; border: 0 !important; } #video-lightbox .video-lightbox-inner:has(.setunum-image-mode) { width: auto !important; max-width: 94vw !important; background: transparent !important; box-shadow: none !important; } #projects-grid .portfolio-box-1 img, #setunum-clean-projects .portfolio-box-1 img { display: block !important; opacity: 1 !important; visibility: visible !important; width: 100% !important; height: 100% !important; object-fit: cover !important; background: #ffffff !important; } #projects-grid .portfolio-box-1, #setunum-clean-projects .portfolio-box-1, #projects-grid .media-ratio, #setunum-clean-projects .media-ratio { background: #ffffff !important; } /* ===================================================== SETUNUM 19062026 - LOGO CARGA SEGURA Precarga visual, fallback local y visibilidad constante ===================================================== */ .cd-header .logo.setunum-logo, .cd-header .logo { min-width: 118px !important; min-height: 28px !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; } .cd-header .logo.setunum-logo a, .cd-header .logo a { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 118px !important; min-height: 28px !important; background: transparent !important; } .cd-header .logo.setunum-logo img, .cd-header .logo img { opacity: 1 !important; visibility: visible !important; display: block !important; object-fit: contain !important; object-position: center center !important; max-height: 50px !important; background: transparent !important; } body.setunum-about-black .cd-header .logo img, body.page-template-about .cd-header .logo img, body[class*="about"] .cd-header .logo img, body[class*="sobre"] .cd-header .logo img, body[class*="nosotros"] .cd-header .logo img, body.setunum-contact-page .cd-header .logo img, body.setunum-media-page .cd-header .logo img, body.setunum-producciones-page .cd-header .logo img, body.setunum-dark-logo-page .cd-header .logo img { opacity: 1 !important; visibility: visible !important; filter: brightness(0) !important; -webkit-filter: brightness(0) !important; } /* Si el navegador muestra el icono de imagen rota, que no reserve un bloque negro */ .cd-header .logo img[src=""], .cd-header .logo img:not([src]) { width: 130px !important; height: 24px !important; background: transparent !important; } /* ===================================================== SETUNUM 19062026 - MODELO PROJECTS POR TYPE h = Home/All: 16:9 + 3 verticales + 16:9 + adaptativo m = Media: 16:9 + 2 verticales + 16:9 + 3 verticales + 16:9 + adaptativo p = Producciones: todos 16:9 uno debajo de otro ===================================================== */ #setunum-clean-projects .setunum-project-row { width: 100% !important; display: flex !important; flex-wrap: nowrap !important; gap: 2px !important; background: #ffffff !important; overflow: hidden !important; align-items: stretch !important; } #setunum-clean-projects .setunum-row-single-horizontal .portfolio-box-1, #setunum-clean-projects .setunum-row-produccion-horizontal .portfolio-box-1, #setunum-clean-projects .setunum-row-media-horizontal .portfolio-box-1, #setunum-clean-projects .setunum-row-primer-horizontal .portfolio-box-1, #setunum-clean-projects .setunum-row-quinto-horizontal .portfolio-box-1 { flex: 0 0 100% !important; width: 100% !important; aspect-ratio: 16 / 9 !important; height: auto !important; } #setunum-clean-projects .setunum-row-media-dos-verticales .portfolio-box-1, #setunum-clean-projects .setunum-row-verticals.setunum-count-2 .portfolio-box-1 { flex: 0 0 calc(50% - 1px) !important; width: calc(50% - 1px) !important; aspect-ratio: 9 / 16 !important; height: auto !important; } #setunum-clean-projects .setunum-row-media-tres-verticales .portfolio-box-1, #setunum-clean-projects .setunum-row-primeros-verticales .portfolio-box-1, #setunum-clean-projects .setunum-row-verticals.setunum-count-3 .portfolio-box-1 { flex: 0 0 calc(33.333% - 2px) !important; width: calc(33.333% - 2px) !important; aspect-ratio: 9 / 16 !important; height: auto !important; } #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-item-horizontal, #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-horizontal { flex: 0 0 calc(66.666% - 1px) !important; width: calc(66.666% - 1px) !important; height: 100% !important; aspect-ratio: auto !important; } #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-item-vertical, #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-vertical, #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-item-square, #setunum-clean-projects .setunum-row-mixed .portfolio-box-1.setunum-square { flex: 0 0 calc(33.333% - 1px) !important; width: calc(33.333% - 1px) !important; height: 100% !important; aspect-ratio: auto !important; } #setunum-clean-projects .portfolio-box-1, #setunum-clean-projects .portfolio-box-1 .media-ratio { background: #ffffff !important; overflow: hidden !important; } #setunum-clean-projects .portfolio-box-1 img, #setunum-clean-projects .portfolio-box-1 video, #setunum-clean-projects .portfolio-box-1 iframe { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; object-position: center center !important; background: #ffffff !important; } @media (max-width: 767px) { #setunum-clean-projects .setunum-project-row { flex-direction: column !important; height: auto !important; } #setunum-clean-projects .setunum-project-row .portfolio-box-1 { flex: 0 0 100% !important; width: 100% !important; } } /* SETUNUM 08072026 - Header contacto WhatsApp desktop + mobile adaptativo */ .cd-header .setunum-header-contact { position: fixed !important; top: 48px !important; right: 28px !important; z-index: 10000 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; min-height: 54px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; color: #ffffff !important; text-decoration: none !important; pointer-events: auto !important; opacity: 1 !important; } .cd-header .setunum-header-contact img { display: block !important; width: 54px !important; max-width: 54px !important; height: 54px !important; max-height: 54px !important; object-fit: contain !important; object-position: center center !important; pointer-events: none !important; } .cd-header .setunum-header-contact:hover { opacity: .72 !important; transform: scale(1.04) !important; } body:not(.setunum-is-front-page) .cd-header .setunum-header-contact, body.setunum-contact-page .cd-header .setunum-header-contact { display: none !important; visibility: hidden !important; pointer-events: none !important; } @media only screen and (min-width: 1170px) { .cd-header .setunum-header-contact { top: 48px !important; right: 28px !important; } } @media only screen and (max-width: 767px) { .cd-header { height: 82px !important; } .cd-header .setunum-header-contact { top: 18px !important; right: 16px !important; display: inline-flex !important; width: 46px !important; height: 46px !important; min-height: 46px !important; } .cd-header .setunum-header-contact img { width: 46px !important; max-width: 46px !important; height: 46px !important; max-height: 46px !important; } .cd-nav-trigger, .cd-nav-trigger.header-mt { top: 16px !important; left: 16px !important; width: 48px !important; height: 48px !important; } .cd-nav-trigger svg { width: 48px !important; height: 48px !important; } .cd-nav-trigger .cd-nav-icon { width: 22px !important; } .logo, .cd-header .logo { top: 31px !important; left: 88px !important; max-width: calc(100vw - 128px) !important; } .logo img, .cd-header .logo img { width: clamp(96px, 32vw, 118px) !important; max-width: calc(100vw - 128px) !important; height: auto !important; } .cd-header .logo.setunum-logo, .cd-header .logo { min-width: 0 !important; min-height: 24px !important; } .cd-header .logo.setunum-logo a, .cd-header .logo a { min-width: 0 !important; min-height: 24px !important; } .cd-nav { overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } .cd-nav .cd-navigation-wrapper { min-height: 100dvh !important; height: auto !important; overflow: visible !important; padding: 104px 28px 36px !important; box-sizing: border-box !important; } .cd-nav .cd-half-block { width: 100% !important; float: none !important; } .cd-nav .cd-primary-nav { margin-top: 0 !important; } .cd-nav .cd-primary-nav li { margin: .68em 0 !important; } .cd-nav .cd-primary-nav a { max-width: 100% !important; font-size: clamp(20px, 7vw, 30px) !important; line-height: 1.08 !important; letter-spacing: 1.5px !important; word-break: normal !important; overflow-wrap: anywhere !important; } .cd-nav .cd-contact-info { margin-top: 32px !important; padding-bottom: 24px !important; } .cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span { font-size: 13px !important; line-height: 1.35 !important; letter-spacing: 1px !important; word-break: normal !important; overflow-wrap: anywhere !important; } } /* SETUNUM 27062026 - Contacto: nombre/email arriba, mensaje abajo */ body.setunum-contact-page .section-main-header-text, body.setunum-contact-page .wpcf7, body.setunum-contact-page form, body.setunum-contact-page #ajax-form, body.setunum-contact-page .contact-form, body.setunum-contact-page .elementor-widget-form, body.setunum-contact-page .contact-details { width: min(100%, 760px) !important; max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } body.setunum-contact-page .section-main-header-text h1, body.setunum-contact-page .section-main-header-text h2, body.setunum-contact-page .section-main-header-text h3, body.setunum-contact-page .section-main-header-text h4, body.setunum-contact-page .section-main-header-text h5, body.setunum-contact-page .section-main-header-text h6, body.setunum-contact-page .section-main-header-text p, body.setunum-contact-page .line-header, body.setunum-contact-page .padding-bottom-line { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } body.setunum-contact-page .wpcf7 form, body.setunum-contact-page form.wpcf7-form, body.setunum-contact-page #ajax-form, body.setunum-contact-page .contact-form form { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 18px !important; align-items: start !important; } body.setunum-contact-page .wpcf7 form > p, body.setunum-contact-page form.wpcf7-form > p, body.setunum-contact-page #ajax-form > p, body.setunum-contact-page .contact-form form > p { grid-column: auto !important; } body.setunum-contact-page .wpcf7 form > p:nth-of-type(1), body.setunum-contact-page form.wpcf7-form > p:nth-of-type(1), body.setunum-contact-page #ajax-form > p:nth-of-type(1), body.setunum-contact-page .contact-form form > p:nth-of-type(1) { grid-column: 1 / 2 !important; } body.setunum-contact-page .wpcf7 form > p:nth-of-type(2), body.setunum-contact-page form.wpcf7-form > p:nth-of-type(2), body.setunum-contact-page #ajax-form > p:nth-of-type(2), body.setunum-contact-page .contact-form form > p:nth-of-type(2) { grid-column: 2 / 3 !important; } body.setunum-contact-page form p, body.setunum-contact-page .wpcf7 p, body.setunum-contact-page form label, body.setunum-contact-page .wpcf7 label, body.setunum-contact-page form input, body.setunum-contact-page form textarea, body.setunum-contact-page form select, body.setunum-contact-page .wpcf7 input, body.setunum-contact-page .wpcf7 textarea, body.setunum-contact-page .wpcf7 select, body.setunum-contact-page .wpcf7-form-control-wrap { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } body.setunum-contact-page form p:has(textarea), body.setunum-contact-page .wpcf7 p:has(textarea), body.setunum-contact-page form label:has(textarea), body.setunum-contact-page .wpcf7 label:has(textarea), body.setunum-contact-page form p:has(input[type='submit']), body.setunum-contact-page .wpcf7 p:has(input[type='submit']), body.setunum-contact-page form p:has(button[type='submit']), body.setunum-contact-page .wpcf7 p:has(button[type='submit']), body.setunum-contact-page form input[type='submit'], body.setunum-contact-page .wpcf7 input[type='submit'], body.setunum-contact-page form button[type='submit'], body.setunum-contact-page .wpcf7 button[type='submit'], body.setunum-contact-page .wpcf7-response-output { grid-column: 1 / -1 !important; } body.setunum-contact-page form textarea, body.setunum-contact-page .wpcf7 textarea { display: block !important; min-height: 160px !important; } body.setunum-contact-page form input, body.setunum-contact-page form textarea, body.setunum-contact-page form select, body.setunum-contact-page .wpcf7 input, body.setunum-contact-page .wpcf7 textarea, body.setunum-contact-page .wpcf7 select { display: block !important; } body.setunum-contact-page form input[type='submit'], body.setunum-contact-page .wpcf7 input[type='submit'], body.setunum-contact-page form button[type='submit'], body.setunum-contact-page .wpcf7 button[type='submit'] { justify-self: start !important; width: auto !important; min-width: 180px !important; } @media only screen and (max-width: 767px) { body.setunum-contact-page .section-main-header-text, body.setunum-contact-page .wpcf7, body.setunum-contact-page form, body.setunum-contact-page #ajax-form, body.setunum-contact-page .contact-form, body.setunum-contact-page .elementor-widget-form, body.setunum-contact-page .contact-details { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; } body.setunum-contact-page .wpcf7 form, body.setunum-contact-page form.wpcf7-form, body.setunum-contact-page #ajax-form, body.setunum-contact-page .contact-form form { grid-template-columns: 1fr !important; } body.setunum-contact-page .wpcf7 form > p:nth-of-type(1), body.setunum-contact-page form.wpcf7-form > p:nth-of-type(1), body.setunum-contact-page #ajax-form > p:nth-of-type(1), body.setunum-contact-page .contact-form form > p:nth-of-type(1), body.setunum-contact-page .wpcf7 form > p:nth-of-type(2), body.setunum-contact-page form.wpcf7-form > p:nth-of-type(2), body.setunum-contact-page #ajax-form > p:nth-of-type(2), body.setunum-contact-page .contact-form form > p:nth-of-type(2) { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - Contacto ajuste final: nombre/email, mensaje, boton */ body.setunum-contact-page .wpcf7 form, body.setunum-contact-page form.wpcf7-form, body.setunum-contact-page #ajax-form, body.setunum-contact-page .contact-form form { display: flex !important; flex-wrap: wrap !important; gap: 22px 32px !important; align-items: flex-start !important; } body.setunum-contact-page .wpcf7 form > p, body.setunum-contact-page form.wpcf7-form > p, body.setunum-contact-page #ajax-form > p, body.setunum-contact-page .contact-form form > p { flex: 0 0 calc(50% - 16px) !important; width: calc(50% - 16px) !important; max-width: calc(50% - 16px) !important; margin: 0 !important; box-sizing: border-box !important; } body.setunum-contact-page form p:has(textarea), body.setunum-contact-page .wpcf7 p:has(textarea), body.setunum-contact-page form label:has(textarea), body.setunum-contact-page .wpcf7 label:has(textarea) { order: 2 !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } body.setunum-contact-page form p:has(input[type='submit']), body.setunum-contact-page .wpcf7 p:has(input[type='submit']), body.setunum-contact-page form p:has(button[type='submit']), body.setunum-contact-page .wpcf7 p:has(button[type='submit']) { order: 3 !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } body.setunum-contact-page form textarea, body.setunum-contact-page .wpcf7 textarea { width: 100% !important; max-width: 100% !important; min-height: 170px !important; } body.setunum-contact-page form input[type='submit'], body.setunum-contact-page .wpcf7 input[type='submit'], body.setunum-contact-page form button[type='submit'], body.setunum-contact-page .wpcf7 button[type='submit'] { order: 3 !important; display: inline-flex !important; width: auto !important; min-width: 180px !important; margin-top: 0 !important; } @media only screen and (max-width: 767px) { body.setunum-contact-page .wpcf7 form > p, body.setunum-contact-page form.wpcf7-form > p, body.setunum-contact-page #ajax-form > p, body.setunum-contact-page .contact-form form > p { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } } /* SETUNUM 27062026 - #ajax-form contacto definitivo al final */ body.setunum-contact-page #ajax-form, body[class*="contact"] #ajax-form, body[class*="contacto"] #ajax-form { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 22px !important; width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } body.setunum-contact-page #ajax-form input, body[class*="contact"] #ajax-form input, body[class*="contacto"] #ajax-form input, body.setunum-contact-page #ajax-form textarea, body[class*="contact"] #ajax-form textarea, body[class*="contacto"] #ajax-form textarea { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } body.setunum-contact-page #ajax-form input:nth-of-type(1), body[class*="contact"] #ajax-form input:nth-of-type(1), body[class*="contacto"] #ajax-form input:nth-of-type(1) { grid-column: 1 / 2 !important; } body.setunum-contact-page #ajax-form input:nth-of-type(2), body[class*="contact"] #ajax-form input:nth-of-type(2), body[class*="contacto"] #ajax-form input:nth-of-type(2) { grid-column: 2 / 3 !important; } body.setunum-contact-page #ajax-form textarea, body[class*="contact"] #ajax-form textarea, body[class*="contacto"] #ajax-form textarea { grid-column: 1 / -1 !important; min-height: 54px !important; height: 54px; resize: none !important; overflow: hidden !important; } body.setunum-contact-page #ajax-form button, body[class*="contact"] #ajax-form button, body[class*="contacto"] #ajax-form button, body.setunum-contact-page #ajax-form input[type='submit'], body[class*="contact"] #ajax-form input[type='submit'], body[class*="contacto"] #ajax-form input[type='submit'] { grid-column: 1 / -1 !important; justify-self: center !important; width: 56px !important; min-width: 56px !important; max-width: 56px !important; height: 56px !important; min-height: 56px !important; padding: 0 !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 18px auto 0 !important; line-height: 1 !important; box-sizing: border-box !important; } @media only screen and (max-width: 767px) { body.setunum-contact-page #ajax-form, body[class*="contact"] #ajax-form, body[class*="contacto"] #ajax-form { grid-template-columns: 1fr !important; width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; } body.setunum-contact-page #ajax-form input:nth-of-type(1), body[class*="contact"] #ajax-form input:nth-of-type(1), body[class*="contacto"] #ajax-form input:nth-of-type(1), body.setunum-contact-page #ajax-form input:nth-of-type(2), body[class*="contact"] #ajax-form input:nth-of-type(2), body[class*="contacto"] #ajax-form input:nth-of-type(2) { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - Contact final real: anula columnas Skeleton y CSS Elementor */ html body.setunum-contact-page .elementor-element-a5784b9 .section-main-header-text, html body.setunum-contact-page .section-main-header-text { width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } html body.setunum-contact-page .elementor-element-a5784b9 .wpcf7, html body.setunum-contact-page .elementor-element-a5784b9 form.wpcf7-form, html body.setunum-contact-page .wpcf7, html body.setunum-contact-page form.wpcf7-form { width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form, html body.setunum-contact-page #ajax-form { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 34px !important; row-gap: 34px !important; width: min(100%, 720px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; align-items: end !important; justify-items: stretch !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form > .columns, html body.setunum-contact-page #ajax-form > .eight.columns, html body.setunum-contact-page #ajax-form > .sixteen.columns { float: none !important; clear: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1) { grid-column: 1 / 2 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2) { grid-column: 2 / 3 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3) { grid-column: 1 / -1 !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; justify-self: center !important; width: 56px !important; max-width: 56px !important; text-align: center !important; } html body.setunum-contact-page #ajax-form p, html body.setunum-contact-page #ajax-form .wpcf7-form-control-wrap, html body.setunum-contact-page #ajax-form input:not([type='submit']), html body.setunum-contact-page #ajax-form textarea { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form p, html body.setunum-contact-page #ajax-form .wpcf7-form-control-wrap { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } html body.setunum-contact-page #ajax-form input:not([type='submit']), html body.setunum-contact-page #ajax-form textarea { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 15px !important; border-bottom: 1px solid rgba(0,0,0,.28) !important; background: transparent !important; } html body.setunum-contact-page #ajax-form textarea { min-height: 54px !important; height: 54px; resize: none !important; overflow: hidden !important; } html body.setunum-contact-page #ajax-form #button-con, html body.setunum-contact-page #ajax-form #button-con p { width: 56px !important; max-width: 56px !important; margin: 0 auto !important; padding: 0 !important; } html body.setunum-contact-page #ajax-form input[type='submit'], html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form input[type='submit'], html body.setunum-contact-page .wpcf7-form input[type='submit'] { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 56px !important; min-width: 56px !important; max-width: 56px !important; height: 56px !important; min-height: 56px !important; max-height: 56px !important; margin: 0 auto !important; padding: 0 !important; border: 1px solid #000000 !important; border-radius: 50% !important; background-color: #ffffff !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 27px 27px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22L11 13L2 9L22 2Z'/%3E%3C/svg%3E") !important; color: transparent !important; -webkit-text-fill-color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; overflow: hidden !important; box-shadow: none !important; outline: none !important; cursor: pointer !important; box-sizing: border-box !important; } @media only screen and (max-width: 767px) { html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form, html body.setunum-contact-page #ajax-form { grid-template-columns: 1fr !important; width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px) !important; row-gap: 34px !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; } } /* SETUNUM 27062026 - Contact ancho encabezado fijo FINAL */ @media only screen and (min-width: 768px) { html body.setunum-contact-page .section-main-header-text, html body.setunum-contact-page .elementor-element-a5784b9 .section-main-header-text, html body.setunum-contact-page .wpcf7, html body.setunum-contact-page form.wpcf7-form, html body.setunum-contact-page .elementor-element-a5784b9 .wpcf7, html body.setunum-contact-page .elementor-element-a5784b9 form.wpcf7-form, html body.setunum-contact-page #ajax-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form { width: 720px !important; min-width: 720px !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form { display: grid !important; grid-template-columns: 343px 343px !important; column-gap: 34px !important; row-gap: 34px !important; align-items: end !important; justify-items: stretch !important; } html body.setunum-contact-page #ajax-form > .columns, html body.setunum-contact-page #ajax-form > .eight.columns, html body.setunum-contact-page #ajax-form > .sixteen.columns { float: none !important; clear: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1) { grid-column: 1 / 2 !important; width: 343px !important; min-width: 343px !important; max-width: 343px !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2) { grid-column: 2 / 3 !important; width: 343px !important; min-width: 343px !important; max-width: 343px !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3) { grid-column: 1 / -1 !important; width: 720px !important; min-width: 720px !important; max-width: 720px !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; justify-self: center !important; width: 56px !important; min-width: 56px !important; max-width: 56px !important; text-align: center !important; } } /* SETUNUM 27062026 - Contact mobile estable + mensaje alineado FINAL */ html body.setunum-contact-page #ajax-form input:not([type='submit']), html body.setunum-contact-page #ajax-form textarea, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form input:not([type='submit']), html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form textarea { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } @media only screen and (max-width: 767px) { html body.setunum-contact-page .section-main-header-text, html body.setunum-contact-page .elementor-element-a5784b9 .section-main-header-text, html body.setunum-contact-page .wpcf7, html body.setunum-contact-page form.wpcf7-form, html body.setunum-contact-page .elementor-element-a5784b9 .wpcf7, html body.setunum-contact-page .elementor-element-a5784b9 form.wpcf7-form, html body.setunum-contact-page #ajax-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form { width: calc(100vw - 40px) !important; min-width: 0 !important; max-width: calc(100vw - 40px) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; column-gap: 0 !important; row-gap: 28px !important; align-items: start !important; justify-items: stretch !important; } html body.setunum-contact-page #ajax-form > .columns, html body.setunum-contact-page #ajax-form > .eight.columns, html body.setunum-contact-page #ajax-form > .sixteen.columns, html body.setunum-contact-page #ajax-form > .columns:nth-of-type(1), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(2), html body.setunum-contact-page #ajax-form > .columns:nth-of-type(3) { grid-column: 1 / -1 !important; float: none !important; clear: none !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { grid-column: 1 / -1 !important; justify-self: center !important; width: 56px !important; min-width: 56px !important; max-width: 56px !important; margin: 0 auto !important; padding: 0 !important; } } /* SETUNUM 27062026 - Contact textarea bajo + mobile aire FINAL */ html body.setunum-contact-page #ajax-form textarea, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form textarea { height: 34px !important; min-height: 34px !important; line-height: 18px !important; padding-top: 0 !important; padding-bottom: 15px !important; overflow: hidden !important; resize: none !important; } @media only screen and (max-width: 767px) { html body.setunum-contact-page #ajax-form, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form { row-gap: 38px !important; padding-top: 8px !important; } html body.setunum-contact-page #ajax-form input:not([type='submit']), html body.setunum-contact-page #ajax-form textarea, html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form input:not([type='submit']), html body.setunum-contact-page .elementor-element-a5784b9 #ajax-form textarea { min-height: 34px !important; height: 34px !important; } html body.setunum-contact-page #ajax-form > .columns:nth-of-type(4) { margin-top: 2px !important; } }