header{position:fixed;top:15px;left:100px;right:100px;z-index:1000;background-color:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:15px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.header-content{max-width:1400px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;text-decoration:none}.logo img{height:32px;width:auto;max-width:300px}.desktop-menu{display:flex}.desktop-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:2rem;align-items:center}.desktop-menu button{background:none;border:none;color:#333;font-weight:500;font-size:.95rem;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease}.desktop-menu button:hover{color:#1a73e8;background-color:#1a73e81a}.desktop-menu button.active{color:#1a73e8;font-weight:600;background-color:#1a73e826}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .3s ease;position:relative;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center}.hamburger-menu:hover{background-color:#0000000d}.hamburger-menu:before,.hamburger-menu:after,.hamburger-menu span{content:"";display:block;width:20px;height:2px;background-color:#333;border-radius:1px;transition:all .3s ease}.hamburger-menu:before{transform:translateY(-6px)}.hamburger-menu:after{transform:translateY(6px)}.hamburger-menu span{margin:2px 0}.hamburger-menu.open:before{transform:rotate(45deg) translate(2px,4px)}.hamburger-menu.open:after{transform:rotate(-45deg) translate(2px,-4px)}.hamburger-menu.open span{opacity:0}.mobile-menu{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background-color:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:15px;box-shadow:0 4px 20px #0000001a;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu.open{display:block}.mobile-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mobile-menu li{border-bottom:1px solid rgba(0,0,0,.05)}.mobile-menu li:last-child{border-bottom:none}.mobile-menu button{background:none;border:none;color:#333;font-weight:500;font-size:.95rem;cursor:pointer;padding:16px 20px;width:100%;text-align:left;transition:all .3s ease}.mobile-menu button:hover{color:#1a73e8;background-color:#1a73e81a}@media (max-width: 768px){header{top:10px;left:10px;right:10px}.header-content{padding:10px 16px}.logo img{height:32px}.desktop-menu{display:none}.hamburger-menu{display:flex}}@media (max-width: 480px){header{top:8px;left:8px;right:8px}.header-content{padding:8px 12px}.logo img{height:28px;max-width:160px}}@media (max-width: 320px){.hero{min-height:100vh;padding:70px 8px 8px}.hero-content{padding:0 8px}.hero-tag{font-size:10px;padding:4px 8px;margin-bottom:12px}.hero-content h1{font-size:2.2rem;margin-bottom:8px;line-height:1.2}.hero-content p{font-size:1.1rem;margin:8px 0 18px;line-height:1.3}.hero-buttons{gap:10px;margin-top:20px}.cta-button,.know-more-button{width:100%;max-width:280px;padding:14px 20px;font-size:.95rem;min-width:120px}}html{scroll-behavior:smooth}body{padding-top:80px}@media (max-width: 768px){body{padding-top:70px}}.hero{min-height:80vh;background:linear-gradient(135deg,#ffeb3b,#2196f3);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box}.hero-content{max-width:1200px;width:100%;padding:0 20px;box-sizing:border-box}.hero-tag{display:inline-block;background:transparent;color:#fff;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;box-shadow:0 4px 8px #0000001a;position:relative;border:2px solid transparent}.hero-content h1{font-size:5rem;margin:0 0 20px;line-height:1.1;font-weight:700}.hero-content p{font-size:1.8rem;line-height:1.4;max-width:800px;margin:10px auto 30px}.hero-buttons{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px}.cta-button{background-color:#ffeb3b;color:#333;border:none;padding:15px 30px;font-size:1rem;font-weight:600;border-radius:15px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;gap:8px;min-width:160px;justify-content:center}.cta-button:hover{background-color:#fdd835;box-shadow:0 4px 15px #0003}.know-more-button{color:#333;background-color:transparent;border:2px solid #333;padding:15px 30px;font-size:1rem;font-weight:600;border-radius:15px;cursor:pointer;transition:all .3s ease;min-width:160px}.know-more-button:hover{border-color:#fff;background-color:#fff;color:#333;box-shadow:0 4px 15px #0003}@media (max-width: 768px){.hero{min-height:80vh;padding:15px}.hero-content{padding:0 15px}.hero-content h1{font-size:3.5rem;margin-bottom:15px}.hero-content p{font-size:1.4rem;margin:15px 0 25px}.hero-buttons{flex-direction:column;gap:15px;width:100%}.cta-button,.know-more-button{width:100%;max-width:300px;padding:18px 30px;font-size:1.1rem}}@media (max-width: 480px){.hero{min-height:85vh;padding:10px}.hero-content{padding:0 10px}.hero-content h1{font-size:2.8rem;margin-bottom:10px}.hero-content p{font-size:1.2rem;margin:10px 0 20px}.hero-buttons{gap:12px}.cta-button,.know-more-button{padding:16px 25px;font-size:1rem;min-width:140px}}.features-section{padding:80px 0;background:white;position:relative;overflow:hidden}.container{max-width:1400px;margin:0 auto;padding:0 24px}.feature-row{display:flex;justify-content:center;align-items:center;gap:100px;margin-bottom:120px;min-height:500px}.feature-row:last-child{margin-bottom:0}.feature-row.reverse{flex-direction:row-reverse}.feature-content{flex:1;max-width:560px}.feature-tag{display:inline-block;background:linear-gradient(to right,#2196f3,#1976d2);color:#fff;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;box-shadow:0 4px 8px #0000001a}.feature-title{font-size:4rem;font-weight:700;line-height:1.1;color:#1a1a1a;margin-bottom:24px;background:linear-gradient(to right,#2196f3,#1976d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-description{font-size:18px;line-height:1.6;color:#555;margin-bottom:32px;font-weight:400}.feature-points{display:flex;flex-direction:column;gap:16px}.point{display:flex;align-items:center;gap:24px;font-size:16px;color:#1a73e8;font-weight:500;transition:all .3s ease-out}.point i{width:48px;height:48px;min-width:48px;min-height:48px;display:flex;justify-content:center;align-items:center;padding:8px;border-radius:10px;background-color:#f3f7fe}.cta-button{background-color:#ffeb3b;color:#333;border:none;margin:24px 0;padding:15px 30px;font-size:1rem;font-weight:600;border-radius:15px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.cta-button:hover{background-color:#fdd835;transform:scale(1.05)}.app-interface-image{width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:1}.feature-image{flex:1;max-width:800px;position:relative}.image-placeholder{width:100%;padding:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid #8abfe6;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}.image-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(33,150,243,.1) 0%,rgba(25,118,210,.1) 100%);border-radius:8px}@media (max-width: 768px){.features-section{padding:60px 0}.feature-row{flex-direction:column;gap:40px;margin-bottom:80px;text-align:left}.feature-row.reverse{flex-direction:column}.feature-title{font-size:36px}.feature-description{font-size:16px}.image-placeholder{height:300px}.placeholder-icon{font-size:36px}.placeholder-content span{font-size:14px}}@media (max-width: 480px){.container{padding:0 16px}.feature-title{font-size:28px}.feature-description{font-size:15px}.image-placeholder{height:250px}.point{font-size:15px}}.feature-row{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.feature-row:nth-child(2){animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.feature-tag{transform:scale(.9);animation:scaleIn .6s ease-out .3s forwards}@keyframes scaleIn{to{transform:scale(1)}}.point{transition:all .3s ease-out}.point:hover{transform:translate(5px);color:#0d47a1}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(33,150,243,.3),transparent)}.features-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(33,150,243,.3),transparent)}@media (max-width: 768px){.feature-title{font-size:2.5rem}.container{padding:0 16px}}@media (max-width: 480px){.feature-title{font-size:2rem}}.tooltip-container{position:relative;display:inline-block}.tooltip-text{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);background-color:#fff;color:#333;padding:6px 10px;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:100;box-shadow:0 2px 5px #0003;border:1px solid #eee}.tooltip-text:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#fff}@media (max-width: 768px){.tooltip-text{right:auto;left:calc(100% + 10px)}.tooltip-text:before{left:auto;right:100%;border-left-color:transparent;border-right-color:#fff}}.data-containers{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;padding:20px;margin-bottom:1.5rem;align-content:center}.data-card{background:white;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a}.warnings-card{grid-area:warnings;background:#ffffff;border-radius:12px;border-left:4px solid #000000}.warnings-card h3,.sea-card h3,.uv-card h3{margin-bottom:15px;display:flex;justify-content:center;align-items:center;gap:10px}.warning-header{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;width:100%}.warning-text{display:block;margin:.5rem 0;color:#333}.warning-item{margin:1rem;padding:.5rem;background:#f8f9fa;border-radius:6px}.warning-item:last-child{border-bottom:none}.warning-location{font-weight:700;color:#000}.warning-item.warning-yellow{border-left:4px solid #ffd700;background:rgba(255,193,7,.05)}.warning-item.warning-orange{border-left:4px solid #fd7e14;background:rgba(253,126,20,.05)}.warning-item.warning-red{border-left:4px solid #dc3545;background:rgba(220,53,69,.05)}.warning-yellow .warning-type{color:#856404}.warning-orange .warning-type{color:#fd7e14}.warning-red .warning-type{color:#dc3545}.warning-time{display:block;font-size:.9rem;color:#6c757d}.uv-card{grid-area:uv;padding:1.5rem;border-left:4px solid #ffd700}.uv-item{display:flex;justify-content:space-between;margin:.8rem 0;padding:.5rem;background:#f8f9fa;border-radius:6px}.uv-index{font-weight:600;color:#1864ab}.low .uv-index{color:#28a745}.moderate .uv-index{color:#ffc107}.high .uv-index{color:#fd7e14}.very-high .uv-index{color:#dc3545}.extreme .uv-index{color:#9c27b0}.sea-card{grid-area:sea;border-left:4px solid #1864ab;background:#f8f9fa;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.sea-item{display:flex;flex-direction:column;margin:1rem 0;padding:1rem;background:#ffffff;border-radius:8px;box-shadow:0 1px 4px #0000001a}.sea-location{font-weight:700;font-size:1.1rem;color:#1864ab;margin-bottom:.5rem}.sea-details{display:flex;align-items:center;flex-direction:column;gap:.5rem}.sea-temperature{font-size:1rem;color:#333;display:flex;align-items:center;gap:.5rem}.sea-tide{font-size:.95rem;color:#555;display:flex;align-items:center;gap:.5rem}.sea-item i{color:#1864ab;font-size:1.2rem}@media (max-width: 1024px){.data-containers{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;grid-template-areas:"warnings warnings" "sea uv";gap:1.5rem}}@media (max-width: 768px){.data-containers{grid-template-columns:1fr;grid-template-areas:"warnings" "sea" "uv"}}.station-ranking{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;overflow:hidden;opacity:0;transform:translateY(20px);transition:all .4s ease-out;text-align:left;cursor:pointer;user-select:none}.station-ranking.visible{opacity:1;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease,opacity .4s ease}.station-ranking.visible:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000026}.station-ranking:active{transform:scale(.98);box-shadow:0 2px 6px #0000001a}.station-header{display:flex;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff;position:relative}.station-rank{font-size:1.5rem;font-weight:700;margin-right:15px;background:rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.station-header h3{margin:0;font-size:1.1rem;flex-grow:1}.warning{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;margin-left:8px;font-size:1rem}.wind-warning{background-color:#ff9800;color:#fff}.rain-warning{background-color:#3f51b5;color:#fff}.station-details{padding:20px}.metrics-primary{display:flex;justify-content:space-between;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:15px}.metric{text-align:center;flex:1}.metric-value{display:block;font-size:1.8rem;font-weight:700}.metric-value.excellent{color:#4caf50}.metric-value.good{color:#8bc34a}.metric-value.moderate{color:#f57c00}.metric-value.poor{color:#ff5722}.metric-label{font-size:.9rem;color:#666}.metrics-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics-secondary p{margin:5px 0;font-size:.95rem}.metrics-secondary i{width:20px;color:#1a73e8}@media (max-width: 768px){.station-ranking.visible:hover{transform:scale(1.02)}.metrics-secondary{grid-template-columns:1fr}.station-header{padding:10px 15px}.station-details{padding:15px}}.rankings{padding:20px;background-color:#f8f9fa;text-align:center}.rankings-tag{display:inline-block;background:linear-gradient(to right,#2196f3,#1976d2);color:#fff;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;box-shadow:0 4px 8px #0000001a}.rankings-title{font-size:4rem;margin-bottom:20px;background:linear-gradient(to right,#2196f3,#1976d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rankings-header{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto 20px;color:#555;font-style:italic}.rankings-list{display:flex;flex-direction:column;gap:15px;max-width:100%;margin:0 auto}.legend{width:100%;margin:20px auto 0;background:white;padding:15px;border-radius:10px;box-shadow:0 2px 5px #0000001a;text-align:left}.legend h4{margin-top:0;margin-bottom:10px;color:#333}.legend-item{margin-bottom:8px;display:flex;align-items:center;gap:10px}.legend-index{margin-bottom:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comfort-indicator{display:inline-block;padding:2px 8px;border-radius:4px;margin-right:5px;color:#fff;font-size:.8rem}.comfort-indicator.excellent{background-color:#4caf50}.comfort-indicator.good{background-color:#8bc34a}.comfort-indicator.moderate{background-color:#ffeb3b;color:#333}.comfort-indicator.poor{background-color:#ff5722}@media (max-width: 768px){.rankings{padding:15px 10px}.rankings-title{font-size:2.5rem}.rankings-header{flex-direction:column;gap:5px;text-align:center}.legend{padding:12px}.legend-index{justify-content:center}}footer{background-color:#333;color:#fff;padding:20px;text-align:center}.footer-content{display:inline-flex;justify-content:center;align-items:center;flex-direction:row;font-size:1.2rem;margin:24px}.footer-content i{margin:0 10px;display:inline-block}.footer-content .heart{color:red!important;animation:heartbeat 1s infinite!important}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}a:hover{text-decoration:underline!important}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-2450px)}}@keyframes scrollMobile{0%{transform:translate(0)}to{transform:translate(-1400px)}}.rolling-block{background-color:#fff;text-align:center}.slider{background:white;height:110px;margin:auto;overflow:hidden;position:relative;width:100%}.rolling-tag{display:inline-block;background:linear-gradient(to right,#2196f3,#1976d2);color:#fff;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:20px;box-shadow:0 4px 8px #0000001a}.slider:before,.slider:after{background:linear-gradient(to right,white 0%,rgba(255,255,255,0) 100%);content:"";height:200px;position:absolute;width:300px;z-index:2}.slider:after{right:0;top:0;transform:rotate(180deg)}.slider:before{left:0;top:0}.slider .slide-track{animation:scroll 40s linear infinite;display:flex;width:4900px;align-items:center!important;height:100%;transition:all .5s ease-in-out}.slider:hover .slide-track{animation-play-state:paused}.slider .slide{height:100px;width:350px;display:flex;justify-content:center;align-items:center}.slider .slide img{object-fit:cover;max-height:75%;max-width:75%}@media (max-width: 768px){.rolling-block{padding:30px 15px}.rolling-block-header{margin-bottom:25px}.rolling-tag{font-size:12px;padding:6px 12px}.slider{height:80px}.slider:before,.slider:after{width:100px;height:80px}.slider .slide-track{animation:scrollMobile 35s linear infinite;width:2800px}.slider .slide{height:80px;width:200px}.slider .slide img{max-height:60%;max-width:60%}}@media (max-width: 480px){.rolling-block{padding:25px 10px}.rolling-block-header{margin-bottom:20px}.rolling-tag{font-size:11px;padding:5px 10px}.slider{height:70px}.slider:before,.slider:after{width:60px;height:70px}.slider .slide-track{animation:scrollMobile 30s linear infinite;width:2100px}.slider .slide{height:70px;width:150px}.slider .slide img{max-height:100%;max-width:100%}}.map-section{padding:40px 24px 0;text-align:center;background-color:#fff}.map-container{display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding:20px}.map-info{background-color:#f5f5f5;border-radius:10px;padding:20px;min-height:100px;margin-bottom:20px;box-shadow:0 4px 8px #0000001a}.svg-container{position:relative;width:100%;height:510px;padding:20px;background-color:#e6f7ff;border-radius:10px;overflow:hidden}.base-map,.concelhos-map,.interactive-areas{position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);transform:scale(1.05);transform-origin:center center}.base-map path{fill:#8abfe6;stroke:#fff;stroke-width:1}.concelhos-map path{fill:transparent;stroke:#ffffff80;stroke-width:1;transition:stroke .3s ease}.concelhos-map.with-active path{stroke:#ffffff4d}.region-area{transition:all .3s ease-out;cursor:pointer;fill:transparent;stroke:transparent;stroke-width:2}.region-area:hover{fill:#1a73e84d;stroke:#1a73e8}.region-area.active{fill:#1a73e866;stroke:#1a73e8;stroke-width:2;filter:drop-shadow(0px 6px 3px rgba(0,0,0,.3));transform:translateY(-3px) scale(1.02)}.region-area.clicked{fill:#1a73e899;stroke:#0d47a1;stroke-width:3;transform:translateY(-5px) scale(1.05);transition:all .3s ease-out}.map-section h2{text-align:center;font-size:4rem;margin-bottom:20px;background:linear-gradient(to right,#2196f3,#1976d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.region-tooltip{padding:8px 12px;font-size:14px;pointer-events:none;text-align:center;border-radius:8px}.tooltip-content strong{display:block;margin-bottom:4px;font-size:16px;color:#1a73e8}.tooltip-beaches{font-size:14px;color:#1a73e8;margin:0}.tooltip-description{font-size:12px;color:#555;margin:0}@keyframes drawLine{to{stroke-dashoffset:0}}@media (max-width: 768px){.map-section{padding:30px 15px 0}.map-section h2{font-size:2.5rem;margin-bottom:15px}.map-container{padding:15px}.svg-container{height:300px;padding:20px}.base-map,.concelhos-map,.interactive-areas{top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);transform:scale(1.05)}.region-area{stroke-width:3;stroke:#1a73e81a}.region-area:hover{fill:#1a73e866;stroke:#1a73e8;stroke-width:3}.region-area.active{stroke-width:4;transform:translateY(-2px) scale(1.03)}.region-area.clicked{stroke-width:5;transform:translateY(-3px) scale(1.06)}.region-tooltip{padding:6px 10px;font-size:12px}.tooltip-content strong{font-size:16px}.tooltip-beaches{font-size:12px}.tooltip-description{font-size:11px}}@media (max-width: 480px){.map-section{padding:20px 10px 0}.map-section h2{font-size:2rem;margin-bottom:10px}.map-container{padding:10px}.svg-container{height:200px;padding:10px}.base-map,.concelhos-map,.interactive-areas{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);transform:scale(1.05)}.region-area{stroke-width:4;stroke:#1a73e826}.region-area:hover{stroke-width:5}.region-area.active{stroke-width:6;transform:translateY(-2px) scale(1.04)}.region-area.clicked{stroke-width:7;transform:translateY(-3px) scale(1.08)}.region-tooltip{padding:5px 8px;font-size:11px}.tooltip-content strong{font-size:13px}.tooltip-beaches{font-size:11px}.tooltip-description{font-size:10px}}#rankings-container{padding:50px 20px;background-color:#f8f9fa;text-align:center}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}.error-message{text-align:center;padding:2rem;color:#d32f2f;max-width:800px;margin:0 auto}.error-message i{font-size:3rem;margin-bottom:1rem}.error-message .cta-button{margin-top:1rem;background-color:#1a73e8;color:#fff}.content-wrapper{display:flex;gap:20px;max-width:1400px;margin:0 auto;padding:0 20px}.rankings-wrapper{flex:5}.data-wrapper{flex:2}.rankings-empty-state{display:flex;justify-content:center;padding:1rem 0}.placeholder-card{background:linear-gradient(135deg,#f5f7fa,#e4e5e6);border-radius:15px;padding:2rem;box-shadow:0 10px 15px -3px #0000001a;text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:1rem;color:#6c63ff;animation:pulse 3s infinite}.placeholder-card h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.placeholder-card p{color:#666;line-height:1.6;margin-bottom:.5rem}.placeholder-timestamp{font-size:.8rem;color:#999;margin-top:1.5rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-width: 1024px){.content-wrapper{flex-direction:column}.rankings-wrapper,.data-wrapper{width:100%}}.carousel-section{background-color:#fff}.beach-carousel-container{position:relative;overflow:hidden;padding:24px;background-color:#fff;margin:0 auto}.beach-carousel-container:before,.beach-carousel-container:after{content:"";position:absolute;top:0;bottom:0;width:75px;z-index:5;pointer-events:none}.beach-carousel-container:before{left:0;background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0))}.beach-carousel-container:after{right:0;background:linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0))}.carousel-concelho-title{text-align:center;margin-bottom:24px;color:#1976d2;font-size:28px;font-weight:600}.carousel-navigation{display:flex;align-items:center;justify-content:space-between;position:relative}.carousel-arrow{position:absolute;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background-color:#fff;border:1px solid rgba(0,0,0,.3);cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 8px #0000000d}.carousel-arrow.prev{left:calc((100% - 90vw)/2)}.carousel-arrow.next{right:calc((100% - 90vw)/2)}.carousel-arrow:hover{background-color:#f5f5f5;transform:scale(1.05);box-shadow:0 6px 12px #0000001a}.carousel-arrow.disabled{opacity:.3;cursor:not-allowed;transform:scale(1);box-shadow:none}.beach-carousel-track-container{width:90vw;margin:0 auto;overflow:visible;position:relative;height:auto;min-height:500px}.beach-carousel-track{display:flex;gap:32px;transition:transform .5s cubic-bezier(.2,0,.2,1);width:auto;height:100%;margin-left:400px}.beach-carousel-item{min-width:60%;height:auto;border-radius:20px;overflow:hidden;background-color:#f9f9f9;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.1)}.beach-image{height:300px;overflow:hidden;position:relative}.beach-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.beach-carousel-item:hover .beach-image img{transform:scale(1.05)}.beach-content{flex:1;padding:20px;display:flex;flex-direction:column}.beach-header{display:flex;align-items:center;margin-bottom:16px}.beach-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:50%;margin-right:16px;flex-shrink:0}.beach-details i{color:#1a73e8;padding:4px;font-size:16px}.beach-details strong{color:#1a73e8;padding-right:4px;font-size:16px}.beach-title-container{flex:1}.beach-title{font-size:24px;font-weight:600;color:#1976d2;margin:0}.beach-type{font-size:14px;color:#666;margin-top:4px}.beach-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.beach-detail{display:flex;align-items:center;background-color:#f0f0f0;padding:6px 12px;border-radius:16px;font-size:14px}.detail-icon{margin-right:6px}.beach-description{padding:16px;font-size:16px;line-height:1.5;color:#333;flex:1}.carousel-dots{display:flex;justify-content:center;margin-top:24px}.carousel-dot{width:10px;height:10px;border-radius:50%;background-color:#0003;margin:0 5px;cursor:pointer;transition:all .2s ease}.carousel-dot.active{background-color:#0009;transform:scale(1.2)}.carousel-dot:hover{transform:scale(1.1);background-color:#0006}.no-beaches{padding:40px;text-align:center;font-size:18px;color:#666}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:#f4f4f4;color:#333;min-height:100vh}*{box-sizing:border-box}body,#root{min-width:320px;width:100%;margin:0;padding:0}h1,h2,h3,h4,p{margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;padding:0;font:inherit}ul,ol{list-style:none;padding:0;margin:0}