/* =========================================================
   HERO · ARTÍCULOS PROMOCIONALES
========================================================= */

:root{
    --td-orange:#f28a1a;
    --td-green:#2f9b57;
    --td-black:#171717;
}


/* =========================================================
   HERO
========================================================= */

.td-promo-hero{
    position:relative;

    width:100%;
    min-height:86vh;

    display:flex;
    align-items:center;

    overflow:hidden;

    padding:
        clamp(100px,10vw,145px)
        24px
        clamp(75px,7vw,105px);

    background:
        radial-gradient(
            circle at 78% 25%,
            rgba(242,138,26,.075),
            transparent 24%
        ),
        radial-gradient(
            circle at 72% 75%,
            rgba(47,155,87,.055),
            transparent 22%
        ),
        #fff;
}


/* =========================================================
   GRID
========================================================= */

.td-promo-hero__grid{
    position:absolute;
    inset:0;

    opacity:.23;

    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(0,0,0,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,0,0,.035) 1px,
            transparent 1px
        );

    background-size:42px 42px;

    mask-image:
        linear-gradient(
            to right,
            transparent,
            rgba(0,0,0,.72)
        );
}


/* =========================================================
   GLOWS
========================================================= */

.td-promo-hero__glow{
    position:absolute;

    border-radius:50%;

    filter:blur(80px);

    pointer-events:none;
}

.td-promo-hero__glow--orange{
    width:290px;
    height:290px;

    right:8%;
    top:17%;

    background:
        rgba(242,138,26,.07);
}

.td-promo-hero__glow--green{
    width:230px;
    height:230px;

    right:30%;
    bottom:12%;

    background:
        rgba(47,155,87,.055);
}


/* =========================================================
   INNER
========================================================= */

.td-promo-hero__inner{
    position:relative;
    z-index:2;

    width:min(1240px,100%);
    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(530px,1.1fr);

    gap:
        clamp(50px,7vw,105px);

    align-items:center;
}


/* =========================================================
   CONTENT
========================================================= */

.td-promo-hero__content{
    max-width:665px;
}


.td-promo-hero__eyebrow{
    display:inline-flex;
    align-items:center;

    gap:12px;

    margin-bottom:24px;

    font-size:12px;
    font-weight:800;

    letter-spacing:.15em;
    text-transform:uppercase;

    color:#666;
}

.td-promo-hero__eyebrow > span{
    width:38px;
    height:3px;

    border-radius:99px;

    background:var(--td-orange);
}


.td-promo-hero h1{
    margin:0;

    font-size:
        clamp(50px,5.5vw,86px);

    line-height:.95;

    letter-spacing:-.055em;

    font-weight:500;

    color:#171717;
}

.td-promo-hero h1 strong{
    display:block;

    margin-top:8px;

    font-weight:900;

    color:var(--td-orange);

    animation:
        tdPromoTitle
        .9s
        cubic-bezier(.2,.75,.2,1)
        both;
}

