/* Liquid Metal title and the curved photo band, scoped to the homepage. */
.home-gallery[data-page=inicio] .hero.liquid-hero{height:calc(100svh - 104px);min-height:750px;max-height:1100px;padding:28px 4.2% 0;background:#000;isolation:isolate}
.liquid-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#23394765,transparent 61%)}
.liquid-hero .hero-top{gap:20px;flex:none}
.home-gallery .liquid-hero .hero-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0;padding:20px 0 30px;text-align:center}
.liquid-type{position:relative;width:min(100%,1180px);aspect-ratio:1340/500;container-type:inline-size;isolation:isolate}
.home-gallery .liquid-type h1{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:none;margin:0;font:800 16.4cqw/1.11 Manrope,Arial,sans-serif;letter-spacing:-.045em;text-shadow:none;white-space:nowrap;overflow-wrap:normal;background:linear-gradient(172deg,#fff 9%,#acbdc9 33%,#f3fbff 48%,#7d9eaf 67%,#e1f2ff 88%);-webkit-background-clip:text;background-clip:text;color:#eaf6fc;-webkit-text-fill-color:transparent}
.liquid-type h1 span{display:block}
.liquid-shader{background:#5c7485;position:absolute;inset:0;opacity:0;pointer-events:none;mask:url('/assets/ideas-liquid-mask.svg') center/contain no-repeat;-webkit-mask:url('/assets/ideas-liquid-mask.svg') center/contain no-repeat;transition:opacity .7s ease}
.liquid-shader canvas{mix-blend-mode:screen;display:block;width:100%;height:100%}
.paper-ready .liquid-shader{opacity:1}
.paper-ready h1{opacity:0}
.liquid-hero .liquid-intro{font-size:17px;line-height:1.7;color:#a9b7c2;max-width:560px;margin:22px 20px 0}
.home-gallery .liquid-hero .hero-bottom{margin:27px 0 0;gap:14px;max-width:none;justify-content:center}
.liquid-hero .hero-bottom a{font-size:14px;min-height:48px;padding:14px 24px}
.home-gallery .liquid-hero .hero-foot{flex:none;gap:24px;min-height:64px;margin-top:0;padding-block:10px;font-size:9px;letter-spacing:1.2px}
.liquid-hero .hero-foot>span{max-width:220px;color:#84939e;font-size:10px;line-height:1.6;letter-spacing:0}
.liquid-pause,.curved-pause{border:1px solid #ffffff32;background:#11161a;color:#b9c5ce;border-radius:30px;padding:11px 16px;min-height:44px;font-size:11px;white-space:nowrap}
.liquid-pause:hover,.curved-pause:hover{border-color:#8ddfff;color:white}
.liquid-pause[hidden],.curved-pause[hidden]{display:none}
.curved-projects{position:relative;margin:0 0 50px;min-width:0}
.curved-stage{height:520px;position:relative;width:calc(100% + 8.4vw);margin-inline:-4.2vw;overflow:hidden;isolation:isolate}
.curved-band{position:absolute;inset:0;opacity:0;pointer-events:none;perspective-origin:50% 50%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);transition:opacity .6s ease}
.curved-tile{position:absolute;transform-style:preserve-3d;will-change:transform}
.curved-facet{position:absolute;top:0;overflow:hidden;background:#1a2025;backface-visibility:hidden}
.curved-facet img{position:absolute;top:0;max-width:none;object-fit:cover;user-select:none}
.curved-facet:first-child{border-radius:12px 0 0 12px}.curved-facet:last-child{border-radius:0 12px 12px 0}
.curved-static{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.curved-static img{width:min(388px,68vw);height:min(218px,38.25vw);flex:none;object-fit:cover;border-radius:16px}
.curve-ready .curved-band{opacity:1}.curve-ready .curved-static{opacity:0;visibility:hidden}
.curve-paused .curved-tile{animation-play-state:paused!important}
.curved-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 23px}
.curved-toolbar p{font-size:12px;line-height:1.7;margin:0;color:#92a1ad}
.curved-index{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.curved-project-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;border:1px solid #ffffff24;padding:10px 15px;border-radius:30px;font-size:11px;color:#acb8c2;transition:color .2s,border-color .2s}
.curved-project-link:hover{color:white;border-color:#8ddfff80}
.curved-project-link span:last-child{color:#72c7e9}
@media(min-width:1700px){.curved-stage{width:calc(100% + 100px);margin-inline:-50px}}
@media(max-width:850px){.home-gallery[data-page=inicio] .hero.liquid-hero{height:calc(100svh - 83px);padding-inline:6%}.curved-stage{width:calc(100% + 12vw);margin-inline:-6vw;height:440px}.curved-static img{width:min(329px,68vw);height:min(185px,38.25vw)}}
@media(max-width:680px){.home-gallery[data-page=inicio] .hero.liquid-hero{height:calc(100svh - 83px);min-height:640px;max-height:900px;padding-top:21px}.home-gallery .liquid-hero .hero-top .eyebrow{font-size:8px;letter-spacing:1.2px}.home-gallery .liquid-hero .hero-main{padding:35px 0 32px}.liquid-type{width:calc(100% + 3vw);margin-inline:-1.5vw}.home-gallery .liquid-type h1{font-size:16.4cqw}.liquid-hero .liquid-intro{font-size:14px;line-height:1.8;margin-top:24px;max-width:300px}.home-gallery .liquid-hero .hero-bottom{gap:10px;margin-top:26px}.liquid-hero .hero-bottom a{font-size:12px;padding:13px 17px;gap:12px}.home-gallery .liquid-hero .hero-foot{font-size:8px;letter-spacing:.7px;gap:12px;min-height:62px}.liquid-hero .hero-foot>span{display:none}.liquid-pause,.curved-pause{font-size:10px;padding-inline:12px}.curved-stage{height:360px}.curved-static{gap:12px}.curved-static img{width:min(269px,68vw);height:min(151px,38.25vw)}.curved-toolbar{align-items:start;gap:20px;margin-top:8px}.curved-toolbar p{font-size:11px;max-width:170px}.curved-index{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:9px}.curved-project-link{flex:none;font-size:10px;padding:10px 13px}.curved-projects{margin-bottom:35px}}
@media(max-width:360px){.home-gallery[data-page=inicio] .hero.liquid-hero{min-height:680px}.home-gallery .liquid-hero .hero-bottom{flex-direction:column;align-items:stretch}.liquid-hero .hero-bottom a{justify-content:center}.liquid-hero .hero-foot .scroll-line{display:none}}
@media(prefers-reduced-motion:reduce){.liquid-shader,.curved-band{transition:none}.curved-tile{animation-play-state:paused!important}.liquid-pause,.curved-pause{display:none}}

/* Liquid-metal effects on the contact CTA; its original blue fill is inherited. */
.home-gallery .liquid-cta{box-shadow:0 0 0 1px #8ddfff42,0 8px 24px #00a7e41c;transition:transform .25s,background .25s,box-shadow .3s}
.home-gallery .liquid-cta:before{inset:-50% auto -50% -45%;width:23%;background:linear-gradient(90deg,transparent,#ffffff45,transparent);transform:rotate(20deg);animation:none}
.home-gallery .liquid-cta:is(:hover,:focus-visible):before{animation:button-glint .9s ease}
.home-gallery .liquid-cta:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 1px #ffffff55,inset 0 -1px 1px #00709d55}
.home-gallery .liquid-cta:is(:hover,:focus-visible){box-shadow:0 0 0 1px #a6e5ff88,0 10px 30px #00a7e42e}
.home-gallery .liquid-cta:active{transform:translateY(-1px) scale(.98)}
.home-gallery .liquid-cta-rim{position:absolute;inset:0;padding:2px;border-radius:inherit;pointer-events:none;overflow:hidden;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}
.home-gallery .liquid-cta-rim canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
.home-gallery .liquid-cta-ripple{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(circle,transparent 43%,#ffffff45 49%,#ffffff08 55%,transparent 64%);transform:translate(-50%,-50%) scale(0);animation:guiarte-cta-wave .6s ease-out forwards}
@keyframes guiarte-cta-wave{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.home-gallery .liquid-cta,.home-gallery .liquid-cta:active{transform:none;transition:none}.home-gallery .liquid-cta:is(:hover,:focus-visible):before{animation:none}.home-gallery .liquid-cta-ripple{display:none;animation:none}}

/* A narrow trace of light at the outer edges; the hero center stays transparent. */
.home-gallery .liquid-hero .hero-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:none;mask-image:linear-gradient(transparent,#000 18%,#000 72%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 72%,transparent)}
.home-gallery .liquid-hero .hero-atmosphere:before,.home-gallery .liquid-hero .hero-atmosphere:after{content:"";position:absolute;top:8%;bottom:14%;width:clamp(12px,3.5vw,56px);pointer-events:none}
.home-gallery .liquid-hero .hero-atmosphere:before{left:0;background:radial-gradient(ellipse at 0% 45%,#228fc273,transparent 76%)}
.home-gallery .liquid-hero .hero-atmosphere:after{right:0;background:radial-gradient(ellipse at 100% 55%,#b2d9e65c,transparent 76%)}
