: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: #3ec4c4; /*CYAN LIGHT*/ --color-text-alt: #267979; /*CYAN*/ --color-text-alt-dark: #ec0011; /*RED*/ --color-heading-light: #fff; --color-heading: #033649; --color-heading-dark: #212529; --color-heading-alt-light: #267979; --color-heading-alt: #033649; --color-heading-alt-dark: #ec0011; --color-background-light: #e9e9e9; --color-background: #FFF; --color-background-dark: #202020; --color-background-alt-light: #036564; --color-background-alt: #267979; --color-background-alt-dark: #ec0011; --color-red: #ec0011; --color-red-dark: #b5000d; /*#cc2928 no valido AA*/ --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("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20500%20375%27%3E%3Cg%20transform%3D%27translate(0%2C375)%20scale(0.1%2C-0.1)%27%20fill%3D%27%23000%27%3E%3Cpath%20d%3D%27M1000%203576%20c0%20-9%205%20-16...%27/%3E%3C/g%3E%3C/svg%3E"); --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; overflow-x: hidden;} /*RESET*/ *:focus-visible{box-shadow: none!important;} 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, {border-radius: 0!important;} .modal-content{border-radius: 30px!important; overflow: hidden;} 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 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;} 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; position: relative;} .module-hero h1 mark:after {content: ''; display: inline-block; position: absolute; width: 2rem; height: 3px; background: var(--color-gray); right: -35px; bottom: 6px; animation: cursor-blink 1s infinite;} 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-background-alt-dark); line-height: 1; margin-bottom: 15px;} .header-special {position: relative; font-size: 1.7rem; margin: 0 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);} .border-danger {border-color: var(--color-red) !important;} 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*/ /*COOKIEYA*/ .cky-revisit-bottom-right {bottom: 100px!important; } .floating-wpp {bottom: 170px!important; } /*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}} .animate_cursor-blink {animation: cursor-blink 1s infinite;} @keyframes cursor-blink {0%, 50% {opacity: 1;} 51%, 100% {opacity: 0;} } .animate_undeline-hockey{position: relative;} .animate_undeline-hockey: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;} /*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";}*/ .abp-icon{position: relative; display: flex ; gap: 5px; align-items: center;} .abp-icon:before {content: ''; display: inline-block; height: 1rem; width: auto; aspect-ratio: 1; top: 0; bottom: 0; position: relative; background-color: var(--color-text); mask-repeat: no-repeat; mask-size: contain; } .abp-icon-size-15:before { height: 1.5rem;} .abp-icon-size-20:before { height: 2rem;} .abp-icon-size-25:before { height: 2.5rem;} .abp-icon-size-30:before { height: 3rem;} .abp-icon-red:before{background-color: var(--color-red);} .abp-icon-white:before{background-color: var(--color-text-light);} .abp-icon-cyan:before{background-color: var(--color-cyan);} .abp-icon-at:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M13.106 7.222c0-2.967-2.249-5.032-5.482-5.032-3.35 0-5.646 2.318-5.646 5.702 0 3.493 2.235 5.708 5.762 5.708.862 0 1.689-.123 2.304-.335v-.862c-.43.199-1.354.328-2.29.328-2.926 0-4.813-1.88-4.813-4.798 0-2.844 1.921-4.881 4.594-4.881 2.735 0 4.608 1.688 4.608 4.156 0 1.682-.554 2.769-1.416 2.769-.492 0-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964-1.4 0-2.378 1.162-2.378 2.823 0 1.737.957 2.906 2.379 2.906.8 0 1.415-.39 1.709-1.087h.11c.081.67.703 1.148 1.503 1.148 1.572 0 2.57-1.415 2.57-3.643zm-7.177.704c0-1.197.54-1.907 1.456-1.907.93 0 1.524.738 1.524 1.907S8.308 9.84 7.371 9.84c-.895 0-1.442-.725-1.442-1.914'/%3e%3c/svg%3e");} .abp-icon-chevron-down:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");} .abp-icon-chevron-left:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");} .abp-icon-chevron-right:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");} .abp-icon-chevron-up:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/%3e%3c/svg%3e");} .abp-icon-dash:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3e%3c/svg%3e");} .abp-icon-email:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z'/%3e%3c/svg%3e");} .abp-icon-facebook:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3e%3c/svg%3e");} .abp-icon-instagram:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.93.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3e%3c/svg%3e");} .abp-icon-linkedin:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z'/%3e%3c/svg%3e");} .abp-icon-location:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M16 8a8 8 0 0 1-7.022 7.94l1.902-7.098a3 3 0 0 0 .05-1.492A3 3 0 0 0 10.237 6h5.511A8 8 0 0 1 16 8M0 8a8 8 0 0 0 7.927 8l1.426-5.321a3 3 0 0 1-.723.255 3 3 0 0 1-1.743-.147 3 3 0 0 1-1.043-.7L.633 4.876A8 8 0 0 0 0 8m5.004-.167L1.108 3.936A8.003 8.003 0 0 1 15.418 5H8.066a3 3 0 0 0-1.252.243 2.99 2.99 0 0 0-1.81 2.59M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3e%3c/svg%3e");} .abp-icon-phone:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3e%3c/svg%3e");} .abp-icon-pinterest:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M8 0a8 8 0 0 0-2.915 15.452c-.07-.633-.134-1.606.027-2.297.146-.625.938-3.977.938-3.977s-.239-.479-.239-1.187c0-1.113.645-1.943 1.448-1.943.682 0 1.012.512 1.012 1.127 0 .686-.437 1.712-.663 2.663-.188.796.4 1.446 1.185 1.446 1.422 0 2.515-1.5 2.515-3.664 0-1.915-1.377-3.254-3.342-3.254-2.276 0-3.612 1.707-3.612 3.471 0 .688.265 1.425.595 1.826a.24.24 0 0 1 .056.23c-.061.252-.196.796-.222.907-.035.146-.116.177-.268.107-1-.465-1.624-1.926-1.624-3.1 0-2.523 1.834-4.84 5.286-4.84 2.775 0 4.932 1.977 4.932 4.62 0 2.757-1.739 4.976-4.151 4.976-.811 0-1.573-.421-1.834-.919l-.498 1.902c-.181.695-.669 1.566-.995 2.097A8 8 0 1 0 8 0'/%3e%3c/svg%3e");} .abp-icon-plus:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3e%3c/svg%3e");} .abp-icon-quote:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z'/%3e%3c/svg%3e");} .abp-icon-twitter-x:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z'/%3e%3c/svg%3e");} .abp-icon-web:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M16 8a8 8 0 0 1-7.022 7.94l1.902-7.098a3 3 0 0 0 .05-1.492A3 3 0 0 0 10.237 6h5.511A8 8 0 0 1 16 8M0 8a8 8 0 0 0 7.927 8l1.426-5.321a3 3 0 0 1-.723.255 3 3 0 0 1-1.743-.147 3 3 0 0 1-1.043-.7L.633 4.876A8 8 0 0 0 0 8m5.004-.167L1.108 3.936A8.003 8.003 0 0 1 15.418 5H8.066a3 3 0 0 0-1.252.243 2.99 2.99 0 0 0-1.81 2.59M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3e%3c/svg%3e");} .abp-icon-whatsapp:before{mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232'/%3e%3c/svg%3e");} .abp-icon-youtube:before {mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3e%3c/svg%3e");} /*TEXT*/ .text-right{text-align: right;} .text-red{color: var(--color-red)!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: calc(50% - 1px); width: 2px; height: 100%; 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):not(.pagination) {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):not(.pagination) > li {position: relative; padding-left: 10px;} .r-content .content ul:not(.nav):not(.tab):not(.pagination) > li:before {content: ''; display: inline-block; height: 1.2rem; width: auto; aspect-ratio: 1; top: 0; left: -15px; position: absolute; background-color: var(--color-red); color: var(--color-red); mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");} /*.r-content .content ul:not(.nav):not(.tab) > li {display: flex ; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 3px;}*/ /*.r-content .content ul:not(.nav):not(.tab) > li:before {content: ''; display: inline-block; height: 1.2rem; width: auto; aspect-ratio: 1; top: 0; bottom: 0; position: relative; background-color: var(--color-red); color: var(--color-red); mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");}*/ 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-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; animation: btnAnimation 4s infinite;} .btn-cta:hover {cursor: pointer; color: #fff;} .btn-cta:hover::before {transform-origin: center right; transform: scaleX(1);} @keyframes btnAnimation {0% {transform: scaleX(0);} 10% {transform: scaleX(0.25);} 15% {transform: scaleX(0);} 25% {transform: scaleX(0.5);} 40% {transform: scaleX(0);} 50% {transform: scaleX(1);} 90% {transform: scaleX(1);} 100% {transform: scaleX(0);} } /*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 {touch-action: pan-y; -ms-touch-action: pan-y;} .owl-carousel .owl-item img {height: auto;} .owl-carousel .owl-dots {display: flex; gap: 15px; align-items: center; justify-content: center;} .owl-carousel .owl-dots .owl-dot{background: var(--color-red); height: 5px; width: 45px;} /*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;} /*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 {content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; mask-repeat: no-repeat; mask-position: center; mask-size: contain; vertical-align: middle; color: var(--color-red); mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");} .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);} /*MENU MAIN*/ .menu-main-wrapper .navbar-toggler:focus {box-shadow: none;} .menu-main.show {position: absolute; top: 52px; left: 0; right: 0; background: var(--color-background); z-index: 1;} .menu-main .btn-cta{background: var(--color-background-alt); color: #FFF!important; border-radius: 10px!important;} .menu-main>.nav-item.parent>a{display: flex ; gap: 5px; align-items: center;} .menu-main>.nav-item.parent>a::after{content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; vertical-align: middle; mask-repeat: no-repeat; mask-position: center; mask-size: contain; mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");} .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>a{color: var(--color-red);} .menu-main .submenu-wrapper .nav-item.active{position: relative;} .menu-main .submenu-wrapper .nav-item.active>a{color: var(--color-red); animation: applePowerPulse 3s ease-in-out infinite;} /*.menu-main .submenu-wrapper .nav-item.active::before {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 0; border-color: #ec00117d transparent transparent transparent; z-index: 1; animation: cursor-blink 1s infinite;}*/ @keyframes applePowerPulse { 0% { color: var(--color-red);; background-color: transparent; box-shadow: 0 0 0 0 rgba(128, 128, 128, 0); } 50% { color: #fff; background-color: rgba(64, 64, 64, 0.8); box-shadow: 0 0 20px 10px rgba(128, 128, 128, 0.3); } 100% { color: var(--color-red);; background-color: transparent; box-shadow: 0 0 0 0 rgba(128, 128, 128, 0); } } /*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-red); 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 30%; 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: flex ; height: 100%; gap: 10px 20px; position: relative; align-items: flex-end; justify-content: flex-start;} .menu-main .submenu-wrapper .module-menu-articles.mod-articles li {display: flex ; align-items: center; justify-content: flex-start; max-height: 114px;} .menu-main .submenu-wrapper .module-menu-articles li{flex: 1 1 50%; height: 100%;} .menu-main .submenu-wrapper .module-menu-articles li article {min-height: 101px; background: var(--color-background-dark);} .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: 0.9rem; line-height: 1.1; 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 180px; margin: 0;} .menu-main .submenu-wrapper ul.submenu-list {padding:0 10px 10px 10px; display: flex ; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; flex: 1 1 70%; align-content: space-between; gap: 5px 10px; position: relative;} .menu-main .submenu-wrapper ul.submenu-list li {flex: 0 1 calc(25% - 10px); position: relative;} .menu-main .submenu-wrapper ul.submenu-list li.divider{flex: 1 1 100%; padding: 0 8px; border: none; font-size: 1.1rem; font-weight: 500; color: var(--color-heading-alt-dark); text-transform: uppercase; line-height: 1; margin-bottom: 0; margin-top: 20px;} .menu-main .submenu-wrapper ul.submenu-list li.divider:after{display: none;} /*.menu-main .submenu-wrapper ul.submenu-list .heading {color: var(--color-heading-alt-dark);}*/ .menu-main .submenu-wrapper ul.submenu-list li a{border-bottom: 1px solid var(--color-red);} .menu-main .submenu-wrapper.menu-addon-185 ul.submenu-list li a{height: calc(1rem + 16px); display: block;} .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.alias-parent-active{position: absolute; bottom: 10px; right: 10px;} .menu-main .submenu-wrapper ul.submenu-list li a.ver-todo {color: var(--color-heading-alt-dark) !important; font-weight: 600; text-align: right; text-transform: uppercase;} .menu-main .submenu-wrapper ul.submenu-list li a.ver-todo:after {animation: slideAcross 2s ease-in-out infinite;} /*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-background-alt-dark); 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} /*FORM*/ 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 .form-check-input:checked {background-color: var(--color-background-alt); border-color: var(--color-background-alt);} form .required .star{color: var(--color-text-required)} form .form-select{border-radius: 0;} 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; z-index: 6; position: relative;} /*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;} /*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 ; position: relative; z-index: -1;} .modulo-casos-exito-wrapper .casos-exito-slogan{margin-bottom: 3rem;} .modulo-casos-de-exito {min-height: 324px;} .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 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 .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 {z-index: 0; position: relative; border: 2px solid var(--color-cyan); padding: 40px 20px 20px 20px; margin-bottom: 30px;} .modulo-testimonios .testimonio-body:before {content: ''; display: block; background: var(--color-navy); height: 4rem; width: 5rem; position: absolute; top: 0; margin: 0; z-index: 3; transform: translateY(-47%);} .modulo-testimonios .testimonio-body:after {content:''; display: block; background: var(--color-cyan); height: 5rem; width: 5rem; position: absolute; top: 0; margin: 0; z-index: 3; transform: translateY(-47%); mask-repeat: no-repeat; mask-position: center; mask-size: contain; vertical-align: middle; mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z'/%3e%3c/svg%3e");} .modulo-testimonios .testimonio-body .testimonio-name {color: #FFF; line-height: 1.3;} .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-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-bottom .testimonio-img img {width: 100px !important; height: 100px; border-radius: 50% !important; padding: .25rem; background-color: var(--color-background);} /*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-light); 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-light);} .module-services details .question [itemprop="text"]{margin-bottom: 0;} /*MODULO-NOVEDADES*/ .module-articles-news .item-wrapper {display: block; text-decoration: none; overflow: hidden; padding-bottom: 20px; height: 100%;background: #FFF; height: 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;} .module-articles-news .item-wrapper .newsflash-title-wrapper{padding-left:10px; padding-right:10px; padding-bottom:10px;} .module-articles-news .item-wrapper .newsflash-title{font-size: 1.3rem; line-height: 1.1;} .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%;} /*SERVICE PAGE*/ .layout-abpc_product .r-content section .text-column-2{margin-bottom: 15px;} .layout-abpc_product .card .card-title {margin-bottom: 5px; color: var(--color-text-alt-dark); line-height: 1; text-transform: uppercase; font-size: 1.4rem; text-align: center; min-height: 2.8rem;} .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 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; position: relative;} .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; position: absolute; bottom: 0; right: 0;} .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-wrap{position: relative;} .video-container .video-embed {border-radius: 0 20px 20px 0; object-fit: cover; border-left: 10px solid var(--color-background-alt-dark);} .video-container .video-embed.stuck {position: fixed; border-left: 5px solid var(--color-background-alt-dark); top: 40px; right: 10px; z-index: 1020; height: 150px; width: auto!important; aspect-ratio: calc(16 / 9);} /*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{min-height:248px;} .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;} .module-faqs-wrapper .module-faqs .accordion .accordion-item .accordion-button {line-height: 1; min-height: 3.5rem; padding: 0px 12px;} /*TAGS*/ ul.tags > li:before {display: none;} /*BG-SPECIAL*/ .bg-special {position: relative; margin: -18px 0 100px 0; background:none; color: #fff;} .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-light)!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 p{margin-bottom: 0;} .cta-row .top{margin-bottom: 10px;} .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: 40px; border-radius: 25px 0 0 25px !important;} .cta-row .cta-newsletter .input-group .btn {background: #000; color: #FFF; border-radius: 0 20px 20px 0 !important; border: none; height: 40px;} /*WORKFLOW*/ .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;} /*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-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; padding: 0 10px;} .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; height: 60px;} .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 .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;} /*MODULE-HERO*/ .module-hero .top {padding-top: 70px;} .module-hero .bottom {padding-bottom: 40px;} .module-hero .top h1{font-weight: 300; min-height: 150px; text-transform: uppercase; line-height: 1; font-size: 3rem!important; color: var(--color-text-light); margin-bottom: 30px; border: none;} .module-hero .top h1 strong{color: var(--color-text-light); height: 53px; display: block; overflow: hidden;} #hero-home-id {position: relative; width: 100%; max-width: 800px; height: 144px; overflow: hidden; display: flex; align-items: center; justify-content: center;} #hero-home-id .item {animation: slideText 25s infinite; color: var(--color-text-light); padding-bottom: 30px; font-size: 1.6rem; font-weight: 300; line-height: 1.2; font-family: var(--font-family-text); position: absolute; width: 100%; height: 100%; display: flex ; align-items: center; justify-content: flex-start; opacity: 0; transform: translateX(100%); padding-top: 5px;} #hero-home-id .item:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 130px; height: 3px; background: var(--color-red);} #hero-home-id .item:nth-child(1) { animation-delay: 0s;} #hero-home-id .item:nth-child(2) { animation-delay: 5s;} #hero-home-id .item:nth-child(3) { animation-delay: 10s;} #hero-home-id .item:nth-child(4) { animation-delay: 15s;} #hero-home-id .item:nth-child(5) { animation-delay: 20s;} @keyframes slideText {0% {opacity: 0; transform: translateX(100%);} 5% {opacity: 1; transform: translateX(0);} 20% {opacity: 1; transform: translateX(0);} 25% {opacity: 0; transform: translateX(-100%);} 100% {opacity: 0; transform: translateX(-100%);} } .module-hero .bottom .lead {font-weight: 300; font-size: 1.3rem; color: var(--color-text-light); line-height: 1.4;} .module-hero .bottom .figures{color: var(--color-text-light); text-align: right;} /*R-CONTENT*/ .r-content{padding-top: 2rem;padding-bottom: 2rem;} .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;} /*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%;} /*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: 3px;} /*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-testimonios a{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.6rem;} .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 .abp-icon:before {height: 2rem;} /*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; background: #000;} .home .r-slider .module-hero-bg {position: absolute; top: 0; right: 0; z-index: -1; background: #000; left: 0; display: flex ; justify-content: flex-end; align-items: flex-start;} .home .r-slider .top{min-height: 388px} .home section h2 {font-size: 2.6rem; font-weight: bold; margin-bottom: 1rem;} .home .r-content{padding-top: 3.3rem; padding-bottom: 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: 30px 0 50px 0;} .layout-abpc_product .r-content {padding-top: 0; padding-bottom: 0; position: relative; z-index: 0;} .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 .product-category {color: var(--color-text-light); padding: 10px 0 6px 12px; border-left: 12px solid var(--color-background-alt-dark); 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; line-height: 1.3;} .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: 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*/ /*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;} .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;}*/ @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-wrapper{margin: 20px 0;} .blockquote {margin: 2.5rem 0 2.5rem 2rem; padding: .5rem 0 .5rem 1rem; border-left: 10px solid #000000; font-size: 0.9rem; font-style: italic;} .blockquote h3 {font-size: 1rem; color: #000; font-weight: 800; margin-bottom: 0;} /* 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; background: var(--color-background);} .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;} /*ARTICLE*/ .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;} .layout-blog.view-article .r-content .content .well, .layout-blog.view-article .r-content .content .well-2{margin: 4rem 0;} /*FIXES*/ .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: 1.7rem !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 .abp-icon {opacity: 0; position: absolute; transition: all 240ms ease; transform: scale(2.0) translate(10px); display: block; transform-origin: center center } .nosotros.view-article .staff-wrapper.join-us:hover .abp-icon {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; overflow: hidden;} .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)} /*CASO DE EXITO*/ .layout-abpc_casos-de-exito.view-article .isotopo-filtro, .layout-abpc_casos-de-exito.view-article .slogan{display: none;} .layout-abpc_casos-de-exito.view-article .r-content .casos-de-exito-lead h2{font-size: 2.7rem; font-weight: 700; line-height: 1;} .layout-abpc_casos-de-exito.view-article .r-content .owl-caso-de-exito-internal-slider-wrapper {display: flex ; flex-direction: row; justify-content: center; margin: 0 50px; align-items: center; min-height: 805px; margin-bottom: 30px;} .layout-abpc_casos-de-exito.view-article .r-content .owl-caso-de-exito-internal-slider {position: relative;} .layout-abpc_casos-de-exito.view-article .r-content .owl-caso-de-exito-internal-slider img{width: initial;} .layout-abpc_casos-de-exito.view-article .r-content .owl-caso-de-exito-internal-slider .owl-nav {position: absolute; top: 50%; display: flex ; left: 0; right: 0; align-items: center; justify-content: space-between;} .layout-abpc_casos-de-exito.view-article .r-content .owl-caso-de-exito-internal-slider .owl-nav button {background: var(--color-red); color: var(--color-text-light); height: 60px; line-height: 1; display: flex ; align-items: center; justify-content: center;width: 30px;} /*PRODUCT*/ .layout-abpc_product .header-special{font-size: 1.6rem; color: var(--color-text-dark); font-weight: 500;} .layout-abpc_product .header-special mark{color: var(--color-heading)!important;} .layout-abpc_product .header-special h2{font-size: 2.2rem; font-weight: bold; margin-bottom: 1rem; text-transform: none;} .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: 90vh;} /*LANDING*/ .landing .r-pre-bottom{background: var(--color-background-light); padding: 2rem 0 5rem 0;} /*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 .product-category {font-size: 1.7rem;} .services.view-article .r-content .top .product-title {font-size: 2rem;} .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;} .modulo-casos-de-exito {min-height: 324px;} .casos-de-exito.view-article .r-content img.item-image{margin-bottom: 30px;} .home .r-slider .module-hero-bg{transform: translateX(510px);} } @media (min-width:993px){ .home .r-slider .top {padding-top: 50px;} } @media (max-width:992px){ .home .r-slider .module-hero-bg{display: none;} .home .r-slider .top {padding-top: 50px; min-height: initial;} .home .r-slider .bottom {padding-bottom: 50px;} .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-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 .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;} .home .r-slider .top{min-height: 530px;} .home .r-slider .bottom{position: relative; z-index: 0; padding-top: 20px;} .home .r-slider .bottom:before{content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; left: calc(50% - 50vw); background: #000; z-index: -1;} .nosotros.view-article .r-slider{background-color: var(--color-navy); background-image: var(--main-texture);} .nosotros.view-article .r-content {padding: 0;} .nosotros.view-article .about-us-wrapper {margin-bottom: 2rem;} .nosotros.view-article .about-us-wrapper .right .video-wrapper {position: relative; top: initial; left: initial; padding: initial; border: 3px dashed var(--color-navy); width: initial; height: initial;} } @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;} .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 .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;} .work-with-us-wrapper .right {display: none;} } @media (max-width:393px){ #hero-home-id {height: 330px;} #hero-home-id .item {align-items: flex-start;} .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 {gap: 0; align-items: stretch; flex-direction: column; justify-content: space-between;} .m-quoting .card .img-wrapper{margin: 0;} .nosotros .r-slider .slogan{position: relative;} .nosotros .page-header {margin: 0;} .nosotros .r-content {padding: 0;} } /************************************************************************/ /*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-right{right: calc(50% - 190px);} .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*/