:root{--blue:#0674ae;--blue2:#0a9ed4;--light:#f4fbfe;--line:#d6edf7;--text:#075b91;--muted:#648da1;--teal:#16b8b1;--shadow:0 8px 30px rgba(7,91,145,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--light)}a{text-decoration:none;color:inherit}.topbar{height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(7,91,145,.05)}.brand img{width:174px;height:54px;object-fit:contain}.menu-btn,#language{border:1px solid #b9deee;background:white;color:var(--text);border-radius:24px;padding:10px 14px;font-weight:700;cursor:pointer}.sidebar{position:fixed;left:0;top:70px;bottom:0;width:185px;background:white;border-right:1px solid var(--line);z-index:40;overflow:auto}.sidebar-head{padding:16px 16px;background:linear-gradient(135deg,#0878b7,#0aa2ca);color:white;font-weight:700}.sidebar nav a{display:block;padding:11px 14px;font-size:13px;border-bottom:1px solid #e9f4f8}.sidebar nav a:hover{background:#edf9fd}.nav-sep{height:9px;background:#f5fbfd;border-top:1px solid #e3f2f7;border-bottom:1px solid #e3f2f7}main,.page-section,footer{margin-left:185px}.hero{position:relative;overflow:hidden;background:#fff}.hero>img{width:100%;height:510px;display:block;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,47,70,.68) 0%,rgba(0,47,70,.22) 48%,rgba(0,0,0,0) 72%)}.hero-copy{position:absolute;z-index:2;left:5%;top:22%;color:white;text-shadow:0 2px 10px rgba(0,0,0,.32)}.welcome{font:42px Georgia,serif}.lasolas{font:78px Georgia,serif;letter-spacing:2px;line-height:.95;margin:4px 0 12px}.tagline{font-size:30px;font-weight:700;white-space:nowrap;margin-bottom:14px;letter-spacing:.1px}.location-signature{display:inline-block;width:max-content;max-width:100%}.script-line{font-family:"Brush Script MT","Segoe Script",cursive;font-size:34px;white-space:nowrap}.wave-mark{display:block;width:100%;height:34px;margin-top:2px}.wave-mark svg{display:block;width:100%;height:100%;overflow:visible}.wave-mark path{fill:none;stroke:#39d7ed;stroke-width:4;stroke-linecap:round}.quick-card{position:absolute;z-index:3;right:2%;top:28px;width:330px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.7);border-radius:15px;padding:19px 22px;box-shadow:var(--shadow)}.quick-card h3{margin:0 0 13px}.quick-card p{font-size:13px;line-height:1.35;margin:9px 0}.quick-card small{color:#5b8194}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:22px;max-width:1180px;margin:0 auto}.tiles a{background:linear-gradient(180deg,#fff,#f8fcfe);border:1px solid var(--line);border-radius:13px;padding:22px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:145px}.tiles a:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.tiles span{font-size:36px}.tiles small{color:var(--muted);line-height:1.35}.slogan{text-align:center;font-family:"Brush Script MT","Segoe Script",cursive;font-size:28px;color:#079ed9;padding:4px 20px 26px}.slogan.compact{padding-top:18px}.page-section{padding:30px;background:#f7fcfe}.second-page{border-top:8px solid #dff2f8}.page-banner{background:linear-gradient(90deg,#0a6e9f,#53b6d6);border-radius:15px;color:white;padding:28px 34px;margin-bottom:20px;box-shadow:var(--shadow)}.page-banner h1{font:40px Georgia,serif;margin:0 0 8px}.page-banner p{margin:0;max-width:720px}.contact-layout,.documents-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 4px 16px rgba(7,91,145,.05)}.panel h2{margin-top:0;font-size:20px}.panel p{line-height:1.5;color:#4f7d94}.contact-actions{display:flex;flex-direction:column;gap:12px}.action{background:white;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;flex-direction:column;gap:6px}.action small{color:#66899d}.action span{font-size:12px;font-weight:700}.action.red{background:#fff3f3;border-color:#ffcfcf;color:#d54a4a}.action.green{background:#effbf8;border-color:#bce8de;color:#158174}.action.blue{background:#edf8ff;border-color:#c9e7f7;color:#0876b2}.public{border-top:5px solid #1ab49d}.private{border-top:5px solid #0a78b6}.doc-link{display:block;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fbfdff;margin:10px 0}.doc-link:hover{background:#eff9fd}.doc-link small{display:block;color:#728f9e;margin-top:4px}.locked{padding:14px;border:1px dashed #bfdde9;border-radius:10px;background:#f7fbfd}form{margin-top:16px}form label{font-weight:700;display:block;margin-bottom:8px}.code-row{display:flex;gap:8px}.code-row input{width:130px;padding:12px;border:1px solid #b9deee;border-radius:9px;font-size:20px;letter-spacing:5px}.code-row button{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:12px 18px;font-weight:700}.warning{background:#fff7df;border:1px solid #f0dfad;color:#8a6a2b;padding:12px;border-radius:10px;font-size:12px}footer{text-align:center;padding:22px;background:#e9f7fc;color:#668b9d;font-size:12px;letter-spacing:1px}
@media(max-width:1000px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}main,.page-section,footer{margin-left:0}.quick-card{width:285px}.hero-copy{left:4%}.lasolas{font-size:68px}.tagline{font-size:24px}.tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar{height:64px;padding:6px 10px}.brand img{width:135px;height:46px}.sidebar{top:64px}.menu-btn,#language{padding:8px 10px;font-size:12px}.hero>img{height:430px}.hero-copy{top:14%;left:6%;right:5%}.welcome{font-size:30px}.lasolas{font-size:58px}.tagline{font-size:20px;white-space:normal;max-width:96%}.script-line{font-size:28px}.quick-card{position:relative;right:auto;top:auto;width:auto;margin:14px}.contact-layout,.documents-grid{grid-template-columns:1fr}.page-section{padding:18px}.page-banner h1{font-size:31px}.tiles{padding:14px;gap:10px}.tiles a{min-height:125px;padding:17px 8px}.slogan{font-size:23px}}
@media(max-width:440px){.tiles{grid-template-columns:1fr 1fr}.tiles b{font-size:14px}.tiles small{font-size:12px}.hero>img{height:360px}.lasolas{font-size:50px}.tagline{font-size:18px}.script-line{font-size:24px}.wave-mark{width:100%;height:28px}}