/* Aprendo a Contar: colores y tapa propios (el resto es del motor) */
:root{--sig:#14b8a6;--sig2:#0f8f82;--c5:#14b8a6}
.tapa-dura{background:linear-gradient(90deg,#0b6f66 0,#14a89a 22px,#1cc4b3 60%,#0f9488)}
.pag-tapa{background:linear-gradient(170deg,#fff3b0 0%,#9ff0d8 38%,#5ec8f2 72%,#8f7dff 100%)!important}
.tapa-loma{background:linear-gradient(#ffd166,#f4a83a)}
.tapa-titulo{text-shadow:0 6px 0 rgba(20,90,110,.28)}
.tapa-titulo .t3{background:rgba(255,255,255,.4);color:#0b4f60}
.tapa-num{position:absolute;font-family:var(--ui);font-weight:700;font-size:64px;line-height:1;text-shadow:0 5px 0 rgba(0,0,0,.12),0 0 0 #fff;-webkit-text-stroke:4px #fff;paint-order:stroke fill;animation:flota 4s ease-in-out infinite}
.tapa-num:nth-child(odd){animation-delay:-2s}
.tapa-guia{position:absolute;left:4%;bottom:2%;width:300px;height:300px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.2))}
.tapa-guia svg{width:100%;height:100%}
.tapa-marco{position:absolute;right:6%;bottom:30%;width:220px;transform:rotate(-6deg)}
.tapa-sol{display:none}
.ind-sec{background:#0f9488}
.ind.hecha{background:linear-gradient(180deg,#e6fffa,#b2f5ea);border-color:#5eead4}
.numero{background:#14b8a6}
.p-etq{background:#14b8a6;box-shadow:0 4px 0 #0f8f82}
.leer-bt{background:#ffbe0b}
.tapa-dedo.dedo-svg{width:78px;font-size:0;right:6%;bottom:5%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25))}
.tapa-dedo.dedo-svg svg{width:100%;height:auto;display:block}