/* CABOOK Unified V10 — visual, navegação, formulários e ofertas. */
:root{
  --cabook-v10-green:#07553e;
  --cabook-v10-green-deep:#033d2d;
  --cabook-v10-navy:#0b2945;
  --cabook-v10-gold:#d4a742;
  --cabook-v10-paper:#fffdf8;
  --cabook-v10-ink:#17372d;
  --cabook-v10-muted:#60716a;
  --cabook-v10-line:#dfd5c4;
}
.site-header{min-height:82px;background:rgba(255,253,248,.97);border-bottom:1px solid #e8dfcf;box-shadow:0 6px 24px rgba(23,55,45,.055)}
.site-header .nav{min-height:82px;display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) auto;align-items:center;gap:18px}
.site-header .brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
.site-header .brand img{width:54px;height:54px;object-fit:contain}
.site-header .brand .cabook-brandword{display:grid;color:var(--cabook-v10-green);font:700 17px/1.05 Georgia,serif;letter-spacing:.02em}
.site-header .brand .cabook-brandword small{margin-top:3px;color:#8a6a2a;font:700 8px/1.2 Arial,sans-serif;letter-spacing:.13em}
.site-header .nav-links{display:flex;align-items:center;justify-content:center;gap:22px;min-width:0}
.site-header .nav-links>a,.site-header .nav-tools>summary{min-height:42px;display:flex;align-items:center;color:var(--cabook-v10-ink);font-weight:800;text-decoration:none;white-space:nowrap}
.site-header .nav-links>a[aria-current="page"],.site-header .nav-links>a:hover,.site-header .nav-tools>summary:hover,.site-header .nav-tools.is-current>summary{color:var(--cabook-v10-green);box-shadow:inset 0 -2px 0 var(--cabook-v10-gold)}
.site-header .nav-tools{position:relative}
.site-header .nav-tools>summary{cursor:pointer;list-style:none}
.site-header .nav-tools>summary::-webkit-details-marker{display:none}
.site-header .nav-tools>summary::after{content:"⌄";margin-left:6px;color:#9a7424;font-size:12px}
.site-header .nav-tools-menu{z-index:80;min-width:240px;padding:10px;border:1px solid var(--cabook-v10-line);border-radius:14px;background:var(--cabook-v10-paper);box-shadow:0 18px 44px rgba(23,55,45,.16)}
.site-header .nav-tools-menu a{display:block;padding:10px 12px;border-radius:9px;color:var(--cabook-v10-ink);font-weight:750;text-decoration:none}
.site-header .nav-tools-menu a:hover,.site-header .nav-tools-menu a:focus-visible{background:#f4ecdc;color:var(--cabook-v10-green)}
.site-header .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:210px}
.cabook-lang-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #dbcaa9;border-radius:999px;background:#f7f0e2}
.cabook-lang-switch button{min-width:35px;height:30px;border:0;border-radius:999px;background:transparent;color:#596761;font-weight:900}
.cabook-lang-switch button.active,.cabook-lang-switch button[aria-pressed="true"]{background:var(--cabook-v10-green);color:#fff;box-shadow:0 4px 12px rgba(7,85,62,.2)}
.site-header .lang-switch:not(.cabook-lang-switch){display:none!important}
.cabook-nav-auth{min-height:40px;padding:0 15px;border:1px solid var(--cabook-v10-green);border-radius:11px;background:var(--cabook-v10-green);color:#fff!important;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.cabook-nav-auth:hover,.cabook-nav-auth:focus-visible{background:var(--cabook-v10-green-deep)}
.cabook-nav-auth-mobile{display:none!important}

/* Formulários claros e legíveis em todas as superfícies HTML CABOOK. */
.auth-card,.dialog-card,.marketplace-dialog,.marketplace-dialog__body{background:var(--cabook-v10-paper)!important;color:var(--cabook-v10-ink)!important}
.auth-card{border:1px solid #e2d5bc!important;box-shadow:0 22px 54px rgba(23,55,45,.13)!important}
.auth-field,.auth-field>span,.login-dialog label>span,.marketplace-form label span{color:#284c40!important}
.auth-field input,.login-dialog input,.marketplace-form input,.marketplace-form textarea,
.danger-zone input,.newsletter input{
  background:#fff!important;color:#17372d!important;border:1px solid #c9bda9!important;
  box-shadow:inset 0 1px 2px rgba(23,55,45,.035)!important;
}
.auth-field input::placeholder,.login-dialog input::placeholder,.marketplace-form input::placeholder,.newsletter input::placeholder{color:#71807a!important;opacity:1}
.auth-field input:hover,.login-dialog input:hover,.marketplace-form input:hover,.newsletter input:hover{border-color:#a98949!important}
.auth-field input:focus,.login-dialog input:focus,.marketplace-form input:focus,.newsletter input:focus{
  outline:0!important;border-color:var(--cabook-v10-gold)!important;box-shadow:0 0 0 4px rgba(212,167,66,.18)!important;
}
.auth-check,.auth-help,.auth-terms,.auth-status,.auth-account p{color:#566861!important}
.auth-check a,.auth-help a,.auth-terms a{color:#775813!important}
.auth-tabs{background:#f2eadc!important;border:1px solid #dfd2bc}
.auth-tabs button{color:#496158!important}
.auth-tabs button.active{background:var(--cabook-v10-green)!important;color:#fff!important}
.cabook-password-control{position:relative;display:block}
.cabook-password-control>input{padding-right:76px!important}
.cabook-password-toggle{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;
  min-width:58px;min-height:28px;padding:0 7px;border:0;border-radius:7px;
  background:#f2eadc;color:#194538;font:800 11px/1 Arial,sans-serif;
}
.cabook-password-toggle:hover,.cabook-password-toggle:focus-visible{background:#e7d9bd;outline:2px solid rgba(212,167,66,.45)}
.newsletter{display:flex;gap:7px}
.newsletter input{min-width:0}

/* Cards de ferramentas alinhados ao padrão visual da Home. */
.v15-tools-grid{gap:18px!important}
.v15-tool-card{--tool-image:none;--tool-focus:68% center;position:relative;overflow:hidden;min-height:360px!important;padding:24px!important;border:1px solid rgba(212,167,66,.55)!important;background-image:linear-gradient(180deg,rgba(3,20,38,.08) 12%,rgba(3,20,38,.38) 48%,rgba(2,13,25,.97) 100%),var(--tool-image)!important;background-size:cover!important;background-position:var(--tool-focus)!important;color:#fff!important;box-shadow:0 18px 42px rgba(3,25,36,.16)!important}
.v15-tool-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 30%,rgba(3,20,38,.12) 62%);pointer-events:none}
.v15-tool-card>*{position:relative;z-index:1}
.v15-tool-card:nth-child(1){--tool-image:url("tools/cover-studio-card.webp")}
.v15-tool-card:nth-child(2){--tool-image:url("tools/reader-card.webp")}
.v15-tool-card:nth-child(3){--tool-image:url("tools/financeiro-card.webp")}
.v15-tool-card:nth-child(4){--tool-image:url("tools/movie-studio-card.webp");--tool-focus:72% center}
.v15-tool-card h2,.v15-tool-card p{color:#fff!important}
.v15-tool-card h2{margin-top:auto!important;text-shadow:0 2px 9px rgba(0,0,0,.9)}
.v15-tool-card p{color:#e6eee9!important;text-shadow:0 1px 6px rgba(0,0,0,.94)}
.v15-tool-card .v15-status{border:1px solid rgba(255,255,255,.3);background:rgba(2,18,29,.56);color:#fff}
.v15-tool-card .btn{margin-top:auto!important;background:rgba(255,255,255,.94)!important;color:#0b4937!important;border:0!important}

/* Quatro planos, comparação honesta e hierarquia comercial. */
.v15-plan-panel .marketplace-products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.marketplace-product[data-plan-kind]{position:relative;min-height:292px;border-width:2px}
.marketplace-product[data-plan-kind="monthly"]{background:#fffaf0!important;border-color:#dfc98f!important}
.marketplace-product[data-plan-kind="quarterly"]{background:linear-gradient(160deg,#eff8f2,#fffdf8)!important;border-color:#4a9b78!important;box-shadow:0 18px 40px rgba(7,85,62,.15)}
.marketplace-product[data-plan-kind="semiannual"]{background:#f2f7fb!important;border-color:#9db9ca!important}
.marketplace-product[data-plan-kind="annual"]{background:#f6f0fb!important;border-color:#b59ac4!important}
.marketplace-product__badge{position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:999px;background:#0b6b4c;color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em}
.marketplace-product__old{display:block;color:#8a746c;font-size:13px;font-weight:700;text-decoration:line-through}
.marketplace-product__price strong{font-size:28px}
.marketplace-product__daily{display:block;margin-top:4px;color:#295c4b!important;font-size:12px!important;font-weight:900!important}
.marketplace-product__renewal{display:block;margin-top:7px;color:#68776f;font-size:11px;line-height:1.35}
.marketplace-cancel-box{margin-top:12px;padding:13px 14px;border:1px solid #dccfab;border-radius:12px;background:#fffaf0;color:#42574f;font-size:12px;line-height:1.5}
.marketplace-cancel-box strong{display:block;color:#17372d}
.marketplace-cancel-button{margin-top:10px;border:1px solid #9f3f3f!important;background:#fff!important;color:#8a2929!important}
.marketplace-cancel-button:hover{background:#fff1f1!important}
.marketplace-order__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.v15-price-row{align-items:stretch!important}
.v15-price-chip{display:grid!important;align-content:center;gap:2px;min-height:76px!important;padding:10px 12px!important}
.v15-price-chip s,.cabook-premium__price s{color:#8a746c;font-size:11px;font-weight:700}
.v15-price-chip small,.cabook-premium__price small{color:inherit;font-weight:800}
.v15-price-chip em,.cabook-premium__price em{display:block;margin:-4px -5px 3px;padding:3px 5px;border-radius:999px;background:#07553e;color:#fff;font-size:9px;font-style:normal;font-weight:900;text-align:center}
.v15-price-chip.plan-monthly,.cabook-premium__price.plan-monthly{background:#fff5d9!important;color:#4b3a15!important}
.v15-price-chip.plan-quarterly,.cabook-premium__price.plan-quarterly{background:#dff2e8!important;color:#164c39!important;border-color:#4a9b78!important}
.v15-price-chip.plan-semiannual,.cabook-premium__price.plan-semiannual{background:#e7f1f8!important;color:#153d55!important}
.v15-price-chip.plan-annual,.cabook-premium__price.plan-annual{background:#eee4f4!important;color:#513565!important}
.cabook-premium__prices{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.cabook-premium__price{display:grid;align-content:start;gap:4px;padding:12px;border:1px solid #d9cfbd;border-radius:12px}
.cabook-renewal-note{margin:14px 0 0!important;padding:10px 12px;border:1px solid rgba(212,167,66,.45);border-radius:10px;background:#fff8e8;color:#3c544b!important;font-size:12px;line-height:1.45}
.cabook-renewal-note a{color:#6f5010;font-weight:800}

.about-grid .prose.cabook-author-v10{background:linear-gradient(145deg,#0b4a35,#102f4b)!important;color:#edf5f1!important}
.about-grid .prose.cabook-author-v10 h2{color:#f0c96b!important}
.about-grid .prose.cabook-author-v10 p,.about-grid .prose.cabook-author-v10 li{color:#edf5f1!important}
.author-credentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}
.author-credentials span{padding:10px;border:1px solid rgba(240,201,107,.35);border-radius:10px;background:rgba(255,255,255,.07);font-size:12px;font-weight:800}

@media(max-width:1100px){
  .site-header .nav{grid-template-columns:120px minmax(0,1fr) auto;gap:10px}.site-header .nav-links{gap:13px}.site-header .brand .cabook-brandword{display:none}
  .v15-plan-panel .marketplace-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .site-header .nav{display:flex;min-height:72px}.site-header .nav-links{align-items:stretch;gap:3px}.site-header .nav-links>a,.site-header .nav-tools>summary{min-height:44px;padding:0 10px}.site-header .nav-actions{min-width:0;margin-left:auto}
  .cabook-lang-switch{order:-1}.cabook-nav-auth{display:none}.cabook-nav-auth-mobile{display:flex!important;margin-top:6px;border-radius:9px;background:var(--cabook-v10-green);color:#fff!important;justify-content:center}.v15-plan-panel .marketplace-products{grid-template-columns:1fr!important}
  .author-credentials{grid-template-columns:1fr}.cabook-premium__prices{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){.site-header .brand img{width:46px;height:46px}.cabook-lang-switch button{min-width:31px}.v15-tool-card{min-height:310px!important}.newsletter{display:grid}.cabook-premium__prices{grid-template-columns:1fr!important}}

/* V12 responsive navigation — compact on tablets, accessible contrast. */
.site-header .nav{position:relative}
.site-header .menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:40px;padding:0;border:1px solid var(--cabook-v10-green);border-radius:10px;background:var(--cabook-v10-green);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.site-header .menu-toggle:hover,.site-header .menu-toggle:focus-visible{background:var(--cabook-v10-green-deep);outline:3px solid rgba(212,167,66,.28);outline-offset:2px}
@media(max-width:1024px){
  .site-header .nav{display:flex;min-height:72px;gap:8px}
  .site-header .nav-actions{margin-left:auto;min-width:0;gap:7px}
  .site-header .nav-actions>.btn,.site-header .nav-actions>.cabook-nav-auth{display:none}
  .site-header .menu-toggle{display:inline-flex}
  .site-header .nav-links{display:none;position:absolute;z-index:90;top:calc(100% + 1px);left:0;right:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;margin:0;padding:8px;background:var(--cabook-v10-paper);border:1px solid var(--cabook-v10-line);border-radius:0 0 14px 14px;box-shadow:0 18px 38px rgba(23,55,45,.18)}
  .site-header .nav-links.open{display:flex}
  .site-header .nav-links>a,.site-header .nav-tools>summary{min-height:42px;padding:0 12px;border-radius:9px}
  .site-header .nav-links>a:hover,.site-header .nav-links>a:focus-visible,.site-header .nav-tools>summary:hover{background:#f4ecdc;box-shadow:none}
  .site-header .nav-links>a.cabook-nav-auth-mobile{display:flex!important;justify-content:center;margin-top:6px;background:var(--cabook-v10-green);color:#fff!important}
  .site-header .nav-links>a.cabook-nav-auth-mobile:hover,.site-header .nav-links>a.cabook-nav-auth-mobile:focus-visible{background:var(--cabook-v10-green-deep);color:#fff!important}
  .site-header .nav-tools[open] .nav-tools-menu{position:static;min-width:0;margin:2px 0 4px;padding:4px;border:0;border-left:2px solid var(--cabook-v10-gold);border-radius:0;background:#fffaf0;box-shadow:none}
  .site-header .nav-tools-menu a{min-height:38px;padding:9px 14px}
}
@media(max-width:520px){
  .site-header .nav{min-height:64px}
  .site-header .brand img{width:44px;height:44px}
  .site-header .menu-toggle{width:40px;height:38px}
}
