html{font-size:16px;box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}body{font-family:Pixelify Sans,sans-serif;line-height:1.5;background-color:#3a2175;color:#3a2175;margin:0;padding:0;background-image:url(/practica-maquetacion-sass/assets/fondo_portofolio-aJsFRN8n.png);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}header,main,footer{padding:1rem 0}.container{max-width:1200px;margin:0 auto;padding:0 .75rem}@media(min-width:768px){.container{max-width:900px}}@media(min-width:1024px){.container{max-width:1200px}}.row{display:flex;flex-wrap:wrap;margin-left:calc(0px - .75rem);margin-right:calc(0px - .75rem)}.col{padding-left:.75rem;padding-right:.75rem}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-12{width:100%}@media(min-width:1024px){.col-6{width:50%}}.mt-0{margin-top:0!important}.mt-1{margin-top:1rem!important}.mt-2{margin-top:2rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:1rem!important}.mb-3{margin-bottom:3rem!important}.p-1{padding:1rem!important}.p-2{padding:2rem!important}.main-wrapper{background-color:#7b5af380;border-left:.2rem solid #fce870;border-right:.2rem solid #fce870;border-top:none;border-bottom:none;max-width:1000px;width:90%;margin:0 auto;position:relative;z-index:10}.main-wrapper.top-section{border-top:.2rem solid #fce870;margin-bottom:0}.main-wrapper.bottom-section{border-bottom:.2rem solid #fce870}#hero-area{padding:0rem 4.5rem}@media(max-width:768px){#hero-area{padding:1rem .5rem}}#hero-area{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}#hero-area .hero-text-area{color:#fdf7ff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:55%;padding-left:1.5rem}@media(min-width:1024px){#hero-area .hero-text-area{width:50%;padding-left:30px}}#hero-area .hero-text-area .heading-h1{color:#f59ac3;font-family:Pixelify Sans,sans-serif;font-size:2.5rem;line-height:1.1;margin-bottom:.5rem}@media(min-width:768px){#hero-area .hero-text-area .heading-h1{font-size:4.25rem;margin-bottom:0}}#hero-area .hero-text-area .heading-h1{text-shadow:2px 0 0 #3a2175,-2px 0 0 #3a2175,0 2px 0 #3a2175,0 -2px 0 #3a2175,2px 2px 0 #3a2175,-2px -2px 0 #3a2175,2px -2px 0 #3a2175,-2px 2px 0 #3a2175,3px 3px 4px rgba(0,0,0,.4)}@media(min-width:768px){#hero-area .hero-text-area .heading-h1{text-shadow:4px 0 0 #3a2175,-4px 0 0 #3a2175,0 4px 0 #3a2175,0 -4px 0 #3a2175,4px 4px 0 #3a2175,-4px -4px 0 #3a2175,4px -4px 0 #3a2175,-4px 4px 0 #3a2175,4px 4px 6px rgba(0,0,0,.4)}}#hero-area .hero-text-area .heading-h1 .emoji-icon{height:.7em;vertical-align:middle;position:relative;top:-.1em}#hero-area .hero-text-area p{font-size:.85rem;margin-bottom:1rem;line-height:1.2;padding-left:.2rem}@media(min-width:768px){#hero-area .hero-text-area p{font-size:2.0625rem;margin-bottom:2rem;padding-left:1rem}}#hero-area .hero-text-area p{text-shadow:1px 0 0 #3a2175,-1px 0 0 #3a2175,0 1px 0 #3a2175,0 -1px 0 #3a2175,1px 1px 0 #3a2175,-1px -1px 0 #3a2175,1px -1px 0 #3a2175,-1px 1px 0 #3a2175,1px 1px 1px rgba(0,0,0,.5)}@media(min-width:768px){#hero-area .hero-text-area p{text-shadow:3px 0 0 #3a2175,-3px 0 0 #3a2175,0 3px 0 #3a2175,0 -3px 0 #3a2175,3px 3px 0 #3a2175,-3px -3px 0 #3a2175,3px -3px 0 #3a2175,-3px 3px 0 #3a2175,3px 3px 5px rgba(0,0,0,.5)}}#hero-area .hero-text-area p .break-point{display:block}@media(min-width:768px){#hero-area .hero-text-area p .break-point{display:inline}}#hero-area .hero-text-area .btn{background-color:#fce870;color:#3a2175;padding:.3rem .8rem;font-size:.8rem;border:2px solid #3a2175}@media(min-width:768px){#hero-area .hero-text-area .btn{padding:.5rem 1.5rem;font-size:1.65rem;border:3px solid #3a2175;margin-left:1rem}}#hero-area .hero-text-area .btn{font-family:Pixelify Sans,sans-serif;font-weight:700;text-decoration:none;display:inline-block;transition:background-color .3s ease;cursor:pointer;box-shadow:0 4px 8px #0003}#hero-area .hero-text-area .btn:hover{background-color:#f59ac3}#hero-area .hero-image-area{text-align:right;width:45%}@media(min-width:1024px){#hero-area .hero-image-area{width:50%}}#hero-area .hero-image-area .hero-illustration{width:100%;max-width:160px;height:auto;display:block;margin-left:auto}@media(min-width:768px){#hero-area .hero-image-area .hero-illustration{max-width:400px}}#hero-area .hero-image-area .hero-illustration{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;transition:transform .3s ease-out}#hero-area .hero-image-area .hero-illustration:hover{transform:scale(1.15);cursor:pointer}.proyectos-band{position:relative;z-index:20;background-color:#f59ac3;border:.23rem solid #fdf7ff;left:50%;transform:translate(-50%);width:95%}@media(min-width:1024px){.proyectos-band{width:86%}}.proyectos-band{box-shadow:0 6px 5px #0006;margin-top:-3rem;margin-bottom:0;text-align:center;padding:0}.proyectos-band h2.section-title{text-shadow:1px 1px 4px rgba(0,0,0,.4);margin:0}.proyectos-band img.inline-icon{vertical-align:middle;margin:0 .3rem;width:18px}@media(min-width:768px){.proyectos-band img.inline-icon{width:24px}}#proyectos-carrusel{padding-top:3rem;padding-bottom:2rem;display:flex;justify-content:center}#proyectos-carrusel .carousel-compact-wrapper{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}@media(min-width:768px){#proyectos-carrusel .carousel-compact-wrapper{gap:1rem}}#proyectos-carrusel .carousel-nav{background:transparent;border:none!important;outline:none!important;cursor:pointer;padding:0;flex-shrink:0}#proyectos-carrusel .carousel-nav img{height:2rem;width:2rem;display:block}@media(min-width:768px){#proyectos-carrusel .carousel-nav img{height:3rem;width:3rem}}#proyectos-carrusel .carousel-nav:disabled{opacity:.5;cursor:default}#proyectos-carrusel .project-cards-view{width:100%;max-width:800px;overflow:hidden}#proyectos-carrusel .carousel-track{display:flex;transition:transform .5s ease-in-out;width:100%}#proyectos-carrusel .project-slide{flex:0 0 100%;max-width:100%;padding:0 .5rem}@media(min-width:1024px){#proyectos-carrusel .project-slide{flex:0 0 50%;max-width:50%}}#proyectos-carrusel .project-slide .project-card{background-color:#3a2175b3;border:.3rem solid #fce870;padding-left:20px;padding-right:20px;text-align:center;position:relative;padding-top:2.7rem}@media(max-width:425px){#proyectos-carrusel .project-slide .project-card{padding-top:1rem}}#proyectos-carrusel .project-slide .project-card{width:100%;max-width:350px;margin:0 auto}@media(min-width:1024px){#proyectos-carrusel .project-slide .project-card{width:50%;max-width:none}}#proyectos-carrusel .project-slide .project-card .project-title-band{position:absolute;top:0;left:0;width:100%;height:auto;background-color:#fce870;color:#f59ac3;font-family:"Jersey 10",sans-serif;font-size:1.2rem;border-bottom:.2rem solid #3a2175;display:flex;justify-content:center;align-items:center}@media(min-width:768px){#proyectos-carrusel .project-slide .project-card .project-title-band{font-size:1.688rem}}#proyectos-carrusel .project-slide .project-card .project-title-band{-webkit-text-stroke:.2rem #3a2175;paint-order:stroke fill}#proyectos-carrusel .project-slide .project-card .project-title-band .inline-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);height:1.2rem;width:auto;margin:0}#proyectos-carrusel .project-slide .project-card .project-image{max-width:100%;height:auto;display:block;margin:0 auto}#proyectos-carrusel .carousel-dots{display:flex;justify-content:center;gap:.1rem;margin-top:1rem;position:relative;z-index:10}#proyectos-carrusel .carousel-dots .dot{height:20px!important;width:20px!important;background-color:transparent;border-radius:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD4SURBVHgB7VLLDcIwDH3hJ8SpnBBMwQawCd2AMAFhg4wAm8AGsASIGzdUWhLsqkVVqVLUXkDqk9pItvMcv2egQYOfh/imKLzIuRBYU/UUFh6F9sZi1xvrbe0Gz6tcWwtVeFlAtUd647rfciWji/RTcjo37TuG/BmDVRJTPJ2Lo+NK0nwLPpiwN9E6k9FE7LFssXQkGapMQJjzrxtgm090+kgbTl0E7gYCN5TDQ+UGFkc+oj5kPhUG8OMSi4OLwukBG0saxyv6OMtbKpUZYPk2H5/yZVG6pmSmSowsfEB3rBXqNGDE6wr41GjGvliDE4UVke/RoMH/4wXtFlTOnBJ/QAAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat;display:inline-block;cursor:pointer}#proyectos-carrusel .carousel-dots .dot.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC2SURBVHgB7ZOxDcIwEEWfQVCnQ9kiGxAmISNkg4QNsgFhk7ABTBHR0QMxZ2jhHJmGSH6lfdY7+f5BJPL3mDFFt77MjaGS6gxLIkfdYDks06b9WfC4lJW11B8fG+r5qtkRKrj3ZSEVe61G5JtF2nTf7mfo+i0eXl+noAsgx09GsMBwxU9CsMBywoPM4EioQB6rCXn3QEuowKVDk7g73y6MWjQXV+m0kMSs3VzswFmOay2ekciEeAJvSTPKK5vFwQAAAABJRU5ErkJggg==)}#proyectos-carrusel .project-cards-container{display:flex;justify-content:center;width:100%}#proyectos-carrusel .project-cards-container .row{margin:0!important;display:flex;justify-content:center;gap:15rem;width:100%}#proyectos-carrusel.row{margin-left:0!important;margin-right:0!important}.contact-wrapper{background-color:#7b5af380;border:.2rem solid #fce870;padding:3rem;display:flex;flex-direction:column;justify-content:center;max-width:1000px;width:90%;margin:3rem auto;position:relative;z-index:10}.contact-content{width:100%;padding-left:1.25rem;padding-right:1.25rem;margin-top:-1.25rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.contact-title-area{width:55%;text-align:left;margin-bottom:1rem}.contact-title-area .heading-h1{color:#f59ac3;font-family:Pixelify Sans,sans-serif;font-size:4.25rem;line-height:4.5rem;margin:0}@media(min-width:768px)and (max-width:1200px){.contact-title-area .heading-h1{font-size:2.7rem;line-height:1.2}}.contact-title-area .heading-h1 .linea-texto{display:inline}.contact-title-area .heading-h1{text-shadow:3px 0 0 #3a2175,-3px 0 0 #3a2175,0 3px 0 #3a2175,0 -3px 0 #3a2175,3px 3px 0 #3a2175,-3px -3px 0 #3a2175,3px -3px 0 #3a2175,-3px 3px 0 #3a2175,4px 4px 6px rgba(0,0,0,.4)}.contact-subtitle-area{width:45%;display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem;padding-right:4rem}.contact-subtitle-area .contact-intro{color:#fdf7ff;font-family:"Jersey 10",sans-serif;font-size:2rem}@media(min-width:768px)and (max-width:1200px){.contact-subtitle-area .contact-intro{font-size:1.7rem;padding-right:5rem}}.contact-subtitle-area .contact-intro{text-align:left;margin:0;width:fit-content;line-height:1.2;position:relative;padding-right:3.5rem;text-shadow:3px 0 0 #3a2175,-3px 0 0 #3a2175,0 3px 0 #3a2175,0 -3px 0 #3a2175,3px 3px 0 #3a2175,-3px -3px 0 #3a2175,3px -3px 0 #3a2175,-3px 3px 0 #3a2175,4px 4px 6px rgba(0,0,0,.4)}.contact-subtitle-area .contact-intro .linea-texto{display:block;width:100%}.contact-subtitle-area .contact-intro .texto-destacado{color:#fce870}.contact-subtitle-area .contact-intro .inline-icon-pc{position:absolute;right:3rem;bottom:.8rem;height:2.5rem;image-rendering:pixelated}@media(min-width:768px)and (max-width:1200px){.contact-subtitle-area .contact-intro .inline-icon-pc{right:0;height:3.2rem}}.contact-form-area{width:100%;margin-top:4rem}.pixel-form{display:flex;flex-direction:column;gap:1.2rem}.pixel-form .form-group{display:flex;align-items:center;justify-content:center;gap:5rem;position:relative}.pixel-form .form-group label{color:#fdf7ff;font-family:Pixelify Sans,sans-serif;font-size:1.4rem;font-weight:700;text-align:right;width:35%;white-space:nowrap;text-shadow:2px 2px 0 #3a2175}.pixel-form .form-group label.align-top{align-self:flex-start;margin-top:.8rem}.pixel-form .form-group input,.pixel-form .form-group textarea{width:40%;background-color:#f59ac380;border:3px solid #3a2175;outline:none;box-shadow:none;color:#3a2175;font-family:Pixelify Sans,sans-serif;font-size:1.375rem;padding:.5rem 1rem}.pixel-form .form-group input::placeholder,.pixel-form .form-group textarea::placeholder{color:#f59ac3;font-size:1rem;text-align:center}.pixel-form .form-group input:focus,.pixel-form .form-group textarea:focus{background-color:#a576b8cc;border-color:#f59ac3}.pixel-form .form-group textarea{height:120px;resize:none}.pixel-form .form-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem;width:100%}.pixel-form .form-actions .checkbox-group{display:flex;align-items:center;justify-content:center;width:100%;gap:1rem}.pixel-form .form-actions .checkbox-group .checkbox-label{width:35%;text-align:left;padding-right:0;color:#fdf7ff;font-family:Pixelify Sans,sans-serif;text-shadow:2px 2px 0 #3a2175;font-size:1.4rem;line-height:1.2;white-space:normal}.pixel-form .form-actions .checkbox-group .checkbox-label .linea-texto{display:block;width:100%}.pixel-form .form-actions .checkbox-group .checkbox-label .texto-destacado{color:#fce870}.pixel-form .form-actions .checkbox-group .custom-checkbox-wrapper{width:29%;display:flex;align-items:center;gap:.5rem;text-align:left}.pixel-form .form-actions .checkbox-group .custom-checkbox-wrapper input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.5rem;height:1.5rem;background-color:#f59ac380;border:2px solid #3a2175;box-shadow:inset 2px 2px #0003;cursor:pointer;display:grid;place-content:center;flex-shrink:0}.pixel-form .form-actions .checkbox-group .custom-checkbox-wrapper input[type=checkbox]:before{content:"";width:.8rem;height:.8rem;background-color:#f59ac3;transform:scale(0);transition:.1s transform ease-in-out;box-shadow:1px 1px #00000080}.pixel-form .form-actions .checkbox-group .custom-checkbox-wrapper input[type=checkbox]:checked:before{transform:scale(1)}.pixel-form .form-actions .checkbox-group .custom-checkbox-wrapper .check-text{color:#fdf7ff;font-weight:700;cursor:pointer;font-family:Pixelify Sans,sans-serif}.pixel-form .form-actions .btn-submit{width:40%;margin-left:calc(45% + 1rem);margin-right:0;background-color:#fce870;color:#3a2175;font-family:Pixelify Sans,sans-serif;font-size:1.5rem;text-transform:uppercase;font-weight:700;padding:.5rem 0;border:4px solid #3a2175;cursor:pointer;box-shadow:0 4px 8px #0003;transition:all .1s}.pixel-form .form-actions .btn-submit:hover{background-color:#f59ac3;transform:translate(-2px,-2px);box-shadow:0 4px 8px #0003}.pixel-form .form-actions .btn-submit:active{transform:translate(2px,2px);box-shadow:0 0 #0003}@media(max-width:767px){.contact-wrapper{padding:1.5rem}.contact-title-area{width:100%;text-align:left;padding-left:1.5rem;padding-right:0;margin-bottom:1.5rem}.contact-title-area .heading-h1{font-size:3.4rem;line-height:1;padding-left:0}.contact-title-area .heading-h1 .linea-texto{display:block}.contact-title-area .heading-h1{text-shadow:4px 0 0 #3a2175,-4px 0 0 #3a2175,0 4px 0 #3a2175,0 -4px 0 #3a2175,4px 4px 0 #3a2175,-4px -4px 0 #3a2175,4px -4px 0 #3a2175,-4px 4px 0 #3a2175}.contact-subtitle-area{width:100%;text-align:center;padding-left:0;padding-right:0}.contact-subtitle-area .contact-intro{max-width:100%;width:fit-content;margin:0 auto;text-align:center;padding-right:0}.contact-subtitle-area .contact-intro .linea-texto{display:inline}.contact-subtitle-area .contact-intro .linea-texto:nth-child(2):after{content:"\a";white-space:pre}.contact-subtitle-area .contact-intro .inline-icon-pc{position:absolute;top:0;right:-2.7rem;bottom:auto;display:inline-block;margin-left:0;height:2.5rem}.pixel-form .form-group{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.pixel-form .form-group label{width:38%;text-align:right;font-size:1rem;white-space:normal;line-height:1.1;padding-left:0}.pixel-form .form-group input,.pixel-form .form-group textarea{width:60%;padding:.4rem}.pixel-form .form-actions{gap:1rem;width:100%}.pixel-form .form-actions .checkbox-group{flex-direction:row;align-items:center;width:100%;gap:.5rem;justify-content:space-between}.pixel-form .form-actions .checkbox-group .checkbox-label{width:38%;text-align:left;padding-right:0;font-size:1rem}.pixel-form .form-actions .checkbox-group .custom-checkbox-wrapper{width:60%;justify-content:flex-start}.pixel-form .form-actions .btn-submit{width:60%;margin-left:auto;margin-right:0;font-size:1.2rem}}.main-header{width:100%;background-color:#fce870;padding:0;position:relative}.main-header .header-content{background-color:#7b5af3;border-top:.25rem solid #fce870;border-bottom:.25rem solid #fce870;padding-top:.3rem;padding-bottom:.3rem}.main-header .header-flex-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.main-header .logo-area{display:flex;align-items:center}.main-header .logo-area .logo{display:flex;align-items:center;text-decoration:none;color:#3a2175;font-family:Pixelify Sans,sans-serif;font-size:1.688rem}.main-header .logo-area .logo .logo-icon{height:1.9rem;width:auto;margin-right:.5rem}.main-header .nav-area{display:flex;align-items:center}.main-header .nav-area .menu-toggle{display:block;background:none;border:none;cursor:pointer;height:1.875rem;padding:0}.main-header .nav-area .menu-toggle img,.main-header .nav-area .menu-toggle svg{height:100%;width:auto}@media(min-width:768px){.main-header .nav-area .menu-toggle{display:none}}.main-header .nav-area .nav-links{list-style:none;margin:0;display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fce870;border-bottom:.25rem solid #3a2175;padding:1.5rem 0;flex-direction:column;align-items:center;z-index:100}.main-header .nav-area .nav-links.open{display:flex}.main-header .nav-area .nav-links li{margin:.5rem 0}@media(min-width:768px){.main-header .nav-area .nav-links{display:flex!important;flex-direction:row;position:static;width:auto;background-color:transparent;border:none;padding:0;gap:1.5rem;margin-left:auto}.main-header .nav-area .nav-links li{margin:0}}.main-header .nav-area .nav-links li a{text-decoration:none;color:#3a2175;font-family:Pixelify Sans,sans-serif;font-size:1.375rem;padding:.25rem .5rem}.main-header .nav-area .nav-links li a:hover{color:#f59ac3}.main-header .nav-area .nav-links li a:hover .contact-icon-svg{fill:#f59ac3}.main-header .nav-area .nav-links .contact-icon-svg{height:1.875rem;width:auto;margin-left:.25rem;vertical-align:middle}.main-footer{background-color:#fce870;border-top:.22rem solid #3a2175;padding:1rem 0;margin-top:1rem}.main-footer .container{text-align:center}.main-footer .social-links{display:flex;justify-content:center;align-items:center;gap:1.2rem}@media(min-width:1024px){.main-footer .social-links{gap:1.7rem}}.main-footer .social-links a{display:inline-block;transition:transform .2s ease;text-decoration:none}.main-footer .social-links a:hover{transform:translateY(-3px)}.main-footer .social-links a .icon{height:1.5rem;width:auto;display:block}@media(min-width:1024px){.main-footer .social-links a .icon{height:2rem}}.main-footer .social-links a .icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;filter:brightness(0) saturate(100%) invert(16%) sepia(32%) saturate(3873%) hue-rotate(253deg) brightness(93%) contrast(96%)}body{margin:0;padding:0;background-color:#f0f0f0}