*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background-color:#fff;color:#111}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea{font:inherit}.hero{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 20px}.hero__contenido{width:100%;max-width:1280px;min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.hero__nombre{width:914px;height:222px;background-color:#fff;border:2px solid #000000;display:flex;justify-content:center;align-items:center}.hero__nombre h1{font-size:128px;font-weight:400;letter-spacing:.5px;line-height:1;color:#000;text-align:center}.hero__descripcion{text-align:center}.hero__descripcion p{font-size:28px;font-weight:400;line-height:1.35;margin:0}.hero__botones{width:100%;max-width:1100px;display:flex;justify-content:space-between;align-items:center;gap:24px}.hero__boton{width:160px;height:62px;border:2px solid #000000;background-color:transparent;display:flex;justify-content:center;align-items:center;text-align:center;font-size:18px;font-weight:400;transition:.25s ease}.hero__boton:hover{background-color:#111;color:#fff}.hero__ubicacion{font-size:18px;font-weight:400;text-align:center}.proyectos{min-height:100vh;padding:80px 70px;display:flex;justify-content:center}.proyectos__contenido{width:100%;max-width:1100px}.proyectos__titulo{text-align:center;font-size:36px;font-weight:400;letter-spacing:2px;margin-bottom:60px}.proyecto{margin-bottom:40px}.proyecto__nombre{font-size:20px;font-weight:400;margin-bottom:10px}.proyecto__descripcion{background-color:#000;color:#fff;padding:10px 14px;font-size:14px;width:fit-content;min-width:420px}.proyectos__layout{display:grid;grid-template-columns:1fr 450px;gap:60px;align-items:start}.proyectos__lista{width:100%}.proyectos__panel{min-height:300px}.sobre-mi{width:100%;min-height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:80px 40px}.sobre-mi__contenedor{width:100%;max-width:1200px;min-height:700px;position:relative}.sobre-mi__titulo{text-align:center;font-size:40px;font-weight:500;letter-spacing:2px;margin-bottom:80px}.sobre-mi__zona-tarjetas{width:100%;height:500px;position:relative}.sobre-mi__item{position:absolute}.sobre-mi__item--info{left:60px;top:40px}.sobre-mi__item--habilidades{left:40%;top:200px;transform:translate(-50%)}.sobre-mi__item--formacion{right:60px;bottom:40px}.contacto{padding:60px 40px;display:flex;justify-content:center;align-items:center;background-color:#e9e9e9}.contacto__contenido{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:40px}.contacto__titulo{font-size:48px;font-weight:400;letter-spacing:2px;color:#000;text-align:center}.contacto__iconos{width:100%;max-width:650px;display:flex;justify-content:center;align-items:center;gap:70px}.contacto__icono-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.contacto__icono{width:90px;height:90px;display:flex;justify-content:center;align-items:center;transition:transform .25s ease}.contacto__icono img{width:60px;height:60px;object-fit:contain}.contacto__icono:hover{transform:scale(1.12)}.contacto__tooltip{position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);background-color:#000;color:#fff;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:400;white-space:nowrap;padding:10px 14px;border-radius:10px;box-shadow:0 8px 20px #0000002e;animation:aparecerTooltip .25s ease;z-index:10}.contacto__tooltip:before{content:"";position:absolute;top:50%;left:-6px;transform:translateY(-50%) rotate(45deg);width:12px;height:12px;background-color:#000}@keyframes aparecerTooltip{0%{opacity:0;transform:translateY(-50%) translate(-8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.proyecto{margin-bottom:42px}.proyecto__nombre{font-size:22px;font-weight:400;color:#000;margin-bottom:12px;line-height:1.2}.proyecto__descripcion{display:inline-block;background-color:#000;color:#fff;border:none;padding:12px 18px;font-size:14px;font-weight:400;text-align:left;cursor:pointer;min-width:430px;max-width:700px;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.proyecto__descripcion:hover{transform:translateY(-2px);opacity:.92;box-shadow:0 8px 20px #0000002e}.proyecto__descripcion:focus{outline:2px solid #000000;outline-offset:3px}.proyecto__descripcion:active{transform:translateY(0)}.detalle-proyecto{background-color:#000;color:#fff;padding:28px;min-height:320px;box-shadow:0 18px 40px #0000002e}.detalle-proyecto--vacio{display:flex;align-items:center;justify-content:center}.detalle-proyecto__mensaje{font-size:16px;line-height:1.6;color:#d8d8d8}.detalle-proyecto__titulo{font-size:28px;font-weight:500;line-height:1.2;margin-bottom:10px}.detalle-proyecto__contexto{font-size:14px;color:#bdbdbd;margin-bottom:18px}.detalle-proyecto__descripcion{font-size:15px;line-height:1.8;margin-bottom:24px;color:#f2f2f2}.detalle-proyecto__bloque{margin-top:22px}.detalle-proyecto__subtitulo{font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;color:#fff}.detalle-proyecto__etiquetas{display:flex;flex-wrap:wrap;gap:10px}.detalle-proyecto__etiqueta{border:1px solid #ffffff;padding:7px 10px;font-size:13px;color:#fff}.detalle-proyecto__links{display:flex;flex-direction:column;gap:10px}.detalle-proyecto__link{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);width:fit-content;padding-bottom:2px}.detalle-proyecto__link:hover{opacity:.75}.detalle-proyecto__imagenes{display:flex;gap:12px;margin-top:20px}.detalle-proyecto__imagen{width:190px;height:70px;object-fit:cover;border:1px solid #fff}.tarjeta-hover{position:relative;display:inline-block}.tarjeta-hover__boton{min-width:140px;padding:18px 26px;border:none;background-color:#000;color:#fff;font-size:14px;font-weight:400;letter-spacing:.5px;text-transform:lowercase;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.tarjeta-hover__boton:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000002e}.tarjeta-hover__contenido{position:absolute;top:50%;left:calc(100% + 18px);transform:translateY(-50%);z-index:20;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,transform .28s ease,visibility .28s ease}.tarjeta-hover:hover .tarjeta-hover__contenido{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translate(0)}.tarjeta-hover__tarjeta{width:300px;padding:22px 22px 18px;background-color:#fff;border:1px solid #111111;box-shadow:0 18px 40px #00000024}.tarjeta-hover__titulo{margin:0 0 12px;font-size:20px;font-weight:600;color:#111;line-height:1.2}.tarjeta-hover__descripcion{margin:0 0 14px;font-size:14px;line-height:1.6;color:#222}.tarjeta-hover__lista{padding-left:0;margin:0}.tarjeta-hover__item{margin-bottom:20px;font-size:14px;line-height:1.5;color:#222}.tarjeta-hover__item:last-child{margin-bottom:0}@media(max-width:900px){.tarjeta-hover__contenido{top:calc(100% + 14px);left:50%;transform:translate(-50%)}.tarjeta-hover:hover .tarjeta-hover__contenido{transform:translate(-50%) translateY(0)}.tarjeta-hover__tarjeta{width:260px}}@media(max-width:600px){.tarjeta-hover__boton{min-width:120px;padding:16px 20px;font-size:13px}.tarjeta-hover__tarjeta{width:230px;padding:18px 18px 16px}.tarjeta-hover__titulo{font-size:18px}.tarjeta-hover__descripcion,.tarjeta-hover__item{font-size:13px}}.tarjeta-hover--derecha .tarjeta-hover__contenido{position:absolute;top:50%;left:calc(100% + 18px);transform:translateY(-50%)}.tarjeta-hover--arriba .tarjeta-hover__contenido{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}