@import "https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Oswald:wght@200..700&display=swap";
:root {
    --fuente-cabecera-tabla: "Oswald", sans-serif;
    --fuente-textos-tabla: "Lexend", sans-serif;
    --tamano-fuente-minimo: 0.6rem;
    --tamano-fuente-vh: 1.2vw;
    --tamano-fuente-maximo: 1.4rem;
    --color-bordes_tabla: rgba(255, 255, 255, 1);
    --color-hover_tabla: rgba(255, 255, 255, 0.3);
    --color-textos_tabla: #fff;
    --color-precio: #f90209;
    --color-sponsor: rgba(186, 212, 55, 0.7);
    --color-texto_cabecera-tabla: #fff;
    --color-boton: #000;
    --texto-boton: #fff;
    --txt-btn-size: 1.2rem;
    --color-btn-border: #000;
    --color-btn-border__hover: #fff;
    --fila1: #ffb300;
    --fila2: #6300d6;
    --fila3: #ea0022;
}
.pfilas1 {
    background-color: var(--fila1);
}
.pfilas2 {
    background-color: var(--fila2);
}
.pfilas3 {
    background-color: var(--fila3);
}
@media screen and (min-width: 1024px) {
    main#main {
        padding-bottom: 0px !important;
    }
}
.mano {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@media screen and (min-width: 480px) {
    .mano {
        display: none !important;
    }
}
.tabla-precios-normal:not(.table-bordered) tbody tr td:first-child,
.tabla-precios-normal:not(.table-bordered) tbody tr td:last-child,
.tabla-precios-normal:not(.table-bordered) tbody tr:last-child td,
.tabla-precios-normal:not(.table-bordered) td,
.tabla-precios-normal:not(.table-bordered) th {
    border-color: var(--color-bordes_tabla) !important;
}
.tabla-precios-normal td:first-child {
    border-left: 1px solid var(--color-bordes_tabla) !important;
}
.tabla-precios-normal tr th {
    font-family: var(--fuente-cabecera-tabla);
    text-align: center;
    color: var(--color-texto_cabecera-tabla);
    border-top: 0px !important;
    background-color: rgba(0, 0, 0, 0);
    font-size: clamp(var(--tamano-fuente-minimo), var(--tamano-fuente-vh), var(--tamano-fuente-maximo));
    border-bottom: solid 1px var(--color-bordes_tabla) !important;
}
.tabla-precios-normal tr th:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}
.tabla-precios-normal tr th:nth-child(1) {
    text-align: left;
}
.tabla-precios-normal tr td {
    font-size: clamp(var(--tamano-fuente-minimo), var(--tamano-fuente-vh), var(--tamano-fuente-maximo));
    color: var(--color-textos_tabla);
    font-family: var(--fuente-textos-tabla);
}
.tabla-precios-normal tr .sponsor {
    background-color: var(--color-sponsor);
}
.tabla-precios-normal tbody tr:hover {
    background-color: var(--color-hover_tabla);
}
.tabla-precios-normal tbody tr td {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .tabla-precios-normal tbody tr td {
        padding: 0.7rem;
    }
}
.tabla-precios-normal tbody tr td:nth-child(1) {
    text-align: left;
    font-weight: 600;
}
.tabla-precios-normal tbody tr td:nth-child(2) {
    background-color: var(--color-precio);
    text-align: center;
    font-weight: 600;
    color: #000;
}
.tabla-precios-normal .sector .badge {
    width: 10px;
    height: 10px;
    border-radius: 0px;
    margin-right: 10px;
}
@media screen and (min-width: 1024px) {
    .tabla-precios-normal .sector .badge {
        width: 20px;
        height: 20px;
    }
}
@media screen and (min-width: 1300px) {
    .tabla-precios-normal .sector .badge {
        width: 25px;
        height: 25px;
    }
}
.tabla-precios-normal .sector p {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 2px;
    text-transform: uppercase;
    font-size: clamp(var(--tamano-fuente-minimo), var(--tamano-fuente-vh), var(--tamano-fuente-maximo));
}
.title-seo,
.tabla-seo {
    position: absolute;
    width: 0px;
    height: 0px;
    z-index: -999999999;
    top: -200vh;
    left: -200vh;
}
.section-precios {
    background: #000;
    background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(37, 0, 19) 100%);
}
.section-botones {
    background-color: #d50012 !important;
}
.section-botones h2 {
    text-align: center;
    color: #fff;
}
.section-resena {
    background-image: url("https://static.ptocdn.net/especiales/ltc036_porfi-baloa-y-sus-adolescentes-concepcion-2026/img/fondo-resena.jpg");
    background-position: center;
    background-size: cover;
}
@media screen and (min-width: 1300px) {
    .section-resena {
        background-attachment: fixed;
    }
}
.section-resena .cover-resena {
    background-color: rgba(0, 0, 0, 0.8);
}
.section-resena .cover-resena h3,
.section-resena .cover-resena p {
    color: #fff;
}
.section-medias {
    background-image: url("https://static.ptocdn.net/especiales/ltc036_porfi-baloa-y-sus-adolescentes-concepcion-2026/img/fondo-medias.jpg");
    background-size: cover;
    background-position: bottom center;
}
.section-medias .video {
    width: 100%;
    height: 315px;
}
@media screen and (min-width: 1024px) {
    .section-medias .video {
        height: 560px;
    }
}
.section-medias .produce {
    text-align: center;
    color: #fff;
}