/* Página «Tiradas de Tarot Gratis» (nuevo diseño). Todo dentro de .tl-pagina para no chocar con otros estilos. */
.tl-pagina{--tl-tinta:#49334F;--tl-texto:#39333D;--tl-suave:#5b5160;--tl-linea:#E3D6E6;--tl-lila:#F1EAF3;--tl-violeta:#6B3F8F;--tl-oro:#B99A60;color:var(--tl-texto);font-family:inherit}
.tl-pagina *,.tl-pagina *::before,.tl-pagina *::after{box-sizing:border-box}
.tl-pagina h2,.tl-pagina h3{font-family:var(--font-heading);color:var(--tl-tinta)}
.tl-hero{max-width:820px;margin:0 auto;padding:12px 20px 8px;text-align:center}
.tl-hero p{margin:0 auto;font-size:19px;line-height:1.7;color:var(--tl-texto)}
.tl-ad{margin:28px auto 0;text-align:center}
.tl-seccion{padding:48px 0 24px}
.tl-cab{margin-bottom:36px;text-align:center}
.tl-eyebrow{display:block;margin-bottom:8px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-violeta)}
.tl-pagina .tl-cab h2{margin:0;padding:0;border:0;font-size:clamp(1.7rem,3.6vw,2.3rem);font-weight:500;line-height:1.2}
.tl-pagina .tl-cab h2::after{display:none}
.tl-divisor{display:block;width:110px;height:12px;margin:14px auto 0;background:url(../images/decoracion/estrella-dorada.svg) no-repeat center/12px,linear-gradient(#B99A60,#B99A60) no-repeat left center/42px 1px,linear-gradient(#B99A60,#B99A60) no-repeat right center/42px 1px}
.tl-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;list-style:none;margin:0;padding:0}
.tl-grid>li{display:flex;flex:0 0 calc((100% - 44px)/3);max-width:calc((100% - 44px)/3);margin:0}
.tl-pagina a.tl-card:link,.tl-pagina a.tl-card:visited{display:flex;flex-direction:column;align-items:center;width:100%;padding:22px 22px 24px;background:#fff;border:1px solid var(--tl-linea);border-radius:18px;box-shadow:0 4px 14px rgba(73,51,79,.08);text-align:center;text-decoration:none;color:var(--tl-tinta);transition:transform .2s,box-shadow .2s}
.tl-pagina a.tl-card:hover,.tl-pagina a.tl-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 28px rgba(73,51,79,.16);text-decoration:none}
.tl-card__img{display:flex;align-items:center;justify-content:center;width:100%;height:170px;margin-bottom:16px;border-radius:14px;background:var(--tl-lila)}
.tl-card__img img{display:block;width:auto;height:150px;mix-blend-mode:multiply}
.tl-card__tag{margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tl-violeta)}
.tl-card__titulo{font-family:var(--font-heading);display:block;margin:0 0 8px;font-size:1.3rem;font-weight:700;line-height:1.25;color:var(--tl-tinta)}
.tl-card__desc{display:block;margin-bottom:18px;font-size:16px;line-height:1.55;color:var(--tl-suave)}
.tl-card__cta{display:inline-block;margin-top:auto;padding:10px 22px;border:1px solid var(--tl-tinta);border-radius:999px;font-size:15px;font-weight:700;color:var(--tl-tinta)}
.tl-pagina a.tl-card:hover .tl-card__cta,.tl-pagina a.tl-card:focus-visible .tl-card__cta{background:var(--tl-tinta);color:#fff}
/* Sección en franja lila con tarjetas anchas (clase «arcano» en el menú) */
.tl-seccion--franja{margin-top:40px;padding:56px 0 64px;background:#EBDFEF}
.tl-seccion--franja .tl-grid>li{flex:1 1 calc((100% - 20px)/2);max-width:none}
.tl-pagina .tl-seccion--franja a.tl-card:link,.tl-pagina .tl-seccion--franja a.tl-card:visited{flex-direction:row;align-items:center;gap:18px;text-align:left;border-radius:16px;padding:22px}
.tl-ico{display:flex;flex:none;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--tl-lila)}
.tl-ico img{display:block;width:34px;height:34px}
.tl-card__texto{flex:1}
.tl-card__texto .tl-card__desc{margin-bottom:0}
.tl-seccion--franja .tl-card__cta{margin-top:0;white-space:nowrap}
/* Texto largo editable (el contenido de la página) */
.tl-texto{max-width:900px;margin:0 auto;padding:40px 20px 24px}
.tl-texto h2{position:relative;margin:55px 0 25px;padding:0 0 12px;border-bottom:1px solid #D9C9DC;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:500;line-height:1.25;color:var(--tl-tinta)}
.tl-texto h2:first-child{margin-top:0}
.tl-texto h2::after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:2px;background:#B99A60}
.tl-texto h3{margin:30px 0 12px;font-size:clamp(1.3rem,2.4vw,1.5rem);font-weight:500;color:var(--tl-tinta)}
.tl-texto p{margin:0 0 14px;font-size:17px;line-height:1.85}
@media(max-width:991px){.tl-grid>li{flex-basis:calc((100% - 22px)/2);max-width:calc((100% - 22px)/2)}}
@media(max-width:575px){.tl-grid>li{flex-basis:100%;max-width:100%}.tl-seccion--franja .tl-grid>li{flex-basis:100%}.tl-pagina .tl-seccion--franja a.tl-card:link,.tl-pagina .tl-seccion--franja a.tl-card:visited{flex-direction:column;text-align:center}.tl-hero p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.tl-pagina a.tl-card{transition:none!important}.tl-pagina a.tl-card:hover{transform:none!important}}

/* 4 tarjetas en una fila (Tirada de cartas españolas) */
@media(min-width:992px){.tl-grid--4{gap:18px}.tl-grid--4>li{flex:0 0 calc((100% - 54px)/4);max-width:calc((100% - 54px)/4)}.tl-grid--4 .tl-card{padding:18px 16px 20px}}
.tl-texto .tl-boton{margin:30px 0 0;text-align:center}
.tl-pagina .tl-texto .tl-boton a:link,.tl-pagina .tl-texto .tl-boton a:visited{display:inline-block;padding:13px 28px;border-radius:999px;background:var(--tl-tinta);color:#fff;font-weight:700;text-decoration:none}
.tl-pagina .tl-texto .tl-boton a:hover{background:#3B2A48}