/* TEJIDOTECA · CTA automático de la calculadora en fichas HILOS */
.thcta{
    --thcta-pink:#e6007e;
    display:grid;
    grid-template-columns:minmax(210px,30%) minmax(0,1fr);
    align-items:center;
    gap:28px;
    overflow:hidden;
    margin:44px 0 34px;
    padding:26px 34px 26px 24px;
    border-top:5px solid var(--thcta-pink);
    background:#111;
    box-shadow:0 12px 30px rgba(0,0,0,.14);
    color:#fff;
}
.thcta__visual{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:210px;
}
.thcta__visual img{
    display:block;
    width:100%;
    max-width:275px;
    height:auto;
    margin:-22px 0 -28px;
    filter:drop-shadow(0 18px 18px rgba(0,0,0,.42));
    transform:rotate(-3deg);
}
.thcta__content{
    min-width:0;
}
.thcta__eyebrow{
    display:block;
    margin-bottom:5px;
    color:var(--thcta-pink);
    font-family:Oswald,Arial,sans-serif;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
}
.thcta h2{
    margin:0 0 10px!important;
    padding:0!important;
    color:#fff!important;
    font-family:Oswald,Arial,sans-serif!important;
    font-size:clamp(28px,3.3vw,38px)!important;
    font-weight:700!important;
    line-height:1.12!important;
    text-transform:uppercase;
}
.thcta p{
    max-width:680px;
    margin:0 0 18px!important;
    color:#eee!important;
    font-family:Abel,Arial,sans-serif!important;
    font-size:17px!important;
    line-height:1.55!important;
}
.thcta__button,
.thcta__button:visited{
    display:inline-block;
    padding:13px 18px;
    background:var(--thcta-pink);
    color:#fff!important;
    font-family:Oswald,Arial,sans-serif;
    font-size:15px;
    font-weight:700;
    letter-spacing:.3px;
    line-height:1.2;
    text-decoration:none!important;
    text-transform:uppercase;
    transition:background-color .18s ease,transform .18s ease;
}
.thcta__button:hover,
.thcta__button:focus{
    background:#fff;
    color:#111!important;
    transform:translateY(-1px);
}
@media(max-width:760px){
    .thcta{
        grid-template-columns:1fr;
        gap:4px;
        padding:22px;
        text-align:center;
    }
    .thcta__visual{
        min-height:160px;
    }
    .thcta__visual img{
        max-width:230px;
        margin:-30px auto -24px;
    }
    .thcta p{
        margin-right:auto!important;
        margin-left:auto!important;
    }
}


/* Refuerzo específico para Divi / estilos globales de enlaces */
.thcta a.thcta__button,
.thcta a.thcta__button:link,
.thcta a.thcta__button:visited,
.thcta a.thcta__button:hover,
.thcta a.thcta__button:active,
.thcta a.thcta__button:focus,
.et-db #et-boc .thcta a.thcta__button,
.et-db #et-boc .thcta a.thcta__button:link,
.et-db #et-boc .thcta a.thcta__button:visited,
.et-db #et-boc .thcta a.thcta__button:hover,
.et-db #et-boc .thcta a.thcta__button:active,
.et-db #et-boc .thcta a.thcta__button:focus{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-fill-color:#fff !important;
}
.thcta a.thcta__button *,
.et-db #et-boc .thcta a.thcta__button *{
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
}
.thcta a.thcta__button:hover,
.thcta a.thcta__button:focus,
.et-db #et-boc .thcta a.thcta__button:hover,
.et-db #et-boc .thcta a.thcta__button:focus{
    background:#fff;
    color:#111 !important;
    -webkit-text-fill-color:#111 !important;
}

/* v0.5.7 · Patrón hover consistente TEJIDOTECA */
.thcta a.thcta__button,
.thcta a.thcta__button:link,
.thcta a.thcta__button:visited{
    background:#e6007e!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    transition:
        background-color .18s ease,
        color .18s ease,
        transform .18s ease!important;
}
.thcta a.thcta__button:hover,
.thcta a.thcta__button:focus-visible,
.thcta a.thcta__button:active{
    background:#fff!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    transform:translateY(-2px)!important;
}


/* v0.5.9 · Imagen CTA enlazada y animada */
.thcta a.thcta__visual{
    color:inherit!important;
    text-decoration:none!important;
    cursor:pointer;
    border-radius:8px;
}
.thcta__visual img{
    transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease!important;
    transform-origin:50% 55%;
}
.thcta a.thcta__visual:hover img,
.thcta a.thcta__visual:focus-visible img{
    transform:rotate(1deg) translateY(-7px) scale(1.055)!important;
    filter:drop-shadow(0 24px 20px rgba(0,0,0,.55))!important;
}
.thcta a.thcta__visual:focus-visible{
    outline:3px solid #e6007e!important;
    outline-offset:5px!important;
}