/* =========================================================
   CreatorTraffic embed: Spanish
   ========================================================= */

.post-content .creative8 {
    --ct-pink: #d50068;
    --ct-green: #078c38;
    --ct-purple: #4600d8;
    --ct-button-text: #ffffff;
}


/* =========================================================
   General sizing
   ========================================================= */

.post-content .creative8 .user-list .visit-link {
    font-size: 0.5em;
}

.post-content .creative8 .stat-wrapper .stat-line {
    font-size: 0.52em;
}

.post-content .creative8 .cost-wrapper {
    font-size: 0.52em;
}


/* =========================================================
   Likes
   ========================================================= */

.post-content
.creative8
.stat-wrapper
.stat-line:nth-child(1)
> .pink-txt {
    position: relative;
    display: inline-block;
    min-width: 5.2em;
    color: transparent;
}

.post-content
.creative8
.stat-wrapper
.stat-line:nth-child(1)
> .pink-txt::after {
    content: "Me gusta:";
    position: absolute;
    top: 0;
    left: 0;

    color: var(--ct-pink);
    font-size: 1em;
    line-height: inherit;
    white-space: nowrap;
}


/* =========================================================
   Photos
   ========================================================= */

.post-content
.creative8
.stat-wrapper
.stat-line:nth-child(2)
> .pink-txt {
    position: relative;
    display: inline-block;
    min-width: 5.2em;
    color: transparent;
}

.post-content
.creative8
.stat-wrapper
.stat-line:nth-child(2)
> .pink-txt::after {
    content: "Fotos:";
    position: absolute;
    top: 0;
    left: 0;

    color: var(--ct-pink);
    font-size: 1em;
    line-height: inherit;
    white-space: nowrap;
}


/* =========================================================
   Videos
   ========================================================= */

.post-content
.creative8
.stat-wrapper
.stat-line:nth-child(3)
> .pink-txt {
    position: relative;
    display: inline-block;
    min-width: 5.2em;
    color: transparent;
}

.post-content
.creative8
.stat-wrapper
.stat-line:nth-child(3)
> .pink-txt::after {
    content: "Vídeos:";
    position: absolute;
    top: 0;
    left: 0;

    color: var(--ct-pink);
    font-size: 1em;
    line-height: inherit;
    white-space: nowrap;
}


/* =========================================================
   Visit account button
   ========================================================= */

.post-content
.creative8
.user-list
.visit-wrapper
.link-acount
.visit-link {
    position: relative;
    display: inline-block;

    margin: 0;
    padding: 0;

    color: transparent;
    line-height: 0;
    white-space: nowrap;
}

.post-content
.creative8
.user-list
.visit-wrapper
.link-acount
.visit-link::after {
    content: "VISITAR PERFIL";

    display: block;

    /* Vertical padding only */
    padding: 0.45rem;

    color: var(--ct-button-text);
    font-size: 1em;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}


/* =========================================================
   Monthly cost
   ========================================================= */

.post-content
.creative8
.user-list
.visit-wrapper
.cost-wrapper {
    position: relative;

    /*
     * Hides the original raw text node:
     * MONTHLY COST:
     *
     * The original text still reserves its normal layout space.
     */
    color: transparent;
}

.post-content
.creative8
.user-list
.visit-wrapper
.cost-wrapper::before {
    content: "COSTO MENSUAL:";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    color: #000000;
    font-size: 1em;
    line-height: inherit;
    text-align: center;
    white-space: normal;

    pointer-events: none;
}


/* =========================================================
   Paid monthly price
   ========================================================= */

.post-content
.creative8
.user-list
.visit-wrapper
.cost-wrapper
> .purple-txt {
    position: relative;

    color: var(--ct-purple);
}


/* =========================================================
   Free monthly price
   ========================================================= */

.post-content
.creative8
.user-list
.visit-wrapper
.cost-wrapper
> .green-txt {
    position: relative;
    display: inline-block;

    min-width: 3.8em;

    color: transparent;
    line-height: 0;
}

.post-content
.creative8
.user-list
.visit-wrapper
.cost-wrapper
> .green-txt::after {
    content: "Gratis";

    display: block;

    color: var(--ct-green);
    font-size: 1em;
    line-height: normal;
    white-space: nowrap;
}


/* =========================================================
   Footer link
   ========================================================= */

.post-content
.creative8
.get-featured-link
> a {
    display: inline-block;

    color: transparent;
    line-height: 0;
}

.post-content
.creative8
.get-featured-link
> a::after {
    content: "¿Quieres aparecer aquí? Conviértete en anunciante";

    display: block;

    color: var(--ct-purple);
    font-size: 1em;
    line-height: 1.4;
    white-space: normal;
}