:root{--cv-bg:#95999c;--cv-bg-2:#84888b;--cv-surface:#ffffff;--cv-surface-2:#f6f7f8;--cv-surface-3:#eceef0;--cv-border:rgba(22,35,58,.12);--cv-border-strong:rgba(20,107,82,.45);--cv-text:#16233a;--cv-muted:#5b6472;--cv-muted-2:#828a96;--cv-blue:#1a4fa0;--cv-blue-2:#2f6fd6;--cv-green:#146b52;--cv-green-2:#1a8567;--cv-red:#dc2626;--cv-yellow:#d99a1c;--cv-orange:#ea7c1f;--cv-radius-sm:10px;--cv-radius:16px;--cv-radius-lg:22px;--cv-shadow:0 18px 44px rgba(246, 247, 248,.16);--cv-shadow-soft:0 10px 24px rgba(246, 247, 248,.10);--cv-focus:0 0 0 3px rgba(20,107,82,.22)}
html{scroll-behavior:smooth}
/* Fondo tipo pavimento — imagen real del diseñador (aclarada para
   combinar con el tema claro del sitio), con una capa de textura CSS
   sutil encima para reforzar el detalle en pantallas grandes. */
body{
  background-color:#8f9296 !important;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.08), transparent 40%),
    radial-gradient(circle at 88% 92%, rgba(0,0,0,.06), transparent 45%),
    url("/static/img/asphalt-bg.jpg") !important;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  background-attachment:fixed;
  color:var(--cv-text) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision
}
::selection{background:rgba(20,107,82,.28);color:#16233a}
a{transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}
button,.btn,input,select,textarea{font:inherit}
input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
input:focus,select:focus,textarea:focus{box-shadow:var(--cv-focus) !important}
.positive{color:#16a34a !important}
.negative{color:#dc2626 !important}
.muted,.help-text{color:var(--cv-muted) !important}
.main{isolation:isolate}
.notice,.error{border-radius:var(--cv-radius) !important}