/* Tarjeta Mi Kuota: cartón y sellos de la landing, con la marca de cada negocio. */
.kt{position:relative;overflow:hidden;font-size:clamp(11px,3.4cqi,14px);border-radius:1.5em;background:#F6EBDD url(../img/carton.webp) 0 0/128px;color:#1F1A17;box-shadow:0 18px 30px -18px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.7) inset}
.kt-marco{container-type:inline-size;width:100%}
.kt-cab{display:flex;align-items:center;gap:.8em;min-width:0;padding:.9em 1.1em;background:var(--kt-marca,#0F4C4A);color:var(--kt-sobre,#fff)}
.kt-logo{flex:none;display:grid;place-items:center;width:3.2em;height:3.2em;border-radius:.9em;object-fit:cover;background:#fff;color:var(--kt-marca,#0F4C4A);font:400 1.4em/1 var(--kt-letra,var(--f-titulo));box-shadow:0 0 0 2px var(--kt-acento,#E8A33D)}
span.kt-logo{width:2.3em;height:2.3em;background:var(--kt-acento,#E8A33D);color:var(--kt-sobre-acento,#1F1A17)}
.kt-nombre{min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font:400 1.45em/1.12 var(--kt-letra,var(--f-titulo));letter-spacing:.005em}
.kt-cuerpo{padding:1em 1.1em 1.15em}
.kt-linea{display:flex;align-items:baseline;justify-content:space-between;gap:.8em}
.kt-mi{font:400 1.35em var(--kt-letra,var(--f-titulo))}
.kt-cuenta{white-space:nowrap;font-size:1.05em;font-weight:600}
.kt-cuenta b{font-size:1.45em;color:#A8431F}
.kt-socio{margin:.1em 0 0;font-size:.95em;color:#5F5650}
.kt-sellos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75em .65em;margin:.8em 0 0;padding:0;list-style:none}
.kt-sellos li{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(120,84,48,.07);box-shadow:inset 0 .12em .22em rgba(92,60,30,.42),inset 0 -.04em 0 rgba(255,255,255,.5),0 .07em 0 rgba(255,255,255,.85)}
.kt-sellos b{font:700 1.4em/1 var(--f-texto);color:rgba(95,70,50,.42)}
.kt-h{position:absolute;z-index:1;inset:-5%;background:url(../img/marca-pago.webp) 50%/100% no-repeat;transform:rotate(var(--g,0deg));opacity:var(--o,.94);pointer-events:none}
.kt[data-modo=citas] .kt-h{background-image:url(../img/marca-visita.webp)}
.kt-sellos li:nth-child(10n+1) .kt-h{--g:-11deg}
.kt-sellos li:nth-child(10n+2) .kt-h{--g:7deg;--o:.86}
.kt-sellos li:nth-child(10n+3) .kt-h{--g:-4deg}
.kt-sellos li:nth-child(10n+4) .kt-h{--g:14deg;--o:.8}
.kt-sellos li:nth-child(10n+5) .kt-h{--g:-8deg}
.kt-sellos li:nth-child(10n+6) .kt-h{--g:4deg;--o:.9}
.kt-sellos li:nth-child(10n+7) .kt-h{--g:-13deg}
.kt-sellos li:nth-child(10n+8) .kt-h{--g:9deg;--o:.84}
.kt-sellos li:nth-child(10n+9) .kt-h{--g:-6deg}
.kt-sellos li:nth-child(10n) .kt-h{--g:11deg;--o:.9}
.kt-premio{margin:.8em 0 0;font-size:1.05em;line-height:1.3;color:#5F5650}
.kt-premio b{color:#1F1A17}
.kt-estampa{position:absolute;z-index:4;width:5.8em;height:auto;pointer-events:none;transform-origin:50% 74%}
.kt-h.espera{opacity:0}
.kt-mancha{animation:kt-golpe .34s ease-out}
@keyframes kt-golpe{0%{transform:scale(.97)}45%{transform:translateY(.15em) scale(1.01)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.kt-mancha{animation:none}.kt-estampa{display:none}}