.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}.flow-heading>div>p:last-child{max-width:55ch;color:var(--muted);margin:18px 0 0}.flow-intro{max-width:265px;padding:20px 24px;background:#e6f3f3;border-radius:20px 20px 20px 0;font-size:14px;line-height:1.7}.flow-intro strong{display:block;margin-bottom:5px}.gotita-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 32px}.flow-card{position:relative;min-width:0;background:white;border:1px solid #d6e5e5;border-radius:20px;padding:18px 22px 22px;display:flex;flex-direction:column;box-shadow:0 7px 24px #103b5105}.flow-card:nth-child(4){grid-column:3;grid-row:2}.flow-card:nth-child(5){grid-column:2;grid-row:2}.flow-card:nth-child(6){grid-column:1;grid-row:2}.flow-card:nth-child(7){grid-column:1;grid-row:3}.flow-card:nth-child(8){grid-column:2;grid-row:3}.flow-card:nth-child(9){grid-column:3;grid-row:3}.flow-card:not(:last-child)::after{content:'→';position:absolute;right:-29px;top:50%;color:#12859b;font-size:28px;line-height:1;z-index:1}.flow-card:nth-child(3)::after,.flow-card:nth-child(6)::after{content:'↓';top:auto;right:calc(50% - 9px);bottom:-33px}.flow-card:nth-child(4)::after,.flow-card:nth-child(5)::after{content:'←';right:auto;left:-29px}.flow-top{display:flex;align-items:center;gap:12px;min-height:36px}.flow-number{display:grid;place-items:center;background:#103d52;color:white;border-radius:50%;width:34px;height:34px;flex-shrink:0;font-size:12px}.flow-top .eyebrow{margin:0;font-size:9px;letter-spacing:.09em}.flow-art{width:min(100%,240px);aspect-ratio:1;margin:12px auto;background-image:url('img/gotita-proceso-v1.png');background-size:300% 300%;background-repeat:no-repeat}.flow-card:nth-child(1) .flow-art{background-position:0 0}.flow-card:nth-child(2) .flow-art{background-position:50% 0}.flow-card:nth-child(3) .flow-art{background-position:100% 0}.flow-card:nth-child(4) .flow-art{background-position:0 50%}.flow-card:nth-child(5) .flow-art{background-position:50% 50%}.flow-card:nth-child(6) .flow-art{background-position:100% 50%}.flow-card:nth-child(7) .flow-art{background-position:0 100%}.flow-card:nth-child(8) .flow-art{background-position:50% 100%}.flow-card:nth-child(9) .flow-art{background-position:100% 100%}.flow-copy{display:flex;flex-direction:column;flex:1}.flow-copy h3{font-size:24px;line-height:1.16;margin:0 0 12px}.flow-copy>p{font-size:14px;color:var(--muted);margin:0 0 20px}.flow-benefit{margin-top:auto;background:#edf6f3;border-radius:10px;padding:13px 15px;font-size:13px;line-height:1.6}.flow-benefit>span{display:block;font-size:9px;letter-spacing:.12em;color:#237367;margin-bottom:5px;font-weight:600}.flow-note{font-size:12px;color:var(--muted);margin:24px 0 0}.flow-sources{margin-top:14px;color:var(--muted);font-size:12px}.flow-sources summary{cursor:pointer;padding:12px 0}.flow-sources a{text-decoration:underline;text-underline-offset:3px}.flow-sources p{max-width:85ch}.flow-finish{display:flex;align-items:center;gap:18px;margin-top:30px;padding:22px 26px;border:1px solid #bddedc;border-radius:14px;background:#e7f3f0}.flow-finish>span{font-size:26px;color:#18879b}.flow-finish p{margin:0;font-size:14px}.flow-finish strong{display:block;margin-bottom:4px;font-size:17px;font-weight:500}@media(max-width:950px){.gotita-flow{grid-template-columns:1fr;gap:36px}.gotita-flow .flow-card{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:200px 1fr;column-gap:24px;padding:22px}.flow-top{grid-column:1/-1}.flow-art{margin:16px auto 0;align-self:center}.flow-copy{padding-top:20px}.gotita-flow .flow-card:not(:last-child)::after{content:'↓';top:auto;left:auto;right:calc(50% - 9px);bottom:-32px}.flow-heading{align-items:start}.flow-intro{max-width:235px;flex-shrink:0}}@media(max-width:600px){.flow-heading{display:block}.flow-intro{max-width:none;margin:24px 0 0}.gotita-flow .flow-card{display:flex;padding:20px}.flow-art{width:min(100%,230px);margin:12px auto}.flow-copy{padding-top:0}.flow-copy h3{font-size:25px}.flow-finish{padding:20px;align-items:start}.flow-top .eyebrow{font-size:9px}.flow-note{line-height:1.6}}@media print{.flow-card{break-inside:avoid}.flow-art{-webkit-print-color-adjust:exact;print-color-adjust:exact}.flow-sources{display:none}}

.flow-card:nth-child(9) .flow-art{background-image:url("img/gotita-llenado-cofia-v1.png");background-size:100% 100%;background-position:center}