/* ==================================================
   CINTA ADN
================================================== */

.ticker-banner-adn{

position:relative;

width:100%;

height:40px;

margin-top:150px;

background:#76FF45;

overflow:hidden;

display:flex;

align-items:center;

justify-content:center;

z-index:5;

}

.ticker-wrap-adn{

position:relative;

width:100%;

height:100%;

display:flex;

align-items:center;

overflow:hidden;

}

/* ===== DESKTOP ===== */

.ticker-content-adn{

position:absolute;

display:flex;

align-items:center;

white-space:nowrap;

font-family:Arial,sans-serif;

font-size:18px;

font-weight:900;

color:#000;

letter-spacing:2px;

animation:

tickerPauseADN

18s

linear

infinite;

}

.ticker-content-adn span:nth-child(2){

display:none;

}


/* PAUSA CENTRAL */

@keyframes tickerPauseADN{

0%{

transform:

translateX(110vw);

}

30%{

transform:

translateX(

calc(

50vw - 50%

)

);

}

70%{

transform:

translateX(

calc(

50vw - 50%

)

);

}

100%{

transform:

translateX(-120%);

}

}


/* ===== MOBILE ===== */

@media(max-width:956px){

.ticker-banner-adn{

margin-top:85px;

height:35px;

}

.ticker-content-adn{

position:relative;

font-size:13px;

animation:

tickerInfiniteADN

22s

linear

infinite;

}

.ticker-content-adn span:nth-child(2){

display:block;

}

}


@keyframes tickerInfiniteADN{

0%{

transform:

translateX(0);

}

100%{

transform:

translateX(-50%);

}

}

/* ======================================================
   SUBTITLE HOME
====================================================== */

.site-subtitle{

    display:block;

    width:100%;

    max-width:1200px;

    margin:

    25px auto

    15px auto;

    padding-inline:20px;

    text-align:center;

    font-size:

    clamp(
        12px,
        2vw,
        15px
    );

    color:#76FF45;

    font-weight:bold;

    letter-spacing:1.5px;

    line-height:1.4;

}

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

.adn-slogan-section{

max-width:520px;

margin:auto;

padding:25px 20px;

text-align:center;

}

.adn-slogan-title{

font-size:26px;

font-weight:900;

line-height:1.4;

margin-bottom:25px;

}

.adn-slogan-subtitle{

font-size:18px;

font-weight:700;

line-height:1.6;

color:#A0A0A0;

margin-bottom:40px;

}

.adn-gif-container{

display:flex;

justify-content:center;

}

.adn-interactive-wrapper{

position:relative;

width:100%;

max-width:520px;

}

.adn-slogan-gif{

width:100%;

border-radius:12px;

display:block;

}

.adn-taza-whatsapp-trigger{

position:absolute;

bottom:4%;

left:50%;

transform:translateX(-50%);

width:55%;

height:10%;

z-index:5;

}


/* ==================================================
   MANIFIESTO
================================================== */

.adn-manifesto-global-box{

max-width:520px;

margin:60px auto;

padding-left:25px;

border-left:4px solid #76FF45;

display:flex;

flex-direction:column;

gap:20px;

}

.adn-manifesto-text{

font-size:15px;

line-height:1.6;

font-weight:700;

}

.font-compact{

font-size:14px;

}

.adn-manifesto-big-title{

font-size:24px;

font-weight:900;

line-height:1.3;

}

.adn-team-title{

font-size:15px;

font-weight:900;

margin-bottom:10px;

}

.adn-green-text{

font-size:19px;

font-weight:900;

color:#76FF45;

line-height:1.5;

}

.adn-white-divider{

border:none;

height:1px;

background:#fff;

opacity:.7;

}


/* ==================================================
   GIF SECUNDARIO
================================================== */

.adn-secondary-section{

display:flex;

justify-content:center;

margin:60px auto;

}

.adn-secondary-gif{

width:100%;

max-width:520px;

display:block;

}


/* ==================================================
   CIERRE
================================================== */

.adn-closure-section{

max-width:520px;

margin:60px auto 120px auto;

padding:0 20px;

text-align:center;

}

.adn-closure-text-block{

margin-bottom:40px;

}

.adn-closure-sub{

font-size:14px;

font-weight:700;

color:#A0A0A0;

line-height:1.6;

}

.adn-closure-main-title{

font-size:24px;

font-weight:900;

line-height:1.4;

}

.adn-action-btn-container{

display:flex;

justify-content:center;

}

.adn-gel-action-btn{

padding:14px 32px;

border-radius:8px;

text-decoration:none;

font-weight:900;

font-size:14px;

color:#fff;

background:

linear-gradient(

to bottom,

#003300 0%,

#005500 45%,

#002200 50%,

#004400 100%

);

box-shadow:

inset 0 1px 0 rgba(255,255,255,.3),

0 4px 10px rgba(0,0,0,.5);

}

.adn-gel-action-btn:hover{

transform:translateY(-2px);

}


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

@media(max-width:956px){



.adn-slogan-title{

font-size:18px;

}

.adn-slogan-subtitle{

font-size:15px;

}

.adn-manifesto-big-title{

font-size:20px;

}

.adn-green-text{

font-size:17px;

}

.adn-closure-main-title{

font-size:20px;

}

.adn-closure-section{

margin-bottom:140px;

}

.adn-gel-action-btn{

font-size:12px;

padding:12px 20px;

}

}