/* Sección "Crecer" — historia de Chicha Feliz (de la mesita al local) */
.crecer{position:relative;margin-top:56px;padding-top:64px}
.crecer .cr-defs{position:absolute;width:0;height:0;overflow:hidden}
.crecer .cr-ruta{position:absolute;left:4%;right:6%;top:0;width:90%;height:150px;z-index:0;pointer-events:none}
.crecer .cr-meta{position:absolute;right:2.2%;top:-14px;width:34px;height:34px;border-radius:50%;background:#0FA968;box-shadow:0 8px 18px -6px rgba(15,169,104,.6),0 0 0 6px rgba(15,169,104,.14);display:grid;place-items:center;z-index:1}
.crecer .cr-meta svg{width:18px;height:18px}
.crecer .cr-fila{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:.86fr .95fr 1.05fr 1.14fr;gap:22px;align-items:end}
.crecer .cr-st{display:flex;flex-direction:column;background:#fff;border:1px solid #E5E9F3;border-radius:22px;padding:10px 10px 22px;box-shadow:0 1px 0 rgba(7,11,22,.02),0 22px 44px -28px rgba(20,56,214,.32);min-width:0}
.crecer .cr-fig{border-radius:15px;overflow:hidden;background:linear-gradient(180deg,#E9EFFD 0%,#F4F6FB 52%,#FBF4E8 100%)}
.crecer .cr-s4 .cr-fig{background:linear-gradient(180deg,#E3F5EC 0%,#F2F8F4 50%,#FBF4E8 100%)}
.crecer .cr-fig svg{display:block;width:100%;height:auto}
.crecer .cr-tag{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px auto 0;padding:5px 12px 5px 5px;border-radius:999px;background:#FBF1E3;color:#8A4B22;font-size:12px;font-weight:700;letter-spacing:.01em;line-height:1.2;white-space:nowrap;width:max-content;max-width:calc(100% - 16px)}
.crecer .cr-tag b{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2448C9;color:#fff;font-size:11.5px;font-weight:800}
.crecer .cr-s4 .cr-tag{background:#E4F6EE;color:#0B7A4C}
.crecer .cr-s4 .cr-tag b{background:#0FA968}
.crecer .cr-st h3{font-size:18px;font-weight:700;letter-spacing:-.01em;text-align:center;margin-top:12px;padding:0 8px}
.crecer .cr-st>p:last-child{font-size:14px;color:#465066;margin-top:6px;text-align:center;padding:0 10px}
.crecer .cr-s4{border-color:#BFE7D3;box-shadow:0 22px 48px -26px rgba(15,169,104,.42)}
.crecer .cr-mano{font-family:'Instrument Serif',serif;font-style:italic;font-size:15px;fill:#8A4B22}
.crecer .cr-marca{font-weight:800;letter-spacing:-.02em;fill:#8A4B22}
.crecer .cr-s4 .cr-marca,.crecer .cr-marca.cr-bl{fill:#fff}
.crecer .cr-flota{animation:cr-flota 5s ease-in-out infinite}
@keyframes cr-flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}

@media (max-width:1100px){
.crecer .cr-fila{gap:16px}
.crecer .cr-st h3{font-size:16.5px}
.crecer .cr-tag{white-space:normal;text-align:left;font-size:11.5px}
}
@media (max-width:900px){
.crecer{margin-top:40px;padding-top:0}
.crecer .cr-ruta,.crecer .cr-meta{display:none}
.crecer .cr-fila{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.crecer .cr-tag{white-space:nowrap;font-size:12px}
}
@media (max-width:600px){
.crecer{margin-top:32px}
.crecer .cr-fila{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 2px;padding:4px 2px 26px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.crecer .cr-fila::-webkit-scrollbar{display:none}
.crecer .cr-st{scroll-snap-align:start;box-shadow:0 16px 30px -22px rgba(20,56,214,.4)}
.crecer .cr-st h3{font-size:17px}
}
@media (prefers-reduced-motion:reduce){
.crecer .cr-flota{animation:none}
.crecer .cr-fila{scroll-behavior:auto}
}