@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");:root{--color-principal:#007442}body{font-family:Poppins,sans-serif}body,html{margin:0;padding:0}body,html{overflow-x:hidden;width:100%;background-color:#fff!important}*{box-sizing:border-box}body{background:#f1f4f9}.header-logo{display:flex;align-items:center;justify-content:center;gap:.1rem;margin-bottom:1rem}.linea-separadora{margin:2rem auto 1rem}.linea-separadora,.linea-separadora2{border:none;height:1px;background-color:#e5e7eb;width:90%}.ejemplos-subida{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;max-width:320px;margin:0 auto 2rem}@media (max-width:480px){.ejemplos-subida{padding-bottom:3rem}}.ejemplo{background:#fff;border-radius:.5rem;overflow:hidden;text-align:center;border:1.5px solid #e5e7eb}.ejemplo img{width:100%;height:auto;display:block;object-fit:cover;border-bottom:1px solid #eee}@media (max-width:480px){.ejemplo img{width:100%;max-width:100%;margin:0}}.etiqueta{padding:.5rem 0;font-size:.9rem;font-weight:600;display:flex;justify-content:center;align-items:center;gap:.4rem;background:#fff}.texto-ejemplo{margin-top:.6rem;font-size:.85rem;font-weight:500}.incorrecto{color:#e74c3c}.correcto{color:#007442}.recomendacion-container{align-items:left;justify-content:left;margin-bottom:1rem;text-align:left}.recomendacion-texto{font-size:1rem;font-weight:600;color:#3d431c;text-align:left}.recomendacion-texto2{font-size:.85rem;color:#6e7255;text-align:left}.logo-izquierda{width:70px;height:70px;object-fit:contain;display:inline-block}.recomendaciones-titulo{font-size:.95rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;justify-content:center}.recomendaciones-titulo svg{color:#3d431c!important}.recomendaciones-grid{list-style:none;padding:0;margin:0 auto;display:flex;flex-direction:column;gap:.4rem;width:-moz-fit-content;width:fit-content}.recomendaciones-grid li{display:flex;align-items:center;justify-content:flex-start;font-size:.95rem;color:#1f2937;font-weight:400}.numero{display:inline-block;width:1.5rem;text-align:right;margin-right:.4rem;font-weight:600;color:#1f2937}.texto{text-align:left;font-size:.95rem;color:#1f2937}.titulo-logo{font-size:1.7rem;text-align:center}@media (min-width:640px){.titulo-logo{font-size:2.7rem}}.spinner{width:16px;height:16px;min-width:16px;min-height:16px;border:2px solid #007442;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;box-sizing:border-box}@keyframes spin{to{transform:rotate(1turn)}}.estado-progreso{font-size:.7rem;font-weight:500;text-align:center;margin-bottom:.25rem;display:flex;justify-content:center;align-items:center;gap:.35rem;color:#333}.dots{display:inline-flex}.dots span{width:6px;height:6px;margin:0 2px;border-radius:50%;background:#007442;transform:scale(.3);animation:dotPulse 1.2s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(.3)}50%{transform:scale(1)}}.estado-analisis{font-size:.7rem;font-weight:500;color:#333;font-family:Poppins,sans-serif}.invertido-horizontal{transform:scaleX(-1)!important}.container{background-color:#fff;padding:2rem;text-align:center;width:100%;max-width:700px;margin:0 auto}h1{color:#2c3e50;margin-bottom:2rem}input[type=file]{display:none}.custom-file-upload{width:100%;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;text-transform:none;border:1px solid #007442;color:#007442;border-radius:9999px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.custom-file-upload,.custom-file-upload:hover,.info-text{background-color:#fff}.info-text{border:1.5px solid #e5e7eb;border-radius:15px;padding:1rem;margin:1rem 0;font-family:inherit;color:#007442}.info-tip{font-size:.95rem;color:#4a4a4a;margin-top:.5rem;margin-bottom:1rem;text-align:center}.preview{margin:1rem auto;max-width:150px;max-height:150px;border:1px solid #ccc;border-radius:5px;display:block}.steps{display:flex;justify-content:space-between;margin:1rem 0}.step{flex:1 1;height:6px;margin:0 3px;background:#ccc;border-radius:3px;transition:background .3s ease}.step.active{background:#007442}button{width:100%;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;text-transform:none;border:none;background-color:#007442;color:#fff;border-radius:9999px;cursor:pointer;transition:all .3s ease}button:hover{background:#007442}button:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.resultado-container{margin-top:0;height:auto}.error-banner{background:#fff4e5;color:#b45309;padding:12px 16px;border-radius:8px;margin:0 0 1rem;text-align:center;font-weight:600}.resultado-grafico{display:flex;justify-content:center;align-items:center;height:100%;max-height:100%}.pie-svg{width:auto;height:100%;max-height:100%;max-width:100%;object-fit:contain;display:block}.pie-svg g path,.pie-svg path{fill:#eee;stroke:#000;stroke-width:1.7}.pie-activado,.pie-activado path{fill:url(#pieGradRojo)!important}.resultado-texto ul{text-align:left;padding-left:1.2rem}.resultado-texto{display:flex;flex-direction:column;justify-content:center;height:100%}.resultado-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:center}.resultado-grafico svg{width:420px;height:auto;display:block;margin:0 auto}.resultado-grafico img{width:220px;height:auto;display:block;margin:0 auto}.lista-zonas{margin:.5rem 0 0;padding-left:0;list-style-position:inside;text-align:left}.steps-container{max-width:400px;margin:0 auto}.resultado-center{max-width:700px;margin:0 auto}.preview-wrapper{position:relative;width:-moz-fit-content;width:fit-content;margin:1rem auto}.boton-animado:active{transform:scale(.96);transition:transform .1s ease}.scan-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,rgba(0,255,0,.7),transparent);animation:scan 2s ease-in-out infinite;border-radius:4px;box-shadow:0 0 12px rgba(0,255,0,.6);z-index:5}@keyframes scan{0%{top:0}50%{top:calc(100% - 4px)}to{top:0}}.error-texto{font-weight:500;font-size:1rem;text-align:center;max-width:600px;margin:1.5rem auto 0;padding:0 1rem}.bloque-tendencia{margin-top:1.5rem;text-align:center}.texto-tendencia{font-size:1rem;color:#1f2937;margin-top:.5rem;line-height:1.4;margin-left:1rem}.bloque-zonas{padding-left:.5rem;text-align:center;font-size:13px}.bloque-zonas ul{margin:.5rem 0 0;padding-left:1rem;list-style-type:disc}.titulo-analisis{width:100%;text-align:center;font-size:1.2rem;margin-top:2rem;color:#1b1b1b}.encabezado-upload,.titulo-analisis{display:flex;align-items:center;justify-content:center;gap:.5rem}.encabezado-upload{margin-top:1rem;margin-bottom:.5rem}.texto-upload{font-size:1rem;color:#2c3e50;font-weight:600}.btn-ver-producto{display:inline-block;background-color:#16a34a;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;margin-top:1rem;transition:background-color .3s ease}.resultado-wrapper{margin-top:2rem}.bloque-producto-animado{opacity:0}@keyframes aparecerProducto{to{opacity:1}}.bloque-zonas-alineado{display:flex;flex-direction:column;align-items:flex-start;padding-left:1.2rem;text-align:left}.grupo-analisis{margin-bottom:1rem}.titulo-analisis-bloque svg{display:inline-block;transform:translateY(1px)}.titulo-analisis-bloque{font-size:.9rem;line-height:1.2}.btn-ver-producto:hover{background-color:#15803d}@media (max-width:480px){.recomendaciones-titulo{font-size:.9rem}.recomendaciones-grid{align-items:center}.recomendaciones-grid li{justify-content:flex-start;width:100%;max-width:300px}.numero{min-width:1.5rem;text-align:right;margin-right:.4rem}.texto{text-align:left;font-size:.95rem}.estado-analisis{font-size:.75rem;white-space:nowrap}.spinner{width:12px;height:12px;min-width:12px;min-height:12px;border-width:1.5px}}.bloque-zonas,.lista-zonas li,.resultado-texto p,.resultado-texto ul,.texto-tendencia{font-size:.85rem;line-height:1.4}.resultado-texto strong{font-size:.9rem}.bloque-resultado-final{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.5rem;width:100%;align-items:center}.bloque-superior{display:flex;flex-direction:row;justify-content:center;gap:.75rem;width:100%;flex-wrap:wrap;align-items:stretch}.bloque-zonas-presion-final{background:rgba(1,155,88,.034);border:1px solid rgba(0,116,66,.2);border-radius:1rem;padding:1rem;box-shadow:none;width:min(90vw,300px);align-items:flex-start;text-align:left;min-height:200px}.bloque-zonas-presion-final,.grupo-zonas-texto{display:flex;flex-direction:column;justify-content:center}.bloque-svg-final{background-color:#fff;border:1.5px solid #e5e7eb;border-radius:1rem;padding:0;box-shadow:none;width:260px;display:flex;align-items:center;justify-content:center;height:auto;box-sizing:border-box;min-height:200px}.bloque-svg-final svg{width:100%;height:auto;max-height:180px}.bloque-tendencia-final{background:rgba(1,155,88,.034);border:1px solid rgba(0,116,66,.2);border-radius:1rem;box-shadow:none;display:flex;flex-direction:row;align-items:center;gap:1rem;width:calc(300px + 260px + .75rem);justify-content:center;flex-wrap:wrap}.titulo-analisis-bloque{font-weight:700;font-size:.95rem;color:#3d431c;display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.zonas-detectadas-lista{list-style:none;padding-left:.8rem;margin:0}.zona-item:before{content:"\2022";color:var(--color-principal);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.zona-item{font-size:.95rem;margin-bottom:.4rem;color:#6e7255;line-height:1.5;padding-left:.2rem}.texto-tendencia-final{text-align:center}.texto-pisada-final{font-size:1rem;font-weight:500;color:#6e7255}.imagen-elegimetro{width:100px;height:auto;margin-top:.5rem}@media (max-width:480px){.bloque-superior{flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;width:100%}.bloque-svg-final,.bloque-zonas-presion-final{flex:1 1;max-width:50%;box-sizing:border-box}.imagen-elegimetro{width:70px}.bloque-tendencia-final{flex-direction:row;flex-wrap:nowrap;justify-content:center;width:100%}}@media (max-width:640px){.bloque-superior{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.bloque-svg-final,.bloque-zonas-presion-final{width:48%;max-width:48%}.bloque-tendencia-final{flex-direction:row;width:100%;justify-content:center}}@media (min-width:768px){.bloque-superior{gap:2rem}.bloque-zonas-presion-final{width:300px;min-height:200px;justify-content:center;padding:1.5rem}.bloque-svg-final{width:300px;min-height:200px;padding:0}}.bloque-producto-wrapper{border:1px solid rgba(0,116,66,.2);padding:.75rem;max-width:360px;margin:0 auto}.bloque-producto-wrapper,.cuadro-producto{background-color:#fff;border-radius:12px;width:-moz-fit-content;width:fit-content}.cuadro-producto{padding:.5rem}.enlace-producto{text-align:center;margin-top:1rem}.enlace-producto a{display:inline-block;padding:10px 20px;background-color:#007442;color:#fff;text-decoration:none;border-radius:8px;font-weight:600}.bloque-tiempo-restante{text-align:center;margin:1.2rem auto;background:rgba(0,116,66,.08);padding:.2rem .5rem 1.2rem;border-radius:1rem;max-width:320px}.tiempo-contador{display:flex;justify-content:center;gap:.75rem}.tiempo-contenedor{justify-content:center;gap:.5rem}.error-card,.tiempo-contenedor{display:flex;align-items:center}.error-card{max-width:320px;margin:1.5rem auto;padding:1.5rem 1.25rem;text-align:center;background:#fff5f5;border:1px solid #f5c2c7;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.05);flex-direction:column;gap:1rem}.error-icon{color:#e63946}.error-copy{font-size:.9rem;line-height:1.35;font-weight:500;color:#333;margin:0}.error-retry-btn{background:#007442;color:#fff;border:none;padding:.55rem 1.4rem;border-radius:9999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.error-retry-btn:hover{opacity:.88}.talla-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(0,116,66,.08);border:1px solid rgba(0,116,66,.2);border-radius:12px;padding:.75rem 1rem;margin:.75rem 0 1.25rem;height:auto}.talla-elegida{font-size:.85rem;font-weight:500;color:#333;white-space:nowrap}.talla-elegida strong{color:#007442}.link-cambiar-talla{background:none;border:none;padding:0;margin:0;font-size:.85rem;font-weight:500;color:#007442;cursor:pointer;text-align:right;text-decoration:underline;white-space:nowrap}.pv-track{position:relative;width:100%;height:28px;border-radius:16px;background:#e5e7eb;overflow:hidden}.pv-fill{position:absolute;inset:0;width:0;height:100%;background:#007442;transition:width .4s ease-out}.pv-label{display:flex;align-items:center;justify-content:center;font:700 14px/1 Poppins,sans-serif;color:#f3f5f2;text-shadow:0 0 2px rgba(0,0,0,.4),0 0 4px rgba(0,0,0,.18)}.pv-label,.pv-track:after{position:absolute;inset:0;pointer-events:none}.pv-track:after{content:"";background:linear-gradient(120deg,transparent 0 40%,hsla(0,0%,100%,.35) 50%,transparent 60%);background-size:200% 100%;animation:glint 1.5s linear infinite;mix-blend-mode:overlay}@keyframes glint{to{background-position-x:-200%}}.preview-dark{filter:brightness(.5)}.scan-wrapper{background:rgba(0,116,66,.08);border:1px solid rgba(0,116,66,.25);border-radius:12px;padding:.75rem 1rem;width:-moz-fit-content;width:fit-content;max-width:320px;margin:1rem auto 0;display:flex;align-items:center;gap:.5rem}.scan-count{font-size:.85rem;font-weight:500;color:#3d431c;white-space:nowrap}.scan-count strong{color:#007442}.pill{background:rgba(0,116,66,.08);border:1px solid rgba(0,116,66,.25);border-radius:12px;padding:.45rem 1.25rem;font-size:.85rem;font-weight:500;color:#3d431c;line-height:1.25;white-space:nowrap}.pill strong{color:#007442}.stats-wrap{flex-direction:column;gap:.5rem;margin:1rem auto}.stats-bar,.stats-wrap{display:flex;align-items:center}.stats-bar{background:rgba(0,116,66,.08);border:1px solid rgba(0,116,66,.25);border-radius:12px;padding:.35rem .9rem;width:-moz-fit-content;width:fit-content;max-width:90vw;margin:1.3rem auto;gap:.9rem;font-size:.8rem;font-weight:500;color:#3d431c;line-height:1;white-space:nowrap}.stats-chip{display:flex;align-items:center;gap:.25rem}.stats-chip strong{color:#007442}.live-dot{width:5px;height:5px;border-radius:50%;background:#007442;animation:livePing 1.3s ease-out infinite}@keyframes livePing{0%{transform:scale(.6);opacity:.9}80%,to{transform:scale(1.9);opacity:0}}.badge-success{display:inline-flex;align-items:center;gap:.4rem;background:rgba(0,116,66,.08);padding:.45rem 1rem;border:1px solid #a1ceb7;border-radius:9999px;font-size:.8rem;font-weight:600;color:#1b1b1b;margin-top:0}.badge-success svg{color:#007442!important}.badge-success:after{content:"";display:block;height:4px;background:linear-gradient(90deg,#0b8c57,#007442);border-radius:2px}.bloque-tendencia-final,.bloque-zonas-presion-final{border:1px solid #a1ceb7;box-shadow:0 2px 6px rgba(0,0,0,.08)}.ai-badge{position:absolute;top:1.1rem;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.3rem;font:600 .7rem/1 Poppins,sans-serif;color:#007442;opacity:.85;pointer-events:none;pointer-events:auto}.ai-badge .ver{opacity:.55}.ai-badge strong{position:relative;overflow:hidden}.ai-badge strong:after{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(120deg,transparent,transparent 40%,hsla(0,0%,100%,.7) 50%,transparent 60%,transparent);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 4s ease-in-out infinite}@keyframes shine{0%{background-position:200% 0}to{background-position:-50% 0}}.bloque-mejoras{display:flex;justify-content:center}@media screen and (max-width:323px){.badge-success{display:inline-flex;align-items:center;gap:.4rem;background:rgba(0,116,66,.08);padding:.45rem 1rem;border:1px solid #a1ceb7;border-radius:9999px;font-size:.7rem;font-weight:600;color:#1b1b1b;margin-top:0}.titulo-analisis-bloque{font-size:.7rem!important;line-height:1!important;flex-wrap:wrap!important;word-break:break-word!important}.zonas-detectadas-lista{list-style:none;padding-left:.3rem;margin:0;font-size:.6rem!important}.zona-item:before{content:"\2022";color:var(--color-principal);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.zona-item{font-size:.75rem;margin-bottom:.4rem;color:#6e7255;line-height:1.5;padding-left:0}.bloque-zonas-presion-final{background:rgba(1,155,88,.034);border:1px solid rgba(0,116,66,.2);border-radius:1rem;padding:1rem;width:min(90px);flex-direction:column;align-items:flex-start;text-align:left;min-height:90px}.bloque-svg-final,.bloque-zonas-presion-final{box-shadow:none;display:flex;justify-content:center}.bloque-svg-final{background-color:#fff;border:1.5px solid #e5e7eb;border-radius:1rem;padding:0;width:260px;align-items:center;height:auto;box-sizing:border-box;min-height:161px}.bloque-svg-final svg{width:100%;height:auto;max-height:161px}.bloque-tendencia-final{background:rgba(1,155,88,.034);border:1px solid rgba(0,116,66,.2);border-radius:1rem;box-shadow:none;display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%;justify-content:center;flex-wrap:nowrap}.titulo-analisis-bloque svg{display:none}.titulo-analisis-bloque{font-weight:700;font-size:.65rem;color:#3d431c;display:flex;align-items:center;gap:.4rem;line-height:1.2;padding-left:0}.texto-pisada-final{font-size:.6rem;font-weight:500;color:#6e7255;padding-left:.3rem}.imagen-elegimetro{width:60px;height:auto;margin-top:0;padding-right:.2rem}.recomendacion-texto{font-size:.8rem;font-weight:600;color:#3d431c;text-align:left}.recomendacion-texto2{font-size:.7rem;color:#6e7255;text-align:left}.bloque-mejoras{display:flex;justify-content:center}.stats-bar{background:rgba(0,116,66,.08);border:1px solid rgba(0,116,66,.25);border-radius:12px;padding:.2rem .6rem;width:-moz-fit-content;width:fit-content;max-width:90vw;margin:1.2rem auto;gap:.9rem;font-size:.68rem;font-weight:500;color:#3d431c;line-height:1;white-space:nowrap}.custom-file-upload,.stats-bar{display:flex;align-items:center}.custom-file-upload{width:100%;padding:.65rem 1.4rem;font-size:.7rem;font-weight:700;text-transform:none;border:1px solid #007442;background-color:#fff;color:#007442;border-radius:9999px;cursor:pointer;transition:all .3s ease;justify-content:center;gap:.5rem}.recomendaciones-titulo{font-size:.8rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem;padding-top:0!important;justify-content:center}.recomendaciones-titulo svg{color:#3d431c!important;display:none}.recomendaciones-grid li{align-items:center;font-size:.65rem;color:#1f2937;font-weight:400}.numero{display:inline-block;width:1.5rem;text-align:right;margin-right:.4rem;font-weight:600;color:#1f2937}.texto{text-align:left;font-size:.65rem;color:#1f2937}.info-text{background-color:#fff;border:1.5px solid #e5e7eb;border-radius:15px;padding:0 0 .4rem;margin:1rem 0;font-family:inherit;color:#007442}.texto-ejemplo{font-size:.7rem!important}.bloque-talla{display:"flex";justify-content:"space-between";align-items:"flex-end";margin-top:"0.5rem";margin-bottom:"0.3rem";width:"100%"}.bloque-talla2{width:"100%";font-weight:"500";font-size:"0.80rem";line-height:"1.1";text-align:"left";color:"#000";font-size:.7rem!important}.guia-tallas{font-size:.7rem!important;padding-left:0!important}.link-cambiar-talla{background:none;border:none;padding:0;margin:0;font-size:.7rem;font-weight:500;color:#007442;cursor:pointer;text-align:right;text-decoration:underline;white-space:nowrap}.talla-row{flex-direction:column;gap:.4rem}.columna-izq .celda{margin-left:0!important;text-align:left!important}.error-copy{font-size:.7rem;line-height:1.35;font-weight:500;color:#333;margin:0}.error-card{max-width:320px;margin:.5rem auto;padding:.5rem .25rem;text-align:center;background:#fff5f5;border:1px solid #f5c2c7;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;gap:1rem}.linea-separadora,.linea-separadora2{border:none;height:1px;background-color:#e5e7eb;width:90%}}