:root{--color-primary: #7662AB;--color-primary-light: #9485c4;--color-primary-dark: #5a4a8a;--color-primary-rgb: 118, 98, 171;--color-white: #FFFFFF;--color-off-white: #F8F7FC;--color-gray-100: #F3F2F8;--color-gray-200: #E8E6F0;--color-gray-300: #D1CDDF;--color-gray-400: #9B95B0;--color-gray-500: #6B6580;--color-gray-600: #4A4560;--color-gray-700: #2D2A3D;--color-gray-800: #1A1825;--color-black: #0D0C12;--color-whatsapp: #25D366;--color-whatsapp-dark: #20BD5A;--font-logo: "Climate Crisis", sans-serif;--font-primary: "Jost", sans-serif;--font-button: "Lato", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(var(--color-primary-rgb), .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-header: 100;--z-modal: 200;--z-float: 50}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--color-gray-700);background-color:var(--color-white);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-5)}@media(min-width:768px){.container{padding:0 var(--space-8)}}.highlight{color:var(--color-primary);position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-button);font-weight:700;font-size:var(--text-base);padding:var(--space-4) var(--space-6);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;border:none;text-align:center}.btn__icon{width:20px;height:20px;flex-shrink:0}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.4)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.5)}.btn--primary:active{transform:translateY(0)}.btn--whatsapp{background:linear-gradient(135deg,var(--color-whatsapp) 0%,var(--color-whatsapp-dark) 100%);box-shadow:0 4px 15px #25d36666}.btn--whatsapp:hover{box-shadow:0 6px 20px #25d36680}.btn--large{padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);transition:all var(--transition-base)}.header--scrolled{box-shadow:var(--shadow-md)}.header__container{display:flex;align-items:center;justify-content:space-between;height:70px}.header__logo{font-family:var(--font-logo);font-size:var(--text-2xl);color:var(--color-primary);letter-spacing:.04em}.header__menu-btn{display:flex;flex-direction:column;gap:5px;padding:var(--space-2);z-index:calc(var(--z-header) + 10)}.header__menu-btn span{display:block;width:24px;height:2px;background:var(--color-gray-700);border-radius:2px;transition:all var(--transition-base)}.header__menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header__menu-btn.active span:nth-child(2){opacity:0}.header__menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.header__nav{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--color-white);padding:100px var(--space-8) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);transition:right var(--transition-slow);box-shadow:-10px 0 30px #0000001a}.header__nav.active{right:0}.header__nav-link{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:500;color:var(--color-gray-700);padding:var(--space-2) 0;position:relative;transition:color var(--transition-fast)}.header__nav-link:hover{color:var(--color-primary)}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.header__nav-link:hover:after{width:100%}@media(min-width:768px){.header__menu-btn{display:none}.header__nav{position:static;width:auto;height:auto;background:transparent;padding:0;flex-direction:row;gap:var(--space-8);box-shadow:none}.header__nav-link{font-size:var(--text-base)}}.hero{min-height:100vh;display:flex;align-items:center;padding:100px 0 var(--space-12);background:var(--color-white);position:relative;overflow:hidden}.hero__bg-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero__shape{position:absolute;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);opacity:.5}.hero__shape--1{width:60px;height:60px;top:15%;left:8%;transform:rotate(15deg)}.hero__shape--2{width:40px;height:40px;top:40%;left:15%;border-radius:50%;background:var(--color-gray-100);border:none}.hero__shape--3{width:80px;height:80px;bottom:20%;left:5%;transform:rotate(-10deg);border-style:dashed}.hero__container{display:grid;gap:var(--space-8);align-items:center;position:relative;z-index:1}.hero__content{text-align:center}.hero__title{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:700;line-height:1.15;color:var(--color-gray-800);margin-bottom:var(--space-6)}.hero__title .highlight{color:var(--color-primary);font-weight:700}.hero__subtitle{font-size:var(--text-base);color:var(--color-gray-500);margin-bottom:var(--space-8);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.7}.hero__scroll-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-gray-500);font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.hero__scroll-link:hover{color:var(--color-primary)}.hero__scroll-arrow{animation:bounce-down 2s infinite}@keyframes bounce-down{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(5px)}60%{transform:translateY(3px)}}.hero__bento{display:flex;flex-direction:column;gap:var(--space-3);max-width:100%}.bento-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-gray-100);box-shadow:var(--shadow-md)}.bento-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.bento-card:hover img{transform:scale(1.05)}.bento-card__label{position:absolute;bottom:var(--space-3);left:var(--space-3);background:var(--color-white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-gray-700);display:flex;align-items:center;gap:var(--space-1);box-shadow:var(--shadow-md)}.bento-card__label--dark{background:#000c;color:var(--color-white)}.bento-card__icon{font-size:var(--text-sm)}.bento-card--1{height:180px}.bento-card--2{height:140px}.bento-card--3{height:200px}.bento-card--4{height:160px}.bento-card--5{height:180px}.bento-card--6{height:150px}.bento-card--cta{background:var(--color-whatsapp);display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);color:var(--color-white);font-family:var(--font-button);font-weight:700;font-size:var(--text-base);height:auto;min-height:60px;transition:all var(--transition-base);text-decoration:none}.bento-card--cta:hover{background:var(--color-whatsapp-dark);transform:scale(1.02)}.bento-card__whatsapp-icon{width:24px;height:24px}@media(min-width:640px){.hero__bento{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);grid-auto-flow:dense}.bento-card--1{height:220px}.bento-card--2{height:180px}.bento-card--3{height:280px}.bento-card--4{height:200px}.bento-card--5{height:240px}.bento-card--6{height:180px}.bento-card--cta{grid-column:span 2;height:auto;min-height:70px}}@media(min-width:768px){.hero{padding:120px 0 var(--space-16)}.hero__container{grid-template-columns:1fr 1.2fr;gap:var(--space-10)}.hero__content{text-align:left}.hero__title{font-size:var(--text-4xl)}.hero__subtitle{margin-left:0;margin-right:0}.hero__bento{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);align-content:start}.bento-card--1{height:200px}.bento-card--2{height:160px}.bento-card--3{height:240px}.bento-card--4{height:180px}.bento-card--5{height:220px}.bento-card--6{height:160px}.bento-card--cta{grid-column:span 2;flex-direction:row;text-align:center;padding:var(--space-5);height:auto;min-height:60px}.bento-card__whatsapp-icon{width:28px;height:28px}}@media(min-width:1024px){.hero__title{font-size:var(--text-5xl)}.hero__subtitle{font-size:var(--text-lg)}.hero__bento{gap:var(--space-4)}.bento-card--1{height:220px}.bento-card--2{height:170px}.bento-card--3{height:260px}.bento-card--4{height:200px}.bento-card--5{height:240px}.bento-card--6{height:180px}}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header--left{text-align:left}.section-header--light .section-header__title,.section-header--light .section-header__subtitle{color:var(--color-white)}.section-header--light .section-header__tag{background:#fff3;color:var(--color-white)}.section-header__tag{display:inline-block;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.section-header__title{font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-800);margin-bottom:var(--space-4)}.section-header__subtitle{font-size:var(--text-lg);color:var(--color-gray-500);max-width:600px;margin:0 auto}.section-header--left .section-header__subtitle{margin:0}@media(min-width:768px){.section-header__title{font-size:var(--text-4xl)}}.services{padding:var(--space-20) 0;background:var(--color-white)}.services__grid{display:grid;gap:var(--space-6)}.service-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all var(--transition-base)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:transparent}.service-card__icon{width:60px;height:60px;margin:0 auto var(--space-5);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.05));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.service-card__icon svg{width:28px;height:28px}.service-card__title{font-size:var(--text-xl);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--space-3)}.service-card__description{font-size:var(--text-base);color:var(--color-gray-500);line-height:1.6}@media(min-width:640px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services__grid{grid-template-columns:repeat(3,1fr)}}.portfolio{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.portfolio__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.portfolio__item{position:relative;height:250px;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;background:linear-gradient(135deg,var(--color-gray-300) 0%,var(--color-gray-400) 100%);background-size:cover;background-position:center}#portfolio-1{background-image:url(/portfolio-wedding.png)}#portfolio-2{background-image:url(/portfolio-quincea%C3%B1era.png)}#portfolio-3{background-image:url(/portfolio-stickers.png)}#portfolio-4{background-image:url(/portfolio-party.png)}#portfolio-5{background-image:url(/portfolio-babyshower.png)}.portfolio__item:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8) 100%);z-index:1;transition:opacity var(--transition-base)}.portfolio__item:hover:before{opacity:.9}.portfolio__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6);z-index:2;transform:translateY(10px);opacity:.8;transition:all var(--transition-base)}.portfolio__item:hover .portfolio__overlay{transform:translateY(0);opacity:1}.portfolio__category{display:inline-block;background:rgba(var(--color-primary-rgb),.9);color:var(--color-white);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.portfolio__title{font-size:var(--text-xl);font-weight:600;color:var(--color-white)}@media(min-width:640px){.portfolio__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto}.portfolio__item--large{grid-row:span 2;height:auto;min-height:520px}.portfolio__item--wide{grid-column:span 2}}@media(min-width:1024px){.portfolio__item{height:300px}.portfolio__item--large{min-height:620px}}.about{padding:var(--space-20) 0;background:var(--color-off-white)}.about__container{display:grid;gap:var(--space-12);align-items:center}.about__text{font-size:var(--text-lg);color:var(--color-gray-600);margin-bottom:var(--space-6);line-height:1.8}.about__text strong{color:var(--color-primary)}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-8)}.stat{text-align:center}.stat__number{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:var(--space-2)}.stat__label{font-size:var(--text-sm);color:var(--color-gray-500)}.about__visual{display:flex;justify-content:center}.about__image-wrapper{position:relative;width:100%;max-width:400px}.about__image{width:100%;height:auto;border-radius:var(--radius-2xl);position:relative;z-index:2;object-fit:cover}.about__decoration{position:absolute;border-radius:var(--radius-2xl);z-index:1}.about__decoration--1{width:100%;height:100%;background:rgba(var(--color-primary-rgb),.2);top:20px;left:20px}.about__decoration--2{width:60%;height:40%;background:var(--color-gray-200);bottom:-30px;right:-30px}@media(min-width:768px){.about__container{grid-template-columns:1fr 1fr;gap:var(--space-16)}.stat__number{font-size:var(--text-4xl)}}.contact{padding:var(--space-20) 0;background:var(--color-white)}.contact__wrapper{display:grid;gap:var(--space-8)}.contact__info{display:flex;flex-direction:column;gap:var(--space-8)}.contact__card{background:var(--color-off-white);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.contact__card-icon{width:50px;height:50px;background:var(--color-whatsapp);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white)}.contact__card-icon svg{width:26px;height:26px}.contact__card-content h4{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--space-1)}.contact__card-content p{color:var(--color-gray-500);font-size:var(--text-base)}.contact__card-link{font-family:var(--font-button);font-weight:700;color:var(--color-primary);font-size:var(--text-base);display:inline-flex;align-items:center;gap:var(--space-2);margin-top:auto;transition:color var(--transition-fast)}.contact__card-link:hover{color:var(--color-primary-dark)}.contact__card-link:after{content:"→";transition:transform var(--transition-fast)}.contact__card-link:hover:after{transform:translate(4px)}.contact__features{display:flex;flex-direction:column;gap:var(--space-4)}.contact__feature{display:flex;align-items:center;gap:var(--space-3);color:var(--color-gray-600)}.contact__feature svg{width:20px;height:20px;color:var(--color-whatsapp);flex-shrink:0}.contact__cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center}.contact__cta-content h3{font-size:var(--text-2xl);font-weight:700;color:var(--color-white);margin-bottom:var(--space-4)}.contact__cta-content p{color:#ffffffe6;margin-bottom:var(--space-6);font-size:var(--text-base)}@media(min-width:768px){.contact__wrapper{grid-template-columns:1fr 1fr;gap:var(--space-12)}.contact__cta{padding:var(--space-12);display:flex;align-items:center}.contact__cta-content h3{font-size:var(--text-3xl)}}.footer{background:var(--color-gray-800);padding:var(--space-16) 0 var(--space-8);color:var(--color-white)}.footer__content{display:grid;gap:var(--space-10);margin-bottom:var(--space-12)}.footer__logo{font-family:var(--font-logo);font-size:var(--text-2xl);color:var(--color-white);letter-spacing:.05em}.footer__tagline{color:var(--color-gray-400);margin-top:var(--space-3);font-size:var(--text-sm)}.footer__links h4,.footer__contact h4{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);color:var(--color-white)}.footer__links nav{display:flex;flex-direction:column;gap:var(--space-3)}.footer__links a{color:var(--color-gray-400);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-white)}.footer__whatsapp{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-whatsapp);font-size:var(--text-base);transition:opacity var(--transition-fast)}.footer__whatsapp:hover{opacity:.8}.footer__whatsapp svg{width:20px;height:20px}.footer__bottom{border-top:1px solid var(--color-gray-700);padding-top:var(--space-8);text-align:center}.footer__bottom p{color:var(--color-gray-500);font-size:var(--text-sm)}@media(min-width:640px){.footer__content{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.footer__content{grid-template-columns:2fr 1fr 1fr 1fr}}.whatsapp-float{position:fixed;bottom:var(--space-6);right:var(--space-6);width:60px;height:60px;background:var(--color-whatsapp);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:0 4px 20px #25d36666;z-index:var(--z-float);transition:all var(--transition-base)}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 25px #25d36680}.whatsapp-float svg{width:32px;height:32px}.whatsapp-float:before{content:"";position:absolute;inset:0;border-radius:var(--radius-full);background:var(--color-whatsapp);animation:pulse 2s infinite;z-index:-1}@keyframes pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.5);opacity:0}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.nav-overlay{position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:calc(var(--z-header) - 1)}.nav-overlay.active{opacity:1;visibility:visible}