/* reflejos / espejo */
.reflection{position:absolute;left:0;right:0;bottom:0;height:58%;transform:scaleY(-1);overflow:hidden;pointer-events:none;opacity:.7}
.reflection .ref-range{position:absolute;bottom:40%;height:20%;width:34%;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.6));clip-path:polygon(0 100%,8% 18%,20% 34%,36% 12%,56% 38%,72% 6%,100% 100%);filter:blur(8px);opacity:.4}
.reflection .r1{left:-6%}
.reflection .r2{left:28%;opacity:.35}
.reflection .r3{left:56%;opacity:.3}
.ref-sun{position:absolute;left:50%;top:18%;width:120px;height:120px;margin-left:-60px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(255,211,107,.9));filter:blur(14px);opacity:.4}
.ref-isl{position:absolute;width:120px;height:90px;background:linear-gradient(180deg,rgba(200,167,139,.85),rgba(188,165,140,.6));border-radius:28px;filter:blur(8px);opacity:.4}
.ref-1{left:22%;bottom:12%}
.ref-2{right:18%;bottom:8%;transform:scale(.92)}
.isl-1:hover ~ .reflection .ref-1, .isl-2:hover ~ .reflection .ref-2{opacity:.65;transform:translateY(4px);transition:all .3s ease}