.boton-bloque span,
.text-section {
    text-align: center;
    color: #fff;
}
.section-faqs,
.section-portada {
    background-image: url("https://static.ptocdn.net/especiales/tlt009_teleton-2024/img/trama.png");
    background-size: cover;
    background-attachment: fixed;
}
@font-face {
    font-family: pallybold;
    src:
        url("https://static.puntoticket.com/especiales/tlt006_teleton-2023/fonts/pally-bold-webfont.woff2")
            format("woff2"),
        url("https://static.puntoticket.com/especiales/tlt006_teleton-2023/fonts/pally-bold-webfont.woff")
            format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: pallyregular;
    src:
        url("https://static.puntoticket.com/especiales/tlt006_teleton-2023/fonts/pally-regular-webfont.woff2")
            format("woff2"),
        url("https://static.puntoticket.com/especiales/tlt006_teleton-2023/fonts/pally-regular-webfont.woff")
            format("woff");
    font-weight: 400;
    font-style: normal;
}
@media screen and (min-width: 1024px) {
    body main#main {
        padding-bottom: 0 !important;
    }
}
@font-face {
    font-family: duplet_roundedbold;
    src:
        url("https://static.ptocdn.net/especiales/tlt009_teleton-2024/font/dupletrounded-bold-bf6606345a47d2e-webfont.woff2")
            format("woff2"),
        url("https://static.ptocdn.net/especiales/tlt009_teleton-2024/font/dupletrounded-bold-bf6606345a47d2e-webfont.woff")
            format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: duplet_roundedregular;
    src:
        url("https://static.ptocdn.net/especiales/tlt009_teleton-2024/font/dupletrounded-regular-bf6606345a6aa3a-webfont.woff2")
            format("woff2"),
        url("https://static.ptocdn.net/especiales/tlt009_teleton-2024/font/dupletrounded-regular-bf6606345a6aa3a-webfont.woff")
            format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: duplet_roundedsemibold;
    src:
        url("https://static.ptocdn.net/especiales/tlt009_teleton-2024/font/dupletrounded-semibold-bf6606345a87ef5-webfont.woff2")
            format("woff2"),
        url("https://static.ptocdn.net/especiales/tlt009_teleton-2024/font/dupletrounded-semibold-bf6606345a87ef5-webfont.woff")
            format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: duplet_roundedextrabold;
    src:
        url("https://static.ptocdn.net/especiales/tlt009_teleton-2024/font/dupletrounded-extrabold-bf66063459dd281-webfont.woff2")
            format("woff2"),
        url("https://static.ptocdn.net/especiales/tlt009_teleton-2024/font/dupletrounded-extrabold-bf66063459dd281-webfont.woff")
            format("woff");
    font-weight: 400;
    font-style: normal;
}
@keyframes animacion-hover {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
}
@keyframes tilt-shaking {
    0%,
    100% {
        transform: rotate(0);
    }
    25% {
        transform: rotate(5deg);
    }
    50% {
        transform: rotate(0eg);
    }
    75% {
        transform: rotate(-5deg);
    }
}
@keyframes animacion-cora {
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

html,body{
    scroll-behavior: smooth;
}

.content-footer,
.top-portada {
    background-color: #fff;
}
.section-portada {
    background-color: #ff2b3d;
    background-position: center;
}
.boton-bloque:hover {
    text-decoration: none;
    opacity: 0.8;
}
.boton-bloque:hover img {
    transform: rotate(-15deg);
}
.boton-bloque span {
    background-color: #ff2b3d;
    border: 2px solid #fff;
    font-family: pallybold;
    border-radius: 25px;
    margin: 1rem auto;
    display: block;
    padding: 0.3rem 0.5rem;
}
.boton-bloque span.activo {
    background-color: transparent;
    color: #000;
}
.boton-bloque span.inactivo {
    background-color: #ccc;
}

.boton-bloque img {
    opacity: 1;
    transition: 0.4s;
}
.boton-bloque.inactive {
    pointer-events: none;
}
.boton-bloque.inactive img {
    filter: grayscale(1) !important;
}
.boton-bloque.inactive span {
    background-color: #ccc !important;
}
.text-section h3,
.text-section h4 {
    font-family: pallybold;
    margin-bottom: 0;
}
.text-section p {
    font-family: pallyregular;
    font-size: 1.5rem;
}
.section-black {
    background-image: url('https://static.ptocdn.net/especiales/tlt013_teleton-2026/img/fondo-mapa-100.jpg');

    h6{
        color: #fff;
    }
}
.section-black p {
    font-family: duplet_roundedsemibold !important;
    font-size: 1.6rem;
}
.section-black h3 {
    font-family: duplet_roundedextrabold;
    color: #fff;
    font-size: 3.5rem !important;
}
.text-qr {
    font-family: pallybold !important;
    color: #000;
}
.boton-ticket.morado,
.lugar-rojo {
    border: 2px solid #fff;
    font-family: pallybold;
    padding: 0.5rem 1rem;
    margin: 2rem auto;
    text-align: center;
    display: block;
}
.text-qr a {
    color: #f6323e;
}
.line {
    height: 1px;
    background-color: #ccc;
    width: 100%;
}
.boton-ticket,
.card-body a,
.flecha--tab,
.lugar-rojo {
    background-color: #ff2b3d;
}
.tt_importante{
    font-family: duplet_roundedextrabold !important;
    text-align: center;
    color: #ff2b3d;
}
.line_box{
    padding: 2rem 1rem;
    border: solid 2px #ff2b3d;
    border-radius: 15px;
}
.boton-ticket.morado {
    background-color: #7272b0;
    color: #fff;
    border-radius: 25px;
    font-size: 1.5rem;
    max-width: 300px;
}
.lugar-rojo {
    color: #fff;
    border-radius: 25px;
    font-size: 2rem;
    max-width: 500px;
}
.post-recinto {
    color: #fff;
    font-family: duplet_roundedsemibold !important;
    font-size: 1rem !important;
}
.title-preguntas_frecuentes {
    padding: 2rem 0;
}
.title-preguntas_frecuentes h2 {
    font-family: duplet_roundedextrabold !important;
    text-align: center;
    color: #fff;
}
.boton-ticket {
    border: 2px solid #fff;
    text-align: center;
    font-family: pallybold;
    color: #fff;
    border-radius: 25px;
    padding: 0.5rem 1rem;
    display: block;
    margin: 2rem auto;
    font-size: 1.5rem;
    max-width: 300px;
}
.boton-ticket:hover {
    color: #ff2b3d;
    background-color: #fff;
    text-decoration: none;
}
#accordion button.btn-link {
    color: #fff;
    font-family: duplet_roundedbold;
    letter-spacing: 2px;
    width: 100%;
    display: block;
    text-align: left;
    border: 0;
    appearance: none;
    outline: 0;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 2rem 1rem;
    font-size: 1.3rem;
}
.flecha--tab {
    border-radius: 35px;
    padding: 10px;
    color: #fff;
    text-align: center;
    min-width: 80px;
    display: block;
    font-size: 0.5rem;
    position: relative;
}
.card-body,
.card-body p {
    text-align: left;
}
.card-header:hover .flecha--tab {
    opacity: 0.7;
}
.flecha--tab .texto-colapso:before {
    position: absolute;
    content: "VER MAS";
    left: 50%;
    margin-left: -50%;
    width: 80px;
    margin-top: 5px;
}
button.btn-link[aria-expanded="true"] .flecha--tab {
    background-color: #85bc24;
    opacity: 1;
}
button.btn-link[aria-expanded="true"] .flecha--tab .texto-colapso:before {
    content: "VER MENOS";
}
.preguntas--fecuentes h3 {
    color: #7272b0;
}
.card-header {
    background-color: #000;
    padding: 1.75rem 1.25rem !important;
    border-bottom: 0;
    margin-bottom: 1rem;
    border-radius: 35px !important;
}
@media screen and (min-width: 768px) {
    .flecha--tab {
        font-size: 1.2rem;
        min-width: 150px;
    }
    .flecha--tab .texto-colapso:before {
        position: absolute;
        content: "VER MÁS";
        left: 50%;
        margin-left: -50%;
        width: 150px;
        margin-top: -3px;
    }
    button.btn-link[aria-expanded="true"] .flecha--tab .texto-colapso:before {
        content: "VER MENOS";
        animation: 1s infinite animacion-hover;
    }
    .sector {
        font-size: 0.9rem;
    }
    .card-header h5 {
        font-size: 1.1rem;
    }
    .box--bloque {
        width: 100%;
        min-height: 250px;
        max-width: 165px;
        display: block;
    }
    .w-md-50 {
        width: 50% !important;
    }
}
.bjda-estdio{
    font-size: 1.2rem;
    font-family: duplet_roundedregular  !important;
    font-weight: bold;
}
.card-body p {
    font-size: 1.2rem;
    font-family: duplet_roundedregular;
    font-weight: 100 !important;
}
.card {
    border: none;
}
.section-bloque h5 {
    font-family: duplet_roundedsemibold;
}
.section-bloque h4 {
    font-family: duplet_roundedextrabold;
}
.huincha-gente {
    background-color: #85bc24;
    padding: 1rem 5px;
}
.referencial {
    color: #ccc;
}
.juntos {
    animation: 1.1s linear infinite animacion-cora;
}
.gent:hover .logo-gent {
    animation: 0.4s linear infinite tilt-shaking;
}
.section-faqs {
    background-image: url('https://static.ptocdn.net/especiales/tlt013_teleton-2026/img/fondo-faqs-100.jpg');
    background-size: cover;
}
.section-faqs .card {
    background-color: transparent !important;
}
.card-body a {
    color: #fff;
    padding: 5px;
    border-radius: 10px;
    margin: 3px;
}
.card-body a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.cover-banner {
    max-width: 1200px;
    margin: auto;
}
.footer-mesmo{
    background-color: #040002;
}

.bajada__btn{
    color: #fff;
    text-align: center;
    font-size: 16px !important;
}

.dato_cta {
      font-family: duplet_roundedregular;
    font-size: 1rem;
    font-weight: bold;
    display: block;
    color: #FFF;
}
@media screen and (min-width: 1024px) {
    .dato_cta {
        font-size: 1.2rem;
    }
}
#days,
#hours,
#minutes,
#seconds {
    font-size: 58px;
    color: #fff;
    display: block;
    font-weight: bold;
    font-family: duplet_roundedregular;
}
@media screen and (min-width: 1024px) {
    #days,
    #hours,
    #minutes,
    #seconds {
        font-size: 88px;
    }
}

.separador {
    font-family: duplet_roundedregular;
    font-size: 58px;
    color: #FFF;
    display: block;
    font-weight: bold;
    padding: 0px 0.5rem;
}
@media screen and (min-width: 1024px) {
    .separador {
        font-size: 88px;
    }
}

.section-contador{
    background-color: #ff2b3d;
}

.TT_ENTD{
    text-align: center;
    font-family: duplet_roundedregular;
    font-weight: bold;
    color: #FFF;
}

.card-body p,
.card-body ul li{
    color: #FFF;
    font-family: duplet_roundedregular;
}