.navbar{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;background:linear-gradient(50deg,var(--accent),var(--btn-secondary));border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;margin-right:auto}.navbar img{height:48px;object-fit:contain}.navbar ul{display:flex;gap:2rem;color:var(--bg-blancocalidomafil);font-weight:600}.navbar ul li{cursor:pointer;position:relative;padding:6px 0}.navbar ul li:after{content:"";position:absolute;left:0;bottom:2px;width:0%;height:2px;background:var(--text);transition:width .25s ease}.navbar ul li:hover:after{width:100%}@media(min-width:769px){.navbar img{height:58px}}@media(max-width:768px){.navbar{height:64px;padding:0 1rem}.nav-logo{padding-right:1rem}.navbar ul{gap:1.5rem}}.hero{min-height:100vh;padding:4rem 2rem;background:linear-gradient(135deg,var(--bg-arena),var(--bg-hero-2));background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative}.hero-content h1{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-1px;font-size:3.2rem;margin-bottom:1.2rem;color:var(--title)}.hero-content p{font-size:1.2rem;max-width:520px;margin-bottom:1rem;color:var(--text)}.btn-accent-servicios,.btn-accent-proyectos{display:inline-block;padding:.9rem 1.6rem;color:#fff;border-radius:10px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn-accent-servicios{background:var(--btn-primary)}.btn-accent-proyectos{background:var(--btn-secondary)}.btn-accent-servicios:hover,.btn-accent-proyectos:hover{transform:translateY(-2px);box-shadow:0 10px 25px #d1595359}.hero-actions{display:flex;gap:1rem;align-items:center}.hero-image{display:flex;justify-content:center;align-items:center;flex:1}.hero-image img{max-width:80%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.15));animation:heroFloat 6s ease-in-out infinite;will-change:transform}@keyframes heroFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(138,119,90,.45);opacity:.7;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,opacity .2s ease}.scroll-indicator:hover{transform:translate(-50%) scale(1.1);opacity:.9}.scroll-indicator .chevron{width:10px;height:10px;border-right:2px solid rgba(138,119,90,.9);border-bottom:2px solid rgba(138,119,90,.9);transform:rotate(45deg);animation:scrollHint 2.2s infinite ease-in-out}@keyframes scrollHint{0%{transform:rotate(45deg) translateY(0);opacity:.45}50%{transform:rotate(45deg) translateY(6px);opacity:.9}to{transform:rotate(45deg) translateY(0);opacity:.45}}.scroll-indicator:focus,.scroll-indicator:focus-visible,.scroll-indicator:active{outline:none;box-shadow:none}@media(max-width:1024px){.hero{text-align:center;padding:3rem 2rem;flex-direction:column;justify-content:flex-start}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-content p{margin:0 auto 1.2rem}.hero-image{margin-top:1.2rem}}@media(max-width:768px){.hero{min-height:auto;padding:2rem 1.2rem 3.2rem;gap:1rem}.hero-content{display:contents}.hero-content h1{order:1;font-size:2.25rem;line-height:1.15;margin-bottom:.6rem}.hero-image{order:2;margin:.4rem 0 .8rem}.hero-image img{max-width:96%}.hero-content p{order:3;font-size:1.05rem;margin:0 auto 1rem;max-width:34ch}.hero-actions{order:4;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:.2rem}.btn-accent-servicios,.btn-accent-proyectos{padding:.95rem 1.4rem;font-size:.95rem}@keyframes heroFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}}@media(max-width:480px){.hero{padding:1.6rem 1rem 3rem}.hero-content h1{font-size:2.05rem}.hero-image img{max-width:92%}.hero-content p{font-size:1rem;max-width:32ch}.btn-accent-servicios,.btn-accent-proyectos{font-size:.95rem}}@media(prefers-reduced-motion:reduce){.hero-image img{animation:none}}.sobremi{padding:5rem 2rem;position:relative;background-image:url(/assets/fondoSobreMi.png);background-size:cover;background-position:center;background-repeat:no-repeat}.sobremi-inner{max-width:1050px;margin:0 auto}.sobremi h2{font-size:2.6rem;margin-bottom:1rem;color:var(--accent);text-align:center}.sobremi-text{max-width:750px;margin:0 auto 2.2rem;color:var(--text);font-size:1.05rem;text-align:justify;text-align-last:center;line-height:1.65}.sobremi-divider{border:none;border-top:1px solid var(--border);max-width:1200px;margin:0 0 2rem}.sobremi-subtitle{font-size:1.4rem;margin-bottom:1.2rem;color:var(--btn-secondary)}.sobremi-skills{display:flex;flex-wrap:wrap;gap:.7rem}.sobremi-skills{display:flex;flex-wrap:wrap;gap:.9rem}.skill-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:999px;background:#ffffffa6;border:1px solid rgba(95,14,64,.99);transition:.2s ease}.skill-icon{font-size:1.1rem;opacity:.75;filter:grayscale(40%)}.skill-label{font-size:.85rem;font-weight:600;color:var(--title)}.skill-item:hover{transform:translateY(-1px)}.skill-item:hover .skill-icon{opacity:1;filter:grayscale(0%)}.sobremi .scroll-indicator{border-color:#8a775a8c;opacity:.85}.sobremi .scroll-indicator .chevron{border-right-color:var(--title);border-bottom-color:var(--title)}.contacto{padding:5rem 2rem;background:linear-gradient(135deg,var(--bg-hero-1),var(--bg-hero-2))}.contacto-inner{max-width:1050px;margin:0 auto;text-align:center}.contacto-title{font-size:2.6rem;color:var(--title);margin-bottom:1rem}.contacto-text{max-width:620px;margin:0 auto 2rem;color:var(--text);font-size:1.05rem}.contacto-cta{display:inline-block;padding:.9rem 1.7rem;background:var(--accent);color:#fff;border-radius:10px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.contacto-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px #d1595347}.contacto-grid{margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.contacto-block{background:#fff9;border:1px solid rgba(138,119,90,.25);border-radius:14px;padding:1.5rem;text-align:left}.contacto-subtitle{font-size:1.1rem;color:var(--title);margin-bottom:.6rem}.contacto-link{color:var(--text);font-weight:600;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}.contacto-link:hover{border-bottom-color:#8a775acc}.contacto-social{display:flex;gap:.9rem;margin-top:.3rem}.social-btn{width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffa6;border:1px solid rgba(138,119,90,.25);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.social-btn:hover{transform:translateY(-4px) scale(1.06);border-color:#d1595373;box-shadow:0 12px 22px #0000001f}.social-btn img{width:22px;height:22px;opacity:.85;transition:opacity .25s ease,transform .25s ease}.social-btn:hover img{opacity:1;transform:scale(1.1)}@media(max-width:820px){.contacto-grid{grid-template-columns:1fr;text-align:center}.contacto-block{text-align:center}.contacto-social{justify-content:center}}.servicios{padding:5rem 2rem;background-image:url(/assets/fondoSobreMi.png)}.servicios h2{text-align:center;font-size:3.5rem;color:var(--title)}.servicios .subtitulo{text-align:center;color:var(--text);margin-bottom:3rem;max-width:70ch;margin-left:auto;margin-right:auto}.servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem}.servicio-card{background:var(--bg-hero-1);border-radius:16px;overflow:hidden;border:1px solid rgba(11,31,58,.08);box-shadow:0 10px 30px #0b1f3a14;transition:transform .25s ease,box-shadow .25s ease}.servicio-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0b1f3a1f}.servicio-media{position:relative}.servicio-media img{width:100%;height:190px;object-fit:cover;display:block}.servicio-media .play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000026;border-radius:14px;transition:background .3s}.servicio-media .play-btn:before{content:"▶";width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#ffffffd9;background:#fff3;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.servicio-media:hover .play-btn:before{background:#ffffff59;transform:scale(1.05)}.servicio-media:hover .play-btn{background:#00000059;cursor:pointer}.servicio-content{padding:1.2rem 1.2rem 1.4rem}.servicio-content h3{color:var(--title);margin-bottom:.35rem}.servicio-sub{color:var(--text);margin-bottom:.9rem}.servicio-text{color:var(--text);font-size:.95rem;line-height:1.55}.servicio-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}@media(max-width:768px){.servicio-media .play-btn{background:#00000014}.servicio-media .play-btn:before{width:44px;height:44px;font-size:18px;background:#ffffff2e;color:#fffc}}.video-modal-overlay{position:fixed;inset:0;background:#000000bf;z-index:999;display:flex;align-items:center;justify-content:center}.video-modal{background:#000;border-radius:14px;position:relative;padding:10px}.video-modal.horizontal{width:70%;max-width:1000px}.video-modal.vertical{width:30%;max-width:340px}@media(max-width:768px){.video-modal.horizontal,.video-modal.vertical{width:92%;max-width:none}}.video-wrapper{position:relative;width:100%;border-radius:14px;overflow:hidden}.video-wrapper.horizontal{padding-top:56.25%}.video-wrapper.vertical{padding-top:160%;max-height:65vh}.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border-radius:14px}.close{position:absolute;top:-32px;right:6px;background:#0009;color:#fff;font-size:22px;border:none;cursor:pointer;padding:4px 8px;border-radius:8px}.proyectos-home{padding:5rem 2rem;background-image:url(/assets/fondoSobreMi.png)}.proyectos-home h2{text-align:center;font-size:3.5rem;color:var(--title)}.proyectos-home .subtitulo{text-align:center;color:var(--text);margin-bottom:3rem}.home-grid{text-align:center;max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:1.6rem}.home-card{text-decoration:none;border-radius:16px;padding:1.6rem;min-height:180px;border:1px solid rgba(11,31,58,.1);box-shadow:0 10px 30px #0b1f3a14;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.home-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0b1f3a1f}.home-card.web{background:var(--btn-secondary)}.home-card.mobile{background:#c32d2ddc}.home-content h3{font-size:2rem;margin-bottom:.6rem;color:#fff}.home-content p{color:#ffffffdb;line-height:1.45;font-size:.98rem;max-width:42ch}.home-cta{display:inline-block;margin-top:1rem;font-weight:600;color:#fffffff2;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px}@media(max-width:780px){.home-grid{grid-template-columns:1fr}}.proyectos h2{text-align:center;font-size:2.5rem;color:var(--title)}.subtitulo{text-align:center;color:var(--text);margin-bottom:3rem}.categoria{margin:3rem 0 1.5rem;font-size:1.8rem;color:var(--title)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem}.proyecto-card{background:var(--bg-hero-1);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0b1f3a14;transition:transform .3s;border:1px solid rgba(11,31,58,.08)}.proyecto-card:hover{transform:translateY(-6px)}.media img,.media video{width:100%;height:180px;object-fit:cover}.contenido{padding:1.2rem}.contenido h3{color:var(--title);margin-bottom:.5rem}.contenido p{font-size:.95rem;color:var(--text)}.tech{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.tech span{background:#d159531f;color:var(--title);padding:.3rem .6rem;border-radius:6px;font-size:.8rem;border:1px solid rgba(209,89,83,.25)}.proyectos-page.web .proyectos h2,.proyectos-page.mobile .proyectos h2{color:var(--text);text-shadow:0 6px 20px rgba(0,0,0,.35)}.media-clickable{position:relative;cursor:pointer}.media-clickable img{width:100%;border-radius:14px}.play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000026;border-radius:14px;transition:background .3s}.play-btn:before{content:"▶";width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#ffffffd9;background:#fff3;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.media-clickable:hover .play-btn:before{background:#ffffff59;transform:scale(1.05)}.media-clickable:hover .play-btn{background:#00000059}.descripcion{font-size:.95rem;color:var(--text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.descripcion.expandida{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.leer-mas{background:none;border:none;color:var(--accent, #d15953);font-size:.85rem;margin-top:.3rem;cursor:pointer;padding:0}.leer-mas:hover{text-decoration:underline}@media(max-width:768px){.play-btn{background:#00000014}.play-btn:before{width:44px;height:44px;font-size:18px;background:#ffffff2e;color:#fffc}}.proyectos-page{min-height:100vh;padding:0}.proyectos-page.web,.proyectos-page.mobile{background:#fffcf0fe}.proyectos-page.web .proyectos .subtitulo,.proyectos-page.mobile .proyectos .subtitulo{font-weight:500;text-shadow:0 4px 14px rgba(0,0,0,.35)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-hero-1: #F8F5F2;--bg-hero-2: #F2EEE7;--bg-white: #FFFFFF;--bg-arena: #f9f2dba4;--bg-arenaoscuro:#b2a782;--bg-beigearenasuave: #F1EDE7;--bg-blancocalidomafil: #F6F4F0;--title: #375d8e;--text: #8A775A;--accent: #e86962;--border: rgba(138, 119, 90, .35);--btn-primary: #CF4A2C;--btn-secondary: #7B2D4F;--btn-tertiary: #1386B5;--btn-primary-hover: #B63F26;--btn-secondary-hover: #672742;--btn-tertiary-hover: #0F739A}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-white);color:var(--title);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--title)}p{color:var(--text)}a{text-decoration:none;color:inherit}ul{list-style:none}img,video{max-width:100%;display:block}