@keyframes tdPromoTitle{

    from{
        opacity:0;
        transform:translateY(24px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/* =========================================================
   LEAD
========================================================= */

.td-promo-hero__lead{
    max-width:620px;

    margin:
        clamp(32px,3.5vw,44px)
        0
        0;

    font-size:
        clamp(18px,1.35vw,21px);

    line-height:1.75;

    color:#656565;
}


/* =========================================================
   ACTIONS
========================================================= */

.td-promo-hero__actions{
    display:flex;
    align-items:center;

    flex-wrap:wrap;

    gap:24px;

    margin-top:32px;
}


.td-promo-hero__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:16px;

    min-height:58px;

    padding:0 24px;

    border-radius:999px;

    background:#171717;

    color:#fff;

    text-decoration:none;

    font-size:15px;
    font-weight:800;

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}


.td-promo-hero__button:hover{
    transform:translateY(-3px);

    background:var(--td-orange);

    box-shadow:
        0 18px 42px
        rgba(242,138,26,.22);
}


.td-promo-hero__button span:last-child{
    display:grid;
    place-items:center;

    width:28px;
    height:28px;

    border-radius:50%;

    background:
        rgba(255,255,255,.15);
}


.td-promo-hero__link{
    display:inline-flex;
    align-items:center;

    gap:8px;

    color:#555;

    text-decoration:none;

    font-size:14px;
    font-weight:700;
}


.td-promo-hero__link:hover{
    color:var(--td-green);
}


/* =========================================================
   META
========================================================= */

.td-promo-hero__meta{
    display:flex;
    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-top:28px;

    font-size:10px;
    font-weight:800;

    letter-spacing:.08em;
    text-transform:uppercase;

    color:#8d8d8d;
}


.td-promo-hero__meta i{
    width:4px;
    height:4px;

    border-radius:50%;

    background:var(--td-green);
}


/* =========================================================
   VISUAL
========================================================= */

.td-promo-hero__visual{
    position:relative;

    min-height:570px;
}


/* =========================================================
   DISPLAY
========================================================= */

.td-promo-display{
    position:absolute;

    left:50%;
    top:50%;

    width:min(520px,88%);
    height:430px;

    transform:
        translate(-50%,-50%)
        rotate(-1deg);

    overflow:hidden;

    border-radius:26px;

    background:#f3f1ed;

    border:
        1px solid
        rgba(0,0,0,.07);

    box-shadow:
        0 34px 85px
        rgba(0,0,0,.13);

    animation:
        tdPromoDisplay
        7s
        ease-in-out
        infinite;
}


@keyframes tdPromoDisplay{

    0%,100%{
        transform:
            translate(-50%,-50%)
            rotate(-1deg)
            translateY(0);
    }

    50%{
        transform:
            translate(-50%,-50%)
            rotate(.5deg)
            translateY(-9px);
    }

}


/* =========================================================
   HEADER
========================================================= */

.td-promo-display__header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:
        17px
        19px;

    border-bottom:
        1px solid
        rgba(0,0,0,.07);

    font-size:8px;
    font-weight:800;

    letter-spacing:.12em;

    color:#777;
}

.td-promo-display__header small{
    font-size:7px;

    color:var(--td-orange);
}


/* =========================================================
   PRODUCTS
========================================================= */

.td-promo-product{
    position:absolute;

    text-align:center;

    animation:
        tdPromoFloat
        6s
        ease-in-out
        infinite;
}

.td-promo-product small{
    display:block;

    margin-top:8px;

    font-size:7px;
    font-weight:800;

    letter-spacing:.08em;
    text-transform:uppercase;

    color:#888;
}


/* mug */

.td-promo-product--mug{
    left:8%;
    top:22%;
}

.td-promo-mug{
    position:relative;

    width:110px;
    height:105px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border-radius:
        7px
        7px
        18px
        18px;

    background:#fff;

    box-shadow:
        0 18px 32px
        rgba(0,0,0,.08);
}

.td-promo-mug::after{
    content:"";

    position:absolute;

    right:-27px;
    top:25px;

    width:33px;
    height:45px;

    border:
        9px solid
        #fff;

    border-left:0;

    border-radius:
        0
        20px
        20px
        0;
}

.td-promo-mug span{
    font-size:8px;

    color:#999;
}

.td-promo-mug strong{
    font-size:17px;

    color:var(--td-orange);
}


/* bottle */

.td-promo-product--bottle{
    left:39%;
    top:17%;

    animation-delay:.6s;
}

.td-promo-bottle{
    position:relative;

    width:64px;
    height:145px;

    display:grid;
    place-items:center;

    border-radius:
        17px
        17px
        22px
        22px;

    background:var(--td-green);

    color:#fff;

    font-size:14px;
    font-weight:900;

    box-shadow:
        0 20px 35px
        rgba(47,155,87,.16);
}

.td-promo-bottle::before{
    content:"";

    position:absolute;

    top:-15px;

    width:34px;
    height:20px;

    border-radius:
        7px
        7px
        4px
        4px;

    background:#272727;
}


/* bag */

.td-promo-product--bag{
    right:7%;
    top:25%;

    animation-delay:1.2s;
}

.td-promo-bag{
    position:relative;

    width:120px;
    height:125px;

    display:grid;
    place-items:center;

    background:
        #d5c6ac;

    border-radius:
        5px
        5px
        14px
        14px;

    box-shadow:
        0 18px 35px
        rgba(0,0,0,.09);

    font-size:11px;
    font-weight:900;

    color:#575049;
}

.td-promo-bag::before{
    content:"";

    position:absolute;

    width:48px;
    height:38px;

    top:-25px;

    border:
        7px solid
        #d5c6ac;

    border-bottom:0;

    border-radius:
        30px
        30px
        0
        0;
}


/* pen */

.td-promo-product--pen{
    left:24%;
    bottom:10%;

    animation-delay:1.8s;
}

.td-promo-pen{
    position:relative;

    width:145px;
    height:16px;

    transform:rotate(-12deg);

    border-radius:999px;

    background:#171717;

    box-shadow:
        0 10px 20px
        rgba(0,0,0,.12);
}

.td-promo-pen::before{
    content:"";

    position:absolute;

    right:-17px;
    top:3px;

    border-left:
        20px solid
        var(--td-orange);

    border-top:
        5px solid
        transparent;

    border-bottom:
        5px solid
        transparent;
}


/* key */

.td-promo-product--key{
    right:18%;
    bottom:10%;

    animation-delay:2.3s;
}

.td-promo-key{
    width:64px;
    height:64px;

    display:grid;
    place-items:center;

    border-radius:18px;

    background:var(--td-orange);

    color:#fff;

    font-size:14px;
    font-weight:900;

    box-shadow:
        0 18px 30px
        rgba(242,138,26,.18);
}


@keyframes tdPromoFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }

}


