.joya{--j-ink:#172e35;--j-green:#105b50;--j-muted:#526970;--j-line:#dde6e5;--j-warm:#f4f7f4;max-width:1240px;margin:24px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--j-ink);font-size:15px;line-height:1.6;text-align:left}.joya *{box-sizing:border-box}.joya h1,.joya h2,.joya h3{font-family:inherit;color:var(--j-ink);font-weight:700;line-height:1.18;padding:0;letter-spacing:-.035em;margin:0 0 15px}.joya h1{font-size:clamp(30px,4vw,48px)}.joya h2{font-size:clamp(25px,3vw,34px)}.joya h3{font-size:21px}.joya p{padding:0;margin:0 0 16px;color:var(--j-muted)}.joya a{color:var(--j-green);text-decoration:none;font-weight:650}.joya-head{background:var(--j-green);padding:36px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.joya .joya-head h1,.joya .joya-head p,.joya .joya-head .joya-eyebrow{color:white}.joya-eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:.16em;color:var(--j-green);margin-bottom:14px}.joya-grid{display:grid;gap:18px}.joya-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0}.joya-two{grid-template-columns:repeat(2,minmax(0,1fr))}.joya-three{grid-template-columns:repeat(3,minmax(0,1fr))}.joya-card{background:#fff;border:1px solid var(--j-line);border-radius:16px;padding:25px;margin-bottom:20px;min-width:0}.joya-grid>.joya-card{margin-bottom:0}.joya-metrics .joya-card{padding:22px}.joya-metrics span{display:block;font-size:13px;color:var(--j-muted);margin-bottom:14px}.joya-metrics strong{font-size:clamp(19px,2.1vw,27px);letter-spacing:-.04em;display:block;overflow-wrap:anywhere}.joya .joya-accent{background:var(--j-green);color:#fff}.joya .joya-accent span{color:#d4e8e3}.joya-large{font-size:36px;line-height:1.5;letter-spacing:-.04em}.joya progress{width:100%;height:12px;appearance:none;border:0;border-radius:10px;overflow:hidden;margin:8px 0 16px;background:#e4ece9}.joya progress::-webkit-progress-bar{background:#e4ece9}.joya progress::-webkit-progress-value{background:#259f7d;border-radius:10px}.joya progress::-moz-progress-bar{background:#259f7d}.joya section{scroll-margin-top:110px;margin-top:32px}.joya .joya-section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:14px}.joya-section-title h2,.joya-section-title h3{margin:0}.joya-pill{font-size:12px;background:#eaf3ee;color:var(--j-green);padding:6px 12px;border-radius:30px}.joya-nav{display:flex;gap:22px;overflow-x:auto;border-bottom:1px solid var(--j-line);padding:22px 2px;margin-bottom:22px;white-space:nowrap}.joya-nav a{font-size:14px}.joya-filter{display:flex;gap:18px;align-items:end;flex-wrap:wrap;padding:20px;background:var(--j-warm);border-radius:14px}.joya-filter label{flex:1;min-width:180px}.joya label{display:block;font-size:13px;font-weight:650;margin:0 0 15px;color:var(--j-ink)}.joya input,.joya select,.joya textarea{display:block;width:100%;min-width:0;background:#fff!important;color:var(--j-ink)!important;border:1px solid #cbd8d6!important;border-radius:9px;padding:12px!important;margin-top:6px;font:400 15px/1.3 system-ui,sans-serif;height:auto;min-height:45px}.joya :focus-visible{outline:3px solid #5eb8c0;outline-offset:3px}.joya button,.joya .joya-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;background:var(--j-green);color:#fff!important;font:650 14px/1.4 system-ui,sans-serif;padding:13px 20px;border-radius:9px;cursor:pointer;min-height:44px;text-decoration:none}.joya button:hover,.joya .joya-btn:hover{filter:brightness(.94)}.joya button:disabled{opacity:.65;cursor:wait}.joya .joya-light{background:#f5f4dc;color:#174e43!important}.joya .joya-secondary{background:#eef4f2;color:var(--j-green)!important;border-color:#d6e4df}.joya .joya-whatsapp{background:#137747}.joya .joya-danger{background:#973b3b}.joya-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0}.joya-actions form{margin:0}.joya fieldset{border:1px solid var(--j-line);border-radius:12px;padding:18px;margin:10px 0 22px;min-width:0}.joya fieldset[hidden]{display:none}.joya legend{font-weight:700;padding:0 8px}.joya output{grid-column:1/-1;display:block;margin:-8px 0 15px;color:var(--j-green);font-weight:600;font-size:14px}.joya details{margin-top:18px}.joya details[open]>summary{margin-bottom:22px}.joya summary{font-weight:650;cursor:pointer;color:var(--j-green);padding:8px 0}.joya table{border-collapse:collapse;width:100%;font-size:14px}.joya table th,.joya table td{border-bottom:1px solid var(--j-line);padding:12px;text-align:left;vertical-align:top}.joya table th{font-weight:600}.joya table thead{background:var(--j-warm)}.joya-scroll{overflow-x:auto}.joya-notice{padding:18px;background:#eef6d8;border:1px solid #cedcb0;border-radius:12px;margin:20px 0}.joya-footer{padding:30px 0;text-align:center;color:var(--j-muted);font-size:12px}.joya-site{max-width:1320px}.joya-site .joya-hero{display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;border-radius:24px;background:#103e39;margin-top:0;min-height:590px}.joya-hero-copy{padding:60px 45px;align-self:center}.joya .joya-hero h1{font-size:clamp(34px,4.3vw,58px);line-height:1.08;color:#fff;margin-bottom:26px}.joya .joya-hero p{color:#d2e0dc;font-size:17px;max-width:540px}.joya .joya-hero .joya-eyebrow{color:#b9d0a0}.joya .joya-hero-link{color:#fff;font-size:13px}.joya-hero-art{position:relative;min-height:360px;background:radial-gradient(ellipse at 25% 20%,#81937d 0%,#3b675a 35%,#194a43 70%);display:grid;place-items:center;padding:35px}.joya-hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.joya-destination{position:relative;border:1px solid #b8d3bd6e;padding:38px 28px;width:100%;border-radius:180px 180px 15px 15px;min-height:400px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:#194d4330}.joya-destination strong{font-family:Georgia,serif;font-size:clamp(38px,4.2vw,65px);font-weight:400;color:#edf3d7;margin:20px 0}.joya-destination span{font-size:10px;letter-spacing:.15em;color:#e0edda}.joya-destination .joya-route{background:#ffffff16;padding:12px;border-radius:30px;margin-top:20px;letter-spacing:.02em}.joya-hero-tags{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;color:#c9ded2;margin-top:32px}.joya-hero-tags span:before{content:'•';margin-right:8px;color:#b5d692}.joya .joya-home-section{padding:60px 28px;margin:0}.joya-home-section h2{font-size:clamp(30px,3.5vw,43px);margin-bottom:30px}.joya-home-section .joya-card{padding:30px;background:#fafbf8}.joya-service-number{display:block;font-size:13px;color:#72827b;margin-bottom:38px}.joya-home-section .joya-card p{min-height:100px}.joya-home-section a{font-size:14px}.joya .joya-home-about{display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid var(--j-line);border-bottom:1px solid var(--j-line);background:#f6f7f0}.joya-dest-card{padding:34px;border-radius:14px;background:#ecf0e8;min-height:210px;display:flex;flex-direction:column;justify-content:end}.joya-dest-card:nth-child(2){background:#f0e9da}.joya-dest-card:nth-child(3){background:#dfedf0}.joya .joya-cta{background:#103e39;padding:60px;text-align:center;border-radius:20px;margin:0}.joya .joya-cta h2{color:#fff;font-size:clamp(33px,4vw,50px);margin-bottom:30px}.joya .joya-cta .joya-eyebrow{color:#c5d6b7}@media(max-width:980px){.joya{padding:0 12px}.joya-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.joya-three{grid-template-columns:repeat(2,minmax(0,1fr))}.joya-site .joya-hero{grid-template-columns:1fr}.joya-hero-art{min-height:320px}.joya-destination{min-height:270px;border-radius:15px}.joya .joya-home-about{gap:25px}.joya .joya-home-section{padding:45px 20px}}@media(max-width:600px){.joya-head{display:block;padding:26px 22px}.joya-head .joya-btn{margin-top:14px}.joya-two,.joya-three{grid-template-columns:1fr}.joya-card{padding:20px}.joya-metrics{gap:10px}.joya-metrics .joya-card{padding:16px 12px}.joya-metrics strong{font-size:20px}.joya-metrics span{font-size:12px}.joya-filter{display:block}.joya-filter label{min-width:0}.joya button{max-width:100%}.joya .joya-home-about{grid-template-columns:1fr}.joya-hero-copy{padding:38px 25px}.joya .joya-hero p{font-size:15px}.joya .joya-cta{padding:40px 22px}.joya-home-section .joya-card p{min-height:0}.joya-nav{gap:18px}}@media print{.joya-nav,.joya-filter,.joya-form,#joya-new,#joya-expenses,#joya-settings,.joya-actions{display:none}.joya-head{background:white}.joya .joya-head h1,.joya .joya-head p{color:#111}.joya-card{break-inside:avoid}}

/* Joya Valdivia — visual identity, beta 2. Green retains its financial role. */
.joya{--j-ink:#30242a;--j-green:#105b50;--j-muted:#655961;--j-line:#eadfe3;--j-warm:#fbf5f6;--j-brand:#b70d35;--j-wine:#650d20;--j-rose:#ef6c91;--j-cream:#fff5e5}
.joya a,.joya-eyebrow,.joya summary{color:var(--j-brand)}
.joya-head{background:linear-gradient(120deg,#650d20 0%,#a91035 72%,#bf2549 100%);box-shadow:0 10px 28px #650d2012}
.joya-head-brand{display:flex;align-items:center;gap:24px;min-width:0}.joya .joya-panel-logo{display:block;width:132px;height:auto;flex-shrink:0;padding:10px;border-radius:16px;background:#fff8ef}.joya-head-brand h1{font-size:clamp(28px,3.4vw,43px)}
.joya button,.joya .joya-btn{background:var(--j-brand)}
.joya .joya-light{background:var(--j-cream);color:var(--j-wine)!important}
.joya .joya-secondary{background:#fbecf0;color:#930e2e!important;border-color:#ecc6d1}
.joya .joya-whatsapp{background:#137747}.joya .joya-danger{background:#842b3c}
.joya-nav a{color:#850d29}.joya-nav a:hover{color:#b70d35;text-decoration:underline;text-underline-offset:6px}
.joya input:focus,.joya select:focus,.joya textarea:focus{border-color:#b70d35!important}
.joya :focus-visible{outline-color:#bf4262}.joya .joya-hero :focus-visible,.joya .joya-head :focus-visible,.joya .joya-cta :focus-visible{outline-color:#ffd5de}
.joya-metrics .joya-card{border-top:3px solid #e7a2b5}.joya-metrics .joya-card:nth-child(4),.joya-metrics .joya-card:nth-child(5){border-top-color:#278169;background:#f3f8f4}
.joya .joya-metrics .joya-accent{background:#105b50;border-color:#105b50;color:#fff}.joya .joya-accent span{color:#e2f0e7}
.joya-pill{background:#e7f3ed;color:#105b50}.joya-notice{background:#fff5e5;border-color:#e9d8b9;color:#563c28}
.joya .joya-two>.joya-card>.joya-eyebrow{color:#105b50}.joya .joya-two>.joya-card>.joya-large{color:#105b50}
.joya table thead{background:#faedf1}.joya fieldset legend{color:#850d29}
.joya-site .joya-hero{background:linear-gradient(125deg,#650d20 0%,#92122e 56%,#bd2b4d 100%)}
.joya .joya-hero .joya-eyebrow{color:#ffd0dc}.joya .joya-hero p{color:#f8e3e9}.joya .joya-hero h1{color:#fff}
.joya-hero-tags{color:#f8e3e9}.joya-hero-tags span:before{color:#ffd3a1}
.joya-hero-art{background:radial-gradient(ellipse at 60% 20%,#ffe4da 0%,#fbecef 45%,#fff6e8 100%);padding:32px}
.joya-brand-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;position:relative;z-index:1;width:100%;min-width:0}
.joya .joya-hero-art .joya-hero-logo{position:static;display:block;width:100%;max-width:440px;height:auto;object-fit:contain;filter:drop-shadow(0 12px 16px #650d201a)}
.joya-brand-tag{font-family:Georgia,serif;font-size:23px;line-height:1.35;text-align:center;color:#650d20}
.joya-brand-route{display:block;width:100%;background:#105b50;color:#fff;border-radius:30px;padding:13px 18px;text-align:center;font-size:12px;letter-spacing:.03em}
.joya-home-section .joya-card{background:#fffbfc;border-top:3px solid #cc3e60}.joya-service-number{color:#a31e3f}
.joya .joya-home-about{background:#f0f6f1;border-color:#d9e7dd}.joya-home-about .joya-eyebrow{color:#105b50}.joya-home-about h2{color:#164d40}
.joya-dest-card{background:#fae5eb;border-bottom:3px solid #cb365c}.joya-dest-card:nth-child(2){background:#fff0dd;border-bottom-color:#bc8950}.joya-dest-card:nth-child(3){background:#e7f1e9;border-bottom-color:#28795e}
.joya .joya-cta{background:linear-gradient(120deg,#103e39,#105b50)}.joya .joya-cta .joya-eyebrow{color:#d7eadc}
@media(max-width:980px){.joya-head-brand{gap:16px}.joya .joya-panel-logo{width:105px}.joya-brand-art{max-width:440px;margin:auto}.joya-hero-art{padding:35px}}
@media(max-width:600px){.joya-head-brand{align-items:flex-start}.joya .joya-panel-logo{width:84px;padding:7px}.joya-head-brand h1{font-size:28px}.joya-head-brand .joya-eyebrow{font-size:9px;letter-spacing:.09em}.joya-head-brand p{font-size:12px;overflow-wrap:anywhere}.joya-hero-art{padding:28px 20px}.joya-brand-tag{font-size:21px}.joya-brand-art{gap:18px}}
@media print{.joya-head{background:#fff;box-shadow:none}.joya .joya-head .joya-eyebrow{color:#850d29}.joya .joya-head h1,.joya .joya-head p{color:#30242a}.joya .joya-panel-logo{width:90px}}
/* Customers, quotes and credit */
.joya .joya-client-picker{padding:20px;background:#fbf0f3;border:1px solid #efd9e0;border-radius:12px;margin-bottom:20px}.joya .joya-client-picker p,.joya .joya-help{font-size:13px;margin-bottom:12px}.joya .joya-client-fields input[readonly]{background:#f5f4f4!important;color:#5e5056!important}.joya-client-directory>details{border-top:1px solid var(--j-line);padding-top:12px}.joya-client-directory summary .joya-pill{display:inline-block;margin:5px 0 5px 12px}.joya-credit-cards{margin:24px 0}.joya-credit-cards article{padding:20px;border-radius:12px;background:#f6f5f2}.joya-credit-cards article:nth-child(2){background:#fff0f3}.joya-credit-cards article:nth-child(3){background:#eaf4ee}.joya-credit-cards span{display:block;font-size:13px}.joya-credit-cards strong{display:block;font-size:25px;margin-top:8px;overflow-wrap:anywhere}
/* Compact customer forms and explicit delivery controls — beta 4 */
.joya .joya-client-compact{max-width:940px;margin-bottom:16px}.joya .joya-client-fields{gap:10px 14px}.joya .joya-client-fields label{font-size:12px;margin-bottom:5px}.joya .joya-client-fields input{min-height:40px;padding:9px 11px!important;margin-top:4px;font-size:14px!important}.joya .joya-client-extra{margin:8px 0 10px!important}.joya .joya-client-extra summary{font-size:13px;padding:6px 0}.joya .joya-client-extra[open]>summary{margin-bottom:12px}.joya .joya-client-compact .joya-help{font-size:12px;margin:8px 0;color:#655961}.joya .joya-client-picker{padding:14px 16px;margin-bottom:12px}.joya .joya-client-picker label{margin-bottom:6px}.joya .joya-client-picker p{margin:5px 0 0;font-size:12px}.joya .joya-email-row{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:12px;align-items:end;max-width:660px;margin:14px 0}.joya .joya-email-row label{margin:0}.joya .joya-mail-status{font-size:12px;background:#f6f1f3;padding:12px;border-left:3px solid #b70d35;border-radius:6px;overflow-wrap:anywhere}.joya .joya-delivery .joya-help{font-size:12px;max-width:800px}.joya .joya-mail-test{margin:24px 0;padding:18px;background:#f4f8f5;border:1px solid #dce8df;border-radius:12px}
@media(max-width:600px){.joya .joya-client-fields input{min-height:44px;font-size:16px!important}.joya .joya-email-row{grid-template-columns:1fr}.joya .joya-email-row button{justify-self:start}}
