/* Landing y cotización pública Sonne — aislado bajo #sonne-landing / .sonne-doc-wrap */
#sonne-landing{--navy:#0f1e33;--navy-2:#16294a;--navy-soft:#1e3a5f;--amber:#f2a516;--amber-2:#ffbb3d;--sky:#3ea0d8;--ink:#0f1e33;--muted:#5b6b80;--line:#e4e9f0;--bg:#f6f8fb;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.6}
#sonne-landing *{box-sizing:border-box}
#sonne-landing .container{width:min(1180px,92%);margin:0 auto}
#sonne-landing section{padding:80px 0}
#sonne-landing h1,#sonne-landing h2,#sonne-landing h3{line-height:1.15;letter-spacing:-.02em;margin:0}
#sonne-landing .eyebrow{color:var(--amber);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
#sonne-landing .lead{color:var(--muted);font-size:1.08rem}
#sonne-landing .sbtn{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:.98rem;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:.2s}
#sonne-landing .sbtn-primary{background:var(--amber);color:var(--navy)}#sonne-landing .sbtn-primary:hover{background:var(--amber-2)}
#sonne-landing .sbtn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
#sonne-landing .sbtn-dark{background:var(--navy);color:#fff}
#sonne-landing .sbtn-wa{background:#25d366;color:#fff}
#sonne-landing .hero{background:radial-gradient(1100px 500px at 78% -10%,rgba(62,160,216,.28),transparent),linear-gradient(160deg,var(--navy),var(--navy-2) 55%,#0b1626);color:#fff;position:relative;overflow:hidden;padding:80px 0 90px;border-radius:0}
#sonne-landing .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;position:relative;z-index:2}
#sonne-landing .hero h1{font-size:2.9rem;font-weight:800;margin-bottom:20px;color:#fff}#sonne-landing .hero h1 em{color:var(--amber);font-style:normal}
#sonne-landing .hero .lead{color:#c3d0e0;font-size:1.12rem;max-width:520px}
#sonne-landing .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
#sonne-landing .hero-badges{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap;color:#c3d0e0;font-size:.92rem;font-weight:500}
#sonne-landing .hero-art{position:relative;height:400px}
#sonne-landing .slat{position:absolute;border-radius:14px;box-shadow:0 10px 40px rgba(15,30,51,.2)}
#sonne-landing .art-card{position:absolute;background:#fff;color:var(--navy);border-radius:14px;padding:12px 16px;box-shadow:0 20px 50px rgba(0,0,0,.3);font-weight:700;font-size:.9rem}#sonne-landing .art-card small{display:block;color:var(--muted);font-weight:500;font-size:.74rem}
#sonne-landing .stats{background:#fff;border-bottom:1px solid var(--line)}#sonne-landing .stats .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:32px 0}#sonne-landing .stat{text-align:center}#sonne-landing .stat b{display:block;font-size:2rem;color:var(--navy);font-weight:800}#sonne-landing .stat span{color:var(--muted);font-size:.9rem;font-weight:600}
#sonne-landing .sec-head{text-align:center;max-width:660px;margin:0 auto 48px}#sonne-landing .sec-head h2{font-size:2.15rem;font-weight:800;margin-bottom:14px}#sonne-landing .sec-head p{color:var(--muted)}
#sonne-landing .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#sonne-landing .card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;transition:.25s}#sonne-landing .card:hover{transform:translateY(-6px);box-shadow:0 10px 40px rgba(15,30,51,.1)}#sonne-landing .card h3{font-size:1.2rem;margin-bottom:10px;color:var(--navy)}#sonne-landing .card p{color:var(--muted);font-size:.95rem}
#sonne-landing .portfolio{background:#fff}#sonne-landing .gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:16px}
#sonne-landing .shot{border-radius:14px;overflow:hidden;position:relative;color:#fff;display:flex;align-items:flex-end;padding:18px;font-weight:700}#sonne-landing .shot span{position:relative;z-index:2}#sonne-landing .shot small{position:relative;z-index:2;display:block;font-weight:500;font-size:.78rem;opacity:.85}#sonne-landing .shot::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,30,51,.75),transparent 60%);z-index:1}#sonne-landing .shot.big{grid-column:span 2;grid-row:span 2}#sonne-landing .shot.wide{grid-column:span 2}
#sonne-landing .quoter{background:linear-gradient(160deg,#0b1626,var(--navy));color:#fff}#sonne-landing .quoter .sec-head h2{color:#fff}#sonne-landing .quoter .sec-head p{color:#c3d0e0}
#sonne-landing .quote-wrap{display:grid;grid-template-columns:1.25fr .95fr;background:#fff;border-radius:22px;overflow:hidden;color:var(--ink);box-shadow:0 10px 40px rgba(0,0,0,.25)}
#sonne-landing .quote-form{padding:38px}#sonne-landing .quote-form h3{font-size:1.3rem;margin-bottom:6px;color:var(--navy)}#sonne-landing .quote-form .hint{color:var(--muted);font-size:.9rem;margin-bottom:24px}
#sonne-landing .field{margin-bottom:20px}#sonne-landing .field label{display:block;font-weight:700;font-size:.86rem;margin-bottom:8px}
#sonne-landing .prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#sonne-landing .prod-opt{border:2px solid var(--line);border-radius:12px;padding:14px 8px;text-align:center;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--muted)}#sonne-landing .prod-opt.active{border-color:var(--amber);background:#fff8ec;color:var(--navy)}
#sonne-landing .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#sonne-landing input,#sonne-landing select{width:100%;padding:13px 14px;border:2px solid var(--line);border-radius:11px;font-family:inherit;font-size:.95rem;color:var(--ink);background:#fff}#sonne-landing input:focus{outline:none;border-color:var(--sky)}
#sonne-landing .opts{display:flex;gap:10px;flex-wrap:wrap}#sonne-landing .chip{border:2px solid var(--line);border-radius:999px;padding:8px 15px;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--muted);user-select:none}#sonne-landing .chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}
#sonne-landing .quote-result{background:linear-gradient(160deg,var(--navy),var(--navy-2));color:#fff;padding:38px;display:flex;flex-direction:column}#sonne-landing .quote-result h4{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:0 0 20px}
#sonne-landing .price-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;text-align:center;margin-bottom:20px}#sonne-landing .price-box .num{font-size:2.5rem;font-weight:800}#sonne-landing .price-box .num small{font-size:1rem;color:#c3d0e0}#sonne-landing .price-box .rng{color:#c3d0e0;font-size:.86rem;margin-top:4px}#sonne-landing .price-box .est{color:var(--amber-2);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
#sonne-landing .breakdown{font-size:.88rem;color:#c3d0e0;margin-bottom:auto}#sonne-landing .breakdown div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.12)}#sonne-landing .breakdown b{color:#fff}
#sonne-landing .quote-result .sbtn{width:100%;justify-content:center;margin-top:20px}
#sonne-landing .capture{display:none}#sonne-landing .capture.show{display:block}#sonne-landing .capture input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;margin-bottom:12px}#sonne-landing .capture input::placeholder{color:#93a4bb}
#sonne-landing .success-msg{display:none;text-align:center;padding:20px 0}#sonne-landing .success-msg.show{display:block}#sonne-landing .success-msg .ok-ic{width:60px;height:60px;border-radius:50%;background:rgba(31,157,107,.2);display:grid;place-items:center;margin:0 auto 16px;color:#4ade80;font-size:1.6rem;font-weight:800}
#sonne-landing .cta-band{background:linear-gradient(120deg,var(--amber),var(--amber-2));color:var(--navy)}#sonne-landing .cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}#sonne-landing .cta-band h2{font-size:1.8rem;font-weight:800}#sonne-landing .cta-band p{font-weight:600;opacity:.85}
#sonne-landing footer{background:var(--navy);color:#c3d0e0;padding:56px 0 26px}#sonne-landing .foot-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;margin-bottom:32px}#sonne-landing .fbrand{color:#fff;font-size:1.1rem;margin-bottom:12px}#sonne-landing footer h5{color:#fff;margin:0 0 14px}#sonne-landing .foot-contact div{margin-bottom:8px;font-size:.92rem}#sonne-landing .foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem}
#sonne-landing .chat-fab{position:fixed;right:24px;bottom:24px;z-index:9998;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-2));border:0;cursor:pointer;box-shadow:0 12px 30px rgba(242,165,22,.4);font-size:1.6rem}#sonne-landing .chat-fab .pulse{position:absolute;top:-2px;right:-2px;width:14px;height:14px;background:#ef4444;border-radius:50%;border:2px solid #fff}
#sonne-landing .chat-win{position:fixed;right:24px;bottom:94px;z-index:9999;width:360px;max-width:calc(100vw - 32px);height:500px;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.35);display:none;flex-direction:column;overflow:hidden}#sonne-landing .chat-win.show{display:flex}
#sonne-landing .chat-head{background:var(--navy);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}#sonne-landing .chat-head .cav{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-2));display:grid;place-items:center;color:var(--navy);font-weight:800}#sonne-landing .chat-head b{font-size:.95rem;display:block}#sonne-landing .chat-head small{color:#9fb0c6;font-size:.76rem}#sonne-landing .chat-head .cx{margin-left:auto;background:rgba(255,255,255,.12);border:0;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer}
#sonne-landing .chat-body{flex:1;overflow-y:auto;padding:16px;background:#f3f6fa;display:flex;flex-direction:column;gap:10px}#sonne-landing .msg{max-width:82%;padding:11px 14px;border-radius:14px;font-size:.9rem;line-height:1.45}#sonne-landing .msg.bot{background:#fff;box-shadow:0 4px 16px rgba(15,30,51,.08);border-bottom-left-radius:4px}#sonne-landing .msg.user{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
#sonne-landing .quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 10px;background:#f3f6fa}#sonne-landing .quick button{background:#fff;border:1.5px solid var(--sky);color:var(--navy-soft);border-radius:999px;padding:8px 13px;font-size:.82rem;font-weight:600;cursor:pointer}
#sonne-landing .chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:#fff}#sonne-landing .chat-input input{border-radius:999px;padding:11px 16px}#sonne-landing .chat-input button{background:var(--amber);border:0;border-radius:50%;width:44px;height:44px;flex:none;cursor:pointer;color:var(--navy);font-size:1rem}
@media(max-width:960px){#sonne-landing .hero-grid{grid-template-columns:1fr}#sonne-landing .hero-art{display:none}#sonne-landing .hero h1{font-size:2.3rem}#sonne-landing .cards{grid-template-columns:1fr 1fr}#sonne-landing .quote-wrap{grid-template-columns:1fr}#sonne-landing .gallery{grid-template-columns:1fr 1fr;grid-auto-rows:160px}}
@media(max-width:640px){#sonne-landing .stats .container{grid-template-columns:1fr 1fr}#sonne-landing .cards,#sonne-landing .prod-grid{grid-template-columns:1fr}#sonne-landing .gallery{grid-template-columns:1fr}#sonne-landing .shot.big,#sonne-landing .shot.wide{grid-column:span 1;grid-row:span 1}#sonne-landing .foot-grid{grid-template-columns:1fr}}

/* Documento de cotización pública */
.sonne-doc-wrap{--navy:#0f1e33;--muted:#6b7a90;--line:#e7ecf3;--ok:#1f9d6b;max-width:820px;margin:0 auto;font-family:"Segoe UI",system-ui,sans-serif}
.sonne-doc-wrap .sonne-doc{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(15,30,51,.1)}
.sonne-doc-wrap .doc-head{background:linear-gradient(120deg,#0f1e33,#16294a);color:#fff;padding:24px 30px;display:flex;justify-content:space-between;align-items:center}
.sonne-doc-wrap .doc-head .mk{display:flex;align-items:center;gap:12px}.sonne-doc-wrap .doc-head .m2{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,#f2a516,#ffbb3d);display:grid;place-items:center}
.sonne-doc-wrap .doc-head b{font-size:1.3rem}.sonne-doc-wrap .doc-head span{font-size:.66rem;letter-spacing:.2em;color:#f2a516;text-transform:uppercase}
.sonne-doc-wrap .doc-body{padding:26px 30px}
.sonne-doc-wrap .doc-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.sonne-doc-wrap .doc-meta small{color:var(--muted);text-transform:uppercase;font-size:.66rem;letter-spacing:.08em;font-weight:700}.sonne-doc-wrap .doc-meta b{display:block;font-size:.98rem;color:var(--navy)}
.sonne-doc-wrap .doc-table{width:100%;border-collapse:collapse;margin-bottom:14px}.sonne-doc-wrap .doc-table th{background:#0f1e33;color:#fff;font-size:.72rem;padding:8px 10px}.sonne-doc-wrap .doc-table td{font-size:.88rem;border-top:1px solid var(--line);padding:9px 10px}
.sonne-doc-wrap .doc-tot{margin-left:auto;width:300px}
.sonne-doc-wrap .accept-bar{background:#f7f9fc;border-top:1px solid var(--line);padding:20px 30px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sonne-doc-wrap .accept-bar .note{color:var(--muted);font-size:.9rem;flex:1;min-width:180px}
.sonne-doc-wrap .sbtn{display:inline-flex;align-items:center;gap:7px;padding:12px 22px;border-radius:10px;font-weight:700;font-size:.9rem;border:0;cursor:pointer;text-decoration:none}
.sonne-doc-wrap .sbtn-ok{background:var(--ok);color:#fff}.sonne-doc-wrap .sbtn-ghost{background:#fff;border:1.5px solid var(--line);color:var(--navy)}.sonne-doc-wrap .sbtn-wa{background:#25d366;color:#fff}
.sonne-doc-wrap .doc-actions{text-align:center;margin-top:18px}