/* =========================================================
   TICOJARRAS
========================================================= */

.td-promo-ticojarras{
    position:absolute;

    z-index:10;

    right:0;
    bottom:3%;

    width:215px;

    padding:
        14px
        16px;

    border-radius:16px;

    background:#171717;

    color:#fff;

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.16);

    transform:rotate(3deg);

    animation:
        tdPromoTicoJarras
        6s
        ease-in-out
        infinite;
}

.td-promo-ticojarras > span,
.td-promo-ticojarras strong,
.td-promo-ticojarras small{
    display:block;
}

.td-promo-ticojarras > span{
    font-size:6px;
    font-weight:800;

    letter-spacing:.12em;
    text-transform:uppercase;

    color:
        rgba(255,255,255,.38);
}

.td-promo-ticojarras strong{
    margin-top:7px;

    font-size:18px;

    color:var(--td-orange);
}

.td-promo-ticojarras small{
    margin-top:3px;

    font-size:8px;

    color:
        rgba(255,255,255,.48);
}


@keyframes tdPromoTicoJarras{

    50%{
        transform:
            rotate(1deg)
            translateY(-7px);
    }

}


/* =========================================================
   FLOATS
========================================================= */

.td-promo-float{
    position:absolute;
    z-index:12;

    display:flex;
    align-items:center;

    gap:10px;

    padding:
        11px
        14px;

    border-radius:14px;

    background:#fff;

    border:
        1px solid
        rgba(0,0,0,.06);

    box-shadow:
        0 16px 36px
        rgba(0,0,0,.10);

    animation:
        tdPromoCardFloat
        6s
        ease-in-out
        infinite;
}

.td-promo-float > span{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    border-radius:10px;

    background:#f3f3f1;

    color:var(--td-orange);

    font-size:9px;
    font-weight:900;
}

.td-promo-float strong,
.td-promo-float small{
    display:block;
}

.td-promo-float strong{
    font-size:10px;

    color:#333;
}

.td-promo-float small{
    margin-top:2px;

    font-size:7px;

    color:#999;
}

.td-promo-float--one{
    left:0;
    top:10%;
}

.td-promo-float--two{
    right:0;
    top:16%;

    animation-delay:.7s;
}

.td-promo-float--two > span{
    color:var(--td-green);
}

.td-promo-float--three{
    left:3%;
    bottom:5%;

    animation-delay:1.4s;
}

@keyframes tdPromoCardFloat{

    50%{
        transform:translateY(-8px);
    }

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:1050px){

    .td-promo-hero{
        min-height:auto;
    }

    .td-promo-hero__inner{
        grid-template-columns:1fr;

        gap:60px;
    }

    .td-promo-hero__content{
        max-width:800px;
    }

    .td-promo-hero__visual{
        width:min(700px,100%);
        min-height:550px;

        margin:0 auto;
    }

}


