/* Guiarte's own frosted-glass finish, informed by the Liquid Glass reference.
   Native links, filter state, photos, and the original primary CTA stay intact. */
.home-gallery .home-hub>.ambient-surface{--surface-tone:87,187,241;opacity:.58;background:radial-gradient(ellipse at 12% 68%,#07577b99,transparent 54%),radial-gradient(ellipse at 85% 74%,#19577b88,transparent 50%)}
.home-gallery .home-hub .portal-card{background:radial-gradient(ellipse at var(--gx,25%) var(--gy,0%),#c5edff16,transparent 62%),linear-gradient(145deg,#a5d9ff12,transparent 52%,#94d9ff0a),#102331;border-color:#bde7ff35;box-shadow:inset 0 1px 0 #e1f4ff24,inset 0 -1px 0 #03121b88,0 16px 36px #0003;transition:border-color .3s,box-shadow .3s,transform .45s cubic-bezier(.2,.7,.2,1)}
.home-gallery .home-hub .portal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;pointer-events:none;z-index:2;background:linear-gradient(135deg,#e0f6ff66,#b4e5ff0d 35%,#71bfe52b 65%,#e6f8ff45) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}
.home-gallery .home-hub .portal-card:is(:hover,:focus-visible){border-color:#b5e6ff80;box-shadow:inset 0 1px 0 #effaff40,inset 0 -1px 0 #03121b88,0 18px 40px #0004,0 0 24px #4db9eb14}
.home-gallery .home-hub .portal-copy>span{color:#b6cbd9}
.home-gallery .home-hub .portal-copy p{color:#d0dfeb}
body[data-page=proyectos] .project-filters button,body[data-page=proyectos] .project-client select{min-height:44px;border:1px solid #a9daff42;background:linear-gradient(145deg,#afdfff14,transparent 65%),#122c3e;color:#d7e8f2;box-shadow:inset 0 1px 0 #e8f6ff24,inset 0 -1px 0 #03121b66,0 5px 15px #0002;transition:background .2s,border-color .2s,box-shadow .2s}
body[data-page=proyectos] .project-filters button{font-size:12px}
body[data-page=proyectos] .project-filters button:hover{border-color:#c8eeff99;color:#f5fbff;box-shadow:inset 0 1px 0 #e8f6ff40,0 5px 18px #0003}
body[data-page=proyectos] .project-filters button[aria-pressed=true]{background:linear-gradient(145deg,#b8ebff3b,transparent 70%),#075c7d;border-color:#a3e2ffd6;color:#f5fbff;box-shadow:inset 0 1px 0 #e9faff70,inset 0 -1px 0 #06364d66,0 0 0 1px #53bded18,0 6px 18px #009cdb21}
body[data-page=proyectos] .project-filters button:active{box-shadow:inset 0 2px 6px #00121e55}
body[data-page=proyectos] .project-client select option{background:#102331;color:#edf7ff}
body[data-page=proyectos] .project-client{color:#bacfdd}
/* Solid finishes above are the fallback when backdrop blur is unavailable. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .home-gallery .home-hub .portal-card{background:radial-gradient(ellipse at var(--gx,25%) var(--gy,0%),#c5edff20,transparent 62%),linear-gradient(145deg,#a5d9ff18,transparent 52%,#94d9ff0a),#10233178;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}
 body[data-page=proyectos] .project-filters button,body[data-page=proyectos] .project-client select{background:linear-gradient(145deg,#afdfff20,transparent 65%),#122c3eb8;backdrop-filter:blur(12px) saturate(135%);-webkit-backdrop-filter:blur(12px) saturate(135%)}
 body[data-page=proyectos] .project-filters button[aria-pressed=true]{background:linear-gradient(145deg,#b8ebff45,transparent 70%),#075c7dbd}
}
@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){.home-gallery .home-hub .portal-card:before{display:none}}
@media(max-width:680px){.home-gallery .home-hub .portal-card{backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%)}body[data-page=proyectos] .project-filters button,body[data-page=proyectos] .project-client select{backdrop-filter:blur(8px) saturate(125%);-webkit-backdrop-filter:blur(8px) saturate(125%)}}
@media(prefers-reduced-motion:reduce){.home-gallery .home-hub .portal-card,body[data-page=proyectos] .project-filters button,body[data-page=proyectos] .project-client select{transition:none}}
@media(prefers-reduced-transparency:reduce){.home-gallery .home-hub .portal-card{background:#102331;backdrop-filter:none;-webkit-backdrop-filter:none}body[data-page=proyectos] .project-filters button,body[data-page=proyectos] .project-client select{background:#122c3e;backdrop-filter:none;-webkit-backdrop-filter:none}body[data-page=proyectos] .project-filters button[aria-pressed=true]{background:#075c7d}}
@media(forced-colors:active){.home-gallery .home-hub .portal-card:before{display:none}body[data-page=proyectos] .project-filters button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-4px}}

/* Keep the native client chooser readable on small touch screens. */
@media(max-width:680px){body[data-page=proyectos] .project-client select{font-size:16px}}

/* Pale frosted glass for the home POP card; its existing grid and CTA stay intact. */
.home-gallery[data-page=inicio] .catalog-callout{background:#e7eff4;border:1px solid #e8f8ffb3;box-shadow:inset 0 1px 0 #fff,0 20px 55px #00000024,0 2px 8px #8ed7ff0d}
.home-gallery[data-page=inicio] .catalog-callout>.ambient-surface{z-index:-2;opacity:1;mask-image:none;-webkit-mask-image:none;background:radial-gradient(ellipse at 96% 95%,#429acb99,transparent 55%),radial-gradient(ellipse at 4% 0%,#fff,transparent 60%);--surface-tone:105,177,216}
.home-gallery[data-page=inicio] .catalog-callout>.ambient-surface i{animation:none;transform:none;opacity:.3}
.home-gallery[data-page=inicio] .catalog-callout:before{display:block;content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffffb8,#ffffff80 47%,#f0f8ff99);box-shadow:inset 0 1px 0 #ffffffed,inset 1px 0 0 #ffffff99,inset 0 -1px 0 #b2d4e566}
.home-gallery[data-page=inicio] .catalog-callout:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid #ffffff4d;background:linear-gradient(115deg,#fff3,transparent 33%,transparent 72%,#d8f0ff1a);z-index:1}
.home-gallery[data-page=inicio] .catalog-callout>.catalog-copy,.home-gallery[data-page=inicio] .catalog-callout>.catalog-visual{position:relative;z-index:2}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .home-gallery[data-page=inicio] .catalog-callout{background:#dce9f1b8}
 .home-gallery[data-page=inicio] .catalog-callout:before{background:linear-gradient(135deg,#ffffffd6,#f6faffb8 48%,#eaf6ffb8);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
}
@media(max-width:680px){.home-gallery[data-page=inicio] .catalog-callout:before{backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%)}}
@media(prefers-reduced-transparency:reduce){
 .home-gallery[data-page=inicio] .catalog-callout{background:#f0f4f7}
 .home-gallery[data-page=inicio] .catalog-callout>.ambient-surface{display:none}
 .home-gallery[data-page=inicio] .catalog-callout:before{background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .home-gallery[data-page=inicio] .catalog-callout:after{display:none}
}
@media(forced-colors:active){.home-gallery[data-page=inicio] .catalog-callout{background:Canvas;border:1px solid CanvasText;box-shadow:none}.home-gallery[data-page=inicio] .catalog-callout>.ambient-surface,.home-gallery[data-page=inicio] .catalog-callout:before,.home-gallery[data-page=inicio] .catalog-callout:after{display:none}}