@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap');
:root{--navy:#073b5c;--teal:#0e7490;--coral:#ef7f72;--ink:#163044;--mist:#f4fafb;--line:#dbe7eb;--success:#047857;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--mist);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5}a{color:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:800}.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover}.brand span{display:block;font:700 15px "Sora",sans-serif}.brand small{font-size:9px;letter-spacing:.12em;color:var(--teal);font-weight:800}.nav-links{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:700;color:#405568}.nav-links a{text-decoration:none}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;font:700 14px "DM Sans",sans-serif;text-decoration:none;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 18px rgba(239,127,114,.23)}.btn-secondary{background:#fff;color:var(--teal);border:1px solid #b7dce4}.btn-dark{background:var(--navy);color:#fff}.btn-whatsapp{background:#25d366;color:#fff}.hero{position:relative;overflow:hidden;background:var(--navy);color:white}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(3,42,64,.98),rgba(5,62,86,.90),rgba(4,43,65,.66)),url('/assets/bocas-hero-aerial_2d34fed6.jpg') center/cover;opacity:.98}.hero>.container{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;padding:76px 0}.eyebrow{margin:0 0 16px;color:#b7edf5;font-size:11px;font-weight:800;letter-spacing:.14em}.hero h1,.section h1,.section h2{font-family:"Sora",sans-serif;line-height:1.12;margin:0}.hero h1{font-size:clamp(36px,5vw,58px);max-width:660px}.hero p.lead{max-width:620px;font-size:18px;color:#d7f0f4}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero .btn-secondary{color:#fff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.38)}.planner,.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 28px rgba(3,37,55,.10)}.planner{color:var(--ink);align-self:center}.planner h2{font-family:"Sora";font-size:25px;color:var(--navy);margin:2px 0 18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800;color:#43556a}.field input,.field select,.field textarea{font:400 15px "DM Sans";border:1px solid #cbdde3;border-radius:11px;padding:11px 12px;color:#153548;background:#fff;outline:none}.field textarea{resize:vertical;min-height:104px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #dff4f7}.planner .btn{width:100%;margin-top:18px}.fineprint{font-size:12px;color:#6a7d87;text-align:center}.section{padding:72px 0}.section h2{font-size:clamp(29px,3.4vw,43px);color:var(--navy);max-width:700px}.section-intro{color:#5a6c78;max-width:700px;font-size:17px}.route-grid,.service-grid,.steps,.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.route-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 6px 18px rgba(3,37,55,.06)}.route-card img{display:block;width:100%;height:135px;object-fit:cover}.route-card div{padding:18px}.route-card h3{margin:0;color:var(--navy);font:700 18px "Sora"}.route-card p{margin:6px 0 0;color:#627682;font-size:14px}.route-card a{font-weight:800;font-size:13px;color:var(--teal);text-decoration:none}.band{background:#e7f5f7}.service-grid{grid-template-columns:repeat(3,1fr)}.service{border:1px solid rgba(255,255,255,.15);padding:20px;border-radius:16px;background:rgba(255,255,255,.07);color:#fff}.service h3{font:700 17px "Sora";margin:0 0 8px}.service p{margin:0;color:#c8e9ee;font-size:14px}.dark{background:var(--navy);color:white}.steps{grid-template-columns:repeat(4,1fr)}.step{background:#fff;border:1px solid var(--line);padding:20px;border-radius:16px}.step strong{color:var(--teal);font-size:12px;letter-spacing:.12em}.step h3{font:700 17px "Sora";color:var(--navy);margin:18px 0 7px}.step p{margin:0;color:#607481;font-size:14px}.footer{background:#fff;border-top:1px solid var(--line);padding:30px 0;color:#61717e;font-size:14px}.notice{margin:18px 0;padding:14px 16px;border-radius:12px;font-weight:700}.notice-success{background:#ecfdf3;color:#087443;border:1px solid #b6edce}.notice-error{background:#fff2f0;color:var(--danger);border:1px solid #f5c8c2}.page-hero{background:linear-gradient(105deg,#063954,#0e7490);color:#fff;padding:54px 0}.page-hero h1{font-size:clamp(32px,4vw,49px)}.page-hero p{max-width:700px;color:#dcf6f9;font-size:17px}.content{padding:44px 0 76px}.request-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.aside-card{background:var(--navy);color:#fff;border-radius:18px;padding:24px;position:sticky;top:90px}.aside-card p{color:#c9eaf0}.aside-card .btn{width:100%}.steps-indicator{display:flex;gap:9px;margin-bottom:28px}.steps-indicator span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;font-size:12px;font-weight:800;background:#e8f3f5;color:#699;position:relative}.steps-indicator span.active{background:var(--navy);color:white}.steps-indicator i{height:1px;flex:1;background:#d8e8ea;align-self:center}.summary{background:#effbfd;border:1px solid #cceef2;border-radius:14px;padding:18px}.summary h2{font-size:21px}.summary dl{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.summary dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#607985}.summary dd{margin:2px 0 0;font-weight:700}.admin-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:#073b5c;color:white;padding:26px 16px}.admin-sidebar .brand{color:#fff;margin-bottom:28px}.admin-sidebar a{display:block;padding:10px 12px;border-radius:9px;color:#d2ecf0;text-decoration:none;font-weight:700;font-size:14px}.admin-sidebar a:hover,.admin-sidebar a.active{background:rgba(255,255,255,.12);color:#fff}.admin-main{padding:36px;background:#f4fafb}.admin-main h1{font:700 31px "Sora";color:var(--navy);margin:0}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.metrics{grid-template-columns:repeat(4,1fr);margin:0 0 24px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.metric small{display:block;color:#647886;font-weight:700}.metric strong{font:700 27px "Sora";color:var(--navy);display:block;margin-top:5px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}.table{border-collapse:collapse;width:100%;font-size:13px;min-width:780px}.table th,.table td{padding:13px 14px;text-align:left;border-bottom:1px solid #e8f0f2;vertical-align:top}.table th{background:#f7fbfb;color:#526a75;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-block;border-radius:999px;padding:4px 8px;background:#e6f5f7;color:#08718b;font-size:11px;font-weight:800}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#073b5c,#0e7490)}.login-page .card{width:min(440px,100%)}.login-page h1{font:700 28px "Sora";color:var(--navy);margin:0}.inline-form{display:grid;gap:12px}.request-card{margin-top:20px}.request-card h2{font-size:22px}.request-card form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.request-card .field{font-size:11px}.request-card .field textarea{min-height:80px}.span-2{grid-column:span 2}.span-4{grid-column:span 4}.no-results{padding:30px;text-align:center;color:#647886}@media(max-width:850px){.hero>.container,.request-layout{grid-template-columns:1fr}.nav-links{display:none}.route-grid,.service-grid,.steps{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{padding:16px}.admin-sidebar nav{display:flex;overflow:auto;gap:6px}.admin-sidebar a{white-space:nowrap}.admin-main{padding:22px 16px}.metrics{grid-template-columns:repeat(2,1fr)}.request-card form{grid-template-columns:repeat(2,1fr)}.span-4{grid-column:span 2}.aside-card{position:static}}@media(max-width:540px){.hero>.container{padding:52px 0}.form-grid,.route-grid,.service-grid,.steps,.metrics,.request-card form,.summary dl{grid-template-columns:1fr}.section{padding:52px 0}.hero h1{font-size:37px}.form-grid .field{grid-column:auto}.span-2,.span-4{grid-column:span 1}.planner,.card{padding:19px}.admin-top{align-items:flex-start;flex-direction:column}}