@media (max-width:700px){

    .td-promo-hero{
        padding:
            95px
            20px
            65px;
    }

    .td-promo-hero h1{
        font-size:
            clamp(45px,12.5vw,68px);
    }

    .td-promo-hero__lead{
        font-size:17px;
    }

    .td-promo-hero__actions{
        flex-direction:column;
        align-items:flex-start;

        gap:18px;
    }

    .td-promo-hero__visual{
        min-height:510px;

        transform:scale(.88);

        transform-origin:center top;

        margin-bottom:-55px;
    }

}


@media (max-width:520px){

    .td-promo-hero__visual{
        width:122%;
        left:-11%;

        transform:scale(.74);

        margin-bottom:-120px;
    }

}
/* =========================================================
   BLOQUE 02 · ARTÍCULOS PROMOCIONALES
========================================================= */

.td-promo-services{
    position:relative;
    overflow:hidden;

    padding:
        clamp(78px,8vw,118px)
        24px;

    background:#f8f8f6;
}

.td-promo-services__inner{
    width:min(1180px,100%);
    margin:0 auto;
}


/* INTRO */

.td-promo-services__intro{
    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(0,.95fr);

    gap:clamp(45px,7vw,100px);

    align-items:start;
}

.td-promo-services__eyebrow{
    display:flex;
    align-items:center;

    gap:10px;

    margin-bottom:18px;

    font-size:11px;
    font-weight:800;

    letter-spacing:.15em;
    text-transform:uppercase;

    color:#777;
}

.td-promo-services__eyebrow span{
    width:35px;
    height:3px;

    border-radius:99px;

    background:var(--td-orange);
}

.td-promo-services h2{
    margin:0;

    font-size:clamp(42px,4.8vw,70px);

    line-height:.98;
    letter-spacing:-.052em;

    font-weight:500;

    color:#171717;
}

.td-promo-services h2 strong{
    display:block;

    margin-top:7px;

    font-weight:900;

    color:var(--td-orange);
}

.td-promo-services__copy p{
    margin:0 0 20px;

    font-size:clamp(16px,1.2vw,19px);
    line-height:1.8;

    color:#6d6d6d;
}

.td-promo-services__copy strong{
    color:#222;
}


/* CATEGORÍAS */

.td-promo-categories{
    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:16px;

    margin-top:clamp(60px,6vw,90px);
}

