/* Cariports: identidad basada en su logotipo original */
:root {
  --navy: #014c73;
  --navy2: #075e82;
  --blue: #087f9c;
  --bg: #f1f6f8;
  --ink: #173746;
  --muted: #587382;
  --border: #dae9ef;
  --cariports-turquoise: #1fc3df;
  --cariports-red: #ef4136;
}
a,.topbar nav a,.linkbutton{color:#014c73}
a:hover,.topbar nav a:hover,.linkbutton:hover{color:#007a96}
.brand{gap:9px}.brand-mark{height:48px;width:38px;object-fit:contain;flex-shrink:0}
.brand strong{letter-spacing:-.5px;font-size:24px;line-height:1.05;font-weight:750}
.brand .word-cari{color:#014c73}.brand .word-ports{color:#1fc3df}
.brand small{font-size:11px;letter-spacing:.1px;color:#556f7b;margin-top:5px}
.hero{background:linear-gradient(110deg,#014c73,#086f8d);border-top:4px solid #1fc3df}
.hero .eyebrow{color:#b9f0f5}.hero p{color:#e0f3f5}.hero .btn{color:#014c73}
.btn.primary{background:#014c73;color:#fff}.btn.primary:hover{background:#036b8c}
.btn.ghost{color:#014c73;border-color:#a7d4dd}
.eyebrow{color:#057c99}.section-head a{color:#014c73}
input:focus,textarea:focus,select:focus{border-color:#14a8c3;box-shadow:0 0 0 3px rgba(31,195,223,.17)}
.login-panel{border-top:4px solid #1fc3df;box-shadow:0 14px 34px rgba(1,76,115,.07)}
.login-logo{display:block;width:100%;max-width:245px;height:auto;margin:0 auto 25px;object-fit:contain}
.topbar{border-bottom:2px solid #d5f2f6}.panel,.stat{box-shadow:0 3px 20px rgba(1,76,115,.035)}
.pill-critica,.error{border-color:#f5b6b2}.notice{border-color:#b6e4d9}
@media(max-width:570px){.brand strong{font-size:20px}.brand-mark{width:32px;height:42px}.login-logo{max-width:200px}}