/* 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}}