@font-face{font-family:BillionDreams;src:url('../fonts/BillionDreams_PERSONAL.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Stropica;src:url('../fonts/StropicaDEMO.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}:root{--color-primary:#3266c8;--color-yellow:#f5e642;--color-yellow-light:#fdf9e0;--color-dark:#1a1a2e;--color-dark-soft:#2d2d44;--color-text:#333333;--color-text-light:#666666;--color-white:#ffffff;--color-bg:#fdfcf5;--font-handwritten:'BillionDreams',cursive;--font-titles:'Stropica',sans-serif;--font-body:'Inter',system-ui,-apple-system,sans-serif;--shadow-card:0 4px 20px rgba(0, 0, 0, 0.08);--shadow-hover:0 8px 30px rgba(0, 0, 0, 0.15);--radius:16px;--radius-lg:24px;--transition:0.3s ease}.page-loader{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1a6fbf 0,#0a3a6b 60%,#042147 100%);transition:opacity .6s ease,visibility .6s ease}.page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loader__logo{width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0;position:relative}.handwritten{font-family:var(--font-handwritten)}.about,.projects{position:relative;z-index:2;background-color:var(--color-bg)}.about::before,.projects::before{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background-image:url('../img/Archivos Portfolio/Archivos portafolio web/Fondo Patron Web.svg');background-size:600% auto;background-position:left center;background-repeat:repeat-y;z-index:0;pointer-events:none}.about::after,.projects::after{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background-image:url('../img/Archivos Portfolio/Archivos portafolio web/Fondo Patron Web.svg');background-size:600% auto;background-position:left center;background-repeat:repeat-y;transform:scaleX(-1);z-index:0;pointer-events:none}.section__title{font-family:var(--font-handwritten);font-size:5.5rem;color:var(--color-primary);text-align:center;margin-top:3rem;font-weight:400;letter-spacing:2px}.section__title--light{color:var(--color-white)}.section__title--about-inline{display:none}.section__title--about{display:block}.header{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:rgba(253,252,245,.95);backdrop-filter:blur(10px);transition:var(--transition)}.header--scrolled{box-shadow:0 2px 15px rgba(0,0,0,.08)}.nav{display:flex;align-items:center;justify-content:space-between;height:65px}.nav__logo{font-family:var(--font-handwritten);font-size:1.8rem;font-weight:700;color:var(--color-dark)}.nav__logo span{color:var(--color-primary)}.nav__menu{display:flex;gap:2rem}.nav__link{font-size:.95rem;font-weight:500;color:var(--color-text-light);transition:var(--transition);position:relative}.nav__link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:var(--transition)}.nav__link.active,.nav__link:hover{color:var(--color-primary)}.nav__link.active::after,.nav__link:hover::after{width:100%}.nav__toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:4px}.nav__toggle span{display:block;width:24px;height:2px;background-color:var(--color-dark);transition:var(--transition);border-radius:2px}.hero{position:fixed;top:0;left:0;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#000;z-index:0}.hero+.section,.hero~section{position:relative;z-index:2}.hero-spacer{height:100vh}.hero__video-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.hero__video-bg #ytPlayer,.hero__video-bg iframe{position:absolute;top:50%;left:50%;width:120vw;height:120vh;min-width:120%;min-height:120%;transform:translate(-50%,-50%);pointer-events:none}.hero__video-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:1}.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;color:var(--color-white);padding-top:34vh;margin-top:0;width:100%;min-height:60vh}.hero__subtitle-img{width:160px;height:auto;margin-bottom:.25rem}.hero__projects-btn{display:inline-block;font-family:var(--font-titles);font-size:5.5rem;line-height:1;color:var(--color-white);background-color:var(--color-primary);padding:.1rem 3.5rem;border-radius:5px;margin-bottom:.5rem;text-decoration:none;box-shadow:3px 3px 0 rgba(180,180,180,.25);transition:var(--transition);letter-spacing:1px}.hero__projects-btn:hover{transform:translateY(-2px);box-shadow:3px 4px 0 rgba(180,180,180,.3)}.hero__play-wrapper{position:fixed;bottom:2rem;right:2rem;z-index:10}.hero__play-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:95px;height:95px;border-radius:50%;border:none;cursor:pointer;background-color:var(--color-primary);color:var(--color-white);transition:var(--transition);box-shadow:0 4px 25px rgba(50,102,200,.4)}.hero__play-btn:hover{transform:scale(1.1);box-shadow:0 6px 35px rgba(50,102,200,.6)}.hero__play-text{font-size:1rem;font-weight:700;line-height:1}.hero__play-sub{font-family:var(--font-handwritten);font-size:1.1rem;color:var(--color-yellow);line-height:1}.about{position:relative;z-index:2;padding-top:4rem;padding-bottom:5rem;overflow:hidden}.about>.container,.projects>.container{margin-bottom:3em;position:relative;z-index:1}.about__wrapper{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.about__photo-area{position:relative;width:100%;max-width:450px;display:flex;justify-content:center;align-items:center}.about__photo{position:relative;z-index:2;width:100%;max-width:380px}.about__photo img{width:100%;height:auto;display:block;object-fit:contain}.deco{position:absolute;z-index:3;pointer-events:none;will-change:transform;transition:transform .3s ease-out}.deco--star{top:5%;left:0;width:65px;height:auto}.deco--smile{top:12%;right:0;width:55px;height:auto}.deco--hello{bottom:0;left:5%;width:180px;height:auto;z-index:4}.about__text{max-width:480px;text-align:center;font-family:Stropica,sans-serif}.about__text p{font-size:1rem;color:var(--color-primary);line-height:1.3;margin-bottom:2rem;padding:0 2rem}.tools-slider{width:100%;max-width:300px;margin:0 auto;overflow:hidden;position:relative;padding:20px 20px;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 25%,black 75%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 25%,black 75%,transparent 100%)}.tools-slider__track{display:flex;align-items:center;gap:1.5rem;width:max-content}.tools-slider__item{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;will-change:transform;transition:none}.tools-slider__item img{width:100%;height:100%;object-fit:contain}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:700px;margin:0 auto}.project-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:0 0;border-radius:0;padding:1rem .5rem;transition:var(--transition);border:none;box-shadow:none}.project-card:hover{transform:translateY(-6px)}.project-card__img{width:220px;height:220px;overflow:visible;margin-bottom:.5rem;background-color:transparent;display:flex;align-items:center;justify-content:center;border:none;transition:var(--transition);position:relative}.project-card:hover .project-card__img{transform:scale(1.05)}.project-card__img img{width:100%;height:100%;object-fit:contain}.project-card__label{font-family:var(--font-titles);font-size:1.6rem;font-weight:400;color:var(--color-white);padding:0 .8rem;line-height:1.2;border-radius:5px;background-color:var(--color-primary);display:inline-block;margin-top:-1.5em}.contact,.contact-web{opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s ease}.contact-web.visible,.contact.visible{opacity:1;transform:translateY(0)}.contact{position:relative;z-index:2;background:linear-gradient(to bottom,#1a1a1a 0,#3a3a3a 50%,#2a2a2a 100%);color:var(--color-white);overflow:hidden;padding:2rem 0 0}.contact__stars{position:absolute;top:80px;left:50px;width:100%;height:60%;pointer-events:none;z-index:1;overflow:hidden}#estrella-separada{left:-25px}.contact__stars-img{position:absolute;opacity:.8;max-width:none}.contact__stars-img--1{top:5%;left:-5%;width:60%;animation:twinkle 3s ease-in-out infinite}.contact__stars-img--2{top:15%;right:-10%;width:50%;animation:twinkle 3s ease-in-out 1s infinite}.contact__stars-img--3{top:35%;left:20%;width:40%;animation:twinkle 3s ease-in-out 2s infinite}@keyframes twinkle{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.contact .section__title{position:relative;z-index:2;margin-bottom:0;padding-bottom:0}.contact__subtitle{text-align:center;font-size:3rem;color:var(--color-white);position:relative;z-index:2;margin-bottom:0;padding-bottom:20px;font-weight:400}.contact .section__title .char{display:inline-block}.contact__character{position:relative;z-index:3;margin-top:-1rem;line-height:0}.contact__character img{width:100%;height:auto;display:block}.contact__footer-content{position:absolute;bottom:1.5rem;left:0;right:0;width:100%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:1rem}.contact__flag{padding-bottom:20px;width:80px}.contact__flag img{width:100%;height:auto;border-radius:4px}.contact__list{display:flex;flex-direction:column;gap:1.25rem;align-items:center;font-family:var(--font-titles);padding-bottom:2em}.contact__item{display:flex;align-items:center;gap:.75rem;font-size:1.1rem}.contact__item--last{margin-top:.5em}.contact__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact__icon img{width:100%;height:100%;object-fit:contain}.contact__item a{color:rgba(255,255,255,.85);transition:var(--transition)}.contact__item a:hover{color:var(--color-yellow)}.contact-web{display:none;position:relative;z-index:2;background:linear-gradient(to bottom,#1a1a1a 0,#3a3a3a 40%,#2a2a2a 100%);color:var(--color-white);overflow:hidden;padding-bottom:0}.contact-web__clouds{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.contact-web__cloud{position:absolute;opacity:.6;will-change:transform}.contact-web__cloud--1{top:8%;width:18%;animation:cloudPass 25s linear infinite}.contact-web__cloud--2{top:22%;width:15%;animation:cloudPass 35s linear infinite;animation-delay:-8s}.contact-web__cloud--3{top:5%;width:12%;animation:cloudPass 45s linear infinite;animation-delay:-20s}.contact-web__cloud--4{top:32%;width:10%;animation:cloudPass 30s linear infinite;animation-delay:-14s}.contact-web__cloud--5{top:15%;width:14%;animation:cloudPass 40s linear infinite;animation-delay:-28s}@keyframes cloudPass{0%{left:-20%}100%{left:110%}}.contact-web__stars{position:absolute;top:0;left:0;width:100%;height:60%;z-index:2;pointer-events:none;overflow:hidden}.contact-web__footer-img{position:relative;z-index:3;line-height:0;margin-top:5rem}.contact-web__footer-img>img{width:100%;height:auto;display:block}.contact-web__footer-img .contact-web__info{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:.5rem}.contact-web__footer-img .contact__list{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-bottom:0}.contact-web__footer-img .contact__item{font-size:1.4rem}.contact-web__footer-img .contact__icon{width:32px;height:32px}.contact-web__footer-img .contact__item:last-child{margin-top:.8em}@media (min-width:769px){.contact--mobile{display:none}.contact-web{display:block}.section__title--about{display:none}.section__title--about-inline{display:block;font-size:3.5rem;margin-top:0;margin-bottom:1rem}.section__title--projects{font-size:3.5rem;margin:0}}.scroll-top{position:fixed;bottom:2rem;right:2rem;width:46px;height:46px;border-radius:50%;background-color:var(--color-primary);color:var(--color-white);border:none;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:0 4px 15px rgba(50,102,200,.4);z-index:50}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{background-color:#2a56ad;transform:translateY(-3px)}.video-modal{position:fixed;inset:0;z-index:200;background-color:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.video-modal.active{opacity:1;visibility:visible}.video-modal__close{position:absolute;top:1.5rem;right:1.5rem;background:0 0;border:none;color:#fff;font-size:2.5rem;cursor:pointer;z-index:201;line-height:1;transition:var(--transition)}.video-modal__close:hover{transform:scale(1.2);color:var(--color-yellow)}.video-modal__content{width:90vw;max-width:900px;aspect-ratio:9/16;max-height:85vh}.video-modal__content iframe{width:100%;height:100%;border-radius:8px}.fade-in{opacity:0;transform:translateY(35px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:0.1s}.fade-in-delay-2{transition-delay:0.2s}.fade-in-delay-3{transition-delay:0.3s}.fade-in-delay-4{transition-delay:0.4s}.fade-in-delay-5{transition-delay:0.5s}@media (min-width:1200px){.container{max-width:1200px}.about::before,.projects::before{background-size:300% auto}.about::after,.projects::after{background-size:300% auto}.hero__content{margin-top:150px}.hero__subtitle-img{width:200px}.hero__projects-btn{font-size:5rem;padding:0 2.5rem}.hero__play-btn{width:95px;height:95px}.hero__play-text{font-size:1.15rem}.hero__play-sub{font-size:1.25rem}.about__wrapper{flex-direction:row;align-items:center;gap:4rem;max-width:1000px;margin:0 auto}.about__photo-area{flex:0 0 45%;max-width:450px}.about__text{flex:1;text-align:center;max-width:450px}.about__text p{font-size:1.15rem;padding:0;text-align:center}.tools-slider{max-width:400px;margin:0}.deco--star{width:80px;top:0;left:-10%}.deco--smile{width:65px;top:8%;right:-5%}.deco--hello{width:200px;bottom:-5%;left:0}.projects__grid{grid-template-columns:repeat(3,1fr);gap:3rem;max-width:900px}.project-card__img{width:260px;height:260px}.project-card__label{font-size:1.8rem}.section__title{font-size:6.5rem;margin-bottom:4rem}.section__title--about-inline{font-size:4rem}.section__title--projects{font-size:4rem;margin:0}.contact{padding:6rem 0 0}.contact__stars{height:70%}.contact__footer-content{bottom:2.5rem;gap:1.5rem}.contact__item{font-size:1.3rem}.contact__flag{width:100px}.contact__icon{width:34px;height:34px}}@media (min-width:769px) and (max-width:1199px){.container{max-width:960px}.about::before,.projects::before{background-size:400% auto}.about::after,.projects::after{background-size:400% auto}.about__wrapper{flex-direction:row;align-items:center;gap:3rem;max-width:850px;margin:0 auto}.about__photo-area{flex:0 0 45%;max-width:380px}.about__text{flex:1;text-align:center;max-width:420px}.about__text p{font-size:1.05rem;padding:0;text-align:center}.tools-slider{max-width:350px;margin:0}.deco--star{width:70px}.deco--smile{width:58px}.deco--hello{width:170px}.projects__grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:750px}.project-card__img{width:180px;height:180px}.hero__projects-btn{font-size:4rem}.hero__content{margin-top:180px}.contact__item{font-size:1.1rem}.contact__flag{width:90px}}@media (min-width:769px){.video-modal__content{aspect-ratio:16/9;max-width:1000px}}@media (max-width:768px){.about{padding-top:6rem}.projects{padding-bottom:4rem}.nav__toggle{display:flex}.nav__menu{position:fixed;top:65px;right:-100%;width:70%;height:calc(100vh - 65px);background-color:var(--color-bg);flex-direction:column;padding:2rem;gap:1.5rem;box-shadow:-5px 0 30px rgba(0,0,0,.1);transition:var(--transition)}.nav__menu.open{right:0}.hero__projects-btn{font-size:2.8rem}.hero__subtitle{font-size:1.5rem}.contact__subtitle{font-size:2rem}.section__title{font-size:4.2rem}.about__photo-area{max-width:340px}.deco--star{width:50px}.deco--smile{width:42px}.deco--hello{width:140px}.projects__grid{grid-template-columns:repeat(2,1fr);gap:1rem 0;justify-items:center}.project-card{padding:0}.project-card__img{width:43vw;height:43vw;overflow:visible}.contact__footer-content{bottom:1rem;gap:.75rem}.contact__item{font-size:.85rem}.contact__flag{width:50px}}@media (max-width:480px){.section{padding:.5rem 0}.hero__projects-btn{font-size:3rem}.hero__play-btn{width:65px;height:65px}.section__title{font-size:3.5rem}.projects__grid{grid-template-columns:repeat(2,1fr);gap:1rem}.project-card__label{font-size:1.1rem}.contact__footer-content{bottom:.5rem;gap:.5rem}.contact__item{font-size:1.8rem;gap:.5rem}.contact__icon{width:20px;height:20px}.contact__flag{width:80px}.contact__list{gap:1.2rem}}