:root { --font-family-heading: 'Barlow', sans-serif; --font-family-text: 'Barlow', sans-serif; --color-text-light: #fff; --color-text: #033649; --color-text-dark: #031634; --color-text-alt-light: #ef0011; /*RED*/ --color-text-alt: #55C0BC; /*CYAN*/ --color-text-alt-dark: #031634; /**/ --color-heading-light: #fff; --color-heading: #033649; --color-heading-dark: #212529; --color-heading-alt-light: #267979; --color-heading-alt: #033649; --color-heading-alt-dark: #ef0011; --color-background-light: #e9e9e9; --color-background: #FFF; --color-background-dark: #202020; --color-background-alt-light: #036564; --color-background-alt: #267979; --color-background-alt-dark: #ef0011; --color-red: #ef0011; --color-red-dark: #cc2928; --color-green: #398819; --color-cyan: #267979; /*#3dbfbe no valido AA*/ --color-orange: #f1894c; --color-yellow: #F7BC05; --color-navy: #1f2732; --color-gray: #9a9a9a; --bs-breadcrumb-divider: '>'; --color-text-required: #8f1111; --main-texture: url(/images/assets/background-textures.png); --bkg-gradient: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%); } html{scroll-behavior: smooth;} body {font-family: var(--font-family-text); color: var(--color-text); font-size: 1.1rem; line-height: 1.2; } /*RESET*/ a, a:focus, a:hover, a:active, li:focus, li:hover, li:active, button:focus, button:hover, button:active, span:focus, span:hover, span:active {outline: 0; text-decoration: none !important;} a{color: var(--color-text);} a:focus, a:hover, a:active{color: var(--color-red);} .btn, button, .input-group-text, .form-control, .modal-content{border-radius: 0!important;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-family-heading); line-height: 1; font-weight: 500;} h1, .h1 {font-size: 2.3rem; line-height: 1.2; margin-bottom: 1rem; color: var(--color-heading); font-weight: 700;} h2, .h2 {font-size: 1.7rem; line-height: 1.1; margin-bottom: 1rem; color: var(--color-red); } h3, .h3 {font-size: 1.5rem; line-height: 1.1; margin-bottom: 1rem; color: var(--color-heading-alt);} h1 strong, .h1 strong, h2 strong, .h2 strong {color: var(--color-heading);} h1 mark,h2 mark,h3 mark,h4 mark,h5 mark,h6 mark,.h1 mark,.h2 mark,.h3 mark,.h4 mark,.h5 mark,.h6 mark{color: inherit!important;} h1 abbr,h2 abbr,h3 abbr,h4 abbr,h5 abbr,h6 abbr,.h1 abbr,.h2 abbr,.h3 abbr,.h4 abbr,.h5 abbr,.h6 abbr{color: inherit!important; text-decoration: none!important;} abbr[title] {-webkit-text-decoration: 1px underline dotted var(--color-gray); text-decoration: 1px underline dotted var(--color-gray); cursor: help; } .header-block {text-transform: uppercase; font-weight: bolder; font-family: var(--font-family-text); font-size: 16px !important; border-left: 5px solid var(--color-red); line-height: 0.9; padding-left: 8px; color: var(--color-heading-alt-dark); line-height: 1.2;} .header-default{padding: 0 0 0 12px; border-left: 15px solid var(--color-text-alt-light); line-height: 1; margin-bottom: 15px;} .header-special {position: relative; font-size: 1.7rem; margin: 30px 10% 40px 10%; padding-bottom: 20px; line-height: 1.2; } .header-special:after {content: ''; width: 120px; height: 2px; background: var(--color-red); position: absolute; bottom: 0; left: calc(50% - 60px);} .header-special h2 {font-size: 1.8rem; font-weight: bold; margin-bottom:10px; color: var(--color-red)!important; text-transform: uppercase; line-height: 1;} .header-section{display: flex ; flex-direction: column; justify-content: flex-start; align-items: flex-start;} h2.header-section{font-size: 2.6rem; font-weight: bold; margin-bottom: 1rem;} .header-section .small {font-size: 1.6rem; font-weight: 400; } .page-header {margin-bottom: 30px} .page-header h1{color: #fff; margin-bottom: 0; line-height: 1; font-weight: bolder; font-family: var(--font-family-text); font-size: 16px !important; border-left: 5px solid var(--color-red); padding-left: 8px;} .text-column-2{columns: 2;} pre{font-size: .8rem; line-height: 1;} mark, .mark {background-color: transparent; padding: 0; color: var(--color-heading-alt-light);} small, .small {font-size: .8rem;} strong, .strong {font-weight: 700; color: var(--color-heading-alt-dark); } .bg-danger strong, .bg-danger .strong {color: var(--color-heading-dark); } strong.red{color: var(--color-text-required)} hr.dashed {border-left: 3px dashed #FFF; border-top: 0; height: 70px; width: 0; position: relative; margin: 20px auto; background: none; opacity: 1;} .arrow-circle {display: flex; width: 60px; height: 60px; border-radius: 50%; line-height: 60px; font-size: 34px; margin: auto; background: var(--color-navy); color: #fff; position: relative; z-index: 2; justify-content: center; align-items: center;} .arrow-circle.red {background: var(--color-red);} /*COMPONENTS*/ /*ANIMATE*/ /*+info: https://animista.net/*/ .animate_heartbeat{animation:heartbeat 1.5s ease-in-out infinite both} @keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}} .animate_ping{animation:ping 2s ease-in-out infinite both} @keyframes ping{0%{transform:scale(.2);opacity:.8}80%{transform:scale(1.2);opacity:0}100%{transform:scale(2.2);opacity:0}} .animate_pulse{animation:pulsate-bck 1s ease-in-out infinite both} @keyframes pulsate-bck{0%{transform:scale(1)}50%{transform:scale(.9)}100%{transform:scale(1)}} .animate_flicker{animation:flicker-4 4s linear infinite both} @keyframes flicker-4{0%,100%{opacity:1}31.98%{opacity:1}32%{opacity:0}32.8%{opacity:0}32.82%{opacity:1}34.98%{opacity:1}35%{opacity:0}35.7%{opacity:0}35.72%{opacity:1}36.98%{opacity:1}37%{opacity:0}37.6%{opacity:0}37.62%{opacity:1}67.98%{opacity:1}68%{opacity:0}68.4%{opacity:0}68.42%{opacity:1}95.98%{opacity:1}96%{opacity:0}96.7%{opacity:0}96.72%{opacity:1}98.98%{opacity:1}99%{opacity:0}99.6%{opacity:0}99.62%{opacity:1}} /*BACKGROUND*/ .bg-danger, .bg-red, .background-red {background-color: var(--color-red) !important;} /*ICONS*/ [class*="icon-"]:before{display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-eye:before{content: "\F06D0";} .icon-eye-slash:before{content: "\F06D1";} /*TEXT*/ .text-right{text-align: right;} .text-red{color: var(--color-text-alt-light)!important;} .text-cyan{color: var(--color-text-alt)!important;} .text-green {color: var(--color-green) !important;} .text-orange {color: var(--color-orange) !important;} .text-yellow {color: var(--color-yellow) !important;} .text-navy {color: var(--color-navy) !important;} .text-gray {color: var(--color-gray) !important;} .text-danger {color: var(--color-red) !important;} .text-underline:after {content: ''; display: block; border-top: 1px solid var(--color-text); width: 20px; margin: 5px 0;} .text-upperline:before {content: ''; display: block; border-top: 4px solid; border-image-slice: 1; width: 3rem; margin-bottom: 0.5rem; border-image-source: linear-gradient(to right, #003478, #63cafc);} /*.text-sideline {margin-bottom: 0;}*/ .text-sideline:before {content: ''; display: inline-block; width: 3rem; border-bottom: 1px solid var(--color-text); margin-right: 0.5rem;} .lead {font-size: 1.25rem; font-weight: 300; line-height: 1.4;} /*SCROLL DOWN*/ @keyframes elastic {0% {transform-origin: 0% 0%; transform: scale(1, 0);} 50% {transform-origin: 0% 0%; transform: scale(1, 1);} 50.1% {transform-origin: 0% 100%; transform: scale(1, 1);} 100% {transform-origin: 0% 100%; transform: scale(1, 0);} } .scroll-down {height: 80px; display: block; width: 2px; z-index: 3; margin: 1rem auto; position: relative;} .scroll-down span {position: absolute; top: 0px; left: 50%; margin-left: -1px; width: 2px; height: 70px; background: var(--color-red); content: ""; animation: elastic 1.2s cubic-bezier(1, 0, 0, 1) infinite;} .scroll-down.red span {background: var(--color-red);} /*SCROLL-BAR*/ .scroll-bar-wrapper{position: relative; width: 100%; bottom: 0;} .scroll-bar {height: 3px; background: var(--color-red); position: absolute; top: 0; left: 0;} /*LISTS*/ .r-content .content ul:not(.nav):not(.tab) {list-style: none; padding-left: 1rem; display: flex ; gap: 10px; flex-direction: column; justify-content: center; align-items: flex-start; } .r-content .content ul:not(.nav):not(.tab) > li:before {font-family: 'Material Design Icons'; content: '\f0142'; margin-right: .4rem; color: var(--color-red); font-weight: bold; font-size: 1.1rem;} ul.list-diamond > li, ul.list-checked > li {font-size: 1.2rem; font-weight: 500; display:flex; align-items: center; line-height: 1; margin: 0 .4rem 1rem; color: var(--color-text-dark);} ul.list-diamond > li:before {content: '\F0B8B';} ul.list-checked > li:before {content: '\F012D';} ul.list-chevron {list-style: none; padding-left: 1.5rem;} ul.list-chevron > li {margin-bottom: 0.5rem; display: flex; font-size: 1rem; line-height: 1;} ul.list-chevron > li:before {content: '\f0142'; margin-right: .4rem; color: var(--color-text-dark); font-weight: bold; font-size: 1.1rem;} /*ALERT*/ .alert {border-radius: 0;} .alert-info {color: var(--color-text-dark); background-color: var(--color-background-light); border-color: var(--color-background-light);} /*BUTTONS*/ .btn {border-radius: 10rem!important;} /*SOCIAL*/ .btn.mdi-social, .btn-social {padding: 5px 10px!important; font-size: 0 !important;} .btn.mdi-social:before, .btn-social:before {font-size: 1.2rem; line-height: 1; color: var(--color-red);} .btn.mdi-social:hover:before, .btn-social:hover:before{color: #FFF;} /*LINK*/ .btn-link:hover {color: var(--color-text);} .btn-cta {display: inline-block; background: var(--color-red); color: #fff; transition: all ease 1s; border-radius: 50px; padding: 15px 20px; font-size: 16px; font-weight: 500; line-height: 1; border: 2px solid var(--color-red); width: auto; text-align: center; font-family: var(--font-family-text); max-width: 100%; position: relative; z-index: 10; text-transform: uppercase;} .btn-cta-1.negative-y {margin-bottom: -100px;} .btn-cta-1:hover {background: #fff; color: var(--color-red); border: 1px solid var(--color-red); } .btn-cta {display: inline-block; overflow: hidden; background: #000; color: #fff; border-radius: 50px; padding: 15px 20px; font-size: 16px; font-weight: 400; line-height: 1; border: 2px solid var(--color-red); width: auto; text-align: center; font-family: var(--font-family-text); max-width: 100%; position: relative; z-index: 1; text-transform: uppercase; transition: all ease .6s; } .btn-cta::before {content: ''; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--color-red); transform-origin: center left; transform: scaleX(0); transition: transform 0.25s ease-in-out; } .btn-cta:hover {cursor: pointer; color: #fff;} .btn-cta:hover::before {transform-origin: center right; transform: scaleX(1); } /*LOADING*/ /*.loading{background: url(/images/loading.gif); background-repeat: no-repeat; background-position: 50% 50%;}*/ div.loading {position: relative; width: 2em; height: 2em; border: 3px solid var(--color-text-alt); overflow: hidden; animation: spin 3s ease infinite; } div.loading::before {content: ''; position: absolute; top: -3px; left: -3px; width: 2em; height: 2em; background-color: var(--color-text-alt); transform-origin: center bottom; transform: scaleY(1); animation: fill 3s linear infinite; } @keyframes spin {50%, 100% {transform: rotate(360deg); } } @keyframes fill {25%, 50% {transform: scaleY(0); } 100% {transform: scaleY(1); } } /*OWL*/ .owl-carousel .owl-item img {height: auto;} /*BREADCRUMB*/ .breadcrumb {margin-bottom: 0; list-style: none; line-height: 1; font-family: var(--font-family-heading); font-size: 0.8rem; } .breadcrumb li, .breadcrumb a, .breadcrumb .active{color: var(--color-text);} /*PAGINATION*/ .pagination {justify-content: center !important; margin: 20px 0 0; flex-direction: row !important; } .pagination li.page-item {margin-right: 0.3rem;} .pagination li:before {display: none;} .pagination .page-item.active .page-link {background-color: var(--color-background-alt-dark); } .pagination .page-link {font-weight: 500; color: var(--color-text); background-color: var(--bs-gray-200); border: 1px solid var(--color-gray);height: 30px; line-height: 1; width: 30px; display: flex; align-items: center; justify-content: center;} .pagination .page-item.disabled .page-link {background-color: var(--color-gray); border: none; color: var(--color-text-light); } .pagination .page-item:first-child .page-link {border-top-left-radius: 0; border-bottom-left-radius: 0;} .pagination .page-item:last-child .page-link {border-top-right-radius: 0; border-bottom-right-radius: 0;} /*PAGINATOR - ROUNDED*/ .pagination.rounded .page-link{border-radius: 50%; padding: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-family: var(--font-family-heading);} .pagination.rounded .page-item:first-child .page-link {border-top-left-radius: 50%; border-bottom-left-radius: 50%;} .pagination.rounded .page-item:last-child .page-link {border-top-right-radius: 50%; border-bottom-right-radius: 50%;} /*ACCORDION*/ .accordion {margin-top: 1.5rem;} .accordion .collapsing {transition-property: height, visibility; transition-duration: 1s; transition-timing-function: ease; } .accordion .accordion-item {border: none;} .accordion .accordion-item:first-of-type {border-radius: 0;} .accordion .accordion-item:last-of-type {border-radius: 0;} .accordion .accordion-header {margin: 0;} .accordion .accordion-button {font-size: 1.2rem; line-height: 1; background: transparent; color: var(--color-heading); font-weight: 400; padding: 0.9rem 1rem; box-shadow: none; border-bottom: 1px solid var(--color-red);} .accordion .accordion-button:focus {box-shadow: none;} .accordion .accordion-button::after {background-image: none; content: "\f0140"; display: flex ; font-family: "Material Design Icons"; font-size: 2rem; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; align-items: center; justify-content: center; color: var(--color-red); } .accordion .accordion-button:not(.collapsed) {background-color: transparent; } .accordion .accordion-button:not(.collapsed)::after {transform: none; content: "\f0374"} .accordion .accordion-body {padding: 1rem .4rem;} .accordion .accordion-collapse{border-bottom: 1px solid var(--color-red);} /*SLIDER*/ /*SLIDER FULL WIDTH slider-main*/ .slider-main .item{position: relative;} .slider-main .item .text-wrapper {position: absolute; z-index: 1; bottom: 25px; right: 30px; text-transform: uppercase; transition: all 500ms ease;} .slider-main .owl-stage .active+.active .item .text-wrapper{right: initial; left: 30px;} .slider-main .item .text-wrapper .title{font-size: 2.5rem; color: #fff; font-family: var(--font-family-heading); line-height: 1; text-shadow: 0px 0px 3px #000000a3;} /*ABP MEDIA TOOLS*/ /*GALLERY*/ .media-tools-gallery-wrapper .media-tools-gallery{gap: 10px} .media-tools-gallery-wrapper .media-tools-gallery-active.active_class img{width: 100%; display: block; height: auto;} .media-tools-gallery-wrapper .media-tools-gallery-thumbnails-wrapper{display: flex; justify-content: center; gap: 15px;} .media-tools-gallery-wrapper .media-tools-gallery-thumbnails-wrapper .thumbnail-button {border: 3px solid var(--color-cyan); } .media-tools-gallery-wrapper .media-tools-gallery-thumbnails-wrapper .media-tools-gallery-thumbnails{display: flex; justify-content: space-between; gap: 10px;} /*BOTTOM THUMBNAILS*/ .media-tools-gallery-wrapper.bottom-thumbnail .media-tools-gallery{display: flex; flex-direction: column;} /*TOP THUMBNAILS*/ .media-tools-gallery-wrapper.top-thumbnail .media-tools-gallery{display: flex; flex-direction: column-reverse;} /*LEFT THUMBNAILS*/ .media-tools-gallery-wrapper.left-thumbnail .media-tools-gallery{display: flex; flex-direction: row-reverse;} .media-tools-gallery-wrapper.left-thumbnail .media-tools-gallery-thumbnails-wrapper{flex-direction: column;} .media-tools-gallery-wrapper.left-thumbnail .media-tools-gallery-thumbnails-wrapper .media-tools-gallery-thumbnails{flex-direction: column;} /*RIGHT THUMBNAILS*/ .media-tools-gallery-wrapper.right-thumbnail .media-tools-gallery{display: flex; flex-direction: row;} .media-tools-gallery-wrapper.right-thumbnail .media-tools-gallery-thumbnails-wrapper{flex-direction: column;} .media-tools-gallery-wrapper.right-thumbnail .media-tools-gallery-thumbnails-wrapper .media-tools-gallery-thumbnails{flex-direction: column;} /*HORIZONTAL THUMBNAILS*/ .media-tools-gallery-wrapper.horizontal-thumbnail .media-tools-gallery-thumbnails-wrapper{flex-direction: row;} .media-tools-gallery-wrapper.horizontal-thumbnail .media-tools-gallery-thumbnails-wrapper .thumbnail-button.button-prev{margin-right: 10px;} .media-tools-gallery-wrapper.horizontal-thumbnail .media-tools-gallery-thumbnails-wrapper .thumbnail-button.button-next{margin-left: 10px;} .media-tools-gallery-wrapper.horizontal-thumbnail .media-tools-gallery-thumbnails-wrapper .img-product{aspect-ratio: 1/1; object-fit: cover;} /*VERTICAL THUMBNAILS*/ .vertical-thumbnail .media-tools-gallery-thumbnails .img-product{margin: 5px 0;} /*GENERAL*/ .media-tools-gallery .thumbnail-button{border: 1px solid var(--color-background-light); background: none; padding: 0 3px;} .media-tools-gallery-active{overflow: hidden;} .media-tools-gallery-thumbnails {overflow: hidden;} .media-tools-gallery-thumbnails .img-product{border: 1px solid var(--color-background-light); transition: all 1s ease;} .media-tools-gallery-thumbnails .img-product:hover{cursor:pointer; transform: scale(1.5);} /*MENU MAIN*/ .menu-main-wrapper .navbar-toggler:focus {box-shadow: 0 0 5px 0 #000000c9;} .menu-main .btn-cta{background: var(--color-background-alt); color: #FFF!important; border-radius: 10px!important;} .menu-main>.nav-item.parent>a::after{content: "\F0140"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .menu-main .nav-item > .nav-link{padding: 8px; color: var(--color-text); font-size: 1.1rem; font-weight: 500; font-family: var(--font-family-heading); text-transform: uppercase; line-height: 1;} .menu-main .nav-item.active {border-left: 2px solid var(--color-red)!important;} /*MOVIL BUTTON*/ .menu-main-wrapper .navbar-toggler {padding: 0; border: none;} .menu-main-wrapper .navbar-toggler .navbar-toggler-dots {width: 30px; height: 30px; display: grid; grid-template-rows: repeat(3, 9px); grid-template-columns: repeat(3, 9px); justify-items: center; align-items: center;} .menu-main-wrapper .navbar-toggler .navbar-toggler-dots > span {background-color: var(--color-background-dark); width: 0.2em; height: 0.2em; border-radius: 50%; animation: special-fade 1.5s alternate ease-in-out infinite;} .menu-main-wrapper .navbar-toggler .navbar-toggler-dots > span:nth-of-type(2), .navbar-toggler-dots > span:nth-of-type(4) {animation-delay: 0.25s;} .menu-main-wrapper .navbar-toggler .navbar-toggler-dots > span:nth-of-type(3), .navbar-toggler-dots > span:nth-of-type(5), .navbar-toggler-dots > span:nth-of-type(7) {animation-delay: 0.5s;} .menu-main-wrapper .navbar-toggler .navbar-toggler-dots > span:nth-of-type(6), .navbar-toggler-dots > span:nth-of-type(8) {animation-delay: 0.75s;} .menu-main-wrapper .navbar-toggler .navbar-toggler-dots > span:nth-of-type(9) {animation-delay: 1s;} @keyframes special-fade {to {opacity: 0.2;} } .menu-main-wrapper .navbar-toggler .navbar-toggler-box .box {perspective: 120px;} .menu-main-wrapper .navbar-toggler .navbar-toggler-box .plane {width: 2em; height: 2em; background-color: var(--color-background-dark); transform: rotate(0); animation: flip 8s infinite;} @keyframes flip {25% {transform: rotateY(180deg);} 50% {transform: rotateY(180deg) rotateX(180deg);} 100% {transform: rotateY(0deg);}} /*EFFECT SLIDE*/ /*Agregar la clase effect-slide al menu-main para dar un efecto hover slide con el background gris*/ .menu-main .effect-slide.nav > .nav-item > .nav-link {z-index: 1; position: relative; padding: 0.5em 1em; outline: none; border: none;} .menu-main .effect-slide.nav > .nav-item > .nav-link::before {background-color: var(--color-background-light); content: ''; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform-origin: center top; transform: scaleY(0); transition: transform 0.25s ease-in-out;} .menu-main .effect-slide.nav > .nav-item > .nav-link:hover {cursor: pointer; color: #FFF;} .menu-main .effect-slide.nav > .nav-item > .nav-link:hover::before {transform-origin: center bottom; transform: scaleY(1);} /*EFFECT UNDERLINE*/ .menu-main .effect-underline.nav > .nav-item > .nav-link {position: relative;} .menu-main .effect-underline.nav > .nav-item > .nav-link::before {background-color:var(--color-background-light); content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; transform-origin: bottom right; transform: scaleX(0); transition: transform 0.5s ease;} .menu-main .effect-underline.nav > .nav-item > .nav-link:hover::before {transform-origin: bottom left; transform: scaleX(1);} /*SUBMENU*/ .menu-main .submenu-wrapper {position: absolute; padding-top: 0; top: calc(100% + 7px); z-index: 5; overflow: hidden; padding: 0; transition: all 300ms ease; border-bottom: 3px solid var(--bs-gray); background: var(--color-background-light); left: 0; right: 0; } .menu-main .submenu-wrapper .nav-item>a {color: var(--color-text); font-size: 1rem; font-weight: 400; font-family: var(--font-family-heading); text-transform: none; line-height: 1;} .menu-main .submenu-wrapper .nav-item>a:hover {color: var(--color-red);} .menu-main .submenu-wrapper.show, .menu-main .submenu-wrapper.collapsing {display: flex ; flex-direction: row-reverse; justify-content: space-between; align-items: stretch; } .menu-main .submenu-wrapper .submenu-module-wrapper {background-color: var(--color-navy); background-image: var(--main-texture); flex: 0 1 70%; padding: 10px 20px 10px 10px; } .menu-main .submenu-wrapper .submenu-module-wrapper ul{flex: 1; } .menu-main .submenu-wrapper .module-wrapper{height: 100%; } .menu-main .submenu-wrapper .module-menu-articles.mod-articles {display: grid ; height: 100%; gap: 10px 20px; position: relative; align-items: flex-start; justify-content: flex-start; grid-template-columns: 1fr 1fr; } .menu-main .submenu-wrapper .module-menu-articles li{flex: 1 1 50%; height: 100%;} .menu-main .submenu-wrapper .module-menu-articles li article{height: 100%;} .menu-main .submenu-wrapper .module-menu-articles .newsflash-link{display: flex; gap: 10px; height: 100%; align-items: center;} .menu-main .submenu-wrapper .module-menu-articles .newsflash-title {flex: 1; font-size: 1rem; line-height: 1.2; font-weight: 300; color: var(--color-text-light); margin-bottom: 0; overflow: hidden; display: block; max-height: 98px; } .menu-main .submenu-wrapper .module-menu-articles .newsflash-image{flex: 0 1 205px; margin: 0;} .menu-main .submenu-wrapper ul.submenu-list {padding: 15px; display: flex ; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; flex: 0 1 30%; align-content: space-between; gap: 10px; } .menu-main .submenu-wrapper ul.submenu-list li{flex: 0 1 calc(50% - 10px); position: relative; } .menu-main .submenu-wrapper ul.submenu-list li.divider{flex: 1 1 100%; padding: 0 8px; border: none;} .menu-main .submenu-wrapper ul.submenu-list li.divider:after{display: none;} .menu-main .submenu-wrapper ul.submenu-list .heading {font-size: 1.1rem; font-weight: 700; color: var(--color-text-alt-light); text-transform: uppercase; line-height: 1; margin-bottom: 10px; display: block; } .menu-main .submenu-wrapper ul.submenu-list li a{border-bottom: 1px solid var(--color-red);} .menu-main .submenu-wrapper ul.submenu-list li a:after {content: ''; display: block; position: absolute; bottom: 0; width: 10px; height: 2px; background: var(--color-red); right:0; } .menu-main .submenu-wrapper ul.submenu-list li a.ver-todo {color: var(--color-text-alt-light) !important; font-weight: 500; text-align: right;} .menu-main .submenu-wrapper ul.submenu-list li a.ver-todo:after {animation: slideAcross 2s ease-in-out infinite; } /*MENU RRSS*/ .menu-rrss>li>a.show-label {display: flex; gap: 10px; font-size: 1.2rem; line-height: 1;} .menu-rrss>li>a:not(.show-label)>.socil-label{position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important;} /*FORMS*/ form .btn-primary{background: var(--color-background-alt-light); border: none; color: var(--color-text-light); cursor: pointer; display: block; font-size: 1.3rem; font-weight: 700; padding: 8px 0; text-transform: uppercase; width: 100%;} form .btn-primary:hover {background-color: var(--color-background-alt); border-color: var(--color-background-alt);} .form-check-input:checked {background-color: var(--color-background-alt); border-color: var(--color-background-alt);} .required .star{color: var(--color-text-required)} .form-select{border-radius: 0;} /*MODALES*/ .modal-backdrop.show {opacity: 0.9;} .modal .modal-header {padding: 0;} .modal .modal-header button.close {position: relative; top: -50px; right: 40px; background-color: var(--bs-gray); border: none; border-radius: 15px!important; padding: 0; height: 25px; min-width: 0;} .modal .modal-header button .mdi-close:before {display: inline-block; content: "\f0156"; font-family: "Material Design Icons"; color: #fff; font-style: normal; font-size: 1rem; line-height: 1; vertical-align: middle;} .modal .modal-body {padding: 0 1rem 1rem;} .modal .modal-body h2 {font-size: 2rem; color: var(--color-text-dark);} .modal .modal-body .form-control {border-radius: 0;} .modal .modal-body .form-group {margin-bottom: .5rem;} .modal .modal-body .btn-send {text-transform: uppercase; color: #fff; background-color: var(--color-text-alt-light); width: 100%; padding: 5px 40px;} .modal .contact-form .form-control {font-size: .8rem;} .modal .contact-form select {width: 100%; border-color: var(--bs-gray); padding: 5px; text-transform: uppercase; font-size: .9rem; color: #000 } .modal.modal-contact .modal-header {background: var(--color-background-alt-light);} /*MODAL LOGIN*/ .modal-login .modal-body{background-color: var(--color-background-dark);} .modal-login h3 {background: none; color: var(--color-text-light); font-size: 2.2rem; font-weight: 900; line-height: 1; margin-bottom: 20px;} .modal-login .modal-body{padding: 1rem;} .modal-login form .form-group {display: flex; position: relative; align-items: center; padding: 0; margin-bottom: 1rem;} .modal-login form .form-control {padding: 0.2rem 0.5rem; font-size: .8rem; background-color: transparent; border-radius: 0 !important; border: none; color: #fff; border-bottom: 1px solid var(--bs-light); transition: all .7s ease;} .modal-login form .form-control::placeholder {color: var(--color-text-light); text-transform: uppercase;} .modal-login form .form-control:focus + .control-label {color: var(--color-text);} .modal-login form .form-control:focus {border-color: var(--color-background-dark); box-shadow: 0 0 0 0.2rem #00000033;} .modal-login form .form-control:valid + .control-label {display: none;} .modal-login form .form-control label.form-check-label {color: var(--color-text-light);} .modal-login .mdi.icon-eye-slash:before{content: '\F06D1'!important;} .modal-login a{color: #FFF} /*MODULO-NOVEDADES*/ .module-articles-news .item-wrapper {display: block; text-decoration: none; overflow: hidden; padding-bottom: 20px;} .module-articles-news .item-wrapper .item-title {color: var(--color-text-dark); margin: 0; font-size: 1.2rem; margin-top: 7px; font-weight: 600; line-height: 1.2; font-style: normal;} .module-articles-news .item-wrapper .newsflash-image{background: #000; overflow: hidden;} .module-articles-news .item-wrapper .newsflash-image img {transform: scale(1); transition: all 500ms ease; width: 100%;} .module-articles-news .item-wrapper:hover .item-title {color: var(--color-text-light);} .module-articles-news .item-wrapper:hover img {transform: scale(1.1); opacity: .75;} /*FORM*/ form.rounded .input-group button {border: 2px solid var(--color-red); border-left: 0; border-radius: 0 50px 50px 0!important; background: #fff; color: var(--color-red); font-size: 40px; line-height: 1;} form.rounded .input-group button:hover {background-color: var(--color-red); color: #fff;} form.rounded input {border: 2px solid var(--color-red); border-right: 0; border-radius: 50px 0 0 50px!important; background: #fff; padding: 15px 0 15px 30px; } form .form-group > div{width: 100%;} form .form-group {display: flex ; align-items: flex-start; background: #fff; position: relative; flex-direction: column; margin-bottom: 1rem;} form .form-control.is-invalid {border-color: #dc3545; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.8 5.8 1.4 1.4m0-1.4L5.8 7.2'/%3e%3c/svg%3e"); } form .form-control.is-valid {border-color: #28a745; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='m2.3 6.73.86.86 4.54-4.54-.86-.86L2.3 6.73z'/%3e%3c/svg%3e"); } form .form-floating >.form-group .form-control {font-size: 1rem; line-height: 1; color: var(--color-navy); margin-bottom: 0; border: 0; height: calc(2.25rem + 2px); display: block; padding: 25px 7px 5px 7px;} form .form-floating >label {display: flex ; align-items: center; gap: 5px; font-size: 1rem; line-height: 1; padding: 5px 5px 5px 10px;} form .btn-send {position: relative; display: block; width: 100%; color:#FFF; background-color: var(--color-red); text-transform: uppercase; cursor: pointer; border: 0; font-weight: 500; overflow: hidden; position: relative; border: 2px solid var(--color-red); transition: all .3s ease; padding: 0.5rem 2.5rem; font-size: 1.2rem; font-weight: bold; line-height: 1;} form .btn-send:disabled {opacity: 0.6; cursor: not-allowed; } form .btn-send:hover, form .btn-send:focus {background-color: #fff; box-shadow: none; color: var(--color-red); border-color: var(--color-red);} #warning-text {opacity: 0; font-size: 0.9rem; left: 0; right: 0; top: 0; transition: all .2s ease; position: absolute; z-index: 10; text-align: center;} #warning-text.spinning, #warning-text.sent,#warning-text.sending {opacity: 1; position: static;} form .privacy-notice {font-size: 0.875rem; line-height: 1.25; } form .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } form .form-group textarea{transition: all ease 1s; min-height: 100px;} form .form-group textarea:focus, form .form-group textarea:active {min-height: 200px;} /*CONTACT FORM*/ .module-contact-form.module-wrapper {top: 50px; z-index: 1020; padding: 1rem; background-color: #fff; border: 2px dashed #dadada; min-width: 289px; max-width: 100%; margin-bottom: 20px;} .module-contact-form .header {font-size: 1.3rem; display: inline-block; position:relative; } .module-contact-form .header:after {content: ''; display: block; position: absolute; bottom: 0; width: 10px; height: 2px; background: var(--color-red); right: 0; animation: slideAcross 2s ease-in-out infinite;} /*.module-contact-form form{position: relative; z-index: 1; margin-bottom: 2rem;}*/ /*.module-contact-form .form-group.name {flex-direction: column; align-items: flex-start;}*/ /*.module-contact-form .form-footer {display: flex; flex-direction: column;}*/ /*.module-contact-form .form-group .form-control {font-size: 1rem; line-height: 1; color: var(--color-navy); margin-bottom: 0; border: 0; height: calc(2.25rem + 2px); display: block; padding: 25px 7px 5px 7px;}*/ /*.module-contact-form .form-group .control-label {font-size: 0.7rem; font-weight: bolder; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; padding: 0rem .1rem;}*/ /*.module-contact-form .form-group.comments{flex-direction: column; align-items: flex-start;}*/ /*MODULO DE MARCAS*/ .module-brands{margin-bottom: 2rem} /*OWL-TWO-SIDES*/ .module-owl-two-sides .owl-two-sides-row {margin-bottom: 5px;} /*SHINY-TEXT*/ .shiny-text {color: #edebeb4a; background: linear-gradient(120deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 60% ); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; display: inline-block; animation: shine 5s linear infinite; } @keyframes shine {0% {background-position: 100%; } 100% {background-position: -100%; } } .shiny-text.disabled {animation: none; } /*MODULO CASOS EXITO*/ .modulo-casos-exito-wrapper{padding: 50px 0 0 } .modulo-casos-exito-wrapper .casos-exito-slogan{margin-bottom: 3rem;} /*.modulo-casos-de-exito {min-height: 332px;}*/ .modulo-casos-de-exito .item-wrapper {position: relative;} .modulo-casos-de-exito .item-wrapper a:hover .item-text {transform: scale(1); opacity: 1;} .modulo-casos-de-exito .item-wrapper a:hover .item-text:after {right: 0; left: 0;} .modulo-casos-de-exito .item-wrapper a:hover .item-text:before {top: 0; bottom: 0;} .modulo-casos-de-exito .item-wrapper .item-img {position: relative;} .modulo-casos-de-exito .item-wrapper .item-img:before{position: absolute; content: ''; display: block; z-index: 1; background: transparent; border: 5px solid var(--color-background); top: 0; right: 0; bottom: 0; left: 0;} .modulo-casos-de-exito .item-wrapper .item-text h3 {font-size: 1.1rem; font-weight: 500; position: relative; z-index: 2; color: var(--bs-cyan); padding: 0 10px; } .modulo-casos-de-exito .item-wrapper .item-text .item-intro {padding: 0 20px; font-size: 1rem; } .modulo-casos-de-exito .item-wrapper .item-text {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(10, 12, 16, 0.9); overflow: hidden; transition: all 500ms ease; transform: scale(0.2) rotateX(-180deg); transform-origin: center center; opacity: 0; color: #fff; padding: 10px; text-align: center; display: flex; flex-direction: column; justify-content: center; } .modulo-casos-de-exito .item-wrapper .item-text:after {right: 50%; left: 50%; border-left: 0; border-right: 0;} .modulo-casos-de-exito .item-wrapper .item-text:after, .item-wrapper .item-text:before {content: ''; position: absolute; border: 1px solid rgba(255, 255, 255, .2); margin: 20px; top: 0px; left: 0px; right: 0px; bottom: 0px; transition: all ease-out .5s; transition-delay: .5s; } .modulo-casos-de-exito .item-wrapper .item-text:before {top: 50%; bottom: 50%; border-top: 0; border-bottom: 0;} /*MODULO TESTIMONIOS*/ .modulo-testimonios {min-height: 600px;} .modulo-testimonios h2{color: var(--color-text-light); text-align: center; font-size: 2.6rem; font-weight: bold; margin-bottom: 1rem;} .modulo-testimonios a{color: var(--color-text-alt);} .modulo-testimonios strong, .modulo-testimonios .strong {color: var(--color-heading-light); } .modulo-testimonios .header-default {text-align: center; padding: 0; border: none; text-transform: uppercase; font-weight: 700;} .modulo-testimonios .media>img {width: 100px !important; height: 100px;} .modulo-testimonios .owl-item .item {transform: rotateY(-30deg) translateY(15px); transition: all 350ms ease-in; opacity: .6; width: 265px; max-width: 90vw;} .modulo-testimonios .owl-item {perspective: 1000px;} .modulo-testimonios .owl-item.active .testimonio-body .text:hover{height: auto;} .modulo-testimonios .owl-item.active.center .item {transform: rotateY(0deg) translateY(0) translateZ(0); opacity: 1;} .modulo-testimonios .owl-item.active.center ~ .owl-item .item {transform: rotateY(30deg) translateY(15px) translateZ(0);} .modulo-testimonios .owl-stage {padding-bottom: 15px;} .modulo-testimonios .owl-stage-outer {padding-top: 30px;} .modulo-testimonios .testimonio-body .text{overflow: hidden; height: 200px; min-height: 200px; font-size: 0.8rem; line-height: 1.2; transition: all 1s ease-in;} .modulo-testimonios .testimonio-body {z-index: 0; position: relative; border: 2px solid var(--color-cyan); padding: 40px 20px 20px 20px; margin-bottom: 30px;} .modulo-testimonios .testimonio-body-arrow {margin: -32px 0 60px 80px; position: relative;} .modulo-testimonios .testimonio-body-arrow:after {border-right-width: 34px; border-top: 26px solid var(--color-navy); left: 2px;} .modulo-testimonios .testimonio-body-arrow:before {border-right-width: 40px; border-top: 30px solid var(--color-cyan);} .modulo-testimonios .testimonio-body-arrow:before, .modulo-testimonios .testimonio-body-arrow:after {content: ""; display: block; position: absolute; width: 0; height: 0; border: 0 solid transparent; border-right-width: 0px;} .modulo-testimonios .testimonio-body:before {content: "\F0E23"; background-color: var(--color-navy); background-image: var(--main-texture); color: var(--color-cyan); font-family: "Material Design Icons"; position: absolute; top: 0; font-size: 5rem; margin: 0; display: block; z-index: 3; line-height: 0.5; transform: translateY(-50%);} .modulo-testimonios .testimonio-name {color: #FFF; line-height: 1.3;} /*MODULE-SERVICES*/ .module-services {padding: 2rem;} .module-services .item-wrapper {padding: 20px; border: 1px dashed #fff; display: block; height: 100%; transition: all ease-out .5s; position: relative; } .module-services .item-wrapper:after {position: absolute; right: -10px; bottom: -28px; transform: rotate(45deg); width: 45px; height: 80px; content: ""; border-left: inherit; background: var(--color-navy); } .module-services .item-wrapper:hover {color: #fff; background: #1f242e; border: 1px solid #fff; } .module-services .item-title a{font-size: 1.5rem; line-height: 1; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--color-text-alt)!important; } .module-services .item-intro {font-size: 0.8rem; line-height: 1.5; } .module-services details summary {color: var(--color-text-alt); font-size: 1rem; line-height: 1; font-weight: 300; } .module-services details .question {margin: 12px 0 0 18px; display: flex ; flex-direction: column; gap: 5px; } .module-services details .question [itemprop="name"]{color: var(--color-text-alt);} .module-services details .question [itemprop="text"]{margin-bottom: 0;} /*MODULE-ARTICLES-NEWS*/ .module-articles-news .item-wrapper{height: 100%;} .module-articles-news article {background: #FFF; height: 100%;} .module-articles-news article .newsflash-title-wrapper{padding-left:10px; padding-right:10px; padding-bottom:10px;} .module-articles-news article .newsflash-title{font-size: 1.3rem; line-height: 1.1;} /*SERVICE PAGE*/ .layout-abpc_product .r-content section .text-column-2{margin-bottom: 35px;} .layout-abpc_product .card .card-title{margin-bottom: 15px; color: var(--color-text-alt-light); line-height: 1; text-transform: uppercase; font-size: 1.4rem; text-align: center;} .layout-abpc_product .card .card-text{text-align: center;} /*SERVICES*/ .services-wrapper .service-wrapper{display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden;} .services-wrapper .service-wrapper .service-link{display: flex; flex-direction: column; justify-content: flex-end;} .services-wrapper .service-wrapper .service-link .service-icon{width: 150px; margin: 0 auto 10px auto;} .services-wrapper .service-wrapper .service-link .service-title{font-family: var(--font-family-heading); font-size: 1.25rem; line-height: 1.2; font-weight: 500; margin-bottom: 0; height: 3rem;} /*M-QUOTING*/ .m-quoting {padding: 50px 0; } .m-quoting h3{font-weight: 700; font-size: 1.6rem; text-align: center; text-transform: uppercase;} .m-quoting .card {flex: 0 0 calc(33% - 20px); padding: 20px; min-height: 350px; border:2px dashed #ddd;} .m-quoting .card .card-body{padding: 0; display: flex ; align-items: center; flex-direction: column; justify-content: flex-start;} .m-quoting .card img{max-width: 100%; height: auto; max-height: 150px; display: block; margin-bottom: 20px;} .m-quoting .card .card-title {font-size: 1.3rem !important; text-align: center;} .m-quoting .card .card-text{font-size: 1rem; padding: 10px 0; text-align: center;} .m-quoting .card .text-muted{text-align: right; margin-bottom: 0; line-height: 1; font-size: 80%; color: #c0c0c0} .m-quoting .card .img-wrapper {width: 170px; height: 170px; display: flex ; margin: 0 auto 20px auto; background: var(--color-heading-alt-light); border-radius: 50% !important; align-items: center; justify-content: center; } /*VIDEO FLOATING*/ .video-container .video-embed.stuck {position: fixed; top: 40px; right: 10px; z-index: 1020; height: 150px; width: auto!important; aspect-ratio: calc(16 / 9); } .video-container .video-wrap{position: relative;} .video-container .btn-mute-wrapper {position: absolute; z-index: 1000; bottom: 50%; right: 50%; background: var(--color-red); padding: 10px; color: var(--color-text-light);} .video-container .btn-mute-wrapper .mdi:before{font-size: 2rem; font-size: 2rem; color: var(--color-text-light);} /*SERVICES HEADER*/ .services-table.header{text-align: center; margin-bottom: 40px;} .services-table.header h2 {font-weight: 700; line-height: 1;} .services-table.header p{font-size: 1.3rem!important; line-height: 1;} .services-table .tr-heading{background: var(--color-background-alt);} /*SECTORES*/ .sectores-wrapper .service-link {display: flex ; align-items: center; justify-content: center; flex-direction: column; gap: 20px; padding: 0 30px; } .sectores-wrapper .img-wrapper {width: 170px; height: 170px; display: flex ; background: var(--color-heading-alt-light); border-radius: 50% !important; align-items: center; justify-content: center; } .sectores-wrapper .img-wrapper img {width: initial !important; height: initial !important; } .sectores-wrapper .service-title {font-size: 1.2rem; line-height: 1; margin-bottom: 0; color: var(--color-heading-alt); font-weight: 500; } /*MODULE-FAQS*/ /*.module-faqs-wrapper h2 {font-size: 2.6rem; font-weight: bold; margin-bottom: 1rem; }*/ .module-faqs-wrapper .module-faqs .accordion {display: flex ; flex-wrap: wrap; gap: 10px; background: transparent; } .module-faqs-wrapper .module-faqs .accordion .accordion-item {flex: 0 0 calc(50% - 10px); background: transparent; } /*TAGS*/ ul.tags > li:before {display: none;} /*BG-SPECIAL*/ .bg-special {position: relative; margin: -18px 0 100px 0; /*padding: 2rem 0 0;*/ background-color: var(--color-navy); background-image: var(--main-texture); background-attachment: fixed; background-repeat: repeat; color: #fff; z-index: 0} .bg-special:before {position: absolute; content: ''; width: 100%; height: calc(100% + 90px); background-color: var(--color-navy); background-image: var(--main-texture); background-attachment: fixed; background-repeat: repeat; transform: skewY(3deg) translateZ(0); z-index: -1; top: 0; transform-origin: 100% 100%;} .bg-special h2{color:#FFF;} .bg-special h3{font-size: 1.3rem; line-height: 1;} .bg-special a{color: var(--color-text-alt)!important;} /*BG-SPECIAL-BIG*/ .bg-big-light {position: relative; z-index: 0} .bg-big-light:before {position: absolute; content: ''; width: 100vw; height: 100%; top: 0; bottom: 0; background-color: var(--color-background-light); z-index: -1; left: calc(50% - 50vw); } /*OUR-BENEFITS*/ .our-benefits{padding: 30px 0 1px!important;} .our-benefits .card{border: none!important; background: none!important; text-align: center;} /*CTA ROW*/ .cta-row{ text-align: center;} .cta-row .h3{} .cta-download{height: 100%; padding: 10px;} .cta-newsletter{height: 100%; padding: 10px;} .cta-row .cta-newsletter .input-group {padding: 5px; border-radius: 25px; background: var(--color-background-alt-dark); } .cta-row .cta-newsletter .input-group .form-control{border: none; height: 36px; border-radius: 25px 0 0 25px !important;} .cta-row .cta-newsletter .input-group .btn {background: #000; color: #FFF; border-radius: 0 25px 25px 0 !important; border: none; height: 36px;} /*R-TOP*/ .r-top {padding: 0; background: var(--color-background-light);} .r-top .container{display: flex; justify-content: flex-end; gap: 10px; align-items: center;} .r-top .module-wrapper+.module-wrapper{border-left: 1px solid var(--bs-gray); padding-left: 5px;} .r-top .mod-menu{gap: 5px; align-items: center;} .r-top .mod-menu a {color: var(--color-text-dark); text-transform: uppercase; display: flex; align-items: center; justify-content: center;} .r-top .menu-rrss a{padding: 5px 2px !important} .r-top .menu-rrss .divider{margin-left: 10px;} .r-top .menu-rrss .divider .separator{display: none;} /*R-NAVBAR*/ .r-navbar {position: relative; border-top: 1px solid var(--bs-gray); border-bottom: 1px solid var(--bs-gray); padding: 7px 0; background: #FFF;} /*.r-navbar{position: relative; margin: 0 0 -2rem 0; padding: 2rem 0; background-color: var(--color-navy); background-image: var(--main-texture); background-attachment: fixed; background-repeat: repeat; color: #fff; z-index: -1;}*/ .r-navbar:before {position: absolute; content: ''; width: 100%; height: calc(100% + 220px); background-color: var(--color-navy); background-image: var(--main-texture); background-attachment: fixed; background-repeat: repeat; transform: skewY(3deg) translateZ(0); z-index: -1; top: 0; transform-origin: 100% 100%;} .r-navbar .navbar{padding-top: 0; padding-bottom: 0;} .r-navbar .navbar .navbar-brand{padding-top: 0; padding-bottom: 0; max-width: 40%} .r-navbar .navbar .navbar-brand img{display: block; max-width: 100%; height: auto;} .r-navbar .navbar .mod-menu{gap: 10px;} /*R-SLIDER*/ .r-slider {padding: 2rem 0 1rem 0; } /*.r-slider.full{min-height: 490px;}*/ .r-slider .h1, .r-slider h1, .mod-breadcrumbs__wrapper {line-height: 1.2; margin: 0 0 10px; color: var(--color-text-light); padding-left: 8px; font-size: 28px !important; border-left: 5px solid var(--color-red); } .r-slider .slogan {color: var(--color-text-light); max-width: 70%; font-size: 1.2rem; } .r-slider .module-hero {padding: 70px 0 100px 0} .r-slider .module-hero h1{font-weight: 300; text-transform: uppercase; line-height: 1; font-size: 3rem!important; color: var(--color-text-light);; margin-bottom: 30px; border: none;} .r-slider .module-hero h1 strong{color: var(--color-text-light);} .r-slider .module-hero h2 {color: var(--color-text-light); padding-bottom: 30px; font-size: 1.7rem; font-weight: 300; line-height: 1.2; position: relative; font-family: var(--font-family-text); } .r-slider .module-hero h2:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 130px; height: 3px; background: var(--color-red); } .r-slider .module-hero .lead {font-weight: 300; font-size: 1.3rem; color: var(--color-text-light); line-height: 1.4; } .r-slider .module-hero .figures{color: var(--color-text-light); text-align: right;} /*R-CONTENT*/ .r-content{padding: 2rem 0} .r-content .category-products .item-wrapper {margin-bottom: 2rem; border: 1px solid var(--color-background-alt-light);} .r-content .category-products .item-wrapper .item-image{width: 100%; height: auto;} .r-content .category-products .item-wrapper .item-category{background-color: var(--color-background-alt-light);} .r-content .category-products .item-wrapper .item-category a{color: var(--color-text-light); padding: .5rem 1rem;} .r-content .category-products .item-wrapper .item-title h3{margin: 0; padding: .5rem 1rem;} .r-content .category-products .item-wrapper .item-text{margin: 0; padding: 0 1rem .5rem 1rem;} /*ASIDE*/ aside .header {font-size: 1.1rem; font-weight: bolder; margin-bottom: .7rem; color: var(--color-red) !important; text-transform: uppercase!important;} aside .module-popular-articles article{background: var(--color-background-light); margin-bottom: 15px;} aside .module-popular-articles .newsflash-link{ display:flex; gap:10px; } aside .module-popular-articles .newsflash-image{flex: 0 0 175px; margin-bottom: 0;} aside .module-popular-articles .newsflash-title{font-size: 1rem; line-height: 1; font-weight: 500; margin-bottom: 0; padding: 10px 0;} aside .module-tags ul{padding-left: 0; list-style: none;} aside .module-tags ul li{display: inline-block; margin-right: 10px;} /*R-POST-CONTENT*/ .r-post-content {position: relative; margin-top: 2rem; padding: 4rem 0; background-color: var(--color-navy); background-image: var(--main-texture); background-attachment: fixed; background-repeat: repeat; color: #fff; z-index: 0} .r-post-content:before {position: absolute; content: ''; width: 100%; height: calc(100% + 120px); background-color: var(--color-navy); background-image: var(--main-texture); background-attachment: fixed; background-repeat: repeat; transform: skewY(3deg) translateZ(0); z-index: -1; top: 0; transform-origin: 100% 100%;} .workflow .workflow-img-wrapper{position: relative;} .workflow .workflow-img-wrapper:after {background-repeat: no-repeat; bottom: -85px; content: ""; display: block; height: 136px; position: absolute; right: 25px; width: 34px; z-index: 4;} .workflow .workflow-img-wrapper.right:after {background-image: url(/images/workflow/arrow-right.png); right: 25px;} .workflow .workflow-img-wrapper.left:after {background-image: url(/images/workflow/arrow-left.png); left: 25px; right: auto;} .workflow .workflow-img-wrapper video {border: 10px solid rgba(255, 255, 255, 0.1); border-radius: 50%; width: 250px; max-width: 100%; height: auto; display: block; position: relative; margin: auto; height: auto;} .workflow .workflow-step {margin-bottom: 30px;} .workflow h2 {font-size: 54px; color: #fff; line-height: 60px; margin-top: 0; z-index: 1; position: relative; text-align: right; text-shadow: 0px 0px 20px #000;} .workflow h2 span {font-size: 200px; font-weight: 700; left: 0; position: absolute; top: 0; z-index: -1; text-shadow: none;} .workflow .workflow-step p {font-size: 1.2rem; font-weight: 300; line-height: 1.4; color: #e7e7e7; letter-spacing: 0.4px; } .workflow .right h2 {text-align: left;} .workflow .right h2 span {left: initial; right: 0;} .workflow .workflow-step:last-child .workflow-img-wrapper:after {display: none;} /*R-PRE-BOTTOM*/ .r-pre-bottom{position: relative; padding: 2rem 0;} .r-pre-bottom h2 {font-size: 2.6rem; font-weight: bold; margin-bottom: 1rem; } .r-pre-bottom .arrow-circle{margin-bottom: -18px;} .cta-newsletter .top{height: 100px;} .cta-newsletter .right .bottom .input-group{background: var(--color-background-alt-dark); padding: 6px 30px; border-radius: 30px; } .cta-newsletter .right .bottom .input-group .btn{background: var(--color-navy); color: #FFF; border-radius: 0 !important; border: 1px solid var(--color-background); } /*R-PRE-BOTTOM-2*/ /*R-TESTIMONIOS*/ .r-testimonios{background-color: var(--color-navy); background-image: var(--main-texture); padding: 50px 0 0; color: var(--color-text-light);} /*R-FAQS*/ .r-faqs {padding: 2rem 0} /*R-PRE-FOOTER*/ .r-pre-footer {padding: 2rem 0; background-color: var(--color-background-light);} .r-pre-footer .slogan-section{margin-bottom: 20px;} /*R FOOTER*/ .r-footer {background: var(--color-background-dark); color: var(--color-text-light); overflow: hidden;} .r-footer h2 {margin-bottom: 1rem; color: var(--color-text-alt); font-size: 1.2rem; } .r-footer h2.text-sideline:before {border-color: var(--color-text-alt); width: 1.5rem;} .r-footer a {color: var(--color-text-light);} .r-footer a:hover {color: var(--color-text-alt-light);} .r-footer .module-wrapper {margin: 2rem 0 0;} /*CONTACT*/ .r-footer .module-contact-us .nav-contact {padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 0.3rem;} .r-footer .module-contact-us .nav-contact a {display: flex; gap: 0.5rem;} /*NEWSLETTER*/ .r-footer .module-newsletter p {font-size: .9rem; font-weight: 400} .r-footer .module-newsletter .form-control {border-radius: 0;} .r-footer .module-newsletter .btn {background: var(--color-background-alt-light); color: var(--color-text-light); border-radius: 0!important;} /*SOCIAL*/ .r-footer .menu-rrss .btn-social:before {font-size: 2rem; line-height: 2rem; color: #fff; margin-right: 1rem;} .r-footer .menu-rrss .btn-social:hover:before {color: var(--color-main);} .r-footer .menu-rrss .phone-icon, .r-footer .menu-rrss .divider{display: none;} /*LINK INTERES*/ .r-footer .menu-links {flex-direction: column; display: flex ; flex-wrap: wrap; justify-content: space-between; } .r-footer .menu-links .nav-link{padding: 5px;} /*R COPYRIGHT*/ .r-copyright {background: var(--color-background-dark); font-size: .8rem; padding: .5rem; color: var(--color-text-light); text-align: center;} .r-copyright * {color: var(--color-text-light);} /*SPECIFIC PAGES*/ /*HOME*/ .home .header-default {font-size: 2rem;} .home .r-navbar:before{display: none;} .home .r-slider{padding: 0; position: relative; overflow: hidden; z-index: 0; } .home .r-slider:before, .home .r-slider:after{position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; content: '';} .home .r-slider:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 80%), url(/images/slider/home/community-manager.webp?v2); animation: sliderAnimationXL 30s infinite; } @keyframes sliderAnimationXL { /* Imagen 1 */ 0%, 15% {background-image: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 80%), url(/images/slider/home/community-manager.webp); transform: scale(1); opacity: 1; } 15%, 20% {transform: scale(1.2); opacity: 1; } 20%, 25% {transform: scale(1.2); opacity: 0; } /* Imagen 2 */ 25%, 40% {background-image: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 80%), url(/images/slider/home/desarrollo-web.webp); transform: scale(1); opacity: 1; } 40%, 45% {transform: scale(1.2); opacity: 1; } 45%, 50% {transform: scale(1.2); opacity: 0; } /* Imagen 3 */ 50%, 65% {background-image: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 80%), url(/images/slider/home/publicidad.webp); transform: scale(1); opacity: 1; } 65%, 70% {transform: scale(1.2); opacity: 1; } 70%, 75% {transform: scale(1.2); opacity: 0; } /* Imagen 4 */ 75%, 90% {background-image: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 80%), url(/images/slider/home/publicidad-salud.webp); transform: scale(1); opacity: 1; } 90%, 95% {transform: scale(1.2); opacity: 1; } 95%, 100% {transform: scale(1.2); opacity: 0; } } .home .r-slider:after{background: #000; z-index: -2;} .home section h2 {font-size: 2.6rem; font-weight: bold; margin-bottom: 1rem; } .home .r-content {padding: 3.3rem 0 0;} .home .r-content .row-top{margin-bottom: 35px} .home .r-content .row-top .h1 {font-size: 2.8rem; line-height: 1; margin-bottom: 15px;} .home .r-content .row-top .h2 {font-size: 1.6rem; margin-bottom: 30px; position: relative; padding-bottom: 20px; color: var(--color-text-dark); } .home .r-content .row-top .h2:after {content: ''; width: 120px; height: 2px; background: var(--color-red); position: absolute; bottom: 0; left: calc(50% - 60px); display: block;} .home .r-post-content {padding: 0; margin-top: 75px; margin-bottom: 70px;} .home .r-pre-bottom{padding: 70px 0 30px 0; } /*SERVICIOS SECTORES*/ .layout-abpc_product .r-navbar:before {display: none;} .layout-abpc_product section.bg-special {position: relative; margin: 0 0 50px 0;} .layout-abpc_product .r-content {padding: 0; position: relative; z-index: 1; } .layout-abpc_product .r-content .container{background: var(--color-background);} .layout-abpc_product .r-content section{padding: 2rem 0 0 0;} .layout-abpc_product .r-content header{position: relative; z-index: 1; padding: 40px 0; color: var(--color-text-light);} .layout-abpc_product .r-content header:before {content: ''; position: absolute; top: 0; bottom: 0; background-color: var(--color-navy); background-image: var(--main-texture); width: 100vw; left: calc(50% - 50vw); z-index: -1;} .layout-abpc_product .r-content header mark{color: inherit;} /*.layout-abpc_product .r-content .top{height: 350px;}*/ .layout-abpc_product .r-content .product-category {color: var(--color-text-light); padding: 10px 0 6px 12px; border-left: 12px solid var(--color-text-alt-light); line-height: 1; margin-bottom: 3px; font-size: 1rem; font-weight: 400; } .layout-abpc_product .r-content .product-title {font-size: 2.5rem; color: var(--color-red); font-weight: bold; text-transform: initial; line-height: 1.2; margin-bottom: 35px;} .layout-abpc_product .r-content .product-title div {font-size: 1.6rem; font-weight: 500; background: var(--color-background-alt-dark); color: var(--color-text-light); display: inline-block; padding: 5px 10px; margin-top: 10px;} .layout-abpc_product .r-content p{font-size: 1rem;} .layout-abpc_product .r-content .slogan{font-size: 1.4rem; color: #fff; font-weight: 300; font-family: var(--font-family-heading); line-height: 1.3; margin-bottom: 15px;} /*ROW-BKG-ALT*/ .r-content .row-bkg-alt{position: relative; padding: 50px 0; color: var(--color-text-light);} .r-content .row-bkg-alt:before{content: ''; position: absolute; top: 0; bottom: 0; background-color: var(--color-navy); background-image: var(--main-texture); width: 100vw; left: calc(50% - 50vw); z-index: -1;} .r-content .row-bkg-alt .header-special{color: var(--color-text-light); margin-top:0; } .r-content .row-bkg-alt .card {border: 2px dashed var(--color-cyan); background: transparent; color: var(--color-text-light); } .r-content .content.bottom{position: relative; padding: 50px 0; z-index: 2;} .r-content .content.bottom:before {content: ''; position: absolute; top: 0; bottom: 0; background-color: var(--bs-gray-100); width: 100vw; left: calc(50% - 50vw); z-index: -1; } /*FEE TABLE*/ .modulo-tabla-abonos{padding: 50px 0} .modulo-tabla-abonos .table.table-plan * {border: 0;} .modulo-tabla-abonos .table.table-plan tr > * {text-align: center;} .modulo-tabla-abonos .table.table-plan tr > *:first-child {text-align: left;} .modulo-tabla-abonos .table.table-plan thead tr > * {text-transform: uppercase; color: #fff; width: 20%;} .modulo-tabla-abonos .table.table-plan thead tr > th {background: var(--color-cyan); font-size: 1.6rem; font-family: var(--font-family-text); font-weight: 300; padding: 25px 8px; line-height: 1.2;} .modulo-tabla-abonos .table.table-plan thead tr > .plan-title {background: #fff; color: var(--color-heading-alt-dark); font-size: 2.2rem; font-weight: 700; width: 40%; line-height: 1;} .modulo-tabla-abonos .table.table-plan thead tr > .plan-featured {background: var(--color-red); font-size: 1.6rem; line-height: 1; border-top: 30px solid var(--color-red); padding-bottom: 25px; padding-top: 0;} .modulo-tabla-abonos .table.table-plan tbody tr > th {font-size: 1.1rem; vertical-align: middle; line-height: 1; padding: .6rem; font-weight: 600; } .modulo-tabla-abonos .table.table-plan tbody tr > td {font-size: 0.8rem; vertical-align: middle; line-height: 1.2; padding: .6rem;} .modulo-tabla-abonos .table.table-plan>tbody>tr:nth-of-type(odd)>*{background: var(--color-background-light);} .modulo-tabla-abonos .table.table-plan tbody .tr-heading>* {font-size: 1.3rem; background: var(--color-navy) !important; font-weight: 400; color: #FFF; line-height: 1; } .modulo-tabla-abonos .table.table-plan tbody tr > td:nth-of-type(2):not([colspan]){border-left: 1px dotted var(--color-red);border-right: 1px dotted var(--color-red);} /*NUESTROS-SERVICIOS*/ .nuestros-servicios{padding: 20px 0 0;} .nuestros-servicios h2{font-size: 2rem; text-transform: uppercase; color: var(--color-text-alt); margin-bottom: 2.5rem;} /*BLOG*/*/ /* CATEGORY */ .layout-blog.view-category .r-content .blog-items{margin-bottom: 50px} .layout-blog.view-category .r-content .blog-item .item-wrapper {border-radius: 0; position: relative; overflow: hidden; border: 0; margin-bottom:15px;} .layout-blog.view-category .r-content .blog-item .item-wrapper:after, .layout-blog.view-category .r-content .blog-item .item-wrapper:before {position: absolute; right: -30px; bottom: -30px; transform: rotate(45deg); content: "";} .layout-blog.view-category .r-content .blog-item .item-wrapper:after {border: 30px solid #fff; border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent; transform: rotate(45deg) translate(2px, 0) } .layout-blog.view-category .r-content .blog-item .item-wrapper:before {width: 59px; height: 59px; border-left: 6px solid var(--color-red);; z-index: 1;} .layout-blog.view-category .r-content .blog-item .item-wrapper .page-header {border: 1px solid #b3b3b3; border-top: 0; padding: 1.25rem; margin-bottom: 0;} .layout-blog.view-category .r-content .blog-item .item-wrapper .page-header h1 {font-size: 1.2rem !important; text-transform: initial; border: none; line-height: 1.1; display: block; height: 4rem; overflow: hidden; } .layout-blog.view-category .r-content .blog-item .item-wrapper .item-image {border: 1px solid #b3b3b3; border-bottom: 0; display: block; border-radius: 0; background: #000; margin: 0; width: 100%; height: auto;} .layout-blog.view-category .r-content .blog-item .item-wrapper .item-image:hover img {filter: grayscale(.6); opacity: .5;} /*.layout-blog.view-category .r-content .blog-item .item-wrapper .item-intro {font-family: "Fira Sans"; font-size: 14px;}*/ /*.layout-blog.view-category .r-content .blog-item .item-wrapper .item-tags {margin-bottom: 0;}*/ /*ARTICLE*/ /*.layout-blog.view-article .r-content h1 {font-size: 2.3rem; line-height: 1.1; font-weight: 400; color: var(--color-text); margin-bottom: 1.5rem; text-transform: initial;}*/ .layout-blog.view-article .r-slider{display: none;} .layout-blog.view-article .r-content .content h1 {line-height: 1.2; margin: 0 0 2rem; color: var(--color-text-light); padding-left: 8px; font-size: 2rem !important; border-left: 0;} .layout-blog.view-article .r-content .content h2 {font-size: 1.7rem; text-transform: none; margin-bottom: 9px; font-weight: 700; color: var(--color-heading);} .layout-blog.view-article .r-content .content h3:not(.title) {font-size: 1.5rem; color: var(--color-red); font-weight: 400;} .layout-blog.view-article .r-content .content h4{font-size: 1.3rem; font-weight: 500;} .layout-blog.view-article .r-content .content .header{font-size: 2rem; line-height: 1; color: var(--color-heading-alt);} .layout-blog.view-article .r-content .content .lead {font-weight: 600; line-height: 1.2; background-color: rgb(221 221 221 / 85%); padding: 20px; border-left: 15px solid var(--color-red); margin-top: -4rem; margin-bottom: 24px; z-index: 1; position: relative; margin-left: 0px; width: calc(100% - 40px); } .layout-blog.view-article .r-content .content .item-image {background: repeating-linear-gradient(45deg, var(--color-gray) 0px, var(--color-gray) 1px, transparent 1px, transparent 12px); margin-bottom: 10px;} /*ELEMENTOS GENERALES*/ .well, .well-2 {border: 1px solid var(--color-red); margin: 1rem 0; padding: 1rem; text-align: center; font-size: 1.2rem !important; line-height: 1.2; position: relative; } .well:after {content: ''; display: block; position: absolute; background: var(--color-red); width: 100px; height: 4px; bottom: -2px; left: calc(50% - 50px); animation: expandWidth 2s ease-in-out infinite; } .well-2:after {content: ''; display: block; position: absolute; background: var(--color-red); width: 20px; height: 4px; bottom: -2px; left: 0; animation: slideAcross 2s ease-in-out infinite; } @keyframes expandWidth {0% {width: 100px; left: calc(50% - 50px); } 50% {width: 300px; left: calc(50% - 150px); } 100% {width: 100px; left: calc(50% - 50px); } } @keyframes slideAcross {0% {left: 0; } 50% {left: calc(100% - 20px); } 100% {left: 0; } } .well.special {position: relative; background: transparent; font-family: var(--font-family-heading); font-weight: 700; font-size: 1.3rem; line-height: 1.3; padding: 2rem 0 0 4rem; border: none; overflow: hidden;} .well.special:before {content: '\f0757'; font-family: 'Material Design Icons'; position: absolute; top: 3.5rem; left: -2rem; color: var(--bs-gray); font-size: 12rem; line-height: 0; opacity: 0.3; z-index: 0;} .well-wrapper{margin: 20px 0;} .blockquote {margin: 2.5rem 0 2.5rem 2rem; padding: .5rem 0 .5rem 1rem; border-left: 15px solid var(--color-red); font-size: 1rem;} .blockquote h3 {font-size: 1rem; color: #000; font-weight: 800; margin-bottom: 0;} .r-content .content img{max-width: 100%; height: auto;} .r-content .content .article-cta-wrapper {text-align: center; margin: 20px 0; font-size: 1.6rem; font-weight: 600; line-height: 1.7; } /*NOSOTROS*/ .nosotros.view-article .page-header{margin: 50px 0} .nosotros.view-article .page-header h1{line-height: 1!important; font-size: 2rem!important;} .nosotros.view-article .about-us-wrapper {margin-bottom: 5rem;} .nosotros.view-article .about-us-wrapper .left {font-size: 1.1rem; line-height: 1.5; color: #fff; font-family: var(--font-family-text); font-weight: 300;} .nosotros.view-article .about-us-wrapper .left a{background-color: #FFF; padding: 2px 5px;} .nosotros.view-article .about-us-wrapper .right {position: relative;} .nosotros.view-article .about-us-wrapper .right .video-wrapper {position: absolute; top: 40px; left: 0; padding: 1rem; border: 3px dashed var(--color-navy); width: 300px; height: 300px;} .nosotros.view-article .about-us-wrapper .right .video-wrapper video{border-radius: 50%;} .nosotros.view-article .about-us-wrapper .right .video-wrapper > * {transform: translate(6px, 6px); transform-origin: left top;} .nosotros.view-article .about-us-wrapper .right .join-us-wrapper {position: absolute; top: 40px; left: 0;} .nosotros.view-article .staff-wrapper {background: var(--color-navy); color: #fff; width: 180px; height: 180px; text-align: center; display: block; border-radius: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center;} .nosotros.view-article .staff-wrapper:before {left: -15px; right: 15px; top: -15px; bottom: 15px; position: absolute; border: 3px dashed var(--color-navy); content: ""; border-radius: 100% } .nosotros.view-article .staff-wrapper.join-us > .staff-name {z-index: 100; font-size: 2rem !important; font-weight: 900; line-height: 1; color: #fff !important; text-transform: none !important; font-family: var(--font-family-text) !important; font-style: italic; margin-bottom: 0; transition: all 240ms ease; transform-origin: center center } .nosotros.view-article .staff-wrapper.join-us .mdi {opacity: 0; color: var(--color-text-light); font-size: 4rem; position: absolute; transition: all 240ms ease; transform: scale(2.0) translate(10px); display: block; display: block; transform-origin: center center } .nosotros.view-article .staff-wrapper.join-us:hover .mdi {opacity: 1; transform: scale(1) translateY(0px); } .nosotros.view-article .staff-wrapper.join-us:hover .staff-name {opacity: 0; transform: scale(.8) translateY(-13px) } /*WORK-WITH-US-WRAPPER*/ .work-with-us-wrapper .left{position: relative; color: var(--color-text-light); z-index: 0; padding: 40px;} .work-with-us-wrapper .left:before{content: ''; background: var(--color-red); width: calc(100% + 100px); top: 0; left: 0; bottom: 0; z-index: -1; display: block; position: absolute;} .work-with-us-wrapper .left strong{color: var(--color-text-light);} .work-with-us-wrapper .right{position: relative;} /*GRACIAS*/ .gracias .r-content .content{display: flex; height: 100%; justify-content: center; align-items: center; text-align: center; background: var(--color-background);} /*BASE-DE-CONOCIMIENTO*/ .base-de-conocimiento .com-content-article__body{background: var(--color-background); margin: -20px; padding: 20px;} /*LEGALES*/ .legales .r-content .com-content-article__body{background: var(--color-background); margin: -20px; padding: 20px;} .legales .r-content .page-header h1 {font-size: 36px !important; } /*CASOS-DE-EXITO*/ .layout-abpc_casos-de-exito .isotopo-filtro{display: inline-flex ; gap: 10px; align-items: center;} .layout-abpc_casos-de-exito .isotopo-filtro strong {color: var(--color-text-alt); font-size: 1.6rem; line-height: 1; font-weight: 500; } /*CATEGORIA*/ .layout-abpc_casos-de-exito .content .nav{gap: 15px;} .layout-abpc_casos-de-exito .content .btn {font-weight: bold; line-height: 1; border-color: var(--color-red); color: var(--color-red); padding: 0.5rem 2rem; font-size: .8rem; border-width: 2px; transition: all ease 1s;} .layout-abpc_casos-de-exito .content .btn:hover{background: var(--color-red);} .layout-abpc_casos-de-exito .casos-de-exito-page-wrapper{margin: -20px; padding: 20px; background: var(--color-background)} /*PRODUCT*/ .layout-abpc_product .header-special h2{font-size: 2.2rem; font-weight: bold; margin-bottom: 1rem; text-transform: none;} .layout-abpc_product .header-special{font-size: 1.6rem; color: var(--color-text-dark); font-weight: 500;} .layout-abpc_product .card{border-radius: 0; border: 1px dashed var(--color-navy); height: 100%;} /*GENERAL*/ .no-layout .r-navbar:before, .layout-abpc_casos-de-exito .r-navbar:before {height: calc(100% + 330px); } /*LANDING*/ .landing .r-pre-bottom{background: var(--color-background-light);} /*MEDIA QUERIES*/ /* xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px */ @media (max-width:1200px){ .header-special {margin: 0 5% 40px 5%;} .menu-main .submenu-wrapper{position: relative;} .module-news .item-wrapper {margin-bottom: 2rem;} .mod-custom .item-wrapper {margin-bottom: 2rem;} .service-wrapper {margin-bottom: 20px;} .services.view-article .r-navbar:before {height: calc(100% + 400px);} /*.services.view-article .r-content .top {margin-top: 30px; }*/ .services.view-article .r-content .top .product-category {font-size: 1.7rem;} .services.view-article .r-content .top .product-title {font-size: 2rem;} .services.view-article .r-content header {margin-bottom: 50px;} .services.view-article .r-content .card{margin-bottom: 20px;} .r-content {padding: 1rem 0; } .r-pre-bottom-2 {margin: -40px 0 100px 0;} .layout-abpc_product header+section > .row{ gap: initial; } } @keyframes sliderAnimationSM { /* Imagen 1 */ 0%, 15% {background-image: url(/images/slider/home/community-manager.webp); transform: scale(1); opacity: .8; } 15%, 20% {transform: scale(1.2); opacity: 1; } 20%, 25% {transform: scale(1.2); opacity: 0; } /* Imagen 2 */ 25%, 40% {background-image: url(/images/slider/home/desarrollo-web.webp); transform: scale(1); opacity: .8; } 40%, 45% {transform: scale(1.2); opacity: 1; } 45%, 50% {transform: scale(1.2); opacity: 0; } /* Imagen 3 */ 50%, 65% {background-image: url(/images/slider/home/publicidad.webp); transform: scale(1); opacity: .8; } 65%, 70% {transform: scale(1.2); opacity: 1; } 70%, 75% {transform: scale(1.2); opacity: 0; } /* Imagen 4 */ 75%, 90% {background-image: url(/images/slider/home/publicidad-salud.webp); transform: scale(1); opacity: .8; } 90%, 95% {transform: scale(1.2); opacity: 1; } 95%, 100% {transform: scale(1.2); opacity: 0; } } @media (max-width:992px){ .r-slider .module-hero {padding: 50px 0; } .r-slider .module-hero .figures{margin-bottom: 30px;} .menu-main .submenu-wrapper .submenu-module-wrapper {display: none; } .menu-main .submenu-wrapper ul.submenu-list {flex: 1 1 30%; } .home .r-slider:before {animation: sliderAnimationSM 60s infinite; } .home .r-content {padding: 2rem 0 0; } .services.view-article .r-content .product-title div {margin: 10px 0 0; } .services.view-article .our-service .row{gap: 20px 0;} .services.view-article .our-service .card .card-title{text-align: center; font-size: 1.4rem;} .layout-blog.view-article .r-content {padding: 2rem 0;} .layout-blog.view-article .r-content .lead {margin-top: 1rem; font-size: 1.3rem;} .layout-abpc_product .r-content header .right{padding-top: 20px;} } @media (max-width:768px){ .home section h2 {font-size: 2.4rem; line-height: 1; } .view-category .r-slider .slogan{max-width: 100%;} .workflow .workflow-step p {font-size: 1.4rem; padding: 0 90px; margin: 40px 0; } .workflow h2 span {top: -55px; } .workflow h2 {font-size:3.2rem!important;} .module-faqs-wrapper .module-faqs .accordion .accordion-item {flex: 0 0 100%; } .m-quoting {} .m-quoting .card {min-height: auto;} .m-quoting .card .card-body {flex-direction: row; gap: 30px;} .m-quoting .card .card-body .card-content{text-align: left;} .m-quoting .card .card-body .card-title{text-align: left;} .m-quoting .card .card-body .card-text{text-align: left;} .m-quoting .card .card-body .card-text-muted{text-align: left;} .layout-abpc_product header+section > .row{ display: flex ; gap: 20px; flex-direction: column;} .layout-abpc_product .header-special{font-size: 1.3rem; } } @media (max-width:576px){ body {font-size: 1.3rem;} hr.dashed {margin: 20px auto 55px auto;} h3, .h3 {font-size: 1.4rem; line-height: 1.1; margin-bottom: 0.5rem;} figure {margin: 0 0 0.5rem;} .header-special {font-size: 1.2rem; margin: 0 0 40px 0;} .header-special h2 {font-size: 1.4rem;} .btn-cta {font-size: 14px;} .lead { font-size: 1.2rem; line-height: 1.2;} .scroll-down {height: 40px; margin:1rem auto;} .scroll-down span {height: 40px;} .text-sideline{position: relative;} .text-sideline:before {position: absolute; bottom: -5px;} .modulo-casos-de-exito {min-height: 190px;} .modulo-casos-exito-wrapper .casos-exito-slogan {margin-bottom: 2rem;} .workflow h2 {font-size:4rem!important;} .workflow h2 span {font-size: 185px; top: -45px;} .workflow .workflow-img-wrapper > * {margin: 0 auto 30px auto;} .workflow .workflow-img-wrapper:after {bottom: -15px; height: 65px; background-size: contain; right: -10px!important;} .workflow .workflow-title-wrapper{margin-bottom: 30px;} .workflow .workflow-step p {line-height: 1.4; letter-spacing: 0.2px; margin: 20px 0 40px; padding: 0 50px;} .modulo-testimonios {min-height: 540px;} .module-news .item-wrapper {margin-bottom: 1rem;} .r-top .menu-rrss>li>a.show-label span{display: none;} .r-navbar .navbar .mod-menu {gap: 10px; margin: 10px 0 5px 0;} /*.menu-main .submenu-wrapper {background: #FFF; gap: 5px;}*/ /*.menu-main .submenu-wrapper li{background: var(--color-background-light);}*/ .r-post-content:before {height: calc(100% + 90px);} .r-pre-bottom h2 {font-size: 1.6rem; margin-bottom: 2rem;} .r-pre-bottom-2 {margin: -50px 0 55px 0;} .r-pre-bottom-2:before {height: calc(100% + 50px);} .r-footer .module-wrapper {margin: 1rem 0 0;} .r-footer .menu-rrss .btn-social{padding: 5px!important;} .r-footer .menu-rrss .btn-social:before { margin-right: 5px!important} .home .r-content .top h1 {font-size: 2rem;} .home .r-content .top h2 {font-size: 1.2rem; line-height: 1.1;} .home .r-post-content {margin-top: 15px;} .home .r-pre-bottom p {font-size: 1.1rem; line-height: 1.1;} .home .r-pre-bottom .arrow-circle {margin: 10px auto 0 auto;} .video-container .video-embed.stuck {top: initial; height: 100px; right: initial; bottom: 100; left: 0;} .services.view-article .r-navbar:before {height: calc(100% + 200px);} .services.view-article .r-content header {margin-bottom: 20px; padding: 20px 0 10px 0;} /*.services.view-article .r-content .video-container{margin-bottom: 20px;}*/ .services.view-article .r-content .top {font-size: 14px; line-height: 1.4; height: auto;} .services.view-article .r-content .product-title {font-size: 1.6rem; line-height: 1; } .m-quoting .cards {flex-wrap: wrap; flex-direction: column;} .m-quoting .cards .card {flex: 0 0 calc(100%); min-height: 350px;} .sectores-wrapper .service-title {font-size: 1rem; } .scroll-down-wrapper{margin: 15px 0;} .text-column-2 {columns: 1; } .modulo-tabla-abonos .table.table-plan thead tr > .plan-featured {font-size: 1.6rem; } } @media (max-width:393px){ .menu-main .submenu-wrapper ul.submenu-list li {flex: 1 1 100%; } .workflow h2 { font-size: 3rem!important; } .workflow .workflow-step p {line-height: 1.4; letter-spacing: 0.2px; margin: 20px 0 40px; padding: 0 20px;} .services.view-article .r-content .product-category {font-size: 1.2rem; } .services.view-article .r-content .product-title {font-size: 1.2rem; } .m-quoting .card .card-body {flex-direction: column; gap: 30px;} } /************************************************************************/ /*COKIE MGMT*/ .cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease} .cc-window.cc-invisible{opacity:0} .cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease} .cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)} .cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)} .cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)} .cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)} .cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)} .cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s} .cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999} .cc-window.cc-static{position:static} .cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .cc-revoke{padding:.5em} .cc-revoke:hover{text-decoration:underline} .cc-header{font-size:18px;font-weight:700} .cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer} .cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline} .cc-link:hover{opacity:1} .cc-link:active,.cc-link:visited{color:initial} .cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap} .cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent} .cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline} .cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75} .cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em} .cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em} .cc-revoke.cc-left{left:3em;right:unset} .cc-revoke.cc-right{right:3em;left:unset} .cc-top{top:1em} .cc-left{left:1em} .cc-right{right:1em} .cc-bottom{bottom:1em} .cc-floating>.cc-link{margin-bottom:1em} .cc-floating .cc-message{display:block;margin-bottom:1em} .cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto} .cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .cc-banner.cc-top{left:0;right:0;top:0} .cc-banner.cc-bottom{left:0;right:0;bottom:0} .cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em} .cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between} .cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1} .cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}} @media screen and (max-width:900px){.cc-btn{white-space:normal}} @media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0} .cc-window.cc-bottom{bottom:0} .cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0} .cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto} .cc-window.cc-floating{max-width:none} .cc-window .cc-message{margin-bottom:1em} .cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset} .cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px} .cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none} .cc-theme-classic .cc-btn{border-radius:5px} .cc-theme-classic .cc-btn:last-child{min-width:140px} .cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0} .cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em} .cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%} .cc-banner.cc-theme-edgeless .cc-message{margin-left:1em} .cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /*COKIE MGMT*/