.td-promo-category{
    min-height:300px;

    padding:26px;

    border-radius:22px;

    background:#fff;

    border:1px solid rgba(0,0,0,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.td-promo-category:hover{
    transform:translateY(-6px);

    box-shadow:
        0 22px 50px
        rgba(0,0,0,.07);
}

.td-promo-category > span{
    display:grid;
    place-items:center;

    width:40px;
    height:40px;

    margin-bottom:38px;

    border-radius:50%;

    background:#171717;

    color:#fff;

    font-size:9px;
    font-weight:900;
}

.td-promo-category--orange > span{
    background:var(--td-orange);
}

.td-promo-category--green > span{
    background:var(--td-green);
}

.td-promo-category h3{
    margin:0;

    font-size:clamp(26px,2.5vw,35px);

    line-height:1;

    letter-spacing:-.04em;

    font-weight:500;

    color:#171717;
}

.td-promo-category h3 strong{
    display:block;

    font-weight:900;
}

.td-promo-category p{
    margin:18px 0 0;

    font-size:14px;
    line-height:1.7;

    color:#747474;
}


/* PRODUCTOS */

.td-promo-products{
    margin-top:clamp(70px,7vw,105px);
}

.td-promo-products__heading{
    max-width:720px;
}

.td-promo-products__heading > span{
    display:block;

    margin-bottom:12px;

    font-size:10px;
    font-weight:800;

    letter-spacing:.15em;
    text-transform:uppercase;

    color:var(--td-green);
}

.td-promo-products h3{
    margin:0;

    font-size:clamp(36px,4vw,56px);

    line-height:.98;
    letter-spacing:-.05em;

    font-weight:500;

    color:#171717;
}

.td-promo-products h3 strong{
    display:block;

    font-weight:900;
}

.td-promo-products__grid{
    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:12px;

    margin-top:34px;
}

.td-promo-products__grid div{
    display:flex;
    align-items:center;

    gap:12px;

    min-height:68px;

    padding:15px 17px;

    border-radius:15px;

    background:#fff;

    border:1px solid rgba(0,0,0,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.td-promo-products__grid div:hover{
    transform:translateY(-4px);

    box-shadow:
        0 16px 34px
        rgba(0,0,0,.055);
}

.td-promo-products__grid span{
    display:grid;
    place-items:center;

    width:30px;
    height:30px;

    flex:0 0 auto;

    border-radius:50%;

    background:rgba(242,138,26,.09);

    color:var(--td-orange);

    font-size:8px;
    font-weight:900;
}

.td-promo-products__grid strong{
    font-size:12px;

    color:#444;
}


/* TIC0JARRAS */

.td-promo-ticojarras-block{
    display:grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(380px,1.1fr);

    gap:clamp(45px,7vw,90px);

    align-items:center;

    margin-top:clamp(70px,7vw,105px);

    padding:clamp(38px,5vw,62px);

    border-radius:30px;

    background:#171717;

    color:#fff;

    overflow:hidden;
}

.td-promo-ticojarras-block__eyebrow{
    display:block;

    margin-bottom:14px;

    font-size:10px;
    font-weight:800;

    letter-spacing:.15em;
    text-transform:uppercase;

    color:var(--td-orange);
}

.td-promo-ticojarras-block h3{
    margin:0;

    font-size:clamp(34px,4vw,54px);

    line-height:.98;
    letter-spacing:-.045em;

    font-weight:500;
}

.td-promo-ticojarras-block h3 strong{
    display:block;

    color:var(--td-orange);

    font-weight:900;
}

.td-promo-ticojarras-block__content p{
    max-width:560px;

    margin:22px 0 0;

    font-size:15px;
    line-height:1.75;

    color:rgba(255,255,255,.62);
}

.td-promo-ticojarras-block__button{
    display:inline-flex;
    align-items:center;

    gap:15px;

    min-height:56px;

    margin-top:28px;

    padding:0 21px;

    border-radius:999px;

    background:var(--td-orange);

    color:#fff;

    text-decoration:none;

    font-size:13px;
    font-weight:800;

    transition:
        transform .3s ease,
        background .3s ease;
}

.td-promo-ticojarras-block__button:hover{
    transform:translateY(-3px);

    background:var(--td-green);
}


/* VISUAL TIC0JARRAS */

.td-promo-ticojarras-block__visual{
    position:relative;

    min-height:380px;
}

.td-promo-ticojarras-orbit{
    position:absolute;

    left:50%;
    top:50%;

    width:285px;
    height:285px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    border:1px dashed rgba(255,255,255,.14);

    animation:
        tdPromoOrbit
        25s
        linear
        infinite;
}

@keyframes tdPromoOrbit{
    to{
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }
}

.td-promo-ticojarras-center{
    position:absolute;

    left:50%;
    top:50%;

    width:160px;
    height:160px;

    transform:translate(-50%,-50%);

    display:grid;
    place-items:center;

    border-radius:50%;

    background:rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.09);

    color:var(--td-orange);

    font-size:23px;
    font-weight:900;
}

.td-promo-ticojarras-chip{
    position:absolute;

    padding:10px 14px;

    border-radius:999px;

    background:rgba(255,255,255,.07);

    border:1px solid rgba(255,255,255,.09);

    color:rgba(255,255,255,.68);

    font-size:9px;
    font-weight:800;

    animation:
        tdPromoChipFloat
        6s
        ease-in-out
        infinite;
}

.td-promo-ticojarras-chip--one{
    left:4%;
    top:18%;
}

.td-promo-ticojarras-chip--two{
    right:5%;
    top:20%;

    animation-delay:.6s;
}

.td-promo-ticojarras-chip--three{
    left:8%;
    bottom:18%;

    animation-delay:1.2s;
}

.td-promo-ticojarras-chip--four{
    right:1%;
    bottom:13%;

    animation-delay:1.8s;
}

@keyframes tdPromoChipFloat{
    50%{
        transform:translateY(-7px);
    }
}


/* RESPONSIVE */

@media (max-width:950px){

    .td-promo-services__intro,
    .td-promo-ticojarras-block{
        grid-template-columns:1fr;
    }

    .td-promo-categories{
        grid-template-columns:1fr;
    }

    .td-promo-products__grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}

@media (max-width:600px){

    .td-promo-services{
        padding:
            68px
            20px;
    }

    .td-promo-products__grid{
        grid-template-columns:1fr;
    }

    .td-promo-ticojarras-block{
        padding:
            30px
            22px;
    }

}
/* =========================================================
   BLOQUE 03 · CTA ARTÍCULOS PROMOCIONALES
========================================================= */

.td-promo-cta{
    position:relative;
    overflow:hidden;

    padding:
        clamp(75px,8vw,110px)
        24px;

    background:#fff;
}


.td-promo-cta::before{
    content:"";

    position:absolute;

    width:360px;
    height:360px;

    right:-150px;
    top:-180px;

    border-radius:50%;

    background:
        rgba(242,138,26,.055);
}


.td-promo-cta::after{
    content:"";

    position:absolute;

    width:250px;
    height:250px;

    left:-120px;
    bottom:-140px;

    border-radius:50%;

    background:
        rgba(47,155,87,.045);
}


/* =========================================================
   INNER
========================================================= */

.td-promo-cta__inner{
    position:relative;
    z-index:2;

    width:min(1120px,100%);
    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(330px,.85fr);

    gap:
        clamp(45px,7vw,90px);

    align-items:center;
}


/* =========================================================
   CONTENT
========================================================= */

.td-promo-cta__eyebrow{
    display:flex;
    align-items:center;

    gap:10px;

    margin-bottom:16px;

    font-size:10px;
    font-weight:800;

    letter-spacing:.15em;
    text-transform:uppercase;

    color:#777;
}


.td-promo-cta__eyebrow span{
    width:34px;
    height:3px;

    border-radius:99px;

    background:var(--td-orange);
}


.td-promo-cta h2{
    margin:0;

    max-width:760px;

    font-size:
        clamp(42px,4.8vw,68px);

    line-height:.98;

    letter-spacing:-.052em;

    font-weight:500;

    color:#171717;
}


.td-promo-cta h2 strong{
    display:block;

    margin-top:6px;

    font-weight:900;

    color:var(--td-orange);
}


.td-promo-cta__content p{
    max-width:680px;

    margin:
        24px
        0
        0;

    font-size:
        clamp(16px,1.2vw,18px);

    line-height:1.75;

    color:#6f6f6f;
}


/* =========================================================
   ACTION
========================================================= */

.td-promo-cta__action{
    padding-left:
        clamp(0px,3vw,35px);

    border-left:
        1px solid
        rgba(0,0,0,.08);
}


.td-promo-cta__question{
    margin-bottom:17px;

    font-size:12px;
    font-weight:800;

    color:#555;
}


/* =========================================================
   WHATSAPP
========================================================= */

.td-promo-cta__whatsapp{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:14px;

    width:fit-content;

    min-height:62px;

    padding:
        0
        18px;

    border-radius:999px;

    background:#25D366;

    color:#fff;

    text-decoration:none;

    font-size:14px;
    font-weight:800;

    box-shadow:
        0 18px 42px
        rgba(37,211,102,.18);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.td-promo-cta__whatsapp:hover{
    transform:translateY(-4px);

    box-shadow:
        0 24px 52px
        rgba(37,211,102,.26);
}


.td-promo-cta__icon{
    display:grid;
    place-items:center;

    width:35px;
    height:35px;

    flex:0 0 auto;

    border-radius:50%;

    background:
        rgba(255,255,255,.16);
}


.td-promo-cta__icon svg{
    width:21px;
    height:21px;

    fill:#fff;
}


.td-promo-cta__arrow{
    display:grid;
    place-items:center;

    width:29px;
    height:29px;

    border-radius:50%;

    background:
        rgba(255,255,255,.14);
}


.td-promo-cta__action small{
    display:block;

    max-width:350px;

    margin-top:13px;

    font-size:10px;
    line-height:1.55;

    color:#999;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:900px){

    .td-promo-cta__inner{
        grid-template-columns:1fr;
    }


    .td-promo-cta__action{
        padding-left:0;
        padding-top:30px;

        border-left:0;

        border-top:
            1px solid
            rgba(0,0,0,.08);
    }

}


@media (max-width:600px){

    .td-promo-cta{
        padding:
            65px
            20px;
    }


    .td-promo-cta__whatsapp{
        width:100%;
        max-width:370px;
    }

}