@charset "UTF-8";
  .et_pb_text {
font-weight: 300;
}
h2 {
margin-bottom: 0.3em;
}
::selection {
background: #006FC1;
color: white;
}
.grecaptcha-badge {
display: none;
} .custom-row, .custom_row {
position: relative;
overflow: hidden;
}
.custom_row-last {
margin-right: 0 !important;
}
@media (min-width: 800px) {
.custom_row-4, .custom-row-4 {
width: 32%;
display: inline-block;
margin-right: 2%;
float: left;
}
.custom_row-4:last-child, .custom-row-4:last-child {
margin-right: 0;
}
}
@media (min-width: 800px) {
.custom_row-5, .custom-row-5 {
width: 40%;
display: inline-block;
margin-right: 2%;
float: left;
}
.custom_row-5:last-child, .custom-row-5:last-child {
margin-right: 0;
}
}
@media (min-width: 800px) {
.custom_row-6, .custom-row-6 {
width: 49%;
display: inline-block;
margin-right: 2%;
float: left;
}
.custom_row-6:last-child, .custom-row-6:last-child {
margin-right: 0;
}
}
@media (min-width: 800px) {
.custom_row-7, .custom-row-7 {
width: 55%;
display: inline-block;
margin-right: 2%;
float: left;
}
.custom_row-7:last-child, .custom-row-7:last-child {
margin-right: 0;
}
}
@media (min-width: 800px) {
.custom_row-8, .custom-row-8 {
width: 66%;
display: inline-block;
margin-right: 2%;
float: left;
}
.custom_row-8:last-child, .custom-row-8:last-child {
margin-right: 0;
}
}
.custom_row-12, .custom-row-12 {
width: 100%;
} @media all and (max-width: 980px) { .custom-row-order {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
} .first-on-mobile {
-webkit-order: 1;
order: 1;
}
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
} }
#left-area ol, #left-area ul,
.entry-content ol,
.entry-content ul,
.et-l--header ol,
.et-l--header ul,
.et-l--body ol,
.et-l--body ul,
.et-l--footer ol,
.et-l--footer ul,
.comment-content ol,
.comment-content ul,
body.et-pb-preview #main-content .container ol,
body.et-pb-preview #main-content .container ul {
padding-left: 1em;
}
#left-area ol li, #left-area ul li,
.entry-content ol li,
.entry-content ul li,
.et-l--header ol li,
.et-l--header ul li,
.et-l--body ol li,
.et-l--body ul li,
.et-l--footer ol li,
.et-l--footer ul li,
.comment-content ol li,
.comment-content ul li,
body.et-pb-preview #main-content .container ol li,
body.et-pb-preview #main-content .container ul li {
margin-bottom: 0.5em;
}
.button-inline .et_pb_button_module_wrapper {
display: inline-block;
margin-right: 2rem;
}
.link-button::after {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
content: " ";
width: 2em;
height: 2px;
margin: 0 10px;
vertical-align: middle;
background-color: #006FC1;
display: inline-block;
}
.link-button:hover::after {
width: 3em;
}
.et_pb_button.link-button {
box-shadow: none !important;
color: #064E84 !important;
}
.et_pb_button.link-button::after {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
content: " ";
width: 2em;
height: 2px;
margin: 12px 10px;
vertical-align: middle;
background-color: #006FC1;
display: inline-block;
}
.et_pb_button.link-button:hover::after {
width: 3em;
}
@media (min-width: 800px) {
.center-flex {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
}
}
.section-full-height {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
align-content: center;
min-height: 100vh;
flex-direction: column;
}
.et_pb_text h4 {
font-weight: 400;
padding-bottom: 0;
}
.service-card-column, .bloque-destacado {
background-size: auto;
background-image: linear-gradient(26deg, transparent 0%, #006FC1 0% 85%, transparent 85%);
z-index: 0;
min-height: 295px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.service-card-column::before, .bloque-destacado::before {
z-index: -1;
content: "";
position: absolute;
left: 3px;
right: 3px;
top: 3px;
bottom: 3px;
background-image: linear-gradient(26deg, transparent 0%, #FBFBFB 0% 85%, transparent 85%);
}
.service-card-column:hover, .bloque-destacado:hover {
box-shadow: -8px 9px 9px 0px rgba(0, 0, 0, 0.15);
}
.service-card-column .service-card h3, .bloque-destacado .service-card h3, .service-card-column .service-card h4, .bloque-destacado .service-card h4 {
margin-bottom: 1.2em;
}
.blurb-inline {
display: inline-block;
vertical-align: middle;
margin-bottom: 1em !important;
}
.blurb-inline:first-of-type {
margin-right: 1em !important;
}
.bloque-destacado {
min-height: auto;
}
#cabecera-general { }
@media (min-width: 981px) and (max-width: 1280px) {
#cabecera-general .et_pb_row .et_pb_column:first-of-type {
padding-left: 7vw;
}
#cabecera-general .et_pb_row .et_pb_text_0 h1, #cabecera-general .et_pb_row .et_pb_text_1 h1 {
font-size: 50px;
}
} #claim-01 {
overflow: hidden;
}
#claim-01 .et_pb_column {
position: relative;
}
#claim-01 .claim-image {
transform: scale(1.2) translateY(-10vw);
}
@media (min-width: 981px) {
#claim-01 {
padding: 15% 0;
margin: -5% 0;
}
}
@media (min-width: 1150px) {
#claim-01 .claim-image {
margin-bottom: -15rem;
}
}
@media (min-width: 1450px) {
#claim-01 {
padding: 21% 0;
margin: -3% 0;
}
#claim-01 .claim-image {
transform: scale(1.2) translateY(-15vw);
margin-bottom: -30rem;
}
}
#grua {
z-index: 10;
}
@media (min-width: 800px) {
#grua {
position: absolute;
bottom: -74px;
right: -42px;
}
}
@media (min-width: 1200px) {
#grua {
right: -10px;
transform: scale(1.3);
}
}
.proyectos-lista .et_pb_post, .proyectos-lista .et_pb_blurb {
background-image: linear-gradient(147deg, transparent 0%, #006FC1 0% 90%, transparent 90%);
z-index: 0;
position: relative;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.proyectos-lista .et_pb_post::before, .proyectos-lista .et_pb_blurb::before {
z-index: -1;
content: "";
position: absolute;
left: 3px;
right: 3px;
top: 3px;
bottom: 3px;
background-image: linear-gradient(147deg, transparent 0%, #FBFBFB 0% 90%, transparent 90%);
}
.proyectos-lista .et_pb_post .et_pb_image_container, .proyectos-lista .et_pb_blurb .et_pb_image_container {
margin: -16px -16px 29px;
}
.proyectos-lista .et_pb_post .entry-title, .proyectos-lista .et_pb_post .post-content, .proyectos-lista .et_pb_post .post-meta, .proyectos-lista .et_pb_blurb .entry-title, .proyectos-lista .et_pb_blurb .post-content, .proyectos-lista .et_pb_blurb .post-meta {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.proyectos-lista .et_pb_post .entry-title, .proyectos-lista .et_pb_blurb .entry-title {
padding-bottom: 0;
}
.proyectos-lista .et_pb_post .post-meta, .proyectos-lista .et_pb_blurb .post-meta {
margin-bottom: 1em;
}
.proyectos-lista .et_pb_post .post-meta a, .proyectos-lista .et_pb_blurb .post-meta a {
font-size: 0.7rem;
color: white;
background: #006FC1;
padding: 0.4em 0.8em;
text-transform: uppercase;
border-radius: 0.5em;
}
.proyectos-lista .et_pb_post .post-content, .proyectos-lista .et_pb_blurb .post-content {
margin-bottom: 2em;
}
.proyectos-lista .et_pb_post .more-link, .proyectos-lista .et_pb_blurb .more-link {
display: block;
margin: 3em 0 1em;
}
.proyectos-lista .et_pb_post .more-link::after, .proyectos-lista .et_pb_blurb .more-link::after {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
content: " ";
width: 2em;
height: 2px;
margin: 0 10px;
vertical-align: middle;
background-color: #006FC1;
display: inline-block;
}
.proyectos-lista .et_pb_post .more-link:hover::after, .proyectos-lista .et_pb_blurb .more-link:hover::after {
width: 3em;
}
.proyectos-lista .pagination .et_pb_button {
padding: 0;
}
.proyectos-lista .pagination .et_pb_button a {
color: white;
padding: 0.3em 1em;
display: block;
}
@media (min-width: 981px) {
.proyectos-lista .column:nth-child(2) {
margin-top: 7em;
}
.proyectos-lista .column:last-child {
margin-top: -3.5em;
}
}
.bloque-derecha {
position: absolute;
right: 0;
top: -4rem;
}
.bloque-izquierda {
position: absolute;
bottom: -2rem;
left: 15vw;
}
#logos .logos-slider .wpls-logo-cnt {
margin-right: 2.5em;
}
#logos .logos-slider .wpls-logo-showcase-slider-wrp .slick-dots, #logos .logos-slider .wpls-logo-showcase-slider-wrp .slick-arrow {
display: none !important;
}
#logos #wpls-logo-showcase-slider-1 .wpls-fix-box,
#logos #wpls-logo-showcase-slider-1 .wpls-fix-box img.wp-post-image {
max-height: 200px;
}
#logos #lcs_logo_carousel_slider a.lcs_logo_link {
border: none;
}
#logos #lcs_logo_carousel_slider .owl-nav {
width: 100%;
top: 66px;
}
#logos #lcs_logo_carousel_slider .owl-nav div {
border: none;
background: #006FC1;
border-radius: 50%;
color: white;
font-weight: 100;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
padding-bottom: 3px;
}
#logos #lcs_logo_carousel_slider .owl-nav .owl-prev {
position: absolute;
left: -7rem;
}
#logos #lcs_logo_carousel_slider .owl-nav .owl-next {
position: absolute;
right: -7rem;
}
#contacto {
background-image: linear-gradient(26deg, transparent 0%, #006FC1 0% 96%, transparent 96%);
z-index: 0;
min-height: 295px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#contacto::before {
z-index: -1;
content: "";
position: absolute;
left: 0;
right: 3px;
top: 3px;
bottom: 3px;
background-image: linear-gradient(26deg, transparent 0%, #FBFBFB 0% 96%, transparent 96%);
}
@media (min-width: 768px) {
#contacto {
background-image: linear-gradient(26deg, transparent 0%, #006FC1 0% 90%, transparent 90%);
}
#contacto::before {
background-image: linear-gradient(26deg, transparent 0%, #FBFBFB 0% 90%, transparent 90%);
}
}
#sobre-nosotros .persona-img .et_pb_main_blurb_image {
margin-bottom: 1.5em;
}
#sobre-nosotros .persona-img .et_pb_image_wrap {
padding: 3px;
overflow: hidden;
background-image: linear-gradient(26deg, transparent 0%, #006FC1 0% 90%, transparent 90%);
z-index: 0;
}
#sobre-nosotros .persona-img .et_pb_image_wrap::before {
z-index: -1;
content: "";
position: absolute;
left: 3px;
right: 3px;
top: 3px;
bottom: 3px;
background-image: linear-gradient(26deg, transparent 0%, #FBFBFB 0% 90%, transparent 90%);
}
#sobre-nosotros .persona-img .et_pb_image_wrap img {
clip-path: polygon(57% 0, 100% 13%, 100% 100%, 0 100%, 0 0);
}
#sobre-nosotros .persona-img .et_pb_blurb_container {
padding-left: 2em;
}
#sobre-nosotros-img01 {
position: absolute;
right: 5%;
top: -13%;
}
@media (min-width: 781px) {
#sobre-nosotros-img01 {
top: -26%;
}
}
#sobre-nosotros-img02 {
position: absolute;
left: -10%;
bottom: -15%;
}
@media (min-width: 781px) {
#sobre-nosotros-img02 {
bottom: -25%;
}
}
.proyecto-categorias a {
font-size: 0.7rem;
color: white;
background: #006FC1;
padding: 0.4em 0.8em;
text-transform: uppercase;
border-radius: 0.5em;
} #top-header {
display: none;
}
.mobile_menu_bar.mobile_menu_bar_toggle {
padding-top: 12px;
padding-bottom: 12px !important;
}
.mobile_menu_bar.mobile_menu_bar_toggle:before {
color: white;
font-size: 26px;
content: url(https://dactecnica.com/new/wp-content/uploads/2022/02/menu.png);
}
#top-menu .current-menu-item a,
#top-menu .current_page_item a {
color: #064E84 !important;
}
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
}
#top-menu li a:before {
content: "";
position: absolute;
z-index: -2;
left: 0;
right: 100%;
bottom: 2em;
background: #006FC1;
height: 3px; -webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#top-menu li a:hover {
opacity: 1 !important;
}
#top-menu li a:hover:before {
right: 0;
}
#top-menu li li a:before {
bottom: 10%;
}
#et-top-navigation {
display: flex !important;
padding: 0 !important;
align-items: center;
}
@media only screen and (min-width: 981px) {
.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_split #et-top-navigation nav > ul > li > a {
padding: 2.9em 0.5em !important;
}
}
@media (max-width: 1100px) {
#main-header > .container {
width: 95%;
display: flex;
justify-content: flex-end;
align-items: center;
}
}
@media (max-width: 980px) {
.logo_container {
position: relative !important;
}
#logo {
max-width: 160px !important;
}
.et-social-icons {
margin: 0 2em 0 0;
}
#et-top-navigation {
min-width: 50%;
justify-content: flex-end;
}
}
.et_mobile_menu {
border: none;
} #main-footer #footer-widgets .footer-widget {
margin-bottom: 0 !important;
}
#main-footer #footer-widgets .footer-widget:nth-last-child(-n+2) {
display: none !important;
}
#main-footer #media_image-2 {
margin-bottom: 1em !important;
width: 230px;
}
#main-footer #et-footer-nav ul.bottom-nav li {
position: relative;
}
#main-footer #et-footer-nav ul.bottom-nav li::after {
content: "·";
color: #064E84;
font-size: 2em;
padding: 0 0.5rem;
position: absolute;
bottom: 2px;
}
#main-footer #et-footer-nav ul.bottom-nav li:last-child::after {
content: "";
}
#main-footer #footer-bottom {
padding: 1.6em 0;
}
#main-footer #footer-bottom #footer-info {
font-weight: 400;
}    #cookie-law-info-bar {
border-radius: 10px;
}
#cookie-law-info-bar h5.cli_messagebar_head {
font-size: 1.5rem !important;
}
#cookie-law-info-bar .cli-bar-container .cli-bar-message {
line-height: 1.3rem;
} body.login {
font-family: "Ubuntu", sans-serif;
background-color: #064E84;
color: white;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: 100%;
-moz-background-size: cover;
background-size: 100%;
background-size: cover;
background-image: linear-gradient(249deg, #064e8473 0%, #006fc1bf 100%), url(//dactecnica.com/wp-content/themes/EzClap/images/imagen-principal-dactecnica.jpg);
border-color: white;
min-height: 100vh;
display: flex;
flex-direction: column;
align-content: center;
padding: 0 1em;
}
body.login #login {
padding: 0;
margin-bottom: 10vh;
}
body.login #login_error, body.login .message, body.login .success {
background: #064E84;
}
body.login div#login {
width: 100%;
max-width: 475px;
}
body.login h1 a {
background-image: url(//dactecnica.com/wp-content/themes/EzClap/images/dactecnica-logo-blanco.png);
background-size: contain;
width: 100%;
height: 50px;
pointer-events: none;
cursor: none;
max-width: 310px;
margin-bottom: 0;
}
body.login #loginform {
border: none;
background-color: transparent;
}
body.login #loginform input[type=text], body.login #loginform input[type=password] {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: white;
border: 1px solid transparent;
font-family: inherit;
font-size: 14px;
margin-bottom: 1em;
padding: 16px;
width: 100%;
}
body.login #loginform input[type=text]:focus, body.login #loginform input[type=text]:active, body.login #loginform input[type=password]:focus, body.login #loginform input[type=password]:active {
border-color: white;
}
body.login #loginform #wp-submit {
cursor: pointer;
padding: 0.5em 1em;
color: white;
font-size: 17px;
border-radius: 0px;
font-weight: 500;
line-height: 1.7em !important;
background-color: black;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
border: white 2px solid;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
body.login #loginform #wp-submit:hover {
padding: 0.5em 1em !important;
background: #008cf4;
color: white;
border-color: #008cf4;
}
body.login #nav a, body.login #backtoblog a, body.login .privacy-policy-page-link a {
color: white !important;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
body.login #nav a:hover, body.login #backtoblog a:hover, body.login .privacy-policy-page-link a:hover {
font-weight: bold;
}
body.login #backtoblog, body.login #nav {
display: inline-block;
padding: 0;
margin: 1rem auto;
font-weight: bold;
}
body.login #backtoblog a:hover, body.login #nav a:hover {
text-decoration: underline;
}
body.login #backtoblog {
float: right;
}
.login .privacy-policy-page-link {
margin: 1em auto;
}
#et-info {
min-width: 60vw;
}
@media (min-width: 800px) {
#et-info {
display: flex;
}
} input[type=text], input[type=email], input[type=tel], input[type=color], input[type=date], input[type=number], input[type=password], input[type=url], select, .input-base, textarea {
-moz-border-radius: 0;
-webkit-border-radius: 0;
background-color: white;
border-radius: 0;
border: 2px solid #006FC1;
color: #627481;
font-family: inherit;
font-size: 14px;
margin-bottom: 1em;
padding: 0.7rem 1rem;
width: 100%;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=color]:focus, input[type=date]:focus, input[type=number]:focus, input[type=password]:focus, input[type=url]:focus, select:focus, .input-base:focus, textarea:focus {
border-color: #064E84;
}
textarea:focus {
border-color: #064E84;
}
input[type=submit] {
cursor: pointer;
padding: 0.5em 1em;
}
input[type=submit]:hover {
padding: 0.5em 1em !important;
}
.wpcf7-form-control-wrap {
margin-bottom: 1em;
}
.reCAPTCHA {
float: right;
}
.wpcf7 label {
font-family: "Archivo", sans-serif;
text-transform: uppercase;
font-size: 0.7rem;
letter-spacing: 1px;
font-weight: 400;
}
.wpcf7 .legal {
margin-bottom: 1em;
font-size: small;
}
@media (min-width: 767px) {
.wpcf7 .legal {
float: left;
}
}
.wpcf7 .legal a {
font-size: small;
}
@media (min-width: 767px) {
.wpcf7 .legal {
float: left;
}
}
.wpcf7 .wpcf7-submit {
width: 100%;
margin-top: 1em;
cursor: pointer;
}
.wpcf7 .wpcf7-list-item {
margin: 0;
} .legal-container {
font-size: 0.75rem;
line-height: 1.1rem;
position: relative;
overflow: hidden;
}
.new-legal-text {
margin-top: 1em;
}
.form-white input[type=text],
.form-white input[type=email],
.form-white input[type=tel],
.form-white input[type=color],
.form-white input[type=date],
.form-white input[type=number],
.form-white input[type=password],
.form-white input[type=url],
.form-white select,
.form-white .input-base,
.form-white textarea {
border: none;
background-color: rgba(255, 255, 255, 0.73);
}
.form-white .legal-container {
color: white;
font-size: 0.8rem;
line-height: 1.3rem;
}
.form-white .legal-container a, .form-white .legal-container strong {
color: white;
border-color: white;
}
.form-white label {
color: white;
}
.form-white ._error, .form-white ._error-inner {
color: white;
}
.form-white ._submit.et_pb_button {
background-color: #006FC1;
color: white;
border-color: #006FC1;
margin-top: 1em;
font-size: 1.2rem;
display: block;
width: 100%;
}
.form-white ._submit.et_pb_button:hover {
color: white;
background-color: #00528e;
border-color: #00528e;
}
.form-white ._submit.et_pb_button:hover:after {
content: "";
}
.form-white .wpcf7-response-output {
background-color: white;
}