/* Propuesta Helados Michoacán · capa propia sobre el sistema de influencer.com.bo */
.hero-prop{padding-block:clamp(2rem,5vw,4.5rem) clamp(3rem,6vw,5rem);overflow:clip}
.hero-prop .hero-in{align-items:center}
.hero-prop .hero-txt{grid-column:1/span 7;padding-bottom:0}
.hero-prop .trio{grid-column:8/span 5}
.sello-cli{display:inline-flex;align-items:center;gap:.6rem;font:700 .8rem/1 var(--cuerpo);letter-spacing:.05em;text-transform:uppercase;background:var(--acento);color:var(--negro);padding:.5rem .9rem;border-radius:999px;margin-bottom:1.3rem}
.hero-prop .bajada{color:var(--tinta);margin-top:1.4rem}
.hero-prop .hero-btns{margin-top:2rem}
.meta{display:flex;gap:.6rem 1.6rem;flex-wrap:wrap;margin-top:1.8rem;font:500 .95rem/1.3 var(--cuerpo);color:var(--gris)}
.meta b{color:var(--tinta);font-weight:700}

/* trío de portadas */
.trio{position:relative;aspect-ratio:1/1.08;width:100%;max-width:30rem;margin-inline:auto}
.trio-c{position:absolute;width:56%;background:var(--campo);border-radius:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tinta) 14%,transparent);box-shadow:0 18px 40px -18px rgba(12,12,18,.45);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.trio-c{text-decoration:none}.trio-c img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 20%}
.trio-c span{display:block;padding:.7rem .9rem .85rem;font:700 .95rem/1.2 var(--cuerpo);color:#0C0C12}
.trio-c i{display:block;font:500 .78rem/1.3 var(--cuerpo);font-style:normal;color:#6B6B76;margin-top:.15rem}
.trio-1{left:0;top:4%;transform:rotate(-6deg)}
.trio-2{right:0;top:0;transform:rotate(5deg);z-index:2}
.trio-3{left:22%;bottom:0;transform:rotate(-1.5deg);z-index:3}
.trio:hover .trio-1{transform:rotate(-8deg) translate(-6px,-4px)}
.trio:hover .trio-2{transform:rotate(7deg) translate(6px,-4px)}
.trio:hover .trio-3{transform:rotate(0) translateY(-6px)}

/* cifras */
.cifras-prop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem var(--gap)}
.cifras-prop .cifra b{font-size:clamp(2.2rem,4.6vw,3.6rem);color:var(--acento)}
.cifras-prop .cifra span{color:var(--sobre-tinta)}
@media(max-width:760px){.cifras-prop{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* criterios */
.crit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.crit-c{border:2px solid var(--suave);border-radius:var(--radio-c);padding:1.6rem 1.5rem 1.7rem}
.crit-c .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--acento);color:var(--negro);font:400 1.3rem/1 var(--display);margin-bottom:1rem}
.crit-c h3{font:700 1.2rem/1.25 var(--cuerpo);margin:0 0 .5rem}
.crit-c p{margin:0;color:var(--gris);font-size:1rem;line-height:1.55}
@media(max-width:860px){.crit{grid-template-columns:1fr}}

/* tarjetas de creador */
.crs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.cr{display:flex;flex-direction:column;background:var(--campo);color:#0C0C12;border:1px solid color-mix(in srgb,#0C0C12 14%,transparent);border-radius:var(--radio-c);overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s;--gris:#6B6B76;--suave:#D5D4D2}
.cr:hover{transform:translateY(-5px)}
.cr.on{border-color:#0C0C12;box-shadow:0 0 0 2px #0C0C12}
.cr-foto{position:relative;aspect-ratio:1/1;background:#07070A}
.cr-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.cr-foto::after{content:'';position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to top,rgba(7,7,10,.9),transparent)}
.cr-rot{position:absolute;z-index:2;left:1rem;top:1rem;font:700 .74rem/1 var(--cuerpo);letter-spacing:.05em;text-transform:uppercase;background:var(--acento);color:#0C0C12;padding:.42rem .75rem;border-radius:999px}
.cr-nom{position:absolute;z-index:2;left:1.1rem;right:1.1rem;bottom:1rem;color:#FBFAF7}
.cr-nom h3{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1;margin:0}
.cr-nom p{margin:.35rem 0 0;font:500 .92rem/1.3 var(--cuerpo);color:#E4E3E0}
.cr-cuerpo{display:flex;flex-direction:column;gap:1.15rem;padding:1.3rem 1.3rem 1.4rem;flex:1}
.cr-bio{margin:0;color:var(--gris);line-height:1.5}
.cr-redes{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:2px solid var(--suave)}
.cr-redes li{border-bottom:2px solid var(--suave)}
.cr-redes a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;text-decoration:none;font:600 1rem/1 var(--cuerpo)}
.cr-redes a span{color:var(--gris);font-weight:500}
.cr-redes a b{font:400 1.45rem/1 var(--display)}
.cr-redes a:hover b{background:var(--acento);color:#0C0C12;border-radius:.22em;padding-inline:.25em}
.cr-idea{background:color-mix(in srgb,var(--acento) 16%,transparent);border-radius:var(--radio-m);padding:.9rem 1rem;margin:0;font-size:.95rem;line-height:1.5}
.cr-idea b{display:block;font:700 .74rem/1 var(--cuerpo);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.4rem}
.cr-pie{margin-top:auto;display:grid;gap:.9rem}
.cr-inc{margin:0;color:var(--gris);font-size:.95rem;line-height:1.4}
.cr-precio{display:flex;align-items:baseline;gap:.5rem}
.cr-precio small{font:600 1rem/1 var(--cuerpo);color:var(--gris)}
.cr-precio b{font:400 clamp(2.4rem,3.6vw,3.2rem)/1 var(--display)}
.pick{position:relative;display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:52px;border:2px solid #0C0C12;border-radius:999px;font:700 1rem/1 var(--cuerpo);cursor:pointer;user-select:none;transition:background .14s,color .14s}
.pick input{position:absolute;opacity:0;pointer-events:none}
.pick i{width:20px;height:20px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center}
.pick i::after{content:'';width:10px;height:10px;border-radius:50%;background:currentColor;transform:scale(0);transition:transform .15s}
.pick:hover{background:var(--acento);color:#0C0C12;border-color:var(--acento)}
.pick:has(input:checked){background:#0C0C12;color:#FBFAF7;border-color:#0C0C12}
.pick:has(input:checked) i::after{transform:scale(1)}
.pick:has(input:focus-visible){outline:3px solid var(--acento);outline-offset:3px}
.pick .t-on{display:none}.pick:has(input:checked) .t-on{display:inline}.pick:has(input:checked) .t-off{display:none}
@media(max-width:1000px){.crs{grid-template-columns:1fr;max-width:34rem}}

/* inversión */
.inv{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem var(--gap);align-items:start}
.inv-cab{grid-column:1/span 5}
.inv-caja{grid-column:7/span 6;background:#fff;color:#0C0C12;border-radius:var(--radio-c);padding:1.6rem 1.6rem 1.7rem}
.inv-caja h3{font:700 .8rem/1 var(--cuerpo);letter-spacing:.05em;text-transform:uppercase;margin:0 0 1rem;color:#6B6B76}
.inv-lin{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem 0;border-bottom:2px solid #D5D4D2;font:600 1.05rem/1.2 var(--cuerpo);transition:opacity .2s}
.inv-lin small{display:block;font:500 .85rem/1.3 var(--cuerpo);color:#6B6B76;margin-top:.25rem}
.inv-lin b{font:400 1.5rem/1 var(--display);white-space:nowrap}
.inv-lin.off{opacity:.35}
.inv-tot{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.2rem 0 .3rem}
.inv-tot span{font:700 1.1rem/1 var(--cuerpo)}
.inv-tot b{font:400 clamp(2.6rem,5vw,3.8rem)/1 var(--display)}
.inv-alc{margin:.2rem 0 1.3rem;color:#6B6B76;font-size:.95rem}
.inv-caja .btn{width:100%;--btn-bg:#0C0C12;--btn-fg:#FBFAF7;--btn-bg-h:var(--acento);--btn-fg-h:#0C0C12}
.inv-caja .btn[aria-disabled=true]{opacity:.45;pointer-events:none}
.inv-nota{margin:1rem 0 0;font-size:.88rem;color:#6B6B76;line-height:1.45}
.combos{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.6rem}
.combos button{font:700 .95rem/1 var(--cuerpo);background:transparent;color:var(--fg);border:2px solid var(--line);border-radius:999px;padding:.75rem 1.1rem;min-height:48px;cursor:pointer;transition:background .14s,color .14s}
.combos button:hover{background:var(--acento);color:#0C0C12;border-color:var(--acento)}
@media(max-width:900px){.inv-cab,.inv-caja{grid-column:1/-1}}

/* pasos */
.pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);counter-reset:p}
.pasos li{counter-increment:p;border-top:2px solid var(--tinta);padding-top:1.2rem}
.pasos li::before{content:counter(p);display:block;font:400 3rem/1 var(--display);margin-bottom:.7rem}
.pasos b{display:block;font:700 1.15rem/1.25 var(--cuerpo);margin-bottom:.4rem}
.pasos span{color:var(--gris);line-height:1.5;display:block}
@media(max-width:900px){.pasos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.pasos{grid-template-columns:1fr}}

.cierre-prop h2{max-width:18ch}
.cierre-prop .hero-btns{margin-top:2rem}
.fin{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,var(--fg) 25%,transparent);color:var(--sec);font-size:.9rem;line-height:1.5;max-width:70ch}

/* aparición al scroll */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.trio-c,.cr{transition:none}}

@media(max-width:1000px){.hero-prop .hero-txt,.hero-prop .trio{grid-column:1/-1}.hero-prop .trio{margin-top:2.5rem;max-width:26rem}}

/* ajustes de la portada */
.hero-prop h1{font-size:clamp(2.4rem,4.5vw,4.5rem)}
.trio-c{position:absolute}
.trio-c span{position:absolute;top:.7rem;left:.7rem;background:#0C0C12;color:#FBFAF7;padding:.4rem .75rem;border-radius:999px;font:700 .8rem/1 var(--cuerpo)}
.trio-c i{display:none}
.pasos li{display:block;padding-left:0}
.pasos li::before{position:static}
.pasos b,.pasos span{display:block;width:auto}
.banda .hl,.franja .hl{animation:none;background-size:100% 100%}
.cierre-prop h2{max-width:22ch}

/* ronda 2 */
.cifras-prop .cifra b{font-size:clamp(1.9rem,3.6vw,3rem)}
.cr-precio{flex-wrap:wrap;align-items:baseline}
.cr-fac{flex-basis:100%;font:500 .76rem/1.2 var(--cuerpo);font-style:normal;color:var(--gris);margin-top:.15rem;opacity:.85}
.vp{font:500 .74rem/1 var(--cuerpo);font-style:normal;color:var(--gris);margin-left:.55rem;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--acento) 80%,transparent)}
.cr-redes a:hover .vp{color:#0C0C12}
.inv-fac{margin:-.1rem 0 .5rem;font:500 .78rem/1.2 var(--cuerpo);color:#6B6B76;text-align:right}
.inv-otro{display:block;text-align:center;margin-top:.8rem;font:600 .92rem/1.2 var(--cuerpo);color:#0C0C12;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--acento)}
.inv-otro[aria-disabled=true]{opacity:.45;pointer-events:none}
.contactos{display:flex;flex-wrap:wrap;gap:1rem var(--gap);margin-top:2.2rem}
.ct{display:flex;flex-direction:column;gap:.35rem;min-width:15rem;padding:1.1rem 1.4rem;border:2px solid var(--line);border-radius:var(--radio-m);text-decoration:none;color:var(--fg);transition:background .15s,color .15s,border-color .15s}
.ct span{font:600 .85rem/1 var(--cuerpo);color:var(--sec)}
.ct b{font:400 1.6rem/1 var(--display)}
.ct:hover{background:var(--acento);color:#0C0C12;border-color:var(--acento)}
.ct:hover span{color:#0C0C12}

/* alcance */
.als{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.al{border:2px solid color-mix(in srgb,var(--fg) 28%,transparent);border-radius:var(--radio-c);padding:1.6rem 1.5rem 1.4rem}
.al-nom{margin:0;font:700 1rem/1.2 var(--cuerpo)}
.al-num{margin:.9rem 0 0;font:400 clamp(2.6rem,4.4vw,3.6rem)/1 var(--display);color:var(--acento)}
.al-eti{margin:.4rem 0 1.1rem;color:var(--sobre-tinta);font-size:.95rem}
.al-bar{height:12px;border-radius:999px;background:color-mix(in srgb,var(--fg) 16%,transparent);overflow:hidden}
.al-bar i{display:block;height:100%;width:0;background:var(--acento);border-radius:999px;transition:width 1.1s cubic-bezier(.2,.8,.2,1) .2s}
.al.in .al-bar i{width:var(--p)}
.al-datos{list-style:none;margin:1.2rem 0 0;padding:0;border-top:1px solid color-mix(in srgb,var(--fg) 25%,transparent)}
.al-datos li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.7rem 0;border-bottom:1px solid color-mix(in srgb,var(--fg) 25%,transparent);font-size:.92rem;color:var(--sobre-tinta)}
.al-datos b{font:400 1.25rem/1 var(--display);color:var(--fg);white-space:nowrap}
@media(max-width:1000px){.als{grid-template-columns:1fr;max-width:34rem}}
@media(prefers-reduced-motion:reduce){.al-bar i{transition:none}}