*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif}.app{color:#403a35;background-color:#f8f5f0;min-height:100vh}.header{text-align:center;border-bottom:1px solid #e5ddd3;padding:35px 8%}.header h1{letter-spacing:2px;font-family:Georgia,serif;font-size:32px;font-weight:400}.header p{letter-spacing:6px;margin-top:8px;font-size:11px}.hero{text-align:center;color:#fff;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:30px;display:flex;position:relative;overflow:hidden}.hero span{letter-spacing:4px;color:#a48b75;font-size:11px}.hero h2{max-width:700px;margin:25px 0;font-family:Georgia,serif;font-size:clamp(38px,5vw,65px);font-weight:400}.hero p{color:#82766d;max-width:450px;line-height:1.8}.hero a{color:#403a35;letter-spacing:2px;border:1px solid #a48b75;margin-top:35px;padding:15px 35px;font-size:12px;text-decoration:none;transition:all .3s}.hero a:hover{color:#fff;background:#a48b75}.hero-image{object-fit:cover;object-position:center;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero:before{content:"";z-index:-1;background:#00000059;position:absolute;inset:0}.hero span,.hero p{color:#f5e8db}.hero a{color:#fff;border-color:#fff}.portfolio{text-align:center;background-color:#f8f5f0;padding:100px 8%}.section-subtitle{letter-spacing:4px;color:#a48b75;font-size:11px}.portfolio h2{margin:20px 0;font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);font-weight:400}.portfolio-description{color:#82766d;max-width:550px;margin:0 auto 60px;line-height:1.8}.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.portfolio-card{isolation:isolate;border-radius:4px;justify-content:center;align-items:flex-end;height:380px;padding:30px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.portfolio-card img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.portfolio-card:before{content:"";z-index:1;background:linear-gradient(#0000 45%,#0000008c);position:absolute;inset:0}.portfolio-card:hover img{transform:scale(1.07)}.portfolio-card:hover{transform:translateY(-8px)}.portfolio-card h3{z-index:2;color:#fff;font-family:Georgia,serif;font-size:25px;font-weight:400;position:relative}@media (width<=768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-card{cursor:pointer;width:100%;font:inherit;border:none}.portfolio-card:focus-visible{outline-offset:4px;outline:3px solid #a48b75}.galeria-overlay{z-index:1000;color:#fff;background:#161311f5;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:50px 15px;display:flex;position:fixed;inset:0}.galeria-overlay h2{font-family:Georgia,serif;font-size:36px;font-weight:400}.galeria-contenido img{object-fit:contain;border-radius:4px;max-width:80%;max-height:70vh}.galeria-contenido button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:30px}@media (width<=600px){.galeria-contenido{gap:8px}.galeria-contenido img{max-width:75%}.galeria-contenido button{font-size:22px}}.header{background-color:#f8f5f0;flex-direction:column;align-items:center;gap:25px;display:flex}.navbar{flex-wrap:wrap;justify-content:center;gap:35px;display:flex}.navbar a{color:#403a35;letter-spacing:1.5px;font-size:12px;text-decoration:none;transition:color .3s}.navbar a:hover{color:#a48b75}@media (width<=600px){.navbar{gap:15px}.navbar a{font-size:10px}}.sobre-mi{background-color:#eee8df;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:110px 10%;display:grid}.sobre-mi-imagen img{object-fit:cover;width:100%;max-height:600px;display:block}.sobre-mi-texto h2{color:#403a35;margin:25px 0;font-family:Georgia,serif;font-size:clamp(34px,4vw,52px);font-weight:400}.sobre-mi-texto p{color:#82766d;margin-bottom:20px;font-size:15px;line-height:1.9}@media (width<=768px){.sobre-mi{grid-template-columns:1fr;gap:35px;padding:65px 7%}.sobre-mi-imagen img{max-height:450px}}.contacto{text-align:center;background-color:#f8f5f0;padding:110px 20px}.contacto h2{color:#403a35;margin:25px 0;font-family:Georgia,serif;font-size:clamp(34px,5vw,52px);font-weight:400}.contacto p{color:#82766d;max-width:480px;margin:0 auto;line-height:1.8}.contacto-botones{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.contacto-botones a{color:#403a35;letter-spacing:1px;border:1px solid #a48b75;padding:15px 30px;font-size:12px;text-decoration:none;transition:all .3s}.contacto-botones a:hover{color:#fff;background-color:#a48b75}@media (width<=768px){.header{padding:20px}.header h1{font-size:25px}.navbar{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;display:flex}.hero{min-height:80vh;padding:30px 20px}.hero h2{font-size:38px}.hero p{font-size:14px}.portfolio{padding:70px 20px}.portfolio h2{font-size:32px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.portfolio-card{min-width:0}.portfolio-card img{width:100%}.sobre-mi{flex-direction:column;gap:30px;padding:60px 20px;display:flex}.sobre-mi-imagen,.sobre-mi-texto{width:100%}.sobre-mi-imagen img{max-width:100%}.contacto{padding:70px 20px}.contacto-botones{flex-direction:column;align-items:center;gap:15px;display:flex}.galeria-contenido img{object-fit:contain;max-width:75vw;max-height:65vh}}.footer{color:#f8f5f0;text-align:center;background-color:#403a35;padding:45px 20px}.footer h3{margin-bottom:5px;font-family:Georgia,serif;font-size:25px;font-weight:400}.footer p{letter-spacing:4px;margin-bottom:25px;font-size:11px}.footer span{opacity:.7;font-size:12px}.galeria-overlay{z-index:1000;color:#fff;background:#141211f7;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.galeria-overlay h2{margin-bottom:25px;font-family:Georgia,serif;font-size:26px;font-weight:400}.galeria-contenido{justify-content:center;align-items:center;gap:25px;width:100%;display:flex}.galeria-contenido img{object-fit:contain;border-radius:3px;width:auto;max-width:min(85vw,1200px);height:auto;max-height:75vh;display:block}.galeria-contenido button{color:#fff;cursor:pointer;background:0 0;border:none;padding:12px;font-size:32px;transition:opacity .3s}.galeria-contenido button:hover{opacity:.5}.galeria-overlay>p{letter-spacing:2px;opacity:.7;margin-top:20px;font-size:13px}.galeria-cerrar{color:#fff;cursor:pointer;background:0 0;border:none;font-size:35px;position:absolute;top:25px;right:35px}@media (width<=768px){.galeria-overlay{padding:15px}.galeria-contenido{gap:5px}.galeria-contenido img{max-width:72vw;max-height:65vh}.galeria-contenido button{padding:5px;font-size:24px}}