/* AC_REGISTER_BRAND_V1
   Registro con la marca del login: crema #f6f4ec, verde #153c2b, dorado #ddbc78.
   Se carga SOLO en register.html, despues de commercial-flow.css.
   billing.html sigue usando commercial-flow.css sin cambios. */
@font-face{font-family:ACPAuthSans;src:url('../public-redesign-20261007/assets/dm-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:ACPAuthSerif;src:url('../public-redesign-20261007/assets/fraunces.ttf') format('truetype');font-display:swap}

:root{
  color-scheme:light;
  --flow-bg:#f6f4ec;
  --flow-text:#153c2b;
  --flow-muted:#536557;
  --flow-subtle:#5a6b5d;
  --flow-line:#d3d9cc;
  --flow-line-strong:#b6c6b8;
  --flow-green:#3b6b4f;
  --flow-green-bright:#153c2b;
  --flow-gold:#ddbc78;
  --flow-surface-light:#ffffff;
  --flow-shadow:0 24px 60px #153c2b16;
  --flow-font:ACPAuthSans,"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --flow-display:ACPAuthSerif,"Fraunces",Georgia,serif;
}
html{background:#f6f4ec}
body.commercial-page{background:#f6f4ec;color:#153c2b}
body.commercial-page::before{display:none}

.commercial-shell{border-color:#ccd4c4;border-radius:24px;background:#f6f4ec;box-shadow:0 24px 60px #153c2b16;backdrop-filter:none}

/* Panel izquierdo: verde profundo, igual que el login */
.commercial-story{background:#153c2b;border-right:0;color:#f6f4ec}
.commercial-story::after{border-color:#ddbc7826;box-shadow:0 0 0 4rem #ddbc780a,0 0 0 8rem #ddbc7806}
.commercial-story .eyebrow{border-color:#ddbc7850;background:#ffffff08;color:#efe2bd}
.commercial-story .eyebrow::before{background:#ddbc78;box-shadow:0 0 0 5px #ddbc7820}
.commercial-story .story-title{color:#f6f4ec}
.commercial-story .story-copy{color:#d4ddcf}
.commercial-story .trial-promise li{border-color:#ddbc7840;background:#ffffff08}
.commercial-story .trial-promise strong{color:#f6f4ec}
.commercial-story .trial-promise span{color:#c9d4c4}
.commercial-story .brand-lockup:focus-visible{outline-color:#ddbc78}

/* Panel derecho: superficie clara */
.commercial-main{background:#fffdf8}
.commercial-kicker{color:#3b6b4f}
.commercial-title{color:#153c2b}
.message,.notice{background:#fcf0e4;border-color:#d8b79d;color:#763522}
.message--success{background:#eef5ec;border-color:#b6c6b8;color:#1f4d33}
.plan-summary{background:#f6f4ec;border-color:#d6ddcf}
.plan-summary__price strong{color:#153c2b}

.field label{color:#153c2b;font-weight:700}
.field input,.field select{background:#fff;border-color:#cbd4c7;color:#153c2b}
.field input:hover,.field select:hover{border-color:#b6c6b8}
.field input:focus,.field select:focus{background:#fff;border-color:#3b6b4f;box-shadow:0 0 0 3px #ddbc7845}
.field input::placeholder{color:#647168}
.field select{color-scheme:light}

.terms input{accent-color:#153c2b}
.terms a,.text-link{color:#153c2b}

.btn{border-color:#ccd4c4;background:#fff;color:#153c2b}
.btn:hover{border-color:#b6c6b8;background:#f6f4ec}
.btn.primary{border-color:#cfac65;background:#ddbc78;color:#153c2b;box-shadow:none}
.btn.primary:hover{border-color:#cfac65;background:#e6c98e;box-shadow:none}
.btn.secondary{background:#fff;color:#153c2b}
.btn.subtle{background:transparent;border-color:transparent;color:#395542}
.btn:focus-visible,.text-link:focus-visible,.terms a:focus-visible,.brand-lockup:focus-visible{outline:3px solid #bb9145;outline-offset:3px}

.assurance span::before{background:#ddbc78}

.product-choice{border-color:#d6ddcf;background:#f6f4ec}
.product-choice__grid a{background:#fff;border-color:#d3d9cc}
.product-choice__grid a:hover{border-color:#3b6b4f;background:#fff}
.product-choice__grid a:focus-visible{outline-color:#bb9145}

/* Registro cerrado: el logo claro va sobre una pastilla verde para que se vea */
.commercial-shell--single .brand-lockup{background:#153c2b;padding:10px 14px;border-radius:12px}

@media (max-width:980px){.commercial-story{border-bottom:0}}
@media (max-width:640px){.commercial-shell{border-radius:0}}
