/* Versión gratuita: avisos y datos difuminados que llevan a premium (App\Helpers\Premium). */
.ap-gratis-franja {
    display: flex; flex-wrap: wrap; align-items: center; gap: .6em 1em;
    margin: 0 0 1.2em; padding: .7em 1em; border: 1px solid #f0d58c; border-radius: var(--ap-radio, 8px);
    background: #fff8e6; color: var(--ap-texto, #1f2933); font-size: .95em;
}
.ap-gratis-franja svg { width: 1.3em; height: 1.3em; flex: none; color: var(--ap-premium, #c98a00); }
.ap-gratis-franja span { flex: 1 1 18em; }
.ap-gratis-franja .btn { flex: none; }

.ap-gratis-borroso {
    filter: blur(5px); user-select: none; -webkit-user-select: none; pointer-events: none;
    color: var(--ap-texto-2, #52606d);
}
.ap-gratis-fila td { background: var(--ap-superficie-2, #f8fafc); }
.ap-gratis-fila-aviso td { text-align: center; background: #fff8e6; font-weight: 600; }
.ap-gratis-fila-aviso a, .ap-gratis-aviso a { color: var(--ap-premium, #c98a00); }
.ap-gratis-fila-aviso svg, .ap-gratis-aviso svg { width: 1.1em; height: 1.1em; vertical-align: -.15em; }

.ap-gratis-bloque { position: relative; margin: 1.5em 0; border-radius: var(--ap-radio, 8px); overflow: hidden; border: 1px solid var(--ap-borde, #dde3ea); }
.ap-gratis-falso { filter: blur(6px); user-select: none; pointer-events: none; opacity: .7; padding: .5em; }
.ap-gratis-falso .ap-gratis-borroso { filter: none; }
.ap-gratis-capa {
    position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: .4em; padding: 1em; text-align: center; background: rgba(255, 255, 255, .55); color: var(--ap-texto, #1f2933);
    text-decoration: none;
}
.ap-gratis-capa:hover, .ap-gratis-capa:focus { background: rgba(255, 255, 255, .7); text-decoration: none; color: inherit; }
.ap-gratis-capa strong { font-size: 1.2em; }
.ap-gratis-candado svg { width: 2em; height: 2em; color: var(--ap-premium, #c98a00); }

.ap-gratis-aviso { margin: 1em 0; padding: .6em .9em; border-left: 4px solid var(--ap-premium, #c98a00); background: #fff8e6; }

.ap-anyos a.ap-anyo-premium { color: var(--ap-premium, #c98a00); border-style: dashed; }
.ap-anyos a.ap-anyo-premium svg { width: 1em; height: 1em; vertical-align: -.1em; }
.ap-pestanas a svg { width: .95em; height: .95em; vertical-align: -.1em; color: var(--ap-premium, #c98a00); }
.ap-gratis-tabla { margin-top: 1em; }