@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-synthesis:none;color:#172538;background:#f5f7fa;--navy:#0c1828;--ink:#172538;--teal:#13c8b6;--muted:#738096;--border:#e5ebf0}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}a{color:#087f86;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}h1,h2,p{margin-top:0}h1,h2{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.045em}.site-header{background:var(--navy);color:#fff;padding:19px 30px;border-bottom:1px solid #263345}.wrap{max-width:1300px;margin:0 auto}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:13px}.brand-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;background:var(--teal);color:var(--navy);font-size:32px;font-weight:800;line-height:1}.brand-copy strong{display:block;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.06em}.brand-copy strong span{color:#54e1d6}.brand-copy small{display:block;margin-top:2px;font-size:9px;letter-spacing:.19em;color:#94a4b8;font-weight:800}.header-side{font-size:10px;letter-spacing:.13em;font-weight:800;color:#b3bfce;display:flex;align-items:center;gap:11px}.online-dot,.live-pulse{display:inline-block;background:var(--teal);width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #13c8b622}.header-separator{color:#5b6978}.main-shell{width:min(1190px,calc(100% - 48px));margin:0 auto;flex:1}.hero{background:#0c1828;color:#fff;position:relative;overflow:hidden;padding:47px 52px 46px;margin-top:28px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;min-height:245px;background-image:radial-gradient(circle at 80% 15%,#194759 0,transparent 40%),linear-gradient(110deg,#0c1828,#102337)}.hero:after{content:"";position:absolute;right:110px;top:-110px;width:340px;height:340px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff05;pointer-events:none}.eyebrow,.section-index,.panel-kicker{font-size:10px;font-weight:800;letter-spacing:.18em}.eyebrow{color:#62e3d7;display:flex;align-items:center;gap:11px}.eyebrow-line{width:21px;height:2px;background:currentColor;display:inline-block}.eyebrow-index{color:#74899a}.hero h1{font-size:clamp(29px,4vw,48px);line-height:1.15;margin:16px 0 13px;font-weight:800}.hero h1 span,.customer-card h1 span{color:#61dfd3}.hero-desc{max-width:620px;line-height:1.65;color:#aab9c9;font-size:14px;margin:0}.hero-mark{width:160px;height:137px;border:1px solid #ffffff20;border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:1;transform:rotate(-7deg);background:#ffffff08;box-shadow:12px 14px 0 #ffffff07;flex-shrink:0}.hero-mark span{font-family:Manrope,sans-serif;font-size:68px;font-weight:800;line-height:1;color:#60dfd3;letter-spacing:-.1em}.hero-mark small{font-size:9px;color:#adc0cd;letter-spacing:.24em;margin-top:8px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:33px 0 17px}.section-index{color:#168f92}.section-heading h2{font-size:21px;margin:5px 0 0}.section-caption{font-size:10px;font-weight:800;color:#67788a;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.live-pulse{width:7px;height:7px}.split{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:20px}.panel{background:#fff;border-radius:18px;padding:28px;border:1px solid #e6edf2;box-shadow:0 9px 32px #122b4110}.panel-heading{display:flex;align-items:center;gap:13px}.panel-icon{display:grid;place-items:center;background:#e4f9f5;color:#008d86;border-radius:12px;width:45px;height:45px;font-size:29px;font-weight:500;flex-shrink:0}.panel-icon.icon-alt{background:#edf3ff;color:#42649a;font-size:25px}.panel-kicker{display:block;color:#178a8e;font-size:9px}.panel h2{margin:5px 0 0;font-size:21px}.panel-intro{font-size:13px;line-height:1.65;color:#7b8998;margin:17px 0 23px}.form-panel label{font-size:12px;font-weight:800;display:block;margin:19px 0 8px;color:#253247}.required{color:#15a99e}.form-panel input,.form-panel textarea{width:100%;border:1px solid #dce5ec;border-radius:10px;padding:13px 15px;background:#fbfcfe;outline:none;color:#182e40;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-panel input::placeholder,.form-panel textarea::placeholder{color:#a0abb9}.form-panel input:focus,.form-panel textarea:focus{border-color:#18bbae;box-shadow:0 0 0 3px #13c8b619}.form-panel textarea{min-height:106px;resize:vertical}.input-currency{position:relative}.input-currency input{padding-right:77px}.input-currency span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#8896a6;font-size:11px;font-weight:800;pointer-events:none}.btn{border:0;border-radius:10px;min-height:43px;padding:11px 16px;font-weight:800;font-size:12px;transition:transform .16s,background .16s,box-shadow .16s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible,a:focus-visible{outline:3px solid #56b5ec;outline-offset:3px}.btn.primary,.btn:not(.secondary):not(.approve):not(.reject){background:#0a928e;color:#fff}.btn.primary:hover{background:#087e7c;box-shadow:0 7px 16px #0a928e33}.create-button{margin-top:23px;width:100%;display:flex;justify-content:center;align-items:center;gap:14px;font-size:13px;min-height:49px}.create-button span{font-size:19px;font-weight:400}.btn.secondary{color:#32485d;background:#edf3f6}.btn.secondary:hover{background:#e1eaf0}.panel-footnote{margin-top:18px;border-top:1px solid #edf1f5;padding-top:17px;font-size:11px;color:#8796a5;display:flex;align-items:center;gap:9px}.panel-footnote span{color:#0ca49e;font-size:17px}.list-heading{justify-content:space-between;gap:9px}.list-title{display:flex;gap:13px;align-items:center}.refresh-button{white-space:nowrap}.refresh-button span{font-size:17px;vertical-align:-1px;margin-right:4px}.item{border:1px solid #e6ebef;border-radius:13px;padding:20px;margin-top:12px;overflow-wrap:anywhere;position:relative;background:#fff;transition:box-shadow .18s,border-color .18s}.item:hover{border-color:#cae6e4;box-shadow:0 7px 22px #162b400a}.itemTop{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.itemTop strong{font-size:15px;letter-spacing:.015em}.item>p{font-size:13px;color:#5b6d7d;line-height:1.6;margin:14px 0 9px}.item>strong{font-size:14px;font-weight:800}.pill{border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.06em;background:#fff5e0;color:#a36c00}.pill.aprobado{background:#e3f8ed;color:#087946}.pill.rechazado{background:#ffebee;color:#af3845}.btns{display:flex;flex-wrap:wrap;gap:13px;margin-top:18px;align-items:center}.btns .btn{flex:1}.btns a{font-size:12px}.notice{font-size:11px!important;color:#8b98a7!important}.alert{border-radius:9px;padding:13px 15px;background:#e8f8f6;color:#12685f;margin:16px 0;font-size:13px}.alert.error{background:#ffebee;color:#aa3343}.disclaimer{display:flex;align-items:flex-start;gap:12px;margin:21px 0 36px;background:#edf2f6;border:1px solid #e4eaf1;border-radius:12px;padding:15px 18px;color:#7b8795;font-size:11px;line-height:1.7}.disclaimer strong{color:#546577}.disclaimer-symbol{font-size:17px;color:#2a93a2}.site-footer{border-top:1px solid #e5eaf0;padding:20px max(24px,calc((100vw - 1190px)/2));display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#93a0ad;font-size:11px}.signature strong,.signature{color:#556b80;font-weight:700}.signature-separator{margin:0 4px;color:#b1bac3}
/* Customer view: only visual layout; existing decision controls and API remain unchanged. */
.customer-main{flex:1;width:min(760px,calc(100% - 32px));margin:52px auto 30px}.customer-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.customer-topline .eyebrow{color:#168e8b}.customer-secure{color:#8b99a8;font-size:10px;letter-spacing:.13em;font-weight:800}.customer-card{padding:0;overflow:hidden}.customer-card-heading{background:#102438;color:#fff;padding:39px 43px 33px;position:relative;overflow:hidden}.customer-decoration{position:absolute;right:30px;top:12px;font-size:110px;color:#ffffff0a;line-height:1}.customer-card-heading .panel-kicker{color:#71e0d2}.customer-card h1{font-size:clamp(27px,4vw,36px);margin:14px 0 10px}.customer-card-heading .muted{color:#a4b5c5;font-size:13px;line-height:1.6;margin-bottom:0}.customer-content{padding:30px 43px 38px}.customer-content h2{font-size:12px;color:#8694a1;letter-spacing:.14em;font-weight:800;text-transform:uppercase;margin:0 0 18px}.customer-content #contenido>h2{font-size:17px;color:#203246;letter-spacing:-.02em;text-transform:none;margin-bottom:12px}.customer-content #contenido>p{font-size:14px;line-height:1.7;color:#586b7e;margin:12px 0}.customer-content #contenido>p.price{font-family:Manrope,sans-serif;font-size:37px;color:#0d2a3d;font-weight:800;letter-spacing:-.06em;margin:4px 0 23px}.customer-content #contenido>p.alert{background:#e9f8f6;color:#087e77;padding:15px 17px;font-size:13px;font-weight:800}.customer-content #contenido>p.notice{color:#8796a6!important}.customer-content .btns{margin-top:21px}.btn.approve{background:#087e6a;color:#fff;font-size:13px;padding:15px 22px}.btn.reject{background:#fceced;color:#a93645;font-size:13px;padding:15px 22px}.customer-page .disclaimer{margin-top:18px}.customer-page .site-footer{margin-top:auto}
@media(max-width:850px){.hero-mark{display:none}.split{grid-template-columns:1fr}.list-panel{min-height:270px}.hero{padding:35px}.header-side{font-size:9px}}@media(max-width:560px){.site-header{padding:14px 18px}.header-side{display:none}.main-shell{width:calc(100% - 26px)}.hero{margin-top:14px;padding:29px 23px;min-height:0}.hero h1{font-size:30px}.section-heading{margin:26px 0 14px}.section-caption{display:none}.panel{padding:21px 18px}.panel h2{font-size:19px}.panel-intro{margin:14px 0 20px}.refresh-button{padding:10px;font-size:11px}.list-heading,.list-title{gap:8px}.list-heading .panel-icon{display:none}.btns{flex-direction:column;align-items:stretch}.btns .btn,.btns a{width:100%;text-align:center}.site-footer{padding:20px;flex-direction:column;gap:7px}.customer-main{margin:25px auto}.customer-secure{display:none}.customer-card-heading{padding:30px 23px}.customer-content{padding:27px 23px}.customer-content .btns{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

    
/* TallerConecta - Galería de averías */
.galeria-averias {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 12px;
  margin: 18px 0 24px;
}
.galeria-averias img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  cursor: pointer;
}
.galeria-averias img:hover {
  opacity: .85;
}

/* Fotografías - TallerConecta 2.0 */
.fotos-campo {
  margin: 22px 0;
  padding: 20px;
  border: 1px dashed #27c5bd;
  border-radius: 14px;
  background: rgba(39,197,189,.06);
}
.fotos-campo label {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}
.fotos-ayuda {
  font-size: 13px;
  opacity: .8;
  margin-bottom: 14px;
}
.fotos-campo input[type="file"] {
  width: 100%;
  max-width: 100%;
  font-size: 14px;
}
.fotos-campo small {
  display: block;
  margin-top: 10px;
  opacity: .7;
}
.preview-fotos {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.preview-fotos img {
  width: 85px;
  height: 85px;
  object-fit: cover;
  border-radius: 10px;
}