/* Theme Name: digitis Description: This is a child theme for Flatsome Theme Author: UX Themes Template: flatsome Version: 3.0 */ /* FONTS @font-face { font-family: 'FuturaPTHeavy'; src: url('fonts/FuturaPTHeavy.woff2') format('woff2'); } @font-face { font-family: 'FuturaPTBold'; src: url('fonts/FuturaPTBold.woff2') format('woff2'); } @font-face { font-family: 'FuturaPTBook'; src: url('fonts/FuturaPTBook.woff2') format('woff2'); } */ body { font-family: "futura-pt", sans-serif!important; font-weight: 400!important; font-style: normal!important; } .heavy { font-family: "futura-pt-bold", sans-serif!important; font-weight: 700!important; font-style: normal!important; } h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a, b, strong {font-family: "futura-pt", sans-serif!important; font-weight: 700!important; font-style: normal!important;} /* HEADER */ /* AJUSTES EN TEXTOS */ .uppercase, h6, th, span.widget-title { letter-spacing: 0;} a.button { letter-spacing: 0;}< body .text-box.res-text { font-size: unset !important;} .banner p {line-height: 1.3} .h1, .h2, h1, h2 { line-height: unset;} .dark, .dark p, .dark td { color: #ffffff;} .ls-05 {letter-spacing: .05em} .ls-1 {letter-spacing: .1em} .lower {text-transform: unset} body .text-box.res-text { font-size: unset !important;} /* AJUSTES */ .mw-280 .box-image{ max-width: 280px;} .mw-100 .box-image{ max-width: 100px;} .img-round img {border-radius: 300px} .m-auto, .col.m-auto > .col-inner { margin-left: auto!important; margin-right: auto!important;} .ml-0-inner > .col-inner {margin-left: 0!important; margin-right: auto!important} .mr-0-inner > .col-inner {margin-right: 0!important; margin-left: auto!important} .ml-auto {margin-left: auto} .col-bottom-content { display: flex; align-items: end;} .col-centrada-vertical > .col-inner { display: flex; flex-direction: column; justify-content: center;} .sticky-col-0 > .col-inner { position: sticky; top: 0px;} .row-space-between { justify-content: space-between!important;} .row-space-between:after { display:none} .row-space-between p, .row-space-between div.text {display: inline-block} .opacity-hover .overlay { opacity: .3;} .opacity-hover:hover .overlay { opacity: 1;} .round-img-30, .round-img-30 .banner-bg.fill, .img.round-img-30, .img.round-img-30 .img-inner, .round-img-30 img, .round-img-30 .bg.section-bg { border-radius: 30px;} .round-img-20, .round-img-20 .banner-bg.fill, .img.round-img-20, .img.round-img-20 .img-inner, .round-img-20 img, .round-img-20 .bg.section-bg { border-radius: 20px;} .round-img-15, .round-img-15 .banner-bg.fill, .img.round-img-15, .img.round-img-15 .img-inner, .round-img-15 img, .round-img-15 .bg.section-bg { border-radius: 15px;} .round-img-10, .round-img-10 .banner-bg.fill, .img.round-img-10, .img.round-img-10 .img-inner, .round-img-10 img, .round-img-10 .bg.section-bg { border-radius: 10px;} .z-i-1 {z-index: 1} .z-i-2 {z-index: 2} .recent-blog-posts span.post_comments { display: none;} .slider-dgts { padding: 0;} .slider-dgts .flickity-slider > .row { padding-right: 15px; opacity: 1;} .banners-home p { font-family: 'futura-pt-bold'; } .section-title-bold span { border: none; padding-left: 0;} .section-title b { background-color: var(--primary-color); opacity: 1; height: 3px; } .section-timeline .section-content > .row:nth-child(even) > .col:first-child { transition-delay: .4s; } .section-timeline .section-content > .row:nth-child(even) > .col:nth-child(2) { transition-delay: .2s; } .section-timeline .section-content > .row:nth-child(even) > .col:nth-child(3) { transition-delay: .1s; } .section-timeline::before { content: ''; position: absolute; background-color: #00b5ed; opacity: .5; width: 20px; /* AHORA la altura depende del progreso (0 → 1) */ height: calc((100% - 30px) * var(--bar-progress, 0)); left: 50%; transform: translateX(-50%); border-radius: 100px; top: 0; will-change: height; /* rendimiento */ } .nav-icon i.icon-menu { color: black; } /* Estado inicial oculto */ .section-timeline .col { opacity: 0; transform: translateY(18px); transition: opacity .45s ease, transform .45s ease; will-change: opacity, transform; } /* Visible al entrar en viewport */ .section-timeline .col.is-visible { opacity: 1; transform: none; } /* (Opcional) pequeño “stagger” por fila usando variable */ .section-timeline .row .col { transition-delay: var(--reveal-delay, 0ms); } /* COOKIES NEW */ #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) { border-radius: 0!important; border: none !important; top: 50%; left: 50%; bottom: unset; transform: translate(-50%, -50%); min-height: 100vh !important; display: flex; justify-content: center; align-items: center; border-top: none !important; background-color: #000000bf !important; min-width: 100vw;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content { flex-direction: column; padding-bottom: 0 !important;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice { padding: .75em 1.5em 1.5em 1.5em;} #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container { padding: 0!important; width: 100%; min-height: 200px; display: flex !important; align-items: center; background-color: white; max-width: 600px;} #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton {width: 50%!important; margin: 0;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder { padding-left: 0!important; width: 100%; display: flex !important;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton { padding: 1em!important;} .cookies-digitis-text > h5 { font-size: 1em !important;} .cookies-digitis-text > p.digitis-txt-small { font-size: .85em !important; line-height: 1.5em !important;} button.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button.gdpr-fbo-2 { box-shadow: none !important; background-color: #d4d4d4 !important;} button.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button.gdpr-fbo-2:hover { background-color: #222 !important;} .cookies-digitis-text > h5 > img { max-width: 25px; margin-right: 7px;} /* LISTAS */ ul li.bullet-star, ul li.bullet-checkmark, ul li.bullet-arrow {border-bottom: unset;} /* CLICABLE */ html:not([ng-app="uxBuilder"]) .clicable .box-text, html:not([ng-app="uxBuilder"]) .clicable .text-box, html:not([ng-app="uxBuilder"]) .clicable .img { pointer-events: none;} /*FORMULARIOS*/ p.gform_required_legend { display: none;} .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { box-shadow: none!important;} .gform_wrapper.gravity-theme legend { border-bottom: 0; text-transform: unset;} div.gform_confirmation_wrapper { font-size: 1.2em; padding: 30px; border: 3px solid #369738; background-color: #3697382b;} .dark div.gform_confirmation_wrapper { border: 3px solid white; background-color: #ffffff2b;} div.gform_confirmation_wrapper h3 { line-height: 1.2;} div.gform_confirmation_wrapper br {display: none;} /* FOOTER */ .footer-secondary {margin-top: -7px;} .absolute-footer ul { border-bottom: 0; opacity: 1; text-transform: unset; font-size: .9em } .copyright-footer { font-size: .9em;} footer#footer a { transition: all .2s;} footer#footer a:not(.button):hover {opacity: .7} .footer-secondary > .footer-text { font-size: .9em;} /* BOTONES */ /*a.button.secondary:not(.is-outline):not(.is-link):not(.is-underline), a.button.white:not(.is-outline):not(.is-link):not(.is-underline), .white.is-outline:hover { color: #369738!important;}*/ .button-left {text-align: left; display: flex; justify-content: space-between; align-items: center;} .button.regular { font-weight: 400;} /* CONTENEDOR */ @media only screen and (max-width: 1700px) and (min-width: 1600px) { .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1500px!important; } } @media only screen and (max-width: 1600px) and (min-width: 1500px) { .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1400px!important; } } @media only screen and (max-width: 1500px) and (min-width: 1400px) { .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1300px!important; } } @media only screen and (max-width: 1400px) and (min-width: 1300px) { .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1200px!important; } } @media only screen and (max-width: 1300px) and (min-width: 1200px) { .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1150px!important; } } @media only screen and (max-width: 1200px) and (min-width: 1100px) { .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 1050px!important; } } @media only screen and (max-width: 1100px) and (min-width: 1000px) { .container-width, .full-width .ubermenu-nav, .container, .row:not(.row-full-width) { max-width: 950px!important; } } /* GRANDE HASTA TABLET */ @media only screen and (max-width: 4000px) and (min-width: 850px) { .row-5 > .col { flex-basis: 20%; max-width: 25%;} } /* PC PORTÁTIL GRANDE */ @media only screen and (max-width: 1380px) { } /* PC PORTÁTIL PEQUEÑO */ @media only screen and (max-width: 1290px) { } /* PORTATIL HASTA TABLET */ @media only screen and (max-width: 1366px) and (min-width: 850px) { .fs-laptop-0-9 {font-size: 0.9rem!important} .fs-laptop-0-95 {font-size: 0.95rem!important} .fs-laptop-1 {font-size: 1rem!important} .fs-laptop-1-1 {font-size: 1.1rem!important} .fs-laptop-1-2 {font-size: 1.2rem!important} .fs-laptop-1-3 {font-size: 1.3rem!important} .fs-laptop-1-4 {font-size: 1.4rem!important} .fs-laptop-1-5 {font-size: 1.5rem!important} .fs-laptop-1-6 {font-size: 1.6rem!important} .fs-laptop-1-7 {font-size: 1.7rem!important} .fs-laptop-1-8 {font-size: 1.8rem!important} .fs-laptop-1-9 {font-size: 1.9rem!important} .fs-laptop-2 {font-size: 2rem!important} .fs-laptop-2-1 {font-size: 2.1rem!important} .fs-laptop-2-2 {font-size: 2.2rem!important} .fs-laptop-2-3 {font-size: 2.3rem!important} .fs-laptop-2-4 {font-size: 2.4rem!important} .fs-laptop-2-5 {font-size: 2.5rem!important} .fs-laptop-2-6 {font-size: 2.6rem!important} .fs-laptop-2-7 {font-size: 2.7rem!important} .fs-laptop-2-8 {font-size: 2.8rem!important} .fs-laptop-2-9 {font-size: 2.9rem!important} .fs-laptop-3 {font-size: 3rem!important} .fs-laptop-3-1 {font-size: 3.1rem!important} .fs-laptop-3-2 {font-size: 3.2rem!important} .fs-laptop-3-3 {font-size: 3.3rem!important} .fs-laptop-3-4 {font-size: 3.4rem!important} .fs-laptop-3-5 {font-size: 3.5rem!important} .fs-laptop-3-6 {font-size: 3.6rem!important} .fs-laptop-3-7 {font-size: 3.7rem!important} .fs-laptop-3-8 {font-size: 3.8rem!important} .fs-laptop-3-9 {font-size: 3.9rem!important} .fs-laptop-4 {font-size: 4rem!important} } /* TABLET */ @media (max-width: 849px) { .no-br-tablet br {display: none} .banners-home .hover-fade-in { opacity: 1; } .banners-home .overlay { opacity: .75 !important; } } /* MOBILE */ @media (max-width: 549px) { .mobile-center, .mobile-center > .col-inner {text-align: center;} .mobile-center > .col-inner > div.img { margin-left: auto; margin-right: auto;} .col.horizontal-mobile > .col-inner, .row.horizontal-mobile { display: flex; overflow-x: auto;flex-wrap: nowrap;} .row.horizontal-mobile > .col {width: 280px; flex: 0 0 auto;} .no-br-mobile br {display: none} .absolute-footer > .container { display: flex; flex-direction: column-reverse;} .absolute-footer p { margin-bottom: 0;} .absolute-footer { font-size: 85%;} .mr-0-mobile { margin-right: 0;} .round-img-30, .round-img-30 .banner-bg.fill, .img.round-img-30, .img.round-img-30 .img-inner, .round-img-30 img, .round-img-30 .bg.section-bg { border-radius: 20px;} .round-img-20, .round-img-20 .banner-bg.fill, .img.round-img-20, .img.round-img-20 .img-inner, .round-img-20 img, .round-img-20 .bg.section-bg { border-radius: 10px;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice { padding-left: 15px!important; padding-right: 15px; padding-bottom: 15px;} #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container { max-width: 93%;} .pb-half-mobile {padding-bottom: 15px;} .pb-0-mobile {padding-bottom: 0px} .banners-home .col { border-bottom: 2px solid white; } }