*{margin:0;padding:0;box-sizing:border-box}:root{--color-inicio: #f4f1ea;--color-bio: #e3ddd3;--color-videos: #b1babf;--color-blog: #f4f1ea;--color-contacto: #e3ddd3;--color-oliva: #8b9467}body{margin:0;font-family:Kantumruy Pro,sans-serif;overflow-x:hidden;width:100%;background-color:var(--color-inicio);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/images/paper_texture.jpg);background-repeat:repeat;background-size:500px;opacity:.35;mix-blend-mode:multiply;pointer-events:none;z-index:10}.navbar-container{display:flex;flex-direction:column;align-items:center;padding:2.5rem 5%;width:100%;border-bottom:1px solid rgba(0,0,0,.1);background-color:#fff;position:relative;z-index:100}.brand-name{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-1px;color:#1a1a1a;text-align:center}.nav-wrapper{display:flex;justify-content:center;align-items:center;width:100%;position:relative;transition:all .3s ease-in-out}.nav-links{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-links a{text-decoration:none;color:#000;font-size:.9rem;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--color-oliva)}.lang-switch{border:1px solid #333;padding:2px 6px;border-radius:4px;font-size:.8rem!important}.social-icons-header{position:absolute;right:0;display:flex;gap:1.2rem;align-items:center}.social-icons-header a{color:var(--color-oliva);display:flex;align-items:center;transition:color .3s ease,transform .3s ease}.social-icons-header a:hover{color:#6d7451;transform:translateY(-2px)}.social-icons-header svg{width:20px;height:20px;stroke:currentColor}@media(max-width:768px){.social-icons-header{gap:1.5rem}}.hamburger{display:none;flex-direction:column;cursor:pointer;background:none;border:none;gap:5px;z-index:101}.bar{width:25px;height:3px;background-color:#333;transition:all .3s ease}.hero-section{position:relative;width:100vw;height:auto;min-height:400px;display:block}.hero-full-img{width:100%;height:auto;display:block;position:relative;z-index:20}.spotify-overlay{position:absolute;top:10%;left:8%;width:330px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));z-index:25}.beach-section{background-color:#aeb4a5;width:100vw;padding:120px 0;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.photo-stack{position:relative;width:100%;max-width:900px;height:650px;display:flex;justify-content:center;align-items:center;z-index:20}.img-vertical{width:450px;height:auto;border:15px solid white;position:absolute;left:5%;box-shadow:10px 10px 30px #00000026;z-index:21}.img-horizontal{width:400px;height:auto;border:15px solid white;position:absolute;right:5%;top:25%;box-shadow:15px 15px 40px #00000040;z-index:22}.button-wrapper{margin-top:20px;position:relative;z-index:25}.btn-sobre-mi{display:inline-block;background-color:var(--color-oliva);color:#fff;padding:14px 45px;text-decoration:none;font-weight:600;transition:transform .2s ease}.bio-page{background-color:var(--color-bio);width:100%;min-height:100vh;padding:60px 0}.bio-wrapper{max-width:1200px;margin:0 auto;display:flex;gap:60px;padding:0 5%;align-items:flex-start}.bio-text-column{flex:1.2;max-width:700px}.bio-text-column p{font-size:1.05rem;line-height:1.7;color:#333;margin-bottom:2rem;font-weight:400}.bio-image-column{flex:.8;display:flex;justify-content:flex-end;position:sticky;top:50px;z-index:20}.bio-character-img{width:100%;max-width:450px;height:auto;filter:contrast(1.05) brightness(1.02)}.videos-container{background-color:var(--color-videos);min-height:100vh;padding:80px 5%;display:flex;justify-content:center;align-items:flex-start}.video-grid{display:flex;gap:80px;max-width:1200px;width:100%;justify-content:center;flex-wrap:wrap}.video-item{width:450px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:20}.video-frame{width:100%;aspect-ratio:16 / 9;background:#fff;padding:10px;box-shadow:0 10px 30px #0000001a}.video-frame iframe{width:100%;height:100%;display:block}.video-title{font-size:1rem;margin-top:20px;color:#333}.video-divider{width:100%;height:2px;background-color:#8c8c8c;margin:15px 0}.video-socials{display:flex;gap:40px}.video-socials img{width:22px;height:auto;opacity:.6;transition:opacity .3s}.video-socials img:hover{opacity:1}.contact-page{background-color:var(--color-contacto);width:100%;min-height:80vh;display:flex;justify-content:center;align-items:center;padding:80px 5%}.contact-card{background:transparent;box-shadow:none;padding:0;width:100%;max-width:700px;position:relative;z-index:20;text-align:center}.contact-title{font-size:3rem;font-weight:400;color:#1a1a1a;margin-bottom:.5rem;font-family:Kantumruy Pro,sans-serif}.contact-subtitle{color:#555;margin-bottom:4rem;font-size:1.1rem;font-weight:300}.contact-form{text-align:left}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2rem}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.input-group label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:#444}.input-group input,.input-group textarea{padding:.8rem 0;border:none;border-bottom:1px solid #999;background-color:transparent;font-family:Kantumruy Pro,sans-serif;font-size:1.1rem;outline:none;transition:all .3s ease;width:100%;color:#000;border-radius:0}.input-group input:focus,.input-group textarea:focus{border-bottom-color:var(--color-oliva)}.input-group textarea{height:100px;resize:vertical;margin-top:.5rem}.btn-submit{background-color:transparent;color:#1a1a1a;border:1px solid #1a1a1a;padding:1rem 4rem;font-weight:600;letter-spacing:2px;cursor:pointer;width:100%;transition:all .3s;margin-top:2rem;text-transform:uppercase;display:block}.btn-submit:hover{background-color:#1a1a1a;color:#fff}@media(max-width:768px){.contact-title{font-size:2.5rem}.input-row{grid-template-columns:1fr;gap:0}.contact-page{padding:40px 5%;align-items:flex-start}}.blog-page-bg{background-color:var(--color-blog);min-height:100vh;padding:60px 5%}.blog-wrapper{max-width:1200px;margin:0 auto}.blog-main-title{font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center;color:#1a1a1a}.blog-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.post-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px #0000000d;transition:transform .3s ease;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-5px)}.thumbnail-wrapper{width:100%;height:250px;overflow:hidden}.post-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-thumbnail{transform:scale(1.05)}.post-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.post-title{font-size:1.25rem;margin-bottom:1rem;color:#1a1a1a;line-height:1.3}.post-description{font-size:.95rem;color:#666;margin-bottom:1.5rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more-link{color:var(--color-oliva);text-decoration:none;font-weight:700;font-size:.9rem;text-transform:uppercase}@media(max-width:1024px){.bio-wrapper{flex-direction:column-reverse;align-items:center}.bio-image-column{position:relative;top:0;margin-bottom:40px}.bio-text-column{text-align:center;padding:0}.blog-container{grid-template-columns:repeat(2,1fr)}.spotify-overlay{top:5%;left:5%;width:280px}}@media(max-width:768px){.navbar-container{padding:1.5rem 5%;align-items:flex-start}.nav-header-mobile{display:flex;justify-content:space-between;align-items:center;width:100%}.brand-name{font-size:2rem;margin-bottom:0;text-align:left}.hamburger{display:flex}.bar.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-wrapper{display:none;flex-direction:column;width:100%;margin-top:20px;gap:20px}.nav-wrapper.active{display:flex}.nav-links{flex-direction:column;gap:1.5rem;text-align:center}.social-icons-header{position:relative;right:auto;justify-content:center;margin-top:10px}.hero-section{display:flex;flex-direction:column-reverse;min-height:auto;background-color:#aeb4a5;padding-bottom:20px}.spotify-overlay{position:relative;top:0;left:0;width:90%;max-width:350px;margin:10px auto 0;z-index:30;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.beach-section{padding:20px 0 60px}.photo-stack{flex-direction:column;height:auto;gap:20px;margin-bottom:30px}.img-vertical,.img-horizontal{position:relative;top:auto;left:auto;right:auto;width:85%;max-width:400px;height:auto;border-width:8px}.input-row{grid-template-columns:1fr}.contact-card{padding:2rem;width:95%;max-width:100%}.contact-title{font-size:2rem;text-align:center}.contact-subtitle{text-align:center}.video-grid{gap:40px}.video-item{width:100%;max-width:450px}.blog-container{grid-template-columns:1fr}.blog-main-title{font-size:2.5rem}}.footer-container[data-astro-cid-sz7xmlte]{padding:60px 20px;margin-top:80px;border-top:1px solid rgba(0,0,0,.05)}.footer-content[data-astro-cid-sz7xmlte]{max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px}.footer-logo[data-astro-cid-sz7xmlte] h3[data-astro-cid-sz7xmlte]{font-family:Kantumruy Pro,sans-serif;font-size:1.5rem;margin:0;color:#333;letter-spacing:1px}.footer-logo[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-size:.85rem;color:#8b9467;margin-top:5px;text-transform:uppercase;letter-spacing:2px}.footer-socials[data-astro-cid-sz7xmlte]{display:flex;gap:20px}.footer-socials[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#555;transition:all .3s ease}.footer-socials[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:#8b9467;transform:translateY(-3px)}.footer-copy[data-astro-cid-sz7xmlte]{font-size:.75rem;color:#aaa}.banner-wrapper[data-astro-cid-kggsjsm4]{width:100%;display:block;margin:0;padding:18px 14px;line-height:0;background:linear-gradient(180deg,#f8fafc,#eef2f7)}.banner-container[data-astro-cid-kggsjsm4]{width:100%;max-width:1400px;margin:0 auto;overflow:hidden;background:#ffffffe6;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:12px 16px;box-shadow:0 8px 24px #0f172a0f,0 2px 8px #0f172a0a;backdrop-filter:blur(4px)}.banner-img[data-astro-cid-kggsjsm4]{width:100%;height:auto;display:block;vertical-align:bottom}@media(max-width:768px){.banner-wrapper[data-astro-cid-kggsjsm4]{padding:12px 10px}.banner-container[data-astro-cid-kggsjsm4]{border-radius:14px;padding:10px 12px}.banner-img[data-astro-cid-kggsjsm4]{object-fit:contain;min-height:0}}