@import"https://fonts.googleapis.com/css2?family=Figtree:wght@900&family=Inter:wght@400;700&display=swap";*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,hr,sup,sub{margin:0;padding:0;list-style-type:none;border:none;vertical-align:baseline}h1,h2,h3,h4{font-size:1em;line-height:1}a,abbr{display:inline-block;text-decoration:none;color:inherit}body{font-family:"Inter",Arial,Helvetica,sans-serif;font-size:13pt}h1,h2,h3{font-family:"Figtree",Montserrat,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:bolder}h1{font-size:50pt;text-align:center}h2{font-size:32pt;text-align:center}h3{font-size:24pt}h1+p{margin-top:.5em;text-align:center}ul{padding-left:2ch}ul li{padding:.25em 0;list-style-type:disc}#hero,#servicios,#contacto{min-height:100vh}header,.wrapper{margin:0 auto;width:1280px}.btn{padding:.5em 1em;font-weight:bold;border-radius:2em;transition:ease-in 150ms}header{position:absolute;top:0;right:0;left:0;margin-top:8px}header .wrapper{display:flex;gap:2em;align-items:center}header #logo{display:block;width:155px;height:48px;font-size:0;background:url(../logo.svg) no-repeat center center;background-size:cover}header nav{display:flex;gap:1em;font-weight:bold}header nav a{padding:.25em .5em;border-radius:.25em;transition:ease-in 150ms}header nav a:hover{background-color:rgba(0,0,0,.1)}header nav a:active{background-color:rgba(0,0,0,.3)}header .wa{position:relative;margin-left:auto;color:#fff;background-color:#25d366}header .wa:before{content:"";display:inline-block;margin-right:.5ch;width:1.25em;height:1.25em;vertical-align:top;background:url(../whatsapp.svg) no-repeat center center}header .wa:hover{background-color:#4be083}header .wa:active{background-color:#21bd5c}#hero{background:url(../img/1.jpg) no-repeat bottom center;background-size:90%}#hero .wrapper{padding-top:calc(56px + 10vh)}#servicios{margin-top:-2em;padding:10vh 0;transform:skewY(-2deg);transition:ease-in 200ms}#servicios.clicked-design{background-color:#aaefff}#servicios.clicked-printing{background-color:#ffa5da}#servicios.clicked-copies{background-color:#fff384}#servicios.clicked-customization{background-color:#222}#servicios.clicked-customization h1{color:#fff}#servicios.clicked-customization p,#servicios.clicked-customization ul{color:#aaa}#servicios.clicked-customization a{color:#fff;font-weight:bold}#servicios.clicked-customization a:hover{text-decoration:underline}#servicios.clicked-customization #services-tabs button{color:rgba(255,255,255,.4);background-color:rgba(0,0,0,0);box-shadow:0 0 0 1px rgba(255,255,255,.1)}#servicios.clicked-customization #services-tabs button.active{color:#000 !important;background-color:#fff !important}#servicios.clicked-customization #services-tabs button:hover{color:rgba(255,255,255,.7)}#servicios .wrapper{transform:skewY(2deg)}#servicios .service{display:none}#servicios .active{display:block}#servicios #services-tabs{margin-top:5vh;gap:1px;display:flex;justify-content:center}#servicios #services-tabs button{padding:.5em .75em;font:inherit;font-weight:bold;color:rgba(0,0,0,.4);background-color:#fff;border:none;cursor:pointer;transition:ease-in 150ms}#servicios #services-tabs button:hover{color:#000}#servicios #services-tabs button.active{background-color:#fff}#servicios #services-tabs button.active[data-id=design]{color:#fff;background-color:#5ebdd4}#servicios #services-tabs button.active[data-id=printing]{color:#fff;background-color:#bf1c7f}#servicios #services-tabs button.active[data-id=copies]{color:#000;background-color:#f6dc00}#servicios #services-tabs button.active[data-id=customization]{color:#fff;background-color:#222}#servicios #services-tabs button:first-child{border-radius:.5em 0 0 .5em}#servicios #services-tabs button:last-child{border-radius:0 .5em .5em 0}#servicios .service-grid{margin-top:5vh;display:grid;gap:2em;grid-template-columns:repeat(10, 1fr)}#servicios .service-grid img{max-width:100%;border-radius:1em}#servicios .service-grid p{margin:1em 0;line-height:1.25}#servicios .service:nth-child(even) img{grid-column:1/7}#servicios .service:nth-child(even) .block-description{grid-column:7/11}#servicios .service:nth-child(odd) img{grid-column:5/11}#servicios .service:nth-child(odd) .block-description{grid-column:1/5}#clientes{padding:10vh 0 15vh}#clientes h2{margin-bottom:1em}#clientes .client-grid{display:grid;gap:1em;grid-template-columns:repeat(4, 1fr)}#clientes .client-grid img{justify-self:center;max-width:100%;height:100px}#contacto{padding:5vh 0 5vh;text-align:center}#contacto .wrapper{padding:2em;background-color:#fff;border:2px solid rgba(0,0,0,.1);border-radius:1em}#contacto .contact-grid{margin-top:10vh;display:grid;gap:1em;grid-template-columns:repeat(8, 1fr)}#contacto .contact-form{grid-column:1/5;grid-row:1/4;align-self:center}#contacto .contact-form form{display:grid;gap:1em;grid-template-columns:repeat(3, 1fr);margin-top:2em}#contacto .contact-form form label{justify-self:flex-end;width:max-content;margin-left:auto;grid-column:1/2;align-self:center;font-size:11pt;line-height:2;font-weight:bold;cursor:pointer}#contacto .contact-form form label:last-of-type{align-self:flex-start}#contacto .contact-form form input,#contacto .contact-form form select,#contacto .contact-form form textarea{grid-column:2/4}#contacto .contact-form form input[type=submit]{grid-column:3/4}#contacto .contact-form form #contact-email,#contacto .contact-form form #contact-subject,#contacto .contact-form form #contact-message{padding:.5em;font:inherit;border:none;border-radius:.25em;box-shadow:0 0 0 2px rgba(0,0,0,.3)}#contacto .contact-form form #contact-email:focus,#contacto .contact-form form #contact-subject:focus,#contacto .contact-form form #contact-message:focus{outline:2px solid #5ebdd4}#contacto .contact-form form .btn{width:max-content;margin-left:auto;justify-self:flex-end;color:#fff;font:inherit;font-weight:bold;background:#5ebdd4;border:none;cursor:pointer}#contacto .contact-form form .btn:hover{background-color:#72c5d9}#contacto .contact-form form .btn:focus{outline:2px solid #bf1c7f}#contacto .contact-form form .btn:active{outline:none;background-color:#4ab5cf}#contacto .contact-map{grid-column:6/9;padding:2em 1em;text-shadow:0 0 5px #fff;background:url(../img/map.jpg) no-repeat center center;background-size:cover;border-radius:.5em}#contacto .contact-map h3+p{margin:1em auto}#contacto .contact-map a{background-color:rgba(255,255,255,.2);border:2px solid rgba(0,0,0,.3)}#contacto .contact-map a:before{content:"Click "}#contacto .contact-map a:hover{background-color:#fff;border-color:rgba(0,0,0,.6)}#contacto .contact-map a:active{background-color:rgba(0,0,0,.1);border-color:#000}#contacto .contact-schedule{grid-column:6/9;padding:2em 1em}#contacto .contact-schedule h3+p{margin:1em auto}#contacto .contact-buttons{grid-column:6/9}#contacto .contact-buttons .btn{margin:.5em;color:#fff;background-color:#5ebdd4}#contacto .contact-buttons .btn:hover{background-color:#72c5d9}#contacto .contact-buttons .btn:active{background-color:#4ab5cf}#contacto .contact-buttons .btn.wa{background-color:#25d366}#contacto .contact-buttons .btn.wa:before{content:"";display:inline-block;margin-right:.5ch;width:1.25em;height:1.25em;vertical-align:top;background:url(../whatsapp.svg) no-repeat center center}#contacto .contact-buttons .btn.wa:hover{background-color:#36dc74}#contacto .contact-buttons .btn.wa:active{background-color:#21bd5c}#contacto .contact-buttons .btn.call{display:none}footer{padding:1em 0;color:#aaa;font-size:10pt;background-color:#222;cursor:default}footer .wrapper,footer .footer-links{display:flex;gap:2em;align-items:center}footer .footer-links{padding-left:0;gap:1em}footer .footer-links li{list-style-type:none}footer #footer-logo{display:block;width:48px;height:48px;font-size:0;background:url(../logo-footer.svg) no-repeat center center;background-size:contain}footer a{color:#ddd}footer a:hover{color:#fff;text-decoration:underline}footer .lang{margin-left:auto;padding:.25em .5em;background-color:rgba(255,255,255,.2);border-radius:.25em}footer .lang:hover{text-decoration:none;background-color:rgba(255,255,255,.3)}footer .lang:active{background-color:rgba(255,255,255,.4)}footer .lang.es:before{content:"";display:inline-block;margin-right:.5em;width:16px;height:16px;vertical-align:bottom;background-repeat:no-repeat;background-position:center center;background-image:url(../spain.svg)}footer .lang.en:before{content:"";display:inline-block;margin-right:.5em;width:16px;height:16px;vertical-align:bottom;background-repeat:no-repeat;background-position:center center;background-image:url(../usa.svg)}@media screen and (max-width: 40em)and (orientation: portrait){header,.wrapper{width:100vw;overflow:hidden}h1{font-size:40pt}header #logo{margin:0 auto}header nav,header .btn.wa{display:none}#hero{background-size:150%}#hero p{margin:1em auto;max-width:90%}#servicios{padding:5vh 0}#servicios .wrapper{padding:1em}#servicios #services-tabs{flex-direction:column}#servicios #services-tabs button:first-child{border-radius:1em 1em 0 0}#servicios #services-tabs button:last-child{border-radius:0 0 1em 1em}#servicios .service-grid{margin-top:0;grid-template-columns:1fr !important}#servicios .service-grid img{display:none}#servicios .service-grid .block-description{grid-column:1/2 !important}#clientes .client-grid{margin:0 auto;padding:1em;grid-template-columns:repeat(2, 1fr)}#clientes .client-grid img{height:auto}#contacto .wrapper{border:none}#contacto .wrapper h1{font-size:30pt}#contacto .contact-grid{display:flex;flex-direction:column;gap:4em}#contacto .contact-grid form label{display:none}#contacto .contact-grid form input,#contacto .contact-grid form select,#contacto .contact-grid form textarea{grid-column:1/4}#contacto .contact-grid .contact-map a:before{content:"Toca "}#contacto .contact-grid .btn.call{display:inline-block}footer .wrapper{flex-direction:column;gap:1em}footer .wrapper .footer-links{margin-top:2em;flex-direction:column}footer .wrapper .lang{margin:1em 0 2em}}@media screen and (max-width: 1281px){header,.wrapper{width:90vw}#contacto .contact-grid{grid-template-columns:repeat(2, 1fr);gap:2em}#contacto .contact-grid .contact-form{grid-column:1/2}#contacto .contact-grid .contact-map,#contacto .contact-grid .contact-schedule,#contacto .contact-grid .contact-buttons{grid-column:2/3}#contacto .contact-grid form{display:flex;flex-direction:column}#contacto .contact-grid form label{display:none}}@media screen and (max-width: 900px){header .wrapper{gap:1em}header .wrapper .btn{font-size:0}header .wrapper .btn.wa{background-color:rgba(0,0,0,0)}header .wrapper .btn:after{content:"Chatear ahora";padding:.5em 1em;display:block;font-size:13pt;text-align:center;background-color:#25d366;border-radius:1em}footer .wrapper{gap:1em}}@media screen and (max-width: 750px){header nav{display:none}#servicios .service .service-grid{display:flex}#servicios .service .service-grid img{display:none}#contacto .contact-grid{display:flex;flex-direction:column}}/*# sourceMappingURL=styles.css.map */