:root{--navy:#082b50;--blue:#0b4b85;--pale:#eef3f7;--ink:#102c4b;--muted:#52677c;--white:#fff;--line:#d9e2eb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 clamp(18px,5vw,72px);background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #082b5010}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--blue)}.brand-mark{font-size:42px;font-weight:700;line-height:1}.brand-name{font-size:17px;font-weight:800;line-height:1.1;letter-spacing:.02em}.brand-name strong{display:block;letter-spacing:.28em;font-size:10px}.brand-name small{font-size:12px;letter-spacing:0;margin-left:5px;color:var(--navy)}.nav-links{display:flex;gap:clamp(12px,2vw,28px);font-size:13px;font-weight:600}.nav-links a:hover,.site-footer nav a:hover{color:#2580cb}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--blue);background:var(--blue);color:white;border-radius:999px;padding:13px 22px;font-weight:700;font-size:14px;transition:.2s}.button:hover{background:#0c5ea6;transform:translateY(-1px)}.button-small{padding:11px 16px;white-space:nowrap;font-size:12px}.button-outline{background:transparent;border-color:white}.button-outline:hover{background:#ffffff20}.menu-toggle{display:none;border:0;background:none;font-size:26px;color:var(--navy)}.hero{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:white}.hero-image{position:absolute;inset:0 0 0 30%;background:linear-gradient(90deg,#082b50 0%,#082b50d9 10%,#082b5060 48%,#082b5010 100%),url('fotos/pladur/pladur-01.jpeg') center/cover}.hero-content{position:relative;z-index:1;width:min(680px,100%);padding:58px clamp(22px,6vw,88px)}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#c7e4ff;margin:0 0 12px}.eyebrow-blue{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.035em;margin-bottom:16px}h1 span{display:block;color:#b8d9f7;font-size:.72em;margin-top:5px}.hero-lead{font-size:19px;max-width:430px;line-height:1.45;margin-bottom:14px}.location{font-size:14px;margin:14px 0 22px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.section{padding:58px clamp(22px,5vw,72px)}h2{font-size:clamp(27px,3vw,36px);line-height:1.15;letter-spacing:-.025em;margin-bottom:10px}.section-intro{color:var(--muted);max-width:620px;margin-bottom:26px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #082b5008}.service-card img{display:block;width:100%;height:155px;object-fit:cover}.service-copy{text-align:center;padding:0 16px 18px}.service-icon{display:inline-grid;place-items:center;width:46px;height:46px;margin-top:-24px;position:relative;border-radius:50%;background:var(--blue);color:white;border:3px solid white;font-size:22px}.service-copy h3{font-size:16px;margin:7px 0}.service-copy p{font-size:13px;color:var(--muted);margin-bottom:0}.why-section{display:grid;grid-template-columns:1fr 1fr;background:var(--pale);min-height:330px}.why-photo{min-height:330px;background:url('fotos/acabados/acabados-01.jpeg') center/cover}.why-copy{padding:48px clamp(24px,5vw,70px);align-self:center}.why-copy>p:not(.eyebrow){color:var(--muted)}.features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px}.features div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px;border-right:1px solid #cbd8e4}.features div:last-child{border:0}.features span{font-size:25px;color:var(--blue)}.features small{font-size:11px;color:var(--muted);margin-top:6px}.gallery-category{margin-top:28px}.gallery-category h3{font-size:19px;margin:0 0 12px;color:var(--blue)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-item{margin:0;overflow:hidden;border-radius:6px;background:#e9eef3}.gallery img{display:block;width:100%;height:190px;object-fit:cover;transition:transform .25s}.gallery-item:hover img{transform:scale(1.035)}.contact-section{display:grid;grid-template-columns:1fr minmax(320px,.85fr);gap:40px;align-items:center;padding:52px clamp(22px,5vw,72px);background:linear-gradient(120deg,#082b50f2,#164e7eec);color:white}.contact-section h2{font-size:34px}.contact-copy>p:not(.eyebrow){color:#e0ebf5}.button-whatsapp{background:#087e63;border-color:#087e63}.contact-form-wrap{background:#fff;color:var(--ink);border-radius:8px;padding:24px 26px;box-shadow:0 10px 35px #00172b30}.contact-form-wrap h3{font-size:18px;margin-bottom:14px}form{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}form label{font-size:12px;font-weight:700;align-self:end}form input,form select,form textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;padding:11px;font:inherit;font-size:13px;color:var(--ink);background:#fff}form label[for=service],form #service,form label[for=message],form #message,.form-submit,.form-note{grid-column:1/-1}form textarea{resize:vertical}.form-submit{width:100%;cursor:pointer}.form-note{font-size:11px;color:var(--muted);margin:0}.site-footer{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px;padding:28px clamp(22px,5vw,72px) 14px;background:#061c32;color:white}.brand-light{color:white}.brand-light .brand-name small{color:#d5e8f8}.site-footer nav{display:flex;gap:18px;justify-content:center;font-size:12px}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;font-weight:700}.footer-contact span{font-size:11px;color:#c8d8e6;font-weight:400}.copyright{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:12px;margin:0;font-size:11px;color:#c8d8e6}
@media(max-width:950px){.site-header{gap:12px}.nav-links{gap:12px}.nav-links a{font-size:12px}.brand-name{font-size:14px}.button-small{font-size:11px}.service-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr 1fr}.site-footer nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap}.footer-contact{grid-column:2;grid-row:1}.copyright{grid-row:3}}
@media(max-width:680px){.site-header{height:68px;padding:0 18px}.brand-mark{font-size:35px}.brand-name{font-size:13px}.brand-name strong{font-size:9px}.brand-name small{font-size:10px}.menu-toggle{display:block;margin-left:auto}.site-header>.button{display:none}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:18px;background:white;box-shadow:0 10px 18px #082b5020;flex-direction:column;gap:15px}.nav-links.open{display:flex}.nav-links a{font-size:15px}.hero{min-height:500px;align-items:flex-end}.hero-image{inset:0;background:linear-gradient(0deg,#082b50 0%,#082b50ed 28%,#082b5060 75%,#082b5020 100%),url('fotos/pladur/pladur-01.jpeg') center/cover}.hero-content{padding:180px 22px 34px}.hero-lead{font-size:17px}.hero-actions .button{width:100%}.section{padding:42px 20px}.service-grid{gap:12px}.service-card img{height:125px}.service-copy{padding:0 10px 15px}.service-copy h3{font-size:14px}.service-copy p{font-size:12px}.why-section{grid-template-columns:1fr}.why-photo{min-height:230px}.why-copy{padding:32px 22px}.features{grid-template-columns:repeat(2,1fr);gap:16px}.features div:nth-child(2){border:0}.gallery{grid-template-columns:repeat(2,1fr);gap:10px}.gallery img{height:145px}.contact-section{grid-template-columns:1fr;padding:40px 20px;gap:20px}.contact-section h2{font-size:29px}.contact-form-wrap{padding:20px 16px}form{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr;padding:25px 20px 14px}.site-footer nav{justify-content:flex-start;gap:12px 18px}.footer-contact{font-size:13px}.copyright{font-size:10px}}