/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--shade-1:#f2f2f2;--shade-2:#d9d9d9;--shade-3:#bfbfbf;--shade-4:#a6a6a6;--shade-5:#8c8c8c;--shade-6:#737373;--shade-7:#595959;--shade-8:#404040;--shade-9:#0d0d0d;--shade-10:#000;--primario:#d83a3a;--primario-hover:#bf3030}body{background:var(--shade-1);color:var(--shade-9);font-family:Inter,sans-serif}body.dark{background:var(--shade-9);color:var(--shade-4)}a{color:var(--shade-8);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}.dark :is(a){color:var(--shade-4)}.contenedor{width:95%;max-width:1200px;margin:auto}.boton{background:var(--primario);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:14px 20px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.boton:hover{background:var(--primario-hover);text-decoration:none}.dark .boton{color:#fff}.clientes,.trabajos,.contacto,.footer,.habilidades,.como-trabajo{flex-direction:column;align-items:center;gap:40px;margin-top:20px;padding:60px 20px;display:flex}:is(.clientes,.trabajos,.contacto,.footer,.habilidades,.como-trabajo) .encabezado{flex-direction:column;align-items:center;gap:14px;display:flex}:is(.clientes,.trabajos,.contacto,.footer,.habilidades,.como-trabajo) .encabezado .titulo{color:var(--shade-8);font-family:Merriweather,serif;font-size:22px;font-weight:700}.dark :is(:is(.clientes,.trabajos,.contacto,.footer,.habilidades,.como-trabajo) .encabezado .titulo){color:var(--shade-2)}:is(.clientes,.trabajos,.contacto,.footer,.habilidades,.como-trabajo) .encabezado .subtitulo{color:var(--shade-6);font-size:16px}.dark :is(:is(.clientes,.trabajos,.contacto,.footer,.habilidades,.como-trabajo) .encabezado .subtitulo){color:var(--shade-4)}.header{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:40px 0;display:grid}.header .logo{flex-direction:column;gap:5px;display:flex}.header .logo .titulo{color:var(--shade-);font-family:Merriweather,serif;font-size:34px}.dark :is(.header .logo .titulo){color:var(--shade-1)}.header .logo .subtitulo{color:var(--primario);font-size:16px;font-weight:500}.dark :is(.header .logo .subtitulo){color:var(--primario)}.header .navbar{justify-content:center;gap:40px;display:flex}.header .navbar a{color:var(--shade-8);padding:6px 0;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.header .dark .navbar a{color:var(--shade-3)}.header .navbar a:after{content:"";background-color:var(--primario);width:0;height:2px;transition:width .35s;position:absolute;bottom:-6px;left:0}.header .navbar a:hover{color:var(--primario)}.header .navbar a:hover:after{width:100%}@media screen and (max-width:768px){.header .logo{text-align:center;grid-column:span 3}.header .navbar{grid-column:span 2;justify-content:flex-start;gap:15px}}@media screen and (max-width:576px){.header{flex-direction:column;align-items:center;display:flex}.header .navbar{justify-content:center;gap:20px;width:100%}.header .navbar a{padding:10px 6px;font-size:15px}.header .navbar a:active:after{width:100%}}.dark-mode{background:var(--shade-2);cursor:pointer;border-radius:100px;justify-content:flex-end;align-items:center;display:flex;overflow:hidden}.dark-mode input{display:none}.dark-mode .icono{color:var(--shade-7);border-radius:100px;justify-content:center;align-items:center;padding:7px 12px;display:flex}.dark-mode .icono.active{border:3px solid var(--shade-2);background:#072537}.dark-mode .icono.sol.active svg{color:#dbff00}.dark-mode .icono.luna.active svg{color:#fff}.hero{color:#fff;background-image:url(./assets/header2.png);background-size:cover;border-radius:20px;padding:120px 80px;position:relative;overflow:hidden}.hero .contenido{z-index:2;flex-direction:column;gap:20px;width:50vw;display:flex;position:relative}.hero:after{content:"";z-index:1;background:linear-gradient(90deg,#062334,#1d417d1a);width:100%;height:100%;position:absolute;top:0;left:0}.hero .video-container{width:100%;height:100%;position:absolute;top:0;left:0}.hero .video-container .video{object-fit:cover;width:100%;height:100%}.hero .titulo{color:#fff;font-family:Merriweather,serif;font-size:50px;font-weight:700}.hero .titulo span{display:block}.hero .subtitulo{color:var(--shade-3);line-height:26px}.hero .botones{gap:10px;display:flex}.hero .botones .boton.transparente{background:#ffffff1a}.hero .botones .boton.transparente:hover{background:#ffffff26}@media screen and (max-width:576px){.hero .botones{flex-direction:column;align-items:center}.hero .botones .boton{justify-content:center;width:100%}}@media screen and (max-width:992px){.hero{padding:40px}.hero br{display:none}.hero .contenido{text-align:center;width:100%}.hero .titulo{font-size:32px}.hero .botones{justify-content:center}}.acerca-de{justify-content:center;display:flex}.acerca-de .grid{grid-template-columns:1.7fr 2fr;gap:clamp(20px,3vw,40px);width:80%;display:grid}.acerca-de .grid .col-1{margin-top:50px}.acerca-de .grid .col-1 .fotos{justify-content:flex-end;display:flex;position:sticky;top:20px}.acerca-de .grid .col-1 .fotos .foto{border:1px solid var(--shade-2);border-radius:10px;padding:6px}.acerca-de .grid .col-1 .fotos .foto:first-child{width:80%}.acerca-de .grid .col-1 .fotos .foto:nth-child(2){width:40%;position:absolute;bottom:-15%;left:0}.dark :is(.acerca-de .grid .col-1 .fotos .foto){border:1px solid var(--shade-7)}.acerca-de .grid .col-2{flex-direction:column;align-items:start;gap:20px;display:flex}.acerca-de .grid .col-2 .pre-titulo{color:var(--primario);margin-top:50px;font-size:16px;font-weight:600}.acerca-de .grid .col-2 .titulo{font-size:30px}.acerca-de .grid .col-2 .resumen{color:var(--shade-7);line-height:32px}.dark :is(.acerca-de .grid .col-2 .resumen){color:var(--shade-3)}@media screen and (max-width:576px){.acerca-de .grid{grid-template-columns:1fr}.acerca-de .grid .col-1 .fotos{justify-content:center;margin-bottom:60px}.acerca-de .grid .col-1 .fotos .foto:first-child{width:60%}.acerca-de .grid .col-1 .fotos .foto:nth-child(2){width:40%;bottom:-20%;left:55%}.acerca-de .grid .col-2{align-items:center}.acerca-de .grid .col-2 .pre-titulo,.acerca-de .grid .col-2 .titulo{text-align:center}}.anim-scroll{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.anim-left{transform:translate(-40px)}.anim-right{transform:translate(40px)}.habilidades{width:100%;padding:100px 0 60px}.habilidades .encabezado{text-align:center;margin-bottom:60px}.habilidades-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;width:100%;display:grid}.habilidad-card{background:var(--shade-2);border-radius:20px;padding:32px;transition:transform .3s,box-shadow .3s}.dark .habilidad-card{background:#1e1e1e}.habilidad-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.habilidad-card h3{color:var(--shade-9);margin-bottom:20px;font-size:18px;font-weight:600}.dark .habilidad-card h3{color:var(--shade-2)}.habilidad-lista{flex-direction:column;gap:14px;display:flex}.habilidad-item{color:var(--shade-7);align-items:center;gap:12px;font-size:15px;display:flex}.dark .habilidad-item{color:var(--shade-4)}.habilidad-icono{width:28px;height:28px;color:var(--primario);background:#d83a3a1f;border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.trabajos .filtros{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;display:flex}.trabajos .filtros label{display:flex}.trabajos .filtros .opcion{cursor:pointer;border:1px solid var(--shade-6);border-radius:100px;padding:10px 20px}.dark :is(.trabajos .filtros .opcion){color:var(--shade-4);border:1px solid var(--shade-7)}.trabajos .filtros input[type=radio]{display:none}.trabajos .filtros input[type=radio]:checked+.opcion{background:var(--primario);color:#fff;border:1px solid #0000}.trabajos .grid{grid-template-columns:repeat(4,1fr);gap:40px 20px;display:grid}@media screen and (max-width:768px){.trabajos .grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:576px){.trabajos .grid{grid-template-columns:repeat(2,1fr);gap:25px 20px}}.trabajos .trabajo{transition:transform .3s}.trabajos .trabajo:hover{transform:translateY(-6px)}.trabajos .trabajo .thumb{border-radius:8px;margin-bottom:10px;display:block;overflow:hidden}.trabajos .trabajo .thumb img{width:100%;transition:all .5s;transform:scale(1.1)}.trabajos .trabajo:hover img{transform:scale(1)}.trabajos .trabajo .info{justify-content:space-between;gap:10px;display:flex}.trabajos .trabajo .info .nombre{font-size:16px;font-weight:600}.trabajos .trabajo .info .categoria{color:var(--shade-6);font-size:14px}.trabajos .trabajo .info .btn-ir{cursor:pointer;background:0 0;border:none}.trabajos .trabajo .info .btn-ir svg{width:26px;color:var(--primario)}.anim-scroll{opacity:0;will-change:opacity,transform;transition:opacity 1.2s ease-out,transform 1.4s cubic-bezier(.22,1,.36,1);transform:translateY(12px)scale(.985)}.anim-scroll.visible{opacity:1;transform:translateY(0)scale(1)}.overlay{z-index:100;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.overlay .modal{justify-content:center;width:90%;max-width:1200px;height:90%;display:flex;position:relative}.overlay .modal .btn-cerrar{cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;width:25px;height:25px;display:flex;position:absolute;top:-25px;right:-25px}.overlay .modal .btn-cerrar svg{width:100%;height:100%}.overlay .modal .grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.overlay .modal .grid .thumb{justify-content:center;align-items:center;max-height:80vh;display:flex}.overlay .modal .grid .thumb img{object-fit:contain;border-radius:10px;width:100%;max-height:80vh}.overlay .modal .grid .info{grid-template-rows:auto 1fr;gap:20px;max-height:90vh;display:grid}.overlay .modal .grid .info .head{background:#fff;border-radius:10px;padding:20px}.overlay .modal .grid .info .head .titulo{color:var(--shade-10);margin-bottom:10px}.dark :is(.overlay .modal .grid .info .head .titulo){color:var(--shade-2)}.overlay .modal .grid .info .head .categoria{color:var(--shade-4)}.dark :is(.overlay .modal .grid .info .head){background:var(--shade-9)}.overlay .modal .grid .info .body{color:var(--shade-8);background:#fff;border-radius:10px;padding:20px;line-height:30px;overflow:auto}.dark :is(.overlay .modal .grid .info .body){background:var(--shade-9);color:var(--shade-4)}.overlay .modal .grid .info .body p{margin-bottom:20px}.overlay .modal .grid .info .body img{width:50%}@media screen and (max-width:768px){.overlay .modal{width:80vw;max-width:400px;overflow:scroll}.overlay .modal .grid{grid-template-columns:1fr}}.boton{color:#fff;background:#d63b3b;border-radius:30px;justify-content:center;align-items:center;width:fit-content;margin-top:16px;padding:14px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.boton:hover{background:#c53131;transform:translateY(-1px)}.dark .boton{background:#e14b4b}.dark .boton:hover{background:#ff5a5a}@media (max-width:768px){.boton{padding:12px 16px;font-size:14px}}.clientes .encabezado{text-align:center;margin-bottom:40px}.clientes .logos{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.clientes .logos .logo{background:#fff;border-radius:20px;width:100%;max-width:180px}@media screen and (max-width:768px){.clientes .logos .logo{max-width:130px}}.contacto .formulario{grid-template-columns:1fr 1fr;gap:30px;width:70%;display:grid}.contacto .formulario .grupo-formulario{flex-direction:column;gap:5px;display:flex}.contacto .formulario .grupo-formulario.mensaje{grid-column:span 2}.contacto .formulario .grupo-formulario.error{background:var(--primario);color:#fff;border-radius:5px;grid-column:span 2;padding:16px;font-weight:500}.contacto .formulario .grupo-formulario.enviar{grid-column:span 2;justify-content:center;align-items:center;display:flex}.contacto .formulario .grupo-formulario label{font-size:14px;font-weight:500}.contacto .formulario .grupo-formulario input,.contacto .formulario .grupo-formulario textarea{border:none;border-radius:5px;width:100%;padding:15px;font-family:Inter,sans-serif;font-size:16px}.contacto .formulario .grupo-formulario input:hover,.contacto .formulario .grupo-formulario textarea:hover,.contacto .formulario .grupo-formulario input:focus,.contacto .formulario .grupo-formulario textarea:focus{outline:2px solid var(--primario)}.contacto .formulario .grupo-formulario textarea{resize:vertical;min-height:80px;max-height:200px}.dark :is(.contacto .formulario .grupo-formulario) input,.dark :is(.contacto .formulario .grupo-formulario) textarea{background:var(--shade-10);color:var(--shade-1)}@media screen and (max-width:768px){.contacto .formulario{width:100%}}@media screen and (max-width:576px){.contacto .formulario{grid-template-columns:1fr}.contacto .formulario .grupo-formulario.mensaje,.contacto .formulario .grupo-formulario.error,.contacto .formulario .grupo-formulario.enviar{grid-column:span 1}}.footer .links{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:60px;display:flex}.footer .links .link{background:var(--shade-2);color:var(--shade-7);border-radius:100px;align-items:center;gap:10px;padding:10px 15px;text-decoration:none;transition:all .3s;display:flex}.footer .links .link .icono{width:20px;height:20px}.footer .links .link .icono svg{width:100%;height:100%}.footer .links .link:hover{color:#fff}.footer .links .link.instagram:hover{background:#c13584}.footer .links .link.linkedin:hover{background:#0a66c2}.footer .links .link.github:hover{background:#181717}.footer .copyright{color:var(--shade-4);text-align:center;font-size:14px}.como-trabajo{padding:60px 20px}.como-trabajo .grid{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:40px;display:grid}.como-trabajo .card{text-align:center;background:#fff;border-radius:16px;padding:30px 25px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0000000d}.dark .como-trabajo .card{background:var(--shade-9)}.como-trabajo .card:hover{transform:translateY(-6px);box-shadow:0 15px 40px #00000014}.como-trabajo .icono{color:var(--primario);margin-bottom:16px;font-size:36px}.como-trabajo h4{color:var(--shade-8);margin-bottom:12px;font-size:18px}.dark .como-trabajo h4{color:var(--shade-2)}.como-trabajo p{color:var(--shade-6);font-size:15px;line-height:28px}.dark .como-trabajo p{color:var(--shade-4)}.como-trabajo .frase-final{text-align:center;color:var(--shade-6);margin-top:40px;font-size:15px;font-style:italic}.dark .como-trabajo .frase-final{color:var(--shade-4)}@media screen and (max-width:900px){.como-trabajo .grid{grid-template-columns:1fr}}