
/* Crecer Grande Website V2.6 — Part 3: 3D Printing & CAD Quotation Platform */
:root{--p3-blue:#0b315c;--p3-soft:#f5f8fc;--p3-cyan:#8fd5ff}
.print3d-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 18%,rgba(244,176,0,.18),transparent 24%),linear-gradient(135deg,#020c1b 0%,#061a36 55%,#0d315c 100%);color:#fff;padding:82px 0}
.print3d-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.print3d-hero .container{position:relative;z-index:2}.print3d-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.print3d-hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}.print3d-hero h1 em{font-style:normal;color:var(--gold)}.print3d-hero p{max-width:720px;color:#cedbeb;font-size:16px}.print3d-hero .eyebrow{color:var(--gold-2)}
.print3d-visual{position:relative;min-height:430px;border:1px solid rgba(255,255,255,.13);border-radius:26px;overflow:hidden;background:#071a36;box-shadow:0 28px 80px rgba(0,0,0,.35)}.print3d-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82}.print3d-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,19,40,.05),rgba(5,19,40,.85))}.print3d-visual .float{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.print3d-visual .float div{padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(3,14,31,.78);backdrop-filter:blur(8px)}.print3d-visual .float span{display:block;color:#9fb1c7;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.print3d-visual .float b{display:block;margin-top:3px;color:#fff;font-size:13px}
.process-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.process-card{position:relative;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.process-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)}.process-card .mode{display:inline-flex;padding:4px 7px;border-radius:999px;background:#fff5d9;color:#835800;font-size:8px;font-weight:900;letter-spacing:.08em}.process-card h3{margin:8px 0 6px;font-size:19px}.process-card p{color:var(--muted);font-size:11px;margin:0 0 10px}.process-card ul{margin:0;padding-left:17px}.process-card li{margin:5px 0;color:#58687d;font-size:10px}
.platform-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.platform-step{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.platform-step span{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--navy);color:var(--gold);font-weight:900;font-size:9px}.platform-step h3{font-size:15px;margin:10px 0 5px}.platform-step p{font-size:10px;color:var(--muted);margin:0}
.quote3d-shell{padding:64px 0;background:linear-gradient(180deg,#fff,#f6f8fb)}.quote3d-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;align-items:start}.quote3d-main{display:grid;gap:15px}.q3-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:0 8px 28px rgba(7,26,54,.04)}.q3-title{display:flex;gap:13px;align-items:flex-start}.q3-title>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:10px;font-weight:900}.q3-title h2{margin:0 0 4px;font-size:22px}.q3-title p{margin:0;color:var(--muted);font-size:11px}
.q3-drop{display:block;margin-top:16px;padding:34px 18px;border:1.5px dashed #a9b8cc;border-radius:16px;background:#f8faff;text-align:center;cursor:pointer;transition:.2s}.q3-drop.drag,.q3-drop:hover{border-color:#d49500;background:#fff9e8}.q3-drop input{display:none}.q3-drop strong{display:block;font-size:16px}.q3-drop small{display:block;margin-top:5px;color:#6f7f94}.q3-filebar{display:flex;justify-content:space-between;gap:15px;margin-top:10px;padding:9px 11px;border-radius:10px;background:#f6f8fb;font-size:10px;color:#65758b}.q3-filebar b{color:#2f4058}.q3-state{margin-top:9px;padding:10px;border-radius:10px;background:#f5f7fa;color:#65758b;font-size:10px}.q3-state.ok{background:#eff8f3;color:#17643f}.q3-state.warn{background:#fff8e4;color:#795400}.q3-state.error{background:#fff0f0;color:#8f2929}
.viewer3d{position:relative;height:450px;margin-top:15px;border-radius:17px;overflow:hidden;background:linear-gradient(150deg,#06142b,#0b2c54)}.viewer3d canvas{width:100%;height:100%;display:block}.viewer3d-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:#aebdd1;font-size:11px;pointer-events:none}.viewer3d-hud{position:absolute;top:12px;left:12px;z-index:3;display:flex;gap:6px;flex-wrap:wrap}.viewer3d-hud span{padding:5px 7px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(3,14,31,.72);color:#d9e4f1;font-size:8px}
.mesh-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.mesh-controls label,.config3-grid label,.contact3-grid label{display:block;color:#44546a;font-size:9px;font-weight:900}.mesh-controls select,.config3-grid input,.config3-grid select,.config3-grid textarea,.contact3-grid input,.contact3-grid textarea{width:100%;margin-top:4px;padding:10px 11px;border:1px solid #cbd6e4;border-radius:10px;background:#fff;outline:none}.mesh-controls select:focus,.config3-grid input:focus,.config3-grid select:focus,.contact3-grid input:focus,.contact3-grid textarea:focus{border-color:#d49900;box-shadow:0 0 0 3px rgba(244,176,0,.11)}
.geo-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px}.geo-metric{padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff}.geo-metric span{display:block;color:#7a899d;font-size:7px;text-transform:uppercase;letter-spacing:.07em}.geo-metric b{display:block;margin-top:2px;font-size:13px}.geo-metric small{color:#8a98aa;font-size:7px}
.model-alerts{display:grid;gap:6px;margin-top:10px}.model-alert{padding:8px 10px;border-radius:9px;background:#f7f9fc;color:#57677d;font-size:9px}.model-alert.warn{background:#fff7df;color:#7d5700}
.config3-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.config3-grid .wide{grid-column:1/-1}.config3-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.config-note{margin-top:9px;color:#718096;font-size:9px}
.toggle-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.toggle-chip{display:flex;gap:6px;align-items:center;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:#fafbfd;color:#58687d;font-size:9px}.toggle-chip input{margin:0}
.quote3d-summary{position:sticky;top:98px;border-radius:21px;padding:20px;background:radial-gradient(circle at 85% 5%,rgba(244,176,0,.18),transparent 24%),linear-gradient(145deg,#031225,#0b2c54);color:#fff;box-shadow:0 20px 60px rgba(5,20,42,.22)}.quote3d-summary .subhead{color:var(--gold)}.quote3d-price{font-size:42px;line-height:1;font-weight:900;color:var(--gold);margin:5px 0}.quote3d-summary>p{font-size:10px;color:#c2cede}.quote3d-breakdown{margin:14px 0;padding:12px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.quote3d-breakdown div{display:flex;justify-content:space-between;gap:14px;margin:7px 0;font-size:9px}.quote3d-breakdown span{color:#aebed0}.quote3d-breakdown b{text-align:right}.quote3d-summary .btn{width:100%;margin-top:10px}.quote3d-summary .small-note{margin-top:10px;color:#a9bacd;font-size:8px;line-height:1.5}.contact3-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.contact3-grid .wide{grid-column:1/-1}.contact3-grid label{color:#d6e0ec}.contact3-grid input,.contact3-grid textarea{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}.contact3-grid input::placeholder,.contact3-grid textarea::placeholder{color:#94a8bf}
.quote-action-row{display:grid;grid-template-columns:1fr auto;gap:8px}.quote-copy{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:10px;padding:10px 11px;cursor:pointer;font-weight:800}
.material-advisor{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f7faff)}.advisor-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.advisor-actions button{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#fff;color:#4d5e73;cursor:pointer;font-size:9px;font-weight:800}.advisor-actions button.active,.advisor-actions button:hover{background:var(--navy);border-color:var(--navy);color:#fff}.advisor-result{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.advisor-result .mini{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.advisor-result .mini b{display:block;font-size:11px}.advisor-result .mini span{display:block;margin-top:4px;color:#6d7c91;font-size:8px}
.material-page-toolbar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.material-page-toolbar select,.material-page-toolbar input{padding:10px;border:1px solid #cbd6e4;border-radius:10px;background:#fff}.material-cards-v26{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.mat-card-v26{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}.mat-card-v26.selected{border-color:var(--gold);box-shadow:0 0 0 2px rgba(244,176,0,.12)}.mat-card-v26 h3{margin:7px 0 5px;font-size:16px}.mat-card-v26 p{margin:0;color:var(--muted);font-size:10px}.mat-card-v26 .prop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.prop{padding:7px;border-radius:8px;background:#f5f7fa}.prop span{display:block;color:#77869a;font-size:7px;text-transform:uppercase}.prop b{font-size:10px}.mat-card-v26 .mat-actions{display:flex;gap:6px;margin-top:12px}.mat-card-v26 button,.mat-card-v26 a{border:1px solid var(--line);border-radius:9px;padding:7px 8px;background:#fff;color:#35475f;font-size:8px;font-weight:800;cursor:pointer}.mat-card-v26 a{background:var(--navy);color:#fff}
.compare-wrap{margin-top:22px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.compare-table{width:100%;border-collapse:collapse;min-width:720px;font-size:10px}.compare-table th,.compare-table td{padding:10px 12px;border-bottom:1px solid #e9edf3;text-align:left}.compare-table th{background:#f6f8fb;color:#33445c}.compare-table td:first-child{font-weight:800}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.guide-card{padding:19px;border:1px solid var(--line);border-radius:16px;background:#fff}.guide-card h3{margin:5px 0 7px}.guide-card p,.guide-card li{color:#58687d;font-size:10px}.guide-card ul{padding-left:18px}
.file-format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.file-format{padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.file-format b{display:block}.file-format span{display:block;margin-top:4px;color:var(--muted);font-size:9px}
@media(max-width:1050px){.print3d-hero-grid{grid-template-columns:1fr}.print3d-visual{min-height:360px}.process-cards{grid-template-columns:repeat(2,1fr)}.quote3d-layout{grid-template-columns:1fr}.quote3d-summary{position:static}.geo-metrics{grid-template-columns:repeat(3,1fr)}.material-cards-v26{grid-template-columns:repeat(2,1fr)}.file-format-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.print3d-hero{padding:58px 0}.print3d-hero h1{font-size:40px}.print3d-visual{min-height:320px}.print3d-visual .float{grid-template-columns:1fr}.process-cards,.platform-strip,.material-cards-v26,.guide-grid,.file-format-grid{grid-template-columns:1fr}.viewer3d{height:330px}.geo-metrics{grid-template-columns:repeat(2,1fr)}.mesh-controls,.config3-grid,.config3-inline,.contact3-grid,.material-page-toolbar{grid-template-columns:1fr}.config3-grid .wide,.contact3-grid .wide{grid-column:auto}.advisor-result{grid-template-columns:1fr}.quote-action-row{grid-template-columns:1fr}}
