.text-home{
    background: #CF2424;
    background: linear-gradient(to right, #CF2424 0%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1rem;
    text-shadow: 3px 3px 7px rgba(131, 103, 103, 1);
    font-weight: 900;
}

.h51{
    letter-spacing: 0.4rem;
    font-weight: 900;
    line-height: 1.6;
    font-size: 1.5rem;
}

.h52{
    letter-spacing: 0.3rem;
    font-weight: 600;
    font-size: 1.6rem;
    text-shadow: 3px 3px 10px rgba(131, 103, 103, 1);
    color:#903D3D;
}

.oticprinc{
    background: #CF2424;
    background: linear-gradient(to right, #CF2424 0%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box {
    opacity: 0;
    transform: translateX(-160px);
    transition: all 1.5s ease-out;
}

.box.active {
    opacity: 1;
    transform: translateX(0);
}

.box2 {
    opacity: 0;
    transform: translateX(260px);
    transition: all 1.5s ease-out;
}

.box2.active {
    opacity: 1;
    transform: translateX(0);
}

.titlebadge{
    letter-spacing: 0.3rem;
    font-weight: 900;
}

.textbadge2{
    font-size: 1.4rem;
    letter-spacing: 0.8rem;
}

.btn1{
    background: #693535;
    background: linear-gradient(90deg, rgba(105, 53, 53, 1) 0%, rgba(207, 39, 39, 1) 50%, rgba(227, 118, 118, 1) 100%);
}

.h61{
    letter-spacing: 0.2rem;
    font-weight: bold;
    text-shadow: 3px 3px 10px rgba(131, 103, 103, 1);
}

@media (max-width:1100px) {
    .h51{
        line-height: 1.2;
        font-size: 1.1rem;
    }
    .h52{
        font-size: 1.2rem;
    }
    .textbadge2{
        font-size: 1.1rem;
    }
    .titlebadge2{
        font-size: 1.1rem;
    }

}

@media (max-width:700px) {
    .h51{
        line-height: 1.3;
        font-size: 1rem;
    }
    .h52{
        font-size: 1rem;
    }
    .textbadge2{
        font-size: 1rem;
    }
    .titlebadge2{
        font-size: 1rem;
    }
}


.bounce-in-top{-webkit-animation:bounce-in-top 2.5s both;animation:bounce-in-top 1.1s both}

.pulsate-fwd{-webkit-animation:pulsate-fwd 1s ease-in-out infinite both;animation:pulsate-fwd 1s ease-in-out infinite both}

.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}

/* ----------------------------------------------
 * Generated by Animista on 2025-6-4 15:37:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @-webkit-keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

 @-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}

@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}