@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap";:root{--primary-color: #111;--secondary-color: #333;--three-color: #eee;--background: #ebb013;--bg-gray: #eef0f6;--light: #fff;--border-light: #ddd;--secondary-light: #fafafa}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}section{padding:100px 0}.max-width{max-width:1300px;padding:0 80px;margin:auto}.about,.services,.skills,.teams,.contact,footer{font-family:Poppins,sans-serif}.about .about-content,.services .serv-content,.skills .skills-content,.contact .contact-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}section .title{position:relative;text-align:center;font-size:40px;font-weight:500;margin-bottom:60px;padding-bottom:20px;font-family:Ubuntu,sans-serif}section .title:before{content:"";position:absolute;bottom:0;left:50%;width:180px;height:3px;background:#111;transform:translate(-50%)}section .title:after{position:absolute;bottom:-8px;left:50%;font-size:20px;color:#dc143c;padding:0 5px;background:var(--light);transform:translate(-50%)}.bar{position:relative;background-color:#111;padding:.5em 0}.bar .max-width{padding:0}.bar ul{list-style:none;display:flex;justify-content:end;grid-gap:20px;align-items:center}.bar ul li{color:var(--light);padding:0 1em;display:flex;flex-direction:row;grid-gap:10px}.bar a,.bar p{color:var(--light);font-size:1em;font-family:Ubuntu,sans-serif}.navbar{position:fixed;width:100%;z-index:999;padding:15px 0;font-family:Ubuntu,sans-serif;transition:all .3s ease;background-color:var(--background);opacity:.9}.navbar.sticky{padding:12px 0;opacity:.95;top:0;transition:all .3s ease}.navbar .max-width{display:flex;align-items:center;justify-content:flex-start;grid-gap:25px;padding:0}.navbar .logo a{color:var(--light);font-size:35px;font-weight:600}.navbar .logo img{width:100%}.navbar .logo a span{transition:all .3s ease}.navbar.sticky .logo a span{color:var(--light)}.navbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{display:block;color:var(--primary-color);font-size:1em;font-weight:500;margin-left:25px;transition:color .3s ease}.barr:nth-child(3){margin-left:auto}.barr{position:relative}.current-lang{display:flex;flex-direction:row;grid-gap:5px}.languaje{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ccc;width:100px;z-index:10}.dropdown ul{list-style:none;padding:0;margin:0}.dropdown li{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer}.dropdown li:hover{background-color:#eee}.call-me-now{display:flex;background:var(--primary-color);color:var(--light);font-size:1.15em;padding:12px 35px;font-weight:400;border-radius:5px;border:2px solid var(--primary-color);transition:all .3s ease;grid-gap:10px;align-items:center}.navbar .menu li a:hover{color:var(--secondary-color)}.navbar.sticky .menu li a:hover{color:var(--light)}.bar ul li:nth-child(3){display:none}.scroll-up-btn{position:fixed;height:45px;width:42px;background:#dc143c;right:30px;bottom:10px;text-align:center;line-height:45px;color:var(--light);z-index:9999;font-size:30px;border-radius:6px;border-bottom-width:2px;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s ease}.scroll-up-btn.show{bottom:30px;opacity:1;pointer-events:auto}.scroll-up-btn:hover{filter:brightness(90%)}.home{display:flex;height:100dvh;color:var(--light);background-size:cover;background-attachment:fixed;font-family:Ubuntu,sans-serif;padding-bottom:0;padding-top:0;min-height:620px}.fondo{position:absolute;width:100%;height:100%;top:0;z-index:-1}.fondo img{width:100%;height:100%;object-fit:cover;object-position:bottom}.fade-in{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.zoom-active{transition:transform 5s ease}.home .max-width{width:100%;height:100%;display:flex;padding:0;align-items:center;position:relative}.home .max-width .home-content{width:70%}.home .max-width .row{margin-right:0}.home .home-content .text-1{font-size:17px;text-transform:uppercase}.home .home-content .text-2{font-size:70px;font-weight:600;margin-left:-3px;color:var(--background)}.home .home-content .text-3{font-size:20px;margin:5px 0;text-shadow:1px .5px black}.home .home-content .text-3 span{color:#dc143c;font-weight:500}.home .home-content a{display:inline-block;background:#dc143c;color:var(--light);font-size:1.25em;padding:12px 36px;margin-top:20px;font-weight:400;border-radius:6px;border:2px solid crimson;transition:all .3s ease}.home .home-content a:hover{color:#dc143c;background:none}.banner-buttons{grid-gap:15px;display:flex;justify-content:flex-start}.home .home-content .primary-btn{background-color:var(--background);border-color:var(--background);color:var(--primary-color);display:flex;flex-direction:row;align-items:center;grid-gap:20px;padding:0 1em;justify-content:space-around}.home .home-content .primary-btn img{width:15%}.home .home-content .secondary-btn{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--light)}.home .home-content .banner-buttons a:hover{color:var(--background);border-color:var(--background)}.certificate{position:absolute;bottom:10%;right:0}.certificate ul{display:flex;list-style:none;grid-gap:10px}.certificate ul li img{width:100%;object-fit:contain}.ajust{font-size:3em!important}.fondo-1{position:absolute;top:0;left:0;width:100%;z-index:0;height:100%;background:linear-gradient(to left,#43434300,#11111175,#000000db)}.about{background-color:var(--secondary-light)}.about .title:after{content:"DIMA ®";color:var(--background);z-index:1;bottom:-30px}.about .title:before{background:var(--background);bottom:-20px}.about .title{margin:0;padding-left:.5em;text-align:left;font-weight:700;color:var(--background);font-size:4.25em}.about-content{margin-bottom:5em}.about .about-content .left{width:35%}.about .about-content .right{width:60%}.about .about-content .right .text{font-size:25px;font-weight:600;margin-bottom:10px}.about .about-content .right .text span{color:#dc143c}.about .about-content .right p{text-align:justify;font-size:1.05em;line-height:1.65}.about .about-content .right a{display:inline-block;background:#dc143c;color:var(--light);font-size:20px;font-weight:500;padding:10px 30px;margin-top:20px;border-radius:6px;border:2px solid crimson;transition:all .3s ease}.about .about-content .right a:hover{color:#dc143c;background:none}.about .card-view{margin-top:2em;display:flex;flex-wrap:wrap;grid-gap:10px}.about .card-view .item{text-align:center;flex:1 1 300px;padding:2.5em;min-width:0;border-radius:7px;border:1px solid var(--border-light);background:var(--light);box-shadow:0 6px 15px #0000000d;transition:all .3s ease}.about .card-view .item:hover{box-shadow:0 6px 15px #00000026;transition:all .3s ease;transform:translateY(-15px)}.card-view .item h4{font-weight:600;color:var(--secondary-color);font-size:1.35em;padding:1em 0}.card-view .item p{text-align:justify;font-size:1em;line-height:1.65}.item .gallery{margin-top:1em;list-style:none;display:grid;grid-template-columns:repeat(2,1fr)}.item .gallery li:first-child img{object-fit:contain}.item .gallery li img{width:100%;object-fit:cover;padding:0 1em}.legend{padding:50px 0;display:flex;flex-wrap:wrap;justify-content:center;grid-gap:15px;align-items:center;font-size:1.65em;color:var(--background)}.legend div{display:flex;flex-direction:row;grid-gap:8.5px}.color{color:var(--background)}.borde{color:var(--border-light)}.services,.teams{color:var(--light);background:#111}.services .title:before,.teams .title:before{background:var(--light)}.services .title:after,.teams .title:after{background:#111;content:""}.services .serv-content .card{width:calc(33% - 20px);background:#222;text-align:center;border-radius:6px;padding:50px 25px;cursor:pointer;transition:all .3s ease}.services .serv-content .card:hover{background:#dc143c}.services .serv-content .card .box{transition:all .3s ease}.services .serv-content .card:hover .box{transform:scale(1.05)}.services .serv-content .card i{font-size:50px;color:#dc143c;transition:color .3s ease}.services .serv-content .card:hover i{color:var(--light)}.services .serv-content .card .text{font-size:25px;font-weight:500;margin:10px 0 7px}.skills .title:after{content:"what i know"}.skills .skills-content .column{width:calc(50% - 30px)}.skills .skills-content .left .text{font-size:20px;font-weight:600;margin-bottom:10px}.skills .skills-content .left p{text-align:justify}.skills .skills-content .left a{display:inline-block;background:#dc143c;color:var(--light);font-size:18px;font-weight:500;padding:8px 16px;margin-top:20px;border-radius:6px;border:2px solid crimson;transition:all .3s ease}.skills .skills-content .left a:hover{color:#dc143c;background:none}.skills .skills-content .right .bars{margin-bottom:15px}.skills .skills-content .right .info{display:flex;margin-bottom:5px;align-items:center;justify-content:space-between}.skills .skills-content .right span{font-weight:500;font-size:18px}.skills .skills-content .right .line{height:5px;width:100%;background:#d3d3d3;position:relative}.skills .skills-content .right .line:before{content:"";position:absolute;height:100%;left:0;top:0;background:#dc143c}.skills-content .right .html:before{width:90%}.skills-content .right .css:before{width:60%}.skills-content .right .js:before{width:80%}.skills-content .right .php:before{width:50%}.skills-content .right .mysql:before{width:70%}.teams{background-color:var(--bg-gray);position:relative;padding-bottom:50px}.teams:after{position:absolute;left:0;top:-60px;content:"";height:250px;width:100%;background:var(--bg-gray);z-index:0;transform:skewY(-5deg)}.teams .title{color:var(--background);font-size:3.5em;z-index:1}.teams .title:after{content:"DIMA ®";color:var(--background);background:var(--bg-gray);z-index:1}.teams .title:before{background:var(--background)}.teams .max-width{width:100%;max-width:1700px}.teams .carousel .card{background:var(--light);border-radius:5px;text-align:center;transition:all .3s ease;position:relative;border:2px solid;padding:3.75em 0 2em;min-height:410px;box-shadow:0 6px 15px #00000040}.teams .carousel .card:after{content:"";position:absolute;width:100%;height:5px;background-color:var(--background);margin:0 auto;z-index:1;top:auto;right:0;left:0;bottom:-2px;border-radius:50px}.teams .carousel .card:hover{box-shadow:0 6px 15px #00000026;transition:all .3s ease}.teams .carousel .card .box{padding:35px 25px 40px}.teams .carousel .card .box{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:all .3s ease}.teams .carousel{padding:150px 0}.teams .carousel .card .text{font-size:1.25em;font-weight:600;margin:10px 0;color:var(--background)}.teams .carousel .card a{display:inline-block;background:var(--background);border:2px solid var(--background);color:var(--primary-color);font-size:1em;padding:12px 36px;margin-top:20px;font-weight:600;border-radius:5px;transition:all .3s ease;position:absolute;bottom:-30px;z-index:10;width:70%}.teams .carousel .card p{text-align:left;font-size:1em;color:var(--primary-color)}.teams .carousel .card img{height:225px;width:225px;object-fit:cover;object-position:center;border-radius:50%;transition:all .3s ease;position:absolute;top:-135px;box-shadow:0 6px 15px #0003;border:5px solid var(--light)}.teams .carousel .card:hover img{border-color:var(--background)}.teams .swiper-wrapper{justify-content:space-evenly}.teams .swiper{overflow-y:unset;overflow-x:clip}.carousel .swiper-pagination{position:absolute;bottom:-100px!important}.contact{background-color:var(--bg-gray);padding:0 0 20px;color:#eee}.contact .max-width{padding:0;position:relative;z-index:1}.content{position:relative;width:98%;margin:0 auto;padding:6em 0 0;background:var(--primary-color);border-radius:15px}.contact .title{margin:0;font-size:3.5em;color:var(#fff)}.contact .title-second{text-align:center;margin-bottom:2em;color:var(#fff)}.contact .contact-content{justify-content:center;grid-gap:25px;padding-top:0}.contact .left{border-radius:10px;background-color:var(--background)}.content .fondo{left:0;z-index:1}.content .fondo img{width:100%;border-radius:15px}.contact .title:after,.contact .title:before{content:none}.contact-content{padding:80px 0;justify-content:center;grid-gap:20px}.contact .contact-content .column{width:calc(45% - 30px);margin-bottom:auto}.contact .contact-content .text{font-size:20px;font-weight:600;margin-bottom:10px}.contact .contact-content .left p{text-align:justify}.contact .contact-content .left .icons{margin:30px 0 0}.contact .contact-content .row{display:flex;height:65px;align-items:center;margin:1em 0}.contact .contact-content .row .info{margin-left:30px}.contact .contact-content .info .head{font-weight:600;color:#000}.contact .contact-content .info .sub-title{color:#111}.contact .contact-content .info .sub-title a{color:#222}.contact .right{position:relative;padding:2em;border-radius:5px}.contact .right form .fields{display:flex}form label{color:#111}.contact .right form .field,.contact .right form .fields .field{height:50px;width:100%;margin-bottom:40px}.contact .right form .textarea{height:80px;width:100%}.contact .right form .name{margin-right:10px}.contact .right form label{color:#eee}.contact .right form .field input,.contact .right form .textarea textarea,.contact .right form .select select{height:100%;width:100%;border:2px solid var(--background);outline:none;padding:0 15px;font-size:1em;font-family:Poppins,sans-serif;transition:all .3s ease;background-color:#0000;color:#fff}.contact .right form .select select{background:#111}.contact .right form .field input:focus,.contact .right form .textarea textarea:focus{border-color:#b3b3b3}.contact .right form .textarea textarea{padding-top:10px;resize:none}.contact .right form .button-area{display:flex;align-items:center;flex-direction:column;grid-gap:10px}.right form .button-area button{color:var(--light);display:block;width:100%!important;height:55px;outline:none;font-size:1.2em;font-weight:500;border-radius:5px;cursor:pointer;flex-wrap:nowrap;background:var(--background);border:2px solid var(--background);transition:all .3s ease;margin-top:1em;color:#111}.right form .button-area button:hover{background:none;color:var(--background)}.contact .left{padding:2em}.contact iframe{border-radius:10px;width:100%;min-height:280px}.sent-message{margin-top:15px;color:#28a745;font-weight:700;opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeIn{to{opacity:1}}.alert{padding:15px 20px;border-radius:5px;margin-top:15px;font-weight:500;font-size:16px;transition:all .3s ease-in-out}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}#loading{position:absolute;top:0;right:0;width:100%;height:100%;background:#000;z-index:10;opacity:.9;display:flex;justify-content:center;align-items:center}.skeleton{width:100%;height:300px;background:linear-gradient(90deg,#111 25%,#333 37%,#111 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}footer{background:#111;padding:15px 23px;color:var(--light);text-align:center}footer span a{color:var(--background);text-decoration:none}footer span a:hover{text-decoration:underline}@media (max-width: 1600px){.teams .carousel .card{min-height:450px}}@media (max-width: 1400px){.teams .carousel .card{min-height:420px}}@media (max-width: 1300px){.max-width{max-width:1150px;padding:0 25px}.teams .carousel .card{min-height:370px}}@media (max-width: 1104px){.about .about-content .left img{height:350px;width:350px}}@media (max-width: 991px){.max-width{padding:0 50px}.navbar .max-width{padding:0 25px}.legend{text-align:center}}@media (max-width: 947px){.call-to-action{margin-left:auto}.home .max-width{padding:0 30px}.home .max-width .home-content{width:90%}.navbar .max-width{display:grid;width:100%;grid-gap:10px;grid-template-columns:150px 1fr 1fr}.barr:nth-child(2){display:none}.navbar .menu{position:fixed;height:100vh;width:100%;left:-100%;top:0;background:#111;text-align:center;padding-top:80px;transition:all .3s ease}.teams .swiper-wrapper{justify-content:unset}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;margin:20px 0;font-size:25px}.home .home-content .text-2{font-size:70px}.home .home-content .text-3{font-size:1.5em}.ajust{font-size:2em!important}.home .home-content a{font-size:23px;padding:10px 30px}.about .title{padding:0;font-size:3em}.max-width{max-width:930px}.about .about-content .column{width:100%}.about .about-content .left{display:flex;justify-content:center;margin:0 auto 60px}.about .about-content .right{flex:100%}.services .serv-content .card{width:calc(50% - 10px);margin-bottom:20px}.skills .skills-content .column,.contact .contact-content .column{width:100%;margin-bottom:35px}.teams .carousel .card{min-height:480px}.carousel .swiper-pagination{position:absolute;bottom:-75px!important}}@media (max-width: 690px){.bar ul{justify-content:space-between}.navbar{padding:20px 10px}.barr:nth-child(2){display:block}.bar ul li:nth-child(2){display:none}.bar ul li:nth-child(3){display:block}.bar ul li select{background:#111;color:#fff;border:none}.barr:nth-child(3){display:none}.barr:nth-child(4){margin-left:auto}.navbar .max-width{display:grid;width:100%;grid-gap:10px;grid-template-columns:100px 1fr;padding:0 .5em}.navbar .logo img{height:100%}.home{min-height:780px}.home .max-width{justify-content:center}.home .max-width .home-content{width:90%}.call-me-now{font-size:1em;padding:1em}.max-width{padding:0 23px}.home .home-content .text-2{font-size:50px}.home .home-content .text-3{font-size:32px}.home .home-content a{font-size:1em}.about .about-content .right p{font-size:1em;text-align:justify;text-justify:inter-word}.about .about-content .left{margin-bottom:3.5em}.services .serv-content .card{width:100%}.teams .carousel .card{min-height:465px}.teams .carousel{padding:120px 0 80px}.teams .carousel .card p{font-size:.95em}.home .home-content .primary-btn img{display:none}}@media (max-width: 500px){.home .home-content .text-2{font-size:40px}.home .home-content .text-3{font-size:17px}.about .about-content .right .text,.skills .skills-content .left .text{font-size:19px}.contact{padding-bottom:0}.contact .content{width:100%;border-radius:0}.contact .right form .fields{flex-direction:column}.contact .right form .name,.contact .right form .email{margin:0}.right form .error-box{width:150px}.scroll-up-btn{right:15px;bottom:15px;height:38px;width:35px;font-size:23px;line-height:38px}}@media (max-width: 380px){.teams .carousel .card{min-height:470px}.contact .right form label{font-size:.9em}}@media (max-width: 360px){.bar ul li{padding:0}.teams .carousel .card p{font-size:.8em}}