*{box-sizing:border-box}html,body{background:0 0;min-height:100%;margin:0;overflow:hidden auto}body{color:#073844;font-family:Arial,Helvetica,sans-serif}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}.site-page{background-image:url(/marea-alta-bg-light.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.site-page:before,.site-page:after{content:none;background:0 0;display:none}.content-card,#marea-construction-card{grid-template-columns:minmax(220px,285px) minmax(0,1fr);grid-template-areas:"logo eyebrow""logo title""logo intro""logo status""logo services""logo actions""logo footer";align-items:center;gap:9px clamp(28px,4vw,58px);width:min(1240px,100%);max-height:calc(100svh - 48px);padding:clamp(26px,3.2vw,42px);display:grid;overflow:hidden;-webkit-backdrop-filter:blur(10px)!important;background:#042631e8!important;border:1px solid #ffffff3d!important;border-radius:30px!important;box-shadow:0 28px 90px #00000052!important}.content-card>*{min-width:0}.brand-logo-wrap{grid-area:logo;justify-content:center;align-items:center;margin:0;display:flex}.brand-logo{background:#fff;border-radius:50%;width:min(270px,100%);height:auto;display:block;box-shadow:0 18px 50px #0000002e}.eyebrow{color:#073844;letter-spacing:.22em;text-transform:uppercase;grid-area:eyebrow;margin:0;font-size:.76rem;font-weight:800}h1{color:#052f3a;letter-spacing:.035em;text-transform:uppercase;grid-area:title;max-width:850px;margin:0;font-size:clamp(2.1rem,4.1vw,4.25rem);font-weight:500;line-height:.98}.intro{color:#123f48;grid-area:intro;max-width:760px;margin:4px 0 0;font-size:clamp(.95rem,1.35vw,1.08rem);line-height:1.5}.status{color:#073f49;grid-area:status;margin:2px 0 0;font-weight:800}.services{grid-area:services;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 20px;margin:10px 0 4px;padding:0;list-style:none;display:grid}.services li{color:#073844;min-width:0;font-size:.86rem;font-weight:700;line-height:1.3}.actions{flex-wrap:wrap;grid-area:actions;gap:9px;margin-top:8px;display:flex}.action-button{border:1px solid #073844;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 17px;font-size:.84rem;font-weight:800;transition:transform .16s,background-color .16s;display:inline-flex}.action-button:hover{transform:translateY(-2px)}.action-button:focus-visible{outline-offset:3px;outline:3px solid #18e6d6}.action-button.primary{color:#fff;background:#073844}.action-button.primary:hover{background:#0b5260}.action-button.secondary{color:#073844;background:#ffffffc7}.action-button.secondary:hover{background:#fffffff2}.footer-note{color:#16454e;grid-area:footer;margin:5px 0 0;font-size:.8rem}.content-card .eyebrow,#marea-construction-card .eyebrow{color:#8ef4eb!important}.content-card h1,#marea-construction-card h1{color:#fff!important}.content-card .intro,#marea-construction-card .intro,.content-card .services li,#marea-construction-card .services li,.content-card .footer-note,#marea-construction-card .footer-note{color:#ffffffeb!important}.content-card .status,#marea-construction-card .status{color:#8ef4eb!important}.content-card .action-button.primary,#marea-construction-card .action-button.primary{color:#042631!important;background:#18e6d6!important;border-color:#0000!important}.content-card .action-button.secondary,#marea-construction-card .action-button.secondary{color:#fff!important;background:#ffffff14!important;border-color:#ffffff6b!important}@media (min-width:851px){html,body{min-height:100%;overflow:hidden auto}.site-page{min-height:100svh}}@media (max-width:1200px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:clamp(2rem,4vw,3.6rem)}}@media (max-width:850px){html,body{overflow:auto}.site-page{background-position:top;align-items:flex-start;padding:16px 12px;overflow:visible}.content-card,#marea-construction-card{max-height:none;padding:28px 20px;display:block;overflow:visible;border-radius:22px!important}.brand-logo-wrap{margin-bottom:24px}.brand-logo{width:min(225px,70vw)}.eyebrow,h1,.intro,.status,.footer-note{text-align:center}h1{font-size:clamp(2rem,10vw,3.4rem)}.services{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.actions{justify-content:center;margin-top:26px}}@media (max-width:540px){.services{grid-template-columns:1fr;gap:9px}.actions,.action-button{width:100%}}