/* Recorrido aprobado: dos rutas, balance 50/50 y detalle de altura natural. */
/* Paleta "B - Esquina suave" (2026-09-11): los tokens viven en calculator.css. */
.cgp-journey{--cgp-route-ink:var(--cgp-dark,#152d3c);--cgp-route-line:var(--cgp-line,#e2e8ee)}
/* Los nombres largos no deben imponer el ancho de las columnas del kit. */
.cgp-journey .cgp-kit-banner>*{min-width:0}
@media(max-width:900px){
 .cgp-journey .cgp-kit-banner{grid-template-columns:minmax(0,1fr)}
 #cgp-wrapper.cgp-journey{width:100%;max-width:100%;margin-inline:0}
 .cgp-journey .cgp-measurements{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .cgp-journey .cgp-measurements>*{min-width:0}
}
.cgp-journey [hidden]{display:none!important}
.cgp-journey .cgp-container{max-width:1140px;padding:30px 24px 45px;background:var(--cgp-surface,#f6f8fa)}
.cgp-journey .cgp-header{margin-bottom:24px}
.cgp-journey .cgp-header h1{font-size:32px;color:var(--cgp-route-ink);line-height:1.2}
.cgp-journey .cgp-header p{font-size:14px;color:var(--cgp-text-soft,#5b6b7a)}
.cgp-journey-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px auto 28px}
/* Relieve mate "E": pestaña inactiva en claro, activa en petróleo; al pasar, plano. */
.cgp-journey-nav button{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 22px;border:1px solid var(--cgp-relief-light-line,#cfd5dc);border-radius:var(--cgp-radius-btn,8px);background-color:#fff;background-image:var(--cgp-relief-light,linear-gradient(180deg,#fff 0%,#f1f3f6 100%));box-shadow:var(--cgp-relief-inset-light,inset 0 1px 0 rgba(255,255,255,.9));color:var(--cgp-route-ink);font:inherit;font-size:12px;font-weight:650}
.cgp-journey-nav button:hover:not([aria-current]):not(:disabled){background-image:none;background-color:var(--cgp-relief-light-hover,#eef0f3);border-color:var(--cgp-dark,#152d3c)}
.cgp-journey-nav button[aria-current]{background-color:var(--cgp-route-ink);background-image:var(--cgp-relief-dark,none);box-shadow:var(--cgp-relief-inset-dark,none);color:white;border-color:var(--cgp-route-ink)}
.cgp-journey-nav button[aria-current]:hover{background-image:none;background-color:var(--cgp-dark-hover,#26485b);border-color:var(--cgp-dark-hover,#26485b)}
.cgp-journey-nav button[aria-current]:active{background-image:none;background-color:var(--cgp-dark,#152d3c);transform:var(--cgp-relief-press,scale(.985))}
.cgp-journey-nav button:disabled{opacity:.5;cursor:default}
.cgp-journey-nav small{font-size:10px;font-weight:500;border-radius:20px;padding:2px 7px;background:var(--cgp-chip-bg,#eef2f7);color:var(--cgp-chip-text,#334155)}
.cgp-journey .cgp-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;margin-bottom:30px}
.cgp-journey .cgp-form-container{padding:24px;border-radius:var(--cgp-radius-card,18px);box-shadow:none;border-color:var(--cgp-route-line);min-width:0}
.cgp-journey .cgp-form-container h2{font-size:19px;margin-bottom:25px;color:var(--cgp-route-ink)}
.cgp-journey .cgp-form-group{margin-bottom:18px}
.cgp-journey .cgp-label,.cgp-journey .cgp-form-group>label{font-size:12px;color:var(--cgp-route-ink)}
.cgp-journey .cgp-input,.cgp-journey .cgp-select{font-size:13px;min-height:45px;border-radius:var(--cgp-radius-input,10px);padding:10px 12px}
.cgp-journey .cgp-unit-buttons{padding:0;background:transparent;gap:4px;border:0}
.cgp-journey .cgp-unit-btn{font-size:13px;min-height:46px;border:1px solid var(--cgp-relief-light-line,#cfd5dc);background-color:#fff;background-image:var(--cgp-relief-light,linear-gradient(180deg,#fff 0%,#f1f3f6 100%));box-shadow:var(--cgp-relief-inset-light,inset 0 1px 0 rgba(255,255,255,.9));color:var(--cgp-route-ink)}
.cgp-journey .cgp-unit-btn:not(.active):hover{background-image:none;background-color:var(--cgp-relief-light-hover,#eef0f3);border-color:var(--cgp-dark,#152d3c)}
.cgp-journey .cgp-unit-btn.active{background-color:var(--cgp-route-ink);background-image:var(--cgp-relief-dark,none);box-shadow:var(--cgp-relief-inset-dark,none);border-color:var(--cgp-route-ink);color:#fff}
.cgp-journey .cgp-unit-btn.active:hover{background-image:none;background-color:var(--cgp-dark-hover,#26485b);border-color:var(--cgp-dark-hover,#26485b)}
.cgp-journey .cgp-unit-btn.active:active{background-image:none;background-color:var(--cgp-dark,#152d3c);transform:var(--cgp-relief-press,scale(.985))}
.cgp-journey .cgp-btn{font-size:13px;min-height:46px;padding:12px 18px}
/* Variante carmín autorizada sólo en botones de la calculadora; marca general intacta. */
.cgp-journey .cgp-btn-primary,.cgp-journey .cgp-btn-kit{background-color:var(--cgp-primary,#bd3548);background-image:var(--cgp-relief-primary,none);box-shadow:var(--cgp-relief-inset-primary,none)}
.cgp-journey .cgp-btn-primary:hover,.cgp-journey .cgp-btn-kit:hover{background-image:none;background-color:var(--cgp-primary-dark,#a72b3d);box-shadow:0 4px 10px rgba(189,53,72,.25)}
.cgp-journey .cgp-btn-primary:active,.cgp-journey .cgp-btn-kit:active{background-image:none;background-color:var(--cgp-primary-press,#952a3a);transform:var(--cgp-relief-press,scale(.985))}
.cgp-journey .cgp-results-column{min-width:0;display:flex;flex-direction:column}
.cgp-journey #cgp-resultados{padding:0;border-radius:var(--cgp-radius-card,18px);overflow:hidden;box-shadow:none;border-color:var(--cgp-route-line)}
.cgp-journey .cgp-hero-agua{margin:0;padding:20px 24px 18px;border-radius:0;background:var(--cgp-dark,#152d3c)}
.cgp-journey .cgp-hero-num{margin:5px 0;line-height:1.15}
.cgp-journey #cgp-galones-hero{font-size:54px;line-height:1.15;letter-spacing:-2px}
.cgp-journey .cgp-hero-unit{font-size:14px}
.cgp-journey .cgp-hero-label{font-size:10px;letter-spacing:2px}
.cgp-journey .cgp-hero-litros{font-size:13px;margin:8px 0 0}
.cgp-journey .cgp-hero-equivalencia{font-size:10px;margin:9px 0 0;padding:4px 9px}
.cgp-journey #cgp-result-detail{border-bottom:1px solid var(--cgp-route-line);padding:0 22px}
.cgp-journey #cgp-result-detail summary{cursor:pointer;padding:17px 0;font-size:12px;font-weight:650;min-height:44px;color:var(--cgp-route-ink)}
.cgp-journey #cgp-result-detail summary:focus-visible{outline:2px solid var(--cgp-teal,#087b90);outline-offset:2px}
.cgp-journey #cgp-result-detail table{margin:0 0 16px;font-size:12px}
.cgp-journey #cgp-result-detail td{padding:10px 7px}
/* Detalle abierto, con filas compactas y sin la cuadrícula pesada del tema. */
.cgp-journey #cgp-result-detail .cgp-results-table{padding:0;margin:0}
.cgp-journey #cgp-result-detail table{width:100%;border:0;border-collapse:collapse;margin:0 0 10px;table-layout:fixed}
.cgp-journey #cgp-result-detail td{border:0;border-bottom:1px solid var(--cgp-chip-bg,#eef2f7);padding:5px 0;font-size:12px;line-height:1.5;vertical-align:middle;overflow-wrap:anywhere}
.cgp-journey #cgp-result-detail td:first-child{width:51%;padding-right:10px}
.cgp-journey #cgp-result-detail td:last-child{text-align:right}
.cgp-journey #cgp-result-detail tr:last-child td{border-bottom:0}
.cgp-journey #cgp-result-detail summary{padding:10px 0}
.cgp-journey .cgp-next-action{padding:16px 22px}
.cgp-journey .cgp-route-choice{padding:12px}
.cgp-journey .cgp-route-choice p{margin-bottom:10px;line-height:1.5}
.cgp-next-action{padding:20px 24px;color:var(--cgp-route-ink);background:#fff}
.cgp-eyebrow{color:var(--cgp-teal,#087b90);letter-spacing:2px;font-size:10px;font-weight:700}
.cgp-next-action>h2{font-size:21px;margin:6px 0;line-height:1.25;color:inherit}
.cgp-next-action>p{font-size:13px;color:var(--cgp-text-soft,#5b6b7a);line-height:1.6;margin:0 0 14px}
.cgp-route-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;grid-auto-rows:1fr}
.cgp-route-choice{min-width:0;border:1px solid var(--cgp-route-line);border-radius:14px;padding:16px;display:flex;flex-direction:column;background:var(--cgp-surface-soft,#f4f6f8)}
.cgp-route-top{display:flex;align-items:center;gap:8px;margin-bottom:10px;min-height:32px;font-size:10px;color:var(--cgp-text-soft,#5b6b7a)}
.cgp-route-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;background:var(--cgp-teal-soft,#e7f1f4);color:var(--cgp-teal,#087b90)}
.cgp-route-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cgp-route-choice h3{font-size:16px;margin:0 0 8px;letter-spacing:-.2px;line-height:1.3;color:var(--cgp-route-ink)}
.cgp-route-choice p{flex:1;font-size:12px;line-height:1.6;margin:0 0 14px;color:var(--cgp-text-soft,#5b6b7a)}
.cgp-route-choice button{width:100%;min-height:46px;padding:12px 8px;font-size:12px;line-height:1.4;font-weight:700;background-color:var(--cgp-route-ink);background-image:var(--cgp-relief-dark,none);border:1px solid var(--cgp-route-ink);color:#fff;border-radius:var(--cgp-radius-btn,8px);margin:0;box-shadow:var(--cgp-relief-inset-dark,none);white-space:normal}
.cgp-route-choice button:hover{background-image:none;background-color:var(--cgp-dark-hover,#26485b);border-color:var(--cgp-dark-hover,#26485b)}
.cgp-route-choice button:active{background-image:none;background-color:var(--cgp-dark,#152d3c);transform:var(--cgp-relief-press,scale(.985))}
.cgp-route-choice:focus-within{border-color:var(--cgp-teal,#087b90)}
.cgp-journey #cgp-population,.cgp-journey #cgp-equipment{border-top:1px solid var(--cgp-route-line);padding-top:30px;margin-top:30px;scroll-margin-top:110px}
.cgp-journey .cgp-grid{scroll-margin-top:110px}
.cgp-journey #cgp-recomendaciones{margin:0 0 24px;border-radius:var(--cgp-radius-card,18px);box-shadow:none;padding:22px 24px}
.cgp-journey #cgp-recomendaciones .cgp-fish-capacity{display:none}
.cgp-journey #cgp-lista-recomendaciones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.cgp-journey .cgp-recommendation-item{display:block;padding:12px;border-radius:var(--cgp-radius-input,10px);background:var(--cgp-surface-soft,#f4f6f8)}
.cgp-journey .cgp-recommendation-item strong{display:block;margin-bottom:6px}
.cgp-optional-return{margin-top:22px;border:1px solid var(--cgp-route-line);border-radius:12px;background:var(--cgp-surface-soft,#f4f6f8);padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.cgp-optional-return strong{font-size:13px;color:var(--cgp-route-ink)}
.cgp-optional-return p{font-size:12px;color:var(--cgp-text-soft,#5b6b7a);margin:5px 0 0}
/* "Agregar mis peces (opcional)": el dueño lo pide en petróleo sólido con relieve. */
.cgp-optional-return button{flex-shrink:0;border:1px solid var(--cgp-route-ink);background-color:var(--cgp-route-ink);background-image:var(--cgp-relief-dark,none);box-shadow:var(--cgp-relief-inset-dark,none);border-radius:var(--cgp-radius-btn,8px);padding:12px 15px;min-height:44px;font-size:12px;color:#fff;font-weight:650}
.cgp-optional-return button:hover{background-image:none;background-color:var(--cgp-dark-hover,#26485b);border-color:var(--cgp-dark-hover,#26485b)}
.cgp-optional-return button:active{background-image:none;background-color:var(--cgp-dark,#152d3c);transform:var(--cgp-relief-press,scale(.985))}
#cgp-dirty-note{font-size:12px;color:#8a5a08;margin:14px 0 0}
@media(min-width:1101px){
 .cgp-journey.cgp-has-result .cgp-grid{align-items:stretch}
 .cgp-journey.cgp-has-result .cgp-grid .cgp-form-container{display:flex;flex-direction:column}
 .cgp-journey.cgp-has-result .cgp-grid .cgp-buttons{margin-top:auto;padding-top:22px}
 .cgp-journey.cgp-has-result .cgp-grid #cgp-resultados{display:flex!important;flex:1;flex-direction:column}
 .cgp-journey.cgp-has-result .cgp-grid .cgp-next-action{display:flex;flex:1;flex-direction:column}
 .cgp-journey.cgp-has-result .cgp-grid .cgp-route-choices{margin-top:auto}
}
@media(max-width:1100px){.cgp-journey .cgp-grid{grid-template-columns:1fr}.cgp-optional-return{flex-wrap:wrap}}
@media(max-width:680px){
 /* Evitar márgenes acumulados de Blocksy y mínimos intrínsecos del kit. */
 #cgp-wrapper.cgp-journey{width:100%;max-width:100%;margin-inline:0}
 .cgp-journey .cgp-container{padding:20px 12px 28px}.cgp-journey .cgp-header h1{font-size:26px}.cgp-journey .cgp-header p{font-size:13px}
 .cgp-journey-nav{gap:6px}.cgp-journey-nav button{padding:8px 12px;gap:4px;font-size:11px}.cgp-journey-nav small{font-size:9px;padding:2px 5px}
 .cgp-journey .cgp-form-container{padding:16px}.cgp-journey .cgp-btn{padding:12px 9px;font-size:13px;white-space:normal}.cgp-next-action{padding:16px}
 .cgp-journey .cgp-measurements{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .cgp-journey .cgp-measurements>*{min-width:0}
 .cgp-journey .cgp-input,.cgp-journey .cgp-select{font-size:16px;min-width:0;padding:10px 8px}
 .cgp-journey #cgp-recomendaciones{padding:14px;margin-bottom:20px}
 .cgp-journey #cgp-lista-recomendaciones{gap:8px}
 .cgp-journey .cgp-recommendation-item{padding:10px 12px;font-size:13px;line-height:1.6}
 .cgp-journey .cgp-recommendation-item strong{margin-bottom:2px}
 .cgp-journey .cgp-kit-banner{grid-template-columns:minmax(0,1fr);padding:18px 16px;gap:14px}
 .cgp-journey .cgp-kit-banner>*{min-width:0;max-width:100%}
 .cgp-journey .cgp-kit-info h3{font-size:21px;line-height:1.3;overflow-wrap:anywhere}
 .cgp-journey .cgp-kit-item{gap:10px;padding:8px 10px;align-items:start}
 .cgp-journey .cgp-kit-item-name{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
 .cgp-journey .cgp-kit-item-price{flex-shrink:0}
 .cgp-journey .cgp-btn-kit{width:100%;white-space:normal;line-height:1.5}
 .cgp-journey #cgp-lista-recomendaciones{grid-template-columns:1fr}.cgp-optional-return{padding:17px}.cgp-optional-return button{width:100%;white-space:normal}
 .cgp-journey #cgp-result-detail td{font-size:11px;overflow-wrap:anywhere}.cgp-journey #cgp-result-detail{padding:0 14px}
}
@media(max-width:520px){.cgp-route-choices{grid-template-columns:1fr;gap:12px}}
@media(prefers-reduced-motion:reduce){.cgp-journey *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Invitación opcional: el banner y la compra sólo aparecen al abrirla. */
.cgp-kit-invitation{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--cgp-line,#e2e8ee);border-radius:12px;background:#fff;cursor:pointer;list-style:none;min-height:44px;color:var(--cgp-ink,#152d3c)}
.cgp-kit-invitation::-webkit-details-marker{display:none}
.cgp-kit-invitation>span:first-child{display:grid;gap:4px}.cgp-kit-invitation strong{font-size:15px}.cgp-kit-invitation small{font-size:12px;line-height:1.5;color:var(--cgp-text-soft,#5b6b7a)}
.cgp-kit-invitation .cgp-kit-show,.cgp-kit-invitation .cgp-kit-hide{flex-shrink:0;color:var(--cgp-primary,#bd3548);font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.cgp-kit-invitation .cgp-kit-hide,.cgp-kit-section[open] .cgp-kit-show{display:none}
.cgp-kit-section[open] .cgp-kit-hide{display:inline}.cgp-kit-section[open] .cgp-kit-invitation{margin-bottom:12px}
.cgp-kit-invitation:focus-visible{outline:2px solid var(--cgp-teal,#087b90);outline-offset:3px}
@media(max-width:540px){.cgp-kit-invitation{align-items:flex-start;flex-direction:column;gap:10px;padding:14px}}