/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--dp-blue:#0069f2;--dp-blue-dark:#0056c7;--dp-white:#fff;--dp-off-white:#f8f8f8;--dp-gray-light:#dadada;--dp-gray:#717171;--dp-dark-primary:#0e002d;--dp-dark-neutral:#1e1e1e;--dp-danger:#f44336;--dp-danger-ligth:#fff1f3;--dp-success:#43a047;--dp-success-ligth:#ecfcee;--dp-black:#000;--dp-max-width:1080px;--dp-gap-extra-small:5px;--dp-gap-small:16px;--dp-gap:24px;--dp-gap-medium:32px;--dp-gap-big:48px;--dp-gap-between-regions:100px;--dp-gap-mb-between-regions:42px;--dp-card-radius:16px;interpolate-size:allow-keywords;}*{box-sizing:border-box;margin:0;}body{margin:0;font-family:Manrope,serif;font-weight:400;font-size:16px;color:var(--dp-dark-neutral);text-align:left;.layout-container{position:relative;background:var(--dp-dark-primary);overflow:hidden;&.node-page{background-color:var(--dp-white);}.page-content{background-color:var(--dp-white);padding:var(--dp-gap-small);border-radius:var(--dp-gap);z-index:2;position:relative;min-height:700px;}}input,textarea{&.error{border-color:var(--dp-danger) !important;}}}.logo{display:flex;align-items:center;gap:4px;text-decoration:none;span{color:var(--dp-white);font-size:21px;font-style:normal;font-weight:800;line-height:normal;}}.whatsapp-bubble{position:fixed;bottom:var(--dp-gap-big);right:var(--dp-gap-big);z-index:2;> a{width:55px;height:55px;background-color:white;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 12px;color:gray;border-radius:50%;&:hover{svg{color:#1daa61;height:55px;width:30px;}box-shadow:3px 3px 13px;}svg{color:rgb(0,228,121);height:55px;width:30px;}}}.service-card{display:flex;align-items:center;justify-content:center;border-radius:8px;height:220px;opacity:1;transition:opacity 0.3s ease;padding-left:var(--dp-gap-medium);padding-right:var(--dp-gap-medium);border:1px solid var(--dp-gray-light);&.drupal-link{background:linear-gradient(180deg,#009cde,var(--dp-dark-primary));}&.genexus-link{background:linear-gradient(180deg,#c92a54,var(--dp-dark-primary));}&.angular-link{background:linear-gradient(180deg,#fa3adf,var(--dp-dark-primary));}svg{width:150px;height:40px;}}.button{width:100%;padding:16px;border-radius:60px;background-color:var(--dp-white);font-weight:700;font-size:18px;line-height:20px;letter-spacing:0;text-align:center;color:var(--dp-dark-primary);}a.button{text-decoration:none;background-color:var(--dp-blue);color:var(--dp-white);&:hover{background-color:var(--dp-blue-dark);}}a.button-light{color:var(--dp-blue);border:1px solid var(--dp-white);background-color:var(--dp-white);&:hover{border:1px solid var(--dp-blue);background:linear-gradient(0deg,rgba(0,105,242,0.05) 0%,rgba(0,105,242,0.05) 100%),var(--dp-white,#fff);}}h1{font-weight:600;font-size:80px;line-height:88px;max-width:900px;margin-block-start:0;margin-block-end:5px;}h3{font-weight:600;font-size:42px;line-height:50px;text-align:center;margin-bottom:var(--dp-gap);}h4{font-weight:600;font-size:32px;line-height:38px;}h5{font-weight:400;font-size:24px;}h6{font-weight:600;font-size:20px;line-height:26px;}.container-fluid{width:100%;margin-right:0;margin-left:0;overflow:hidden;}.container{max-width:var(--dp-max-width);width:100%;margin-right:auto;margin-left:auto;overflow:hidden;}.section{margin-top:var(--dp-gap-between-regions);}@media (width <= 1024px){h1{font-size:42px;line-height:50px;}h3{font-size:32px;line-height:38px;}h5{font-size:18px;}.section{margin-top:var(--dp-gap-mb-between-regions);}.container{padding-right:var(--dp-gap-small);padding-left:var(--dp-gap-small);}}@media (width >= 1024px){.section-md-gap{margin-top:var(--dp-gap-mb-between-regions);.content{padding-top:0;margin-top:0;}}}.text-center{text-align:center;}ul{&.checked{list-style:none;padding:0;li{position:relative;padding-left:var(--dp-gap);font-size:16px;line-height:1.25;margin-bottom:var(--dp-gap-small);}li::before{content:"";background:url(/themes/tdp/images/blue-check.svg) no-repeat center center;background-size:contain;width:20px;height:20px;position:absolute;left:0;top:3px;}}}.shape-body{position:absolute;bottom:600px;right:0;transform:translate(30%,20%);z-index:1;}@media (width <= 1024px){.shape-body{max-height:600px;transform:translate(50%,-50%);}}.page-not-found{.page-content{background-color:transparent !important;color:var(--dp-white);margin-top:130px;h1{max-width:580px;}}}
body{.layout-container{&.has-banner{background-color:var(--dp-off-white);.top-bar-wrapper{position:fixed;background:transparent;&.top-bar-wrapper-sticky{background:var(--dp-dark-primary);}}}}}
.top-bar-wrapper-sticky{position:fixed;background-color:var(--dp-dark-primary);.content{padding:var(--dp-gap) 0 !important;}}@media (width >= 1024px){.top-bar-wrapper-sticky{height:85px;}}.top-bar-wrapper{background:var(--dp-dark-primary);z-index:502;top:0;width:100%;transition:all 0.3s ease;.content{display:flex;align-items:center;padding-top:var(--dp-gap);padding-bottom:var(--dp-gap);gap:calc(var(--dp-gap) * 2);overflow:visible;.logo{svg{width:181px;}}.menu-ctas{flex-grow:1;display:flex;align-items:center;justify-content:space-between;.main-menu{list-style:none;display:flex;gap:var(--dp-gap-medium);li{> a{padding:8px 8px var(--dp-gap);}a{text-decoration:none;color:var(--dp-white);font-size:16px;font-weight:600;line-height:20px;word-wrap:break-word;&:hover{text-decoration:underline;}}}.menu-item--has-children{.submenu-mobile{display:none;list-style-type:none;padding-top:var(--dp-gap);li{a{font-weight:400;font-size:16px;line-height:20px;}}li:not(:first-child){border-top:none;padding-top:24px;}li:last-child{border-bottom:none;padding-bottom:0;}}> a{svg{margin-left:8px;vertical-align:middle;}}&.active{> a{svg{transform:rotate(180deg);}}> .submenu{display:block;}}}.submenu{display:none;position:fixed;margin-top:var(--dp-gap-small);left:50%;transform:translateX(-50%);padding:var(--dp-gap-medium);background-color:var(--dp-dark-primary);width:max-content;z-index:1010;box-shadow:0 4px 6px rgba(0,0,0,0.1);color:var(--dp-white);border-radius:25px;border:1px solid var(--dp-white);> nav{display:flex;gap:var(--dp-gap-medium);width:100%;}.submenu-trailing{display:flex;flex-direction:column;align-items:start;text-align:start;gap:var(--dp-gap-small);max-width:324px;.button{color:var(--dp-blue);border:1px solid var(--dp-white);max-width:320px;&:hover{text-decoration:none;border:1px solid var(--dp-blue);background:linear-gradient(0deg,rgba(0,105,242,0.05) 0%,rgba(0,105,242,0.05) 100%),var(--dp-white,#fff);}}}.submenu-column{display:flex;flex:1;flex-direction:row;align-items:center;gap:var(--dp-gap);min-width:150px;.service-card{display:flex;align-items:center;border-radius:8px;height:220px;opacity:1;transition:opacity 0.3s ease;padding-left:var(--dp-gap-medium);padding-right:var(--dp-gap-medium);border:1px solid var(--dp-gray-light);&:hover{opacity:0.5;}}}}}.contact-language{justify-content:center;align-items:flex-start;gap:8px;display:inline-flex;font-size:16px;font-weight:600;word-wrap:break-word;.contact-link{padding:8px 30px;border:1px solid var(--dp-white);background-color:var(--dp-white);border-radius:20px;&:hover{border:1px solid var(--dp-blue);background:linear-gradient(0deg,rgba(0,105,242,0.05) 0%,rgba(0,105,242,0.05) 100%),var(--dp-white,#fff);}a{text-decoration:none;color:var(--dp-blue);.text-mb{display:none;}}}}}.mobile-nav-button{display:flex;}}.link-language-switch{padding:calc(var(--dp-gap) / 3) var(--dp-gap);background-color:rgba(255,255,255,20%);border-radius:20px;text-decoration:none;color:var(--dp-white);border:1px solid var(--dp-white);&:hover{color:var(--dp-blue);background-color:var(--dp-white);}}}@media (width <= 1024px){.top-bar-wrapper{.content{justify-content:space-between;padding-top:var(--dp-gap);padding-bottom:var(--dp-gap);.menu-ctas{display:none;flex-grow:initial;align-items:initial;justify-content:initial;}.menu-ctas.active{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;padding:var(--dp-gap-small);background-color:var(--dp-dark-primary);flex-direction:column;gap:32px;.main-menu{flex-direction:column;padding-inline-start:0;a{font-size:24px;font-weight:600;}li:not(:first-child){border-top:1px solid var(--dp-gray);padding-top:32px;}li:last-child{border-bottom:1px solid var(--dp-gray);padding-bottom:32px;}.menu-item--has-children .submenu{display:none;}.menu-item--has-children.active > .submenu-mobile{display:block;}.menu-item--has-children{a{padding-bottom:0;}}}.contact-language{text-align:center;.contact-link{border-radius:100px;width:100%;padding:16px var(--dp-gap);a{color:var(--dp-blue);font-size:18px;font-weight:700;.text-dk{display:none;}.text-mb{display:block;}}}.link-language-switch{display:none;}}.mobile-nav-close-button{display:flex;justify-content:space-between;align-items:center;margin-right:8px;}.menu-item--has-children > a{margin-right:8px;display:flex;justify-content:space-between;align-items:center;}}}}}.toolbar-fixed,.toolbar-vertical{.top-bar-wrapper{top:39px;}}.toolbar-tray-open{.top-bar-wrapper{top:80px;}}@media (width > 1024px){.top-bar-wrapper{.content{.mobile-nav-button,.mobile-nav-close-button{display:none;}}}}@media (width <= 1024px){.top-bar-wrapper{padding-left:var(--dp-gap-small);padding-right:var(--dp-gap-small);}}.main-menu-display{overflow:hidden;}
.footer-wrapper{width:100%;margin-top:calc(var(--dp-gap-medium) * 2);padding:120px 80px;box-sizing:border-box;background:linear-gradient(0deg,#0e002d 0%,#0e002d 100%),radial-gradient(70.71% 70.71% at 0.00% 120.71%,#0c0c0c 0%,rgba(0,0,0,0) 65%);display:flex;flex-direction:column;gap:var(--dp-gap-medium);color:var(--dp-white);word-wrap:break-word;position:relative;overflow:hidden;> div{z-index:2;}.content{display:flex;gap:50px;justify-content:space-between;}.divider{border:1px white solid;}.info{display:flex;flex-direction:column;gap:50px;max-width:500px;.logo{svg{width:250px;}}}.subtitle{font-size:80px;font-weight:600;line-height:88px;}.info-mail{display:flex;flex-direction:column;font-size:32px;font-weight:500;line-height:40px;a{text-decoration-color:var(--dp-white);color:var(--dp-white);&:hover{text-decoration-color:var(--dp-blue);}}}.social{display:flex;gap:32px;a:hover{svg{fill:var(--dp-white);path{fill:var(--dp-gray);}}}}.reserved{text-align:center;font-size:16px;font-weight:400;line-height:20px;}.logos{display:flex;gap:32px;align-self:flex-end;img{max-width:200px;width:100%;height:100%;}.cuti-logo{margin-top:15px;}}}@media (width <= 1024px){.footer-wrapper{.content{flex-direction:column;}padding:116px var(--dp-gap-small);.info{gap:48px;span{font-size:var(--dp-gap-medium);}.social{a{height:24px;svg{width:24px;height:24px;}}}}.subtitle{font-weight:600;font-size:64px;line-height:70px;}.info-mail{margin-top:6px;margin-bottom:6px;span{font-size:24px;}font-size:24px;}.logos{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--dp-gap);img{max-width:135px;}}}}.shape-footer-right{display:none;}.with-shape .shape-footer-right{display:block;}
:root{--dp-shape-left-tx:-30%;--dp-shape-left-ty:30%;--dp-shape-right-tx:30%;--dp-shape-right-ty:-30%;--dp-shape-left-rotate:80deg;--dp-shape-right-rotate:80deg;--dp-shape-left-top:initial;--dp-shape-right-top:0;--dp-shape-left-bottom:0;--dp-shape-right-bottom:initial;--dp-shape-time-animation:360s;}@keyframes rotar-left{from{transform:translate(var(--dp-shape-left-tx),var(--dp-shape-left-ty)) rotate(var(--dp-shape-left-rotate));}to{transform:translate(var(--dp-shape-left-tx),var(--dp-shape-left-ty)) rotate(calc(360deg + var(--dp-shape-left-rotate)));}}@keyframes rotar-right{from{transform:translate(var(--dp-shape-right-tx),var(--dp-shape-right-ty)) rotate(var(--dp-shape-right-rotate));}to{transform:translate(var(--dp-shape-right-tx),var(--dp-shape-right-ty)) rotate(calc(360deg + var(--dp-shape-right-rotate)));}}.shape-banner-left{position:absolute;left:0;bottom:var(--dp-shape-left-bottom);top:var(--dp-shape-left-top);transform:translate(var(--dp-shape-left-tx),var(--dp-shape-left-ty)) rotate(var(--dp-shape-left-rotate));animation:rotar-left var(--dp-shape-time-animation) linear infinite;}.shape-banner-right{position:absolute;right:0;top:var(--dp-shape-right-top);bottom:var(--dp-shape-right-bottom);transform:translate(var(--dp-shape-left-tx),var(--dp-shape-left-ty)) rotate(var(--dp-shape-right-rotate));animation:rotar-right var(--dp-shape-time-animation) linear infinite;}.z-index-1{position:relative;z-index:1;}.shape-container{position:relative;img{position:absolute;top:0;width:calc(100vw * 0.6);height:auto;}.shape-middle-left{left:0;transform:translate(-60%,-50%);}.shape-middle-right{right:0;transform:translate(40%,-50%);}}.shape-footer-left{position:absolute;left:0;bottom:0;visibility:hidden;}.shape-footer-right{position:absolute;right:0;top:0;}@media (width <= 1900px){.shape-container{.shape-middle-left{transform:translate(-45%,-40%);}.shape-middle-right{transform:translate(40%,-40%);}}}@media (width <= 1680px){.banner-wrapper{.blue-shape{width:calc(100vw * 0.8);height:auto;}}.shape-container{.shape-middle-left{transform:translate(-50%,-50%);}.shape-middle-right{transform:translate(50%,-40%);}}:root{--dp-shape-left-tx:-50%;--dp-shape-left-ty:50%;--dp-shape-right-tx:50%;--dp-shape-right-ty:-50%;}}@media (width <= 1400px){.shape-container{.shape-middle-left{transform:translate(-60%,-40%);}.shape-middle-right{transform:translate(40%,-20%);}}}@media (width <= 1200px){.shape-container{.shape-middle-left{transform:translate(-60%,-70%);}.shape-middle-right{transform:translate(40%,-20%);}}.shape-footer-left{visibility:visible;}}@media (width <= 580px){:root{--dp-shape-left-tx:-30%;--dp-shape-left-ty:30%;--dp-shape-right-tx:30%;--dp-shape-right-ty:-30%;}}
.hover-indicator:hover{cursor:url('/themes/tdp/images/project-pointer.svg') 40 40,auto;}html:lang(es){.hover-indicator:hover{cursor:url('/themes/tdp/images/project-pointer-es.svg') 40 40,auto;}}
.project-slide{text-decoration:none;article{display:flex;position:relative;flex-direction:column;color:var(--dp-dark-neutral);img{max-width:100%;height:auto;}span{font-size:16px;font-weight:600;margin-top:16px;margin-bottom:14px;}}&:hover{.hover-indicator{visibility:visible;top:80px;left:32px;}}}
:root{--dp-shape-left-tx:-40%;--dp-shape-left-ty:40%;--dp-shape-right-tx:10%;--dp-shape-right-ty:-60%;}.banner-services-genexus{.banner-wrapper{background:linear-gradient(180deg,#c92a54,var(--dp-dark-primary));}.blue-shape{display:none;}}