@import "tailwindcss";

:root{--navy:#113b43;--teal:#167f7b;--aqua:#86d5ca;--sand:#f5ecdd;--cream:#fbf7ef;--coral:#ef795f;--ink:#19383c;--muted:#698084}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:900;letter-spacing:.12em;text-decoration:none;line-height:.8}.brand small{display:block;font-size:7px;letter-spacing:.25em;margin-top:7px}.brand-mark{background:var(--coral);color:white;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:19px}.nav nav{display:flex;gap:36px}.nav nav a,.nav-cta{font-size:14px;color:var(--ink);text-decoration:none}.nav-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:5px;font-weight:700}.nav-cta span{margin-left:16px}.hero{min-height:635px;background:var(--sand);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:635px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--teal);font-weight:800;margin:0 0 18px}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:70px;line-height:.98;letter-spacing:-.04em;margin:0;color:var(--navy)}.hero h1 em{color:var(--coral);font-weight:400}.lead{max-width:550px;font-family:Georgia,serif;font-size:19px;line-height:1.6;color:#587175}.search-card{background:#fff;padding:18px 20px 16px;margin-top:32px;max-width:570px;box-shadow:0 16px 40px #23403a18;border-radius:5px}.search-card label{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;margin-bottom:11px}.search-row{display:flex;align-items:center;gap:12px}.search-row span{color:var(--coral);font-size:21px}.search-row input{border:0;outline:0;flex:1;color:var(--ink);min-width:0}.search-row a{background:var(--coral);color:white;text-decoration:none;font-weight:700;padding:13px 25px;border-radius:4px}.trust{display:flex;gap:22px;font-size:11px;color:#667d7d;margin-top:20px}.trust span::first-letter{color:var(--teal)}.hero-art{height:540px;align-self:end;position:relative;border-radius:260px 260px 0 0;background:linear-gradient(#fadca6 0 24%,#92d8cf 24% 59%,#daf0e2 59% 100%);overflow:hidden;margin-left:30px}.sun{position:absolute;width:130px;height:130px;background:#f59a6e;border-radius:50%;top:65px;left:50%;transform:translateX(-50%)}.cliff{position:absolute;background:var(--navy);bottom:38%;z-index:1}.cliff.left{left:-10%;width:45%;height:31%;border-radius:100% 75% 20% 0;transform:rotate(7deg)}.cliff.right{right:-12%;width:42%;height:27%;border-radius:80% 100% 0 40%;transform:rotate(-8deg)}.sea-lines{position:absolute;inset:42% 0 0;background:repeating-linear-gradient(175deg,transparent 0 23px,#ffffff65 24px 26px)}.parasol{position:absolute;bottom:90px;left:54%;width:150px;height:75px;border-radius:150px 150px 8px 8px;background:repeating-linear-gradient(90deg,#f2775e 0 38px,#fbefd9 39px 75px);z-index:2}.parasol i{position:absolute;width:5px;height:115px;background:var(--navy);left:72px;top:62px}.lounger{position:absolute;width:110px;height:15px;background:var(--navy);bottom:49px;left:39%;transform:skew(-25deg);z-index:3;border-radius:4px}.weather{position:absolute;z-index:4;right:24px;bottom:22px;background:#fff;padding:13px 16px;display:flex;gap:10px;align-items:center;box-shadow:0 8px 30px #24403f24}.weather b{font:28px Georgia}.weather span{font-size:11px;line-height:1.4}.weather small{color:#718385}.beaches{padding:100px 0 110px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,.how h2,.rules h2,.faq h2,.contact h2{font:42px/1.1 Georgia,serif;margin:0;color:var(--navy)}.section-head>p{color:var(--muted);font-size:13px}.filter-chips{display:flex;gap:8px;margin:36px 0 25px;overflow:auto;padding-bottom:4px}.filter-chips button{border:1px solid #d9d6ca;background:transparent;padding:9px 16px;border-radius:20px;color:#657679;white-space:nowrap;cursor:pointer}.filter-chips button.active,.filter-chips button:hover{background:var(--navy);color:#fff}.beach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.beach-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 3px 20px #163f3610;transition:.2s;cursor:pointer}.beach-card:hover,.beach-card.selected{transform:translateY(-5px);box-shadow:0 16px 35px #163f3622}.beach-image{height:195px;position:relative;overflow:hidden}.beach-image:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 45%,#177b78 46% 64%,#e7d6b8 65%)}.beach-image:after{content:"";position:absolute;width:180px;height:90px;background:var(--navy);border-radius:80% 50% 0 0;left:-40px;bottom:37px;transform:rotate(12deg)}.formentor{background:#a8dcd4}.illetes{background:#7ec8ca}.illetes:after{left:auto;right:-40px;background:#2b665e}.bolonia{background:#d5c997}.bolonia:after{background:#6a744c}.calella{background:#b9d8cc}.calella:after{background:#715347}.place-tag,.status{position:absolute;z-index:2;background:#ffffffdf;padding:7px 9px;border-radius:3px;font-size:9px;top:12px}.place-tag{left:12px}.status{right:12px;color:#16775e;font-weight:800}.status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#2eb17e;margin-right:5px}.status.last{color:#a46e16}.status.last:before{background:#eea634}.status.full{color:#7c7770}.status.full:before{background:#aaa}.beach-body{padding:20px}.area{font-size:9px;letter-spacing:.17em;color:var(--teal);font-weight:800;margin:0 0 7px}.beach-body h3{font:22px Georgia,serif;margin:0;color:var(--navy)}.location{font-size:11px;color:#7d8a8a;margin:9px 0 18px}.card-details{display:grid;grid-template-columns:1fr 1.3fr;border-top:1px solid #eee8dc;border-bottom:1px solid #eee8dc;padding:13px 0;gap:10px}.card-details span{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap}.card-details span+span{border-left:1px solid #eee8dc;padding-left:12px}.card-details small{font-size:8px;letter-spacing:.1em;color:#829092}.card-details b{font-size:17px;color:var(--navy)}.card-details span:last-child b{font-size:11px}.availability{font-size:10px;display:flex;align-items:center;gap:7px;padding:13px 0}.availability i{width:7px;height:7px;background:#31b17c;border-radius:50%}.beach-body button,.contact button{border:0;background:var(--navy);color:white;width:100%;padding:13px;text-align:left;font-weight:700;border-radius:3px;cursor:pointer}.beach-body button span,.contact button{float:right}.beach-body button:disabled{background:#a8afaa;cursor:not-allowed}.no-results{text-align:center;padding:50px;color:var(--muted)}.how{background:var(--navy);color:white;padding:95px 0}.how .eyebrow{color:var(--aqua);text-align:center}.how h2{text-align:center;color:white}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}.steps>div{text-align:center;padding:10px 60px;position:relative}.steps>div+div{border-left:1px solid #ffffff1e}.steps b{position:absolute;top:-10px;left:35px;font:48px Georgia;color:#ffffff0f}.steps span{font-size:30px;color:#f5b278}.steps h3{font:21px Georgia}.steps p{font-size:13px;line-height:1.7;color:#b8cecf}.rules{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding:100px 0}.rule-list p{display:grid;grid-template-columns:46px 1fr;column-gap:15px;padding:18px 0;border-bottom:1px solid #dedbd1;margin:0}.rule-list span{grid-row:1/3;width:46px;height:46px;border-radius:50%;background:#dbeee9;display:grid;place-items:center;color:var(--teal)}.rule-list b{font:18px Georgia}.rule-list small{color:var(--muted);line-height:1.5;margin-top:5px}.faq{background:#e5eee9;padding:95px 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.faq-grid>div:first-child>p:not(.eyebrow){color:var(--muted);line-height:1.6}.faq-grid a{color:var(--coral);font-weight:700}.accordions details{border-top:1px solid #bdcbc7;padding:19px 0}.accordions details:last-child{border-bottom:1px solid #bdcbc7}.accordions summary{cursor:pointer;list-style:none;font:18px Georgia;display:flex;justify-content:space-between}.accordions summary::-webkit-details-marker{display:none}.accordions summary span{font:24px Arial;color:var(--teal)}.accordions details p{color:var(--muted);font-size:13px;line-height:1.6;padding-right:35px}.contact{margin:85px auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#f2d4bd;padding:50px;border-radius:6px}.contact p:not(.eyebrow){color:#6a7775}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.contact input{border:0;background:#fff;padding:15px;outline-color:var(--teal)}.contact button{grid-column:1/3;text-align:center;float:none;background:var(--coral)}footer{background:#0e333a;color:#b5c9c9;padding:55px 0 30px}footer .shell{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}footer .brand{color:#fff}footer p{font:17px Georgia}footer div div{display:flex;gap:25px}footer a{color:#c6d5d4;text-decoration:none;font-size:12px}footer small{grid-column:1/4;font-size:9px;border-top:1px solid #ffffff1a;padding-top:24px;color:#799497}

@media(max-width:900px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero h1{font-size:57px}.hero-art{height:430px;margin:45px 0 0}.beach-grid{grid-template-columns:repeat(2,1fr)}.rules,.faq-grid{gap:45px}.steps>div{padding:10px 25px}.contact{gap:30px}footer .shell{grid-template-columns:1fr auto}footer p{display:none}footer small{grid-column:1/3}}
@media(max-width:620px){.shell{width:min(100% - 28px,1160px)}.nav{height:68px}.nav-cta{font-size:12px;padding:10px 13px}.hero{padding-top:40px}.hero-grid{min-height:auto}.hero h1{font-size:46px}.lead{font-size:16px}.search-card{padding:15px}.search-row a{padding:12px 15px}.trust{display:grid;gap:7px}.hero-art{height:340px;border-radius:170px 170px 0 0}.weather{right:10px}.beaches{padding:70px 0}.section-head{display:block}.section-head h2,.how h2,.rules h2,.faq h2,.contact h2{font-size:34px}.section-head>p{margin-top:14px}.beach-grid{grid-template-columns:1fr}.beach-image{height:225px}.steps{grid-template-columns:1fr}.steps>div{padding:28px 30px}.steps>div+div{border-left:0;border-top:1px solid #ffffff1e}.rules,.faq-grid,.contact{grid-template-columns:1fr}.rules{gap:35px;padding:75px 0}.faq-grid{gap:45px}.contact{margin:50px auto;padding:30px 22px}.contact form{grid-template-columns:1fr}.contact button{grid-column:auto}.contact input{width:100%}footer .shell{grid-template-columns:1fr}footer div div{margin-top:10px}footer small{grid-column:1}.parasol{transform:scale(.8);transform-origin:bottom}.sun{width:100px;height:100px}}

.hero-button{display:inline-flex;gap:30px;background:var(--coral);color:#fff;text-decoration:none;font-weight:700;padding:15px 21px;border-radius:4px;margin:18px 0 8px}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:42px}.portal-card{display:grid;grid-template-columns:.86fr 1.14fr;background:#fff;min-height:280px;box-shadow:0 8px 30px #163f3612;transition:.2s}.portal-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #163f3624}.portal-photo{position:relative;overflow:hidden;background:linear-gradient(160deg,#aadfd6 0 48%,#16817c 49% 67%,#ead8b8 68%)}.portal-photo:after{content:"";position:absolute;width:190px;height:100px;background:#17494b;border-radius:80% 50% 0 0;left:-35px;bottom:52px;transform:rotate(10deg)}.portal-photo.banus{background:linear-gradient(155deg,#f4d39b 0 42%,#5fbcb6 43% 68%,#efe0c6 69%)}.portal-photo.faro{background:linear-gradient(170deg,#91d2cc 0 50%,#13716f 51% 70%,#e8d2ab 71%)}.portal-photo.canas{background:linear-gradient(150deg,#c7ded0 0 45%,#58b7b0 46% 69%,#e9d5b5 70%)}.portal-photo span{position:absolute;z-index:2;top:18px;left:18px;font:36px Georgia;color:#fff}.portal-photo i{position:absolute;z-index:2;bottom:18px;left:18px;color:#fff;font-size:8px;letter-spacing:.16em}.portal-body{padding:34px;display:flex;flex-direction:column;align-items:flex-start}.portal-body>small{color:var(--coral);letter-spacing:.18em;font-weight:800}.portal-body h3{font:29px Georgia;color:var(--navy);margin:10px 0}.portal-body p{color:var(--muted);font-size:13px;line-height:1.6}.portal-body a{margin-top:auto;background:var(--navy);color:#fff;text-decoration:none;padding:13px 17px;border-radius:3px;font-weight:700;width:100%}.portal-body a span{float:right}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:70px 0;gap:25px}.info-strip>div{display:flex;align-items:center;gap:15px}.info-strip>div>span{width:48px;height:48px;display:grid;place-items:center;background:#dceee9;border-radius:50%;color:var(--teal);font-size:20px}.info-strip p{display:grid;gap:5px}.info-strip small{color:var(--muted)}.company{display:grid;gap:12px;align-content:center;background:#fff;padding:28px}.company a{color:var(--coral);font-weight:700}.company span,.company small{color:var(--muted);line-height:1.5}.legal-hero{background:var(--navy);color:white;padding:75px 0}.legal-hero h1{font:52px/1.05 Georgia;margin:0}.legal-hero p:last-child{color:#a9c1c1}.legal-content{max-width:820px;padding:75px 0}.legal-content section{padding:25px 0;border-bottom:1px solid #dedbd1}.legal-content h2{font:25px Georgia;color:var(--navy);margin:0 0 12px}.legal-content p{line-height:1.75;color:#536d70;margin:0}.legal-content a{color:var(--teal)}
@media(max-width:900px){.portal-grid{grid-template-columns:1fr}.portal-card{min-height:250px}}
@media(max-width:620px){.portal-grid{grid-template-columns:1fr}.portal-card{grid-template-columns:1fr}.portal-photo{height:190px}.info-strip{grid-template-columns:1fr;padding:50px 0}.hero.portal{padding-top:38px}.legal-hero h1{font-size:39px}}
.legal-content ul{margin:12px 0;padding-left:22px}.legal-content li{margin:6px 0}
.logo-link{display:flex;align-items:center;height:70px;text-decoration:none}.logo-full{width:190px;height:64px;object-fit:contain}.logo-mobile{display:none;width:42px;height:42px;object-fit:contain}.footer-logo{display:flex;align-items:center;gap:11px;color:#fff!important;font-family:Georgia,serif;font-size:14px;letter-spacing:.08em}.footer-logo img{width:46px;height:46px;object-fit:contain}.footer-logo small{display:block;border:0;padding:4px 0 0;letter-spacing:.24em;color:#d6c46d}
@media(max-width:620px){.logo-full{display:none}.logo-mobile{display:block}.logo-link{height:52px}}
.company .whatsapp{display:flex;align-items:center;gap:9px;background:#187f69;color:#fff;padding:14px 17px;border-radius:4px;text-decoration:none;width:max-content;max-width:100%}.company .whatsapp span{font-size:20px}
.whatsapp-only{display:flex;align-items:center;justify-content:center}.coming-button{margin-top:auto;background:#d9d5ca;color:#6c7472;padding:13px 17px;border-radius:3px;font-weight:700;width:100%}.coming-button span{float:right}.portal-card.coming{box-shadow:none;border:1px solid #ddd8cc}.portal-card.coming .portal-photo{filter:saturate(.45)}.footer-logo.original img{width:190px;height:72px;filter:invert(1);object-fit:contain}.footer-logo.original{display:block}
.hero-art.card-art{background-size:cover;background-position:72% center;border-radius:260px 260px 18px 18px;box-shadow:0 24px 60px #123b4328;border:6px solid #fff9ef}.hero-art.card-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fbf4e3 0 4%,transparent 26%);pointer-events:none}.hero-badge{position:absolute;left:24px;bottom:24px;background:#fff9ef;padding:14px 18px;border-left:4px solid var(--coral);display:grid;z-index:2;box-shadow:0 10px 25px #123b4325}.hero-badge b{font:22px Georgia;color:var(--navy)}.hero-badge span{font-size:10px;letter-spacing:.12em;color:var(--teal);margin-top:3px}
@media(max-width:620px){.hero-art.card-art{background-position:73% center;border-radius:170px 170px 12px 12px}.hero-badge{left:14px;bottom:14px}}
@media(max-width:620px){.logo-full{display:block;width:132px;height:48px}.logo-mobile{display:none}.logo-link{height:52px}footer .shell{display:flex;flex-direction:column;align-items:center;text-align:center}footer .footer-logo{margin:0 auto}footer .footer-logo.original img{width:180px}footer div div{justify-content:center;flex-wrap:wrap;margin:10px auto 0}footer small{width:100%;text-align:center}}
.poster-hero{min-height:680px;background-size:cover;background-position:center right;padding:0;position:relative}.hero-poster{min-height:680px;display:flex;align-items:stretch}.poster-hero .hero-copy{width:58%;max-width:none;background:#fbf4e8;border-radius:0 52% 52% 0;padding:100px max(60px,calc((100vw - 1160px)/2 + 10px));padding-right:10%;display:flex;flex-direction:column;justify-content:center;position:relative;box-shadow:14px 0 0 var(--coral)}.poster-hero .hero-copy:after{content:"";position:absolute;width:95px;height:4px;background:var(--coral);left:max(60px,calc((100vw - 1160px)/2 + 10px));bottom:78px}.poster-hero .lead{max-width:510px}.poster-hero .trust{margin-top:22px;flex-wrap:wrap}.poster-hero .hero-button{width:max-content}
@media(max-width:900px){.poster-hero,.hero-poster{min-height:740px}.poster-hero{background-position:68% center}.poster-hero .hero-copy{width:72%;padding-left:35px;padding-right:13%;border-radius:0 45% 45% 0}}
@media(max-width:620px){.poster-hero{min-height:760px;background-position:72% bottom;background-size:auto 58%;background-repeat:no-repeat;background-color:#f8f0df}.hero-poster{min-height:760px;align-items:flex-start}.poster-hero .hero-copy{width:100%;min-height:470px;border-radius:0 0 46% 0;padding:58px 22px 70px;box-shadow:0 8px 0 var(--coral);justify-content:flex-start}.poster-hero .hero-copy:after{left:22px;bottom:35px}.poster-hero .hero h1{font-size:45px}.poster-hero .trust{display:flex;gap:8px 14px}}
.portal-card.coming{order:4}.portal-card:has(.portal-photo.faro){order:2}.portal-card:has(.portal-photo.canas){order:3}.portal-card:has(.portal-photo.banus){order:4}.portal-photo.faro>span,.portal-photo.canas>span,.portal-photo.banus>span{font-size:0}.portal-photo.faro>span:after{content:"02";font-size:36px}.portal-photo.canas>span:after{content:"03";font-size:36px}.portal-photo.banus>span:after{content:"04";font-size:36px}