@font-face{font-family:Figtree;src:url('assets/figtree-latin-wght-normal.woff2') format('woff2');font-weight:300 900;font-display:swap}

:root{--fondo:#F7F5F0;--papel:#FFFEFB;--tinta:#17131A;--suave:#6E676B;--filete:#DDD7D3;--uva:#63204F;--uva-claro:#EFE6EC;--e1:#8DAA45;--e3:#C96C84;--e6:#3B1537;--gris:#898185;color-scheme:light;font-family:Figtree,"Segoe UI",sans-serif;color:var(--tinta);background:var(--fondo);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}h1,h2,h3,p{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,summary{cursor:pointer}button{color:var(--uva)}a{color:var(--uva)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--uva);outline-offset:4px}button{border:0;background:none}h1{font-size:38px;line-height:1.1;letter-spacing:-1.3px;font-weight:800}h2{font-size:23px;line-height:1.25;letter-spacing:-.4px}h3{font-size:18px;line-height:1.3}small{font-size:13px}.nota,.periodo{font-size:13px;color:var(--suave)}.periodo{margin-top:5px}.ceja{font:400 11px/1.5 Figtree,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--suave)}.dato{font-family:Figtree,sans-serif;font-variant-numeric:tabular-nums}.aplicacion{max-width:1280px;margin:auto}.cabecera{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;border-bottom:1px solid var(--filete)}.cabecera img{object-fit:contain}.bodega{font-size:14px;font-weight:600}.bodega span{color:var(--suave);font-weight:400}main{padding:38px 48px 24px}.titulo-pagina{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.titulo-pagina .ceja{margin-bottom:8px}.propuesta{color:var(--suave);font-size:12px;border:1px solid var(--filete);padding:6px 10px;border-radius:5px}.propuesta span{margin:0 5px}.seccion-cab{display:flex;align-items:baseline;gap:14px;margin:0 0 18px}.seccion-cab .numero{font:400 12px Figtree,sans-serif;color:var(--suave)}.seccion-cab .periodo{margin-left:auto}.resumen-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.tarjeta{background:var(--papel);border:1px solid var(--filete);border-radius:12px;padding:28px;min-width:0}.tarjeta h3{font-size:17px;font-weight:600}.cifra{font:400 48px/1.2 Figtree,sans-serif;letter-spacing:-2px;margin:16px 0 4px}.cifra small{font:400 19px Figtree,sans-serif;letter-spacing:0;margin-left:7px}.vino .cifra{font-size:58px}.subtitulo{font-size:14px;color:var(--suave)}.grafico-etapas{margin:22px 0 18px}.grafico-etapas .etapa{display:grid;grid-template-columns:minmax(125px,1fr) minmax(50px,1fr) auto;gap:14px;align-items:center;margin:13px 0;font-size:14px}.etapa .dato{font-size:13px;text-align:right}.via{height:10px;background:#F0ECE9;border-radius:2px;overflow:hidden}.relleno{height:100%;background:var(--uva);border-radius:2px}.botella{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:15px 0;border-top:1px solid var(--filete);font-size:14px}.botella small{display:block;color:var(--suave);margin-top:3px}.botella .dato{text-align:right}.pie-tarjeta{border-top:1px solid var(--filete);margin-top:17px;padding-top:15px;display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.enlace{padding:4px 0;font-weight:600;font-size:14px;min-height:32px;text-align:left}.enlace:hover{text-decoration:underline;text-underline-offset:4px}.capacidad{display:flex;flex-direction:column}.capacidad .cifra{color:var(--uva);margin-top:23px}.capacidad .ocupacion{margin:25px 0 16px}.ocupacion .via{height:12px;margin-bottom:8px}.ocupacion .nota{display:flex;justify-content:space-between;gap:10px}.capacidad .precaucion{font-size:14px;max-width:31ch;color:var(--suave);margin:8px 0 auto}.capacidad .pie-tarjeta{margin-top:22px}.atencion{margin-top:18px;border:1px solid #D7C5D1;border-left:3px solid var(--uva);background:var(--uva-claro);border-radius:8px;padding:18px 22px}.atencion-cab{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.atencion h3{font-size:15px;color:var(--uva)}.asunto{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:10px}.asunto p{font-size:15px}.asunto .nota{font-size:13px;margin-top:3px}.atencion details{border-top:1px solid #D7C5D1;margin-top:12px;padding-top:10px}.atencion details summary{font-size:13px}.atencion .secundario{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}.parcial{border-left:3px solid var(--uva);padding-left:10px;font-size:13px;margin:12px 0;color:var(--uva)}.estado-mensaje{padding:26px 0;min-height:120px}.estado-mensaje strong{display:block;font-size:17px;font-weight:600}.estado-mensaje p{margin:7px 0;color:var(--suave);font-size:14px}.consulta{margin-top:42px}.campana-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.campana-grid .tarjeta{padding:22px}.campana-grid .cifra{font-size:29px;letter-spacing:-.9px}.campana-grid .cifra small{font-size:15px}.campana-grid .subtitulo{font-size:13px}.campana-grid .pie-tarjeta{margin-top:20px}.tarjeta.cierre{margin-top:18px;padding:22px}.cierre-cab{display:flex;align-items:center;justify-content:space-between;gap:18px}.cierre-cab .enlace{white-space:nowrap}.cierre h3{font-size:17px}.cierre .nota{margin-top:6px}.perdidas{margin:18px 0}.barras-causa{display:grid;grid-template-columns:minmax(125px,1fr) 1fr auto;gap:8px 16px;margin:18px 0;font-size:14px;align-items:center}.barras-causa .dato{font-size:13px;text-align:right}.registros{margin-top:28px;border-top:1px solid var(--filete);border-bottom:1px solid var(--filete);padding:19px 0}.registros>summary{font-size:18px;font-weight:600}.registros>summary span{font-size:13px;color:var(--suave);font-weight:400;margin-left:14px}.registros-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.registros .cifra{font-size:30px}.explicacion{margin-top:16px}.explicacion>summary{font-size:13px;color:var(--suave);padding:5px 0;min-height:32px}.explicacion p{font-size:14px;color:var(--suave);margin:12px 0}.tabla-scroll{overflow:auto;margin:15px 0;max-width:100%;border:1px solid var(--filete);border-radius:6px}table{width:100%;border-collapse:collapse;font-size:13px}caption{text-align:left;padding:12px;font-weight:600}th,td{text-align:left;padding:10px 12px;border-top:1px solid var(--filete)}th{font-weight:600;color:var(--suave)}td:not(:first-child){font-variant-numeric:tabular-nums}td:last-child{text-align:right}th:last-child{text-align:right}dialog{border:1px solid var(--filete);border-radius:12px;background:var(--fondo);color:var(--tinta);padding:28px;max-width:680px;width:calc(100% - 32px);max-height:85vh}dialog::backdrop{background:#17131A66}dialog h2{margin:14px 0}dialog p{margin:12px 0}dialog form{text-align:right}.cerrar{font-size:14px;padding:7px;border:1px solid var(--suave);border-radius:4px}.pie-pagina{display:flex;justify-content:space-between;gap:12px;padding:20px 48px 28px;color:var(--suave);font-size:12px}.sr-only,.saltar:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.saltar:focus{position:fixed;background:var(--fondo);padding:14px;z-index:3}.web-intro{max-width:1184px;margin:0 auto;padding:46px 0 30px}.web-intro .ceja{margin-bottom:12px}.web-intro h1{font-size:58px;line-height:1.02;letter-spacing:-2.7px;margin-bottom:16px}.web-intro h1 br{display:none}.web-intro>p:last-child{font-size:19px;line-height:1.5;color:var(--suave)}body.web{padding:0 48px 40px}body.web .aplicacion{max-width:1184px;border:1px solid var(--filete);border-radius:14px;box-shadow:0 18px 50px #3B15370A;overflow:hidden}body.web .cabecera{padding:19px 28px}body.web main{padding:28px}body.web .titulo-pagina{margin-bottom:22px}body.web .titulo-pagina .ceja{display:none}body.web .titulo-pagina h2{font-size:28px}body.web .pie-pagina{padding:0 28px 20px}body.web .tarjeta{padding:24px}body.web .vino .cifra{font-size:52px}body.web .grafico-etapas{margin:18px 0}body.web .grafico-etapas .etapa{margin:11px 0}body.web .solo-producto{display:none}
@media(max-width:900px){main{padding:30px 24px}.cabecera{padding:20px 24px}.pie-pagina{padding:20px 24px}.resumen-grid{grid-template-columns:1.4fr 1fr;gap:14px}.tarjeta{padding:22px}.grafico-etapas .etapa{grid-template-columns:1fr auto;gap:5px 12px}.etapa .via{grid-column:1/-1;grid-row:2}.etapa .dato{grid-column:2;grid-row:1}.campana-grid{grid-template-columns:1fr 1fr}.campana-grid .tarjeta:last-child{grid-column:1/-1}.registros-grid{grid-template-columns:1fr}body.web{padding:0 24px 24px}.web-intro h1{font-size:50px}}
@media(max-width:640px){body{font-size:15px}.cabecera{padding:17px 20px;gap:15px;align-items:center}.cabecera img{width:120px;height:35px}.bodega{font-size:12px;max-width:140px;text-align:right}.bodega span{display:block}main{padding:26px 20px 12px}h1{font-size:32px}.titulo-pagina{display:block;margin-bottom:24px}.propuesta{display:inline-block;margin-top:14px;font-size:11px}.seccion-cab{gap:10px;flex-wrap:wrap;margin-bottom:14px}.seccion-cab h2{font-size:20px}.seccion-cab .periodo{width:100%;margin:0 0 0 27px;font-size:12px}.resumen-grid{display:flex;flex-direction:column;gap:14px}.tarjeta{padding:22px}.vino .cifra{font-size:44px}.cifra{font-size:40px}.grafico-etapas .etapa{grid-template-columns:1fr 60px auto;gap:10px;font-size:13px;margin:15px 0}.etapa .via{grid-column:auto;grid-row:auto}.etapa .dato{grid-column:auto;grid-row:auto;font-size:12px}.botella{font-size:13px}.botella .dato{font-size:12px}.capacidad .cifra{margin-top:16px}.capacidad .ocupacion{margin:20px 0 12px}.capacidad .precaucion{max-width:none;font-size:13px}.atencion{padding:17px 18px;margin-top:14px}.atencion-cab{display:block}.atencion-cab .nota{font-size:11px;margin-top:4px}.asunto{align-items:start;flex-direction:column;gap:6px}.asunto p{font-size:14px}.atencion .secundario{align-items:start;flex-direction:column;gap:5px}.consulta{margin-top:32px}.campana-grid{display:flex;flex-direction:column;gap:14px}.cierre-cab{display:block}.cierre-cab .enlace{margin-top:10px;white-space:normal}.registros>summary span{display:block;margin:6px 0 0 20px}.pie-pagina{padding:17px 20px;flex-direction:column;gap:3px}.web-intro{padding:32px 0 24px}.web-intro .ceja{font-size:10px}.web-intro h1{font-size:40px;letter-spacing:-1.5px;line-height:1.07}.web-intro>p:last-child{font-size:16px}.solo-escritorio{display:none}body.web{padding:0 14px 24px}body.web .web-intro h1 br{display:block}body.web .cabecera{padding:15px}body.web .bodega{max-width:128px}body.web main{padding:20px 14px}body.web .titulo-pagina h2{font-size:26px}body.web .tarjeta{padding:20px}body.web .vino .cifra{font-size:42px}body.web .propuesta{margin-top:10px;font-size:10px}body.web .pie-pagina{padding:0 14px 18px}body.web .grafico-etapas .etapa{grid-template-columns:1fr 48px auto;font-size:12px;gap:8px;margin:13px 0}body.web .grafico-etapas .dato{font-size:11px}}
.pie-tarjeta>.explicacion{min-width:0;max-width:100%}.pie-tarjeta>.explicacion[open]{width:100%}
body.integrada{padding:0}body.integrada .aplicacion{max-width:none;box-shadow:none}body.mini .cabecera,body.mini .titulo-pagina,body.mini .seccion-cab,body.mini .pie-pagina,body.mini #k12,body.mini .atencion{display:none}body.mini .aplicacion{border:0;border-radius:0}body.mini main{padding:0}body.mini .resumen-grid{display:block}body.mini .tarjeta{padding:24px}body.mini .vino .cifra{font-size:44px}body.mini .grafico-etapas .etapa{grid-template-columns:1fr 75px auto;font-size:13px}body.mini .grafico-etapas .via,body.mini .grafico-etapas .dato{grid-row:auto;grid-column:auto}body.mini .grafico-etapas .dato{font-size:12px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Los detalles del ejemplo también se adaptan al ancho del móvil. */
@media(max-width:640px){body.integrada .tabla-scroll{overflow:visible}body.integrada .tabla-scroll table{table-layout:fixed;overflow-wrap:anywhere}body.integrada .tabla-scroll th,body.integrada .tabla-scroll td{padding:8px 5px;font-size:12px}}
body.mini .perdidas{margin:0}
/* Densidad de la única vista de la página GrapeIQ; mantiene cifras y condiciones. */
body.compacta .cabecera{padding:10px 18px}body.compacta .cabecera img{width:120px;height:35px}body.compacta .bodega{font-size:12px}body.compacta main{padding:18px}body.compacta .titulo-pagina{margin-bottom:15px}body.compacta .titulo-pagina h2{font-size:23px}body.compacta .propuesta{padding:4px 7px;font-size:10px}body.compacta .seccion-cab{gap:10px;margin-bottom:12px}body.compacta .seccion-cab h2{font-size:19px}body.compacta .seccion-cab .periodo{font-size:11px}body.compacta .tarjeta{padding:18px}body.compacta .tarjeta h3{font-size:15px}body.compacta .resumen-grid{gap:15px;grid-template-columns:1.65fr 1fr}body.compacta .vino .cifra,body.compacta .capacidad .cifra{font-size:42px;margin:12px 0 4px}body.compacta .subtitulo{font-size:12px}body.compacta .grafico-etapas{margin:15px 0}body.compacta .grafico-etapas .etapa{grid-template-columns:minmax(100px,1fr) minmax(30px,1fr) auto;gap:10px;margin:10px 0;font-size:12px}body.compacta .etapa .via,body.compacta .etapa .dato{grid-column:auto;grid-row:auto}body.compacta .etapa .dato{font-size:11px}body.compacta .botella{padding:11px 0;font-size:12px}body.compacta .botella small{font-size:11px}body.compacta .pie-tarjeta{margin-top:12px;padding-top:10px}body.compacta .enlace{font-size:12px;min-height:28px}body.compacta .explicacion>summary{font-size:12px;min-height:28px}body.compacta .capacidad .ocupacion{margin:17px 0 12px}body.compacta .ocupacion .nota{font-size:11px}body.compacta .capacidad .precaucion{font-size:12px;max-width:none}body.compacta .atencion{margin-top:12px;padding:13px 16px}body.compacta .atencion h3{font-size:13px}body.compacta .asunto{margin-top:7px}body.compacta .asunto p{font-size:13px}body.compacta .asunto .nota,body.compacta .atencion-cab .nota{font-size:11px}body.compacta .pie-pagina{padding:0 18px 13px;font-size:10px}
@media(max-width:640px){body.compacta .grafico-etapas .etapa{grid-template-columns:1fr 48px auto}body.compacta .vino .cifra,body.compacta .capacidad .cifra{font-size:36px}body.compacta .tarjeta{padding:16px}body.compacta main{padding:16px 12px}body.compacta .cabecera{padding:12px}body.compacta .seccion-cab .periodo{margin-left:24px}body.compacta .pie-pagina{padding:0 12px 14px}}
body.compacta .titulo-pagina{display:none}body.compacta .pie-tarjeta .explicacion{margin-top:0}body.compacta main{padding-top:16px;padding-bottom:16px}

.ceja,.dato,.cifra,.seccion-cab .numero{font-variant-numeric:tabular-nums}