.textocontenido {
    font-size: 14px;
}

.course-header {
    background-color: black;
    padding: 30px 0;
}

.floating-buttons1 {
    position: fixed;
    bottom: 40px;
    right: 20px;
    display: flex;
    flex-direction: column;
    /* Coloca los botones en una columna */
    gap: 10px;
    /* Espacio entre botones */
    z-index: 1000;
}

.floating-buttons1 .button {
    background-color: #25d366;
    /* Por defecto, WhatsApp */
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease-in-out;
}


.floating-buttons1 .button a {
    color: white;
    font-size: 50px;
}

.floating-buttons1 .button:hover {
    transform: scale(1.1);
}


.floating-buttons1 .button .tooltip {
    position: absolute;
    right: 80px;
    /* Ajusta según el ancho del texto */
    top: 50%;
    transform: translateY(-50%);
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    /* Evita que el texto se rompa */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.floating-buttons1 .button:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 760px) {

    .floating-buttons1 {
        bottom: 70px;
        right: 10px;
    }


    .floating-buttons1 .button {
        width: 50px;
        height: 50px;
    }

    .floating-buttons1 .button a {
        font-size: 30px;
    }

    .floating-buttons1 .button .tooltip {
        right: 50px;
        /* Ajusta según el ancho del texto */
        padding: 5px 8px;
        font-size: 10px;

    }
}

.div-header {
    padding: 0 15px;
    margin-top: 15px;
}


.subtitle li a {
    color: #006DCF;
    font-weight: 600;
}

.subtitle li a:hover {
    color: #006DCF;
}

.uk-breadcrumb li+li::before {
    content: " > " !important;
    margin: 0 0.5em !important;
    color: #006DCF !important;
}

.titulo_principal {
    color: #000;
    font-size: 36px;
    margin: 20px 0;
    line-height: 1.2;
    font-weight: 700;
}

.lead {
    color: #000;
    font-size: 14px;
    line-height: 1.2;
}

.leadblack {
    color: #000000;
    font-size: 14px;
    line-height: 1.2;
}

.mas_vendido {
    background-color: #83C000;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 3px 5px;
}

.numero_estrella {
    color: #83C000;
    font-size: 14px;
}

.estrella-rating {
    align-items: center;
    justify-content: center;
}

.estrella-rating li {
    padding-left: 3px;
}

.estrella-rating li i {
    font-size: 10px;
}

/* Estrella llena */
.full-star {
    color: #84B026;
}

/* Estrella vacía */
.empty-star {
    color: #fff;
    /* o #ccc para gris claro */
}

/* Estrella a la mitad: truco visual con degradado */
.half-star {
    background: linear-gradient(to right, #84B026 50%, #fff 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #84B026;
    /* fallback */
    display: inline-block;
}


.valoraciones {
    color: #006DCF;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 600;
}

.what-to-learn {
    border: 1px solid #000000;
    padding: 24px;
    margin: 20px 0;
}

.textocontenido h2 {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 24px;
}

.learn-list {
    columns: 2;
    column-gap: 32px;
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
}

.learn-list li {
    position: relative;
    break-inside: avoid-column;
    margin-bottom: 12px;
    padding-left: 28px;
}

.learn-list li span[uk-icon] {
    position: absolute;
    left: 0;
}

/* mostrar todo por defecto */
.learn-list li {
    display: list-item;
}

.btn-vermas {
    margin-top: 10px;
}

.js-toggle-more {
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    padding: 4px;
    border-radius: 4px;
    color: #000;
}

.js-toggle-more:hover {
    background-color: #006DCF;
    font-weight: 600;
    color: #000;
}

.uk-incluye {
    margin-top: 30px;
    padding: 0 40px;
}

.incluye-lista {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px;
}

.incluye-lista li {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    padding-left: 0;
}

.incluye-lista img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 2px;
}


.js-expand-all {
    cursor: pointer;
    font-size: 14px;
    color: #6f2dc8;
}

.js-expand-all:hover {
    color: #6f2dc8;
}

.js-curriculum .border-li {
    border: 1px solid #000000;
}

/* .uk-accordion> :nth-child(n+2) {
    margin-top: 0px !important;
}

.uk-accordion-title {
    font-weight: 600;
    font-size: 14px;
    background-color: #f5f6f8;
    border-bottom: 1px solid #000000;
    padding: 15px;
    color: #000000;
}

.uk-accordion-subtitle {
    font-weight: 600;
    font-size: 14px;
    background-color: #ffff;
    border-bottom: 1px solid #6f2dc8;
    padding: 10px;
    color: #6f2dc8;
}



.uk-accordion-content {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 15px;
}

.uk-accordion-title:hover {
    color: #000000;
}

.uk-accordion-subtitle:hover {
    color: #6f2dc8;
}

.uk-list-collapse li {
    padding-left: 16px;
    line-height: 1.6;
}

/* Estilo base del ícono */
.toggle-icon {
    float: right;
    transition: transform 0.3s ease;
}

/* Cuando está abierto, rotamos hacia arriba */
.uk-open .toggle-icon {
    transform: rotate(180deg);
}

*/ .requisitos-lista ul {
    list-style: disc;
    padding-left: 20px;
    margin-top: 20px;
    line-height: 1.6;
}



.curso-item {
    border-bottom: 2px solid #eee;
    padding: 16px 0;
}

.curso-grid-final {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}

.curso-izquierda {
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.curso-imagen img {
    border-radius: 4px;
}

.curso-info {
    display: flex;
    flex-direction: column;
}

.curso-titulo {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 0px 0;
    color: #222;
}

.curso-detalles span {
    font-size: 13px;
    margin-right: 10px;
    color: #222;
    font-weight: normal;
}

.duracion {
    color: #0f9b4c;
    font-weight: 600;
}

.fecha {
    color: #666;
}

.curso-derecha {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: center;
    justify-content: flex-end;
}

.otra-division {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-direction: column;
    font-size: 14px;
}

.caja-centrado {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.col {
    display: flex;
    justify-content: center;
}



.icon-img {
    width: 16px;
    height: 16px;
}

.icon-img-heart {
    width: 24px;
    height: 24px;
    border: 1.8px solid #6f2dc8;
    border-radius: 50%;
    padding: 4px;
    box-sizing: border-box;
    cursor: pointer;
}

.valor {
    font-weight: 600;
    color: #F59B08;
    font-size: 16px;
}

.icono-estrella {
    font-size: 10px;
    color: #F59B08;
}

.precio-actual {
    font-weight: 800;
    font-size: 16px;
    color: #000;
}

.precio-anterior {
    font-size: 13px;
    text-decoration: line-through;
    color: #777;
}

.item_precio {
    font-size: 14px;
    text-align: center;
}



.instructor-card {
    padding: 15px 0;
}

.instructor-header {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.instructor-foto img {
    width: 120px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #ccc;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3);
}

.instructor-info {
    flex: 1;
}

.nombre-instructor {
    color: #84B026;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 4px 0;
}

.especialidad {
    font-size: 14px;
    color: #333;
    margin: 0 0 15px 0;
}

.instructor-datos {
    list-style: none;
    padding: 0;
    margin: 0;
}

.instructor-datos li {
    font-size: 14px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #333;
}

.instructor-datos i {
    color: #6f2dc8;
    width: 16px;
}

.descripcion-instructor {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.6;
    color: #111;
    text-align: justify;
}

.js-instructores-list .instructor-card {
    display: none;
}

.js-instructores-list.show-instructors .instructor-card {
    display: block;
}

.js-instructores-list .instructor-card:nth-child(-n+2) {
    display: block;
    /* mostrar solo los 2 primeros */
}

.js-toggle-instructores {
    color: #6f2dc8;
    font-size: 16px;
    font-weight: 600;
}

.js-toggle-instructores:hover {
    color: #6f2dc8;
}

.valoracion-titulo {
    display: flex;
    align-items: center;
    gap: 8px;
    /* Espacio entre estrella y texto */
}

.emogi-valoracion {
    font-size: 12px;
    color: #FFD700;
}

.card-testimonio {
    padding: 15px 15px 30px 15px;
    border-top: 2px solid #555;
}

.avatar-inicial {
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.testimonio-meta {
    font-size: 13px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 6px;
}

.testimonio-meta i {
    color: #FFD700;
    font-size: 12px;
}

.testimonio-util i {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.testimonio-util i:hover {
    transform: scale(1.1);
}

.js-testimonio-item {
    display: none;
    margin-top: 30px;
}

.js-testimonios-wrapper .js-testimonio-item:nth-child(-n+4) {
    display: block;
}

.js-testimonios-wrapper.show-all .js-testimonio-item {
    display: block;
}

.js-toggle-testimonios {
    border: 1px solid #7946FF;
    color: #7946FF;
    padding: 15px;
    border-radius: 10px;
    font-weight: 600;
}

.js-toggle-testimonios:hover {
    background-color: #7946FF;
    color: #fff;
}

.ultimo-curso {
    margin-top: 20px;
    margin-bottom: 30px;
}

.card-curso {
    background-color: #fff;
}

.card-curso img {
    width: 100%;
    object-fit: cover;
}

.card-body-curso {
    padding-top: 10px;
}

.card-titulo-curso {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 4px;
}

.card-detalle-curso {
    font-size: 13px;
    color: #555;
    line-height: 1.3;
}

.card-rating-curso {
    font-size: 14px;
    color: #000;
    margin: 5px 0;
}

.card-rating-curso i {
    color: #FFD700;
    margin-right: 0.5px;
    font-size: 10px;
}

.card-precio-curso {
    font-size: 17px;
    font-weight: bold;
    color: #000;
}

.card-precio-anterior {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
    margin-left: 6px;
}

.item-card-curso {
    padding: 0;
}

.para-fondo-relativo {
    margin-top: -70%;
}


.text-card {
    border: 1px solid #e0e0e0;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 4px 8px 15px rgba(0, 0, 0, 0.4);

    background-color: #fff;
    padding: 20px;
}

.color-circulo {
    width: 56px;
    height: 56px;
    background: white;
    color: #7946FF;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.color-circulo:hover {
    background: white;
    color: #7946FF;
    border-color: #fff;
}

.color-circulo i {
    font-size: 24px;
}

.texto-encima {
    margin-top: 70px;
    color: #fff;
    font-weight: 600;
}

.dos-planes li a {
    padding-bottom: 15px;
    color: #000;
}

.dos-planes li a:hover {
    color: #000;
}

.uk-tab>.uk-active>a {
    border-bottom: 3px solid #000;
}

.contenido_dinamico {
    margin-top: 15px;
}

.tarjeta-precio {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.tarjeta-precio-anterior {
    font-size: 14px;
    color: #555;
    text-decoration: line-through;
    margin-left: 8px;
}

.tarjeta-descuento {
    font-size: 14px;
    color: #555;
}

.tarjeta-oferta {
    font-size: 14px;
    color: #d32f2f;
}

.tarjeta-boton-principal {
    background-color: #7946FF;
    font-weight: 600;
    color: #fff;
    padding: 15px;
    border-radius: 10px;
    border-color: #7946FF;
    font-size: 18px;
}

.tarjeta-detalle {
    font-size: 13px;
    color: #666;
    text-align: center;
    line-height: 1.4;
}


/* === Estilo del modal === */
#modal-video .uk-modal-dialog {
    background: #1c1c1c;
    color: white;
    max-width: 760px;
    border-radius: 6px;
    overflow: hidden;
    padding: 0;
    width: 750px;
}

/* === Cierre del modal === */
#modal-video .uk-modal-close-default {
    color: white;
}

/* === Encabezado === */
#modal-video .uk-modal-dialog .uk-padding-small h3 {
    color: white;
}

#modal-video .uk-text-meta {
    color: #ccc !important;
    font-size: 12px;
    text-transform: uppercase;
}

/* === Lista de videos === */
#modal-video .video-item {
    cursor: pointer;
    transition: background 0.2s ease;
    padding: 20px 10px;
    margin: 0;
}

#modal-video .video-item:hover {
    background-color: #292c3e;
}

#modal-video .video-item.active {
    background-color: #352663;
}

#modal-video .video-item img {
    border-radius: 4px;
}

#modal-video .uk-list-divider>li::before {
    display: none;
    /* Quitar línea separadora por defecto si quieres */
}

/* === Texto dentro de items === */
#modal-video .video-item span {
    color: #fff;
    font-size: 14px;
}


.barra-movil {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    border-top: 1px solid #e5e5e5;
    padding: 10px 16px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
    z-index: 1000;
}

.barra-contenido {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.barra-titulo {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.barra-precios {
    font-size: 14px;
    color: #fff;
}

.precio-actualfijo {
    font-weight: bold;
    margin-right: 8px;
}

.precio-anteriorfijo {
    color: #fff;
    text-decoration: line-through;
    font-size: 13px;
}

.btn-comprar {
    background-color: #5624d0;
    color: white;
    border: none;
    padding: 8px 12px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}

.like i {
    color: #000000;
}

.liked i {
    color: #84b026;
}

.barraderecha {
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.scrollable-sessions {
    height: auto;
    overflow-y: visible;
    overflow-x: hidden;
    padding-right: 8px;
    -webkit-overflow-scrolling: touch;
}

.scrollable-sessions::-webkit-scrollbar {
    width: 6px;
}

#lista-comentarios {
    display: block;
    padding: 0 40px;
}

.scrollable-sessions::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-sessions::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.scrollable-sessions::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.game-profile-price {
    padding: 0 40px;
}

.whatsapp-button.precio-numero {
    background-color: transparent;
    border: 2px solid #25d366;
    margin-bottom: 10px;
    width: fit-content;
    color: #000000;
    padding: 10px;
}

.precioanterior {
    color: #E40000 !important;
}

.whatsapp-button.precio-numero:hover {
    border: 2px solid #25d366;
    color: #000000;
}

.action-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.whatsapp-button {
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #fff;
    gap: 10px;
}

.whatsapp-button i {
    font-size: 18px;
}

.whatsapp-button.comprar {
    background-color: #006DCF;
}

.whatsapp-button.pedido {
    background-color: #45C400;
}

.whatsapp-button.comunidad {
    background-color: #45C400;
}

.whatsapp-button:hover {
    opacity: 0.9;
    text-decoration: none;
    color: #fff;
}

#submit-comment {
    border-radius: 5px;
}

/* Contenedor de los íconos de compartir */
.share-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

/* Estilo común para los íconos de compartir */
.share-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    color: white;
    margin: 0 10px;
    text-align: center;
    transition: background-color 0.3s ease;
}

.uk-button1 {
    padding: 15px 12px 14px 12px;
    border-radius: 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    width: 70px;
    position: revert-layer;
    line-height: 16px;
    border-radius: 100px;
}

/* Estilos individuales por plataforma */
.share-icon.facebook {
    background-color: #3b5998;
}

.share-icon.twitter {
    background-color: #1da1f2;
}

.share-icon.email {
    background-color: #d44638;
}

.share-icon.whatsapp {
    background-color: #25d366;
}

/* Efecto hover para los íconos */
.share-icon:hover {
    opacity: 0.8;
}

/* Contenedor de copiar enlace */
.copy-link-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

/* Input de enlace y botón de copiar alineados */
.copy-link-container input {
    flex-grow: 1;
    margin-right: 10px;
}

.copy-link-container button {
    white-space: nowrap;
}

@media (max-width: 1280px) {
    .whatsapp-button {
        padding: 10px;
        font-size: 13px;
        gap: 5px;
    }

    .whatsapp-button i {
        font-size: 15px;
    }

    .what-to-learn {
        padding: 15px;
    }

    .curso-titulo {
    font-size: 14px;
}
}


@media (max-width: 1200px) {
    .titulo_principal {
        font-size: 28px;
    }

    .texto-encima {
        margin-top: 50px;
    }

    .tarjeta-boton-principal {
        padding: 10px;
    }
}

@media (max-width: 959px) {
    .para-fondo-relativo {
        display: none;
    }

    .video-movil {
        margin-top: 15px;
    }

    #modal-video .uk-modal-dialog {
        width: 600px;
    }

    #modal-video .uk-modal-dialog .uk-padding-small h3 {
        font-size: 18px;
    }

    #modal-video .video-item {
        padding: 15px 10px;
        margin: 0;
    }

    .game-profile-price,
    .derechomovil,
    .uk-incluye {
        padding: 0px 30px;
    }

    .div-header {
        padding: 0;
    }

    #lista-comentarios {
        padding: 0 30px;
    }



}








/* en móviles: ocultar a partir del 5to item */
@media (max-width: 767px) {
    .learn-list li:nth-child(n+5) {
        display: none;
    }

    .learn-list.expanded li {
        display: list-item;
    }

    .js-btn-container {
        display: block;
    }

    .learn-list {
        columns: 1;
    }

    .titulo_principal {
        font-size: 24px;
    }

    .textocontenido h2 {
        font-size: 20px;
    }

    .curso-titulo {
        font-weight: 600;
    }

    .js-toggle-testimonios {
        padding: 10px;
    }

    #modal-video .uk-modal-dialog {
        width: 90%;
    }

    .barra-titulo {
        max-width: 400px;
    }

    .game-profile-price,
    .derechomovil,
    .uk-incluye {
        padding: 0px;
    }

    #lista-comentarios {
        padding: 0;
    }
}

@media (max-width: 575px) {
    .textocontenido {
        font-size: 12px;
    }

    .subtitle li a {
        font-size: 12px;
    }



    .color-circulo {
        width: 40px;
        height: 40px;
    }

    .titulo_principal {
        font-size: 18px;
        margin: 10px 0;
    }

    .lead {
        font-size: 12px;
        margin-top: 0;
    }

    .valoraciones {
        font-size: 12px;
    }

    .course-header {
        padding: 15px 0;
    }

    .text-card {
        padding: 10px;
    }

    .tarjeta-descuento {
        font-size: 12px;
    }

    .tarjeta-oferta {
        font-size: 12px;
    }

    .tarjeta-boton-principal {
        font-size: 16px
    }

    .what-to-learn {
        padding: 10px;
        margin: 20px 0;
    }

    .uk-incluye {
        margin-top: 20px;
    }

    .textocontenido h2 {
        font-size: 18px;
    }

    .titulo-contenido {
        flex-direction: column;
    }

    .requisitos-lista ul {
        padding-left: 10px;
        margin-top: 10px;
    }

    .curso-titulo {
        font-size: 13px;
    }

    .curso-derecha {
        grid-template-columns: 1fr !important;
        justify-content: center !important;
        text-align: center;
        gap: 3px;
    }

    .curso-grid-final {
        display: grid;
        grid-template-columns: 70% 30%;
        gap: 16px;
        align-items: center;
    }

    .otra-division {
        grid-template-columns: 1fr !important;
        justify-content: center !important;
        text-align: center;
        gap: 0px;
    }

    .item_precio {
        font-size: 12px;
    }

    .precio-actual {
        font-size: 14px;
    }

    .item {
        gap: 3px;
        font-size: 12px;
        justify-content: center;
    }

    .icon-img {
        width: 12px;
        height: 12px;
    }

    .incluye-lista {
        margin: 15px 0;
    }

    .incluye-lista li {
        font-size: 12px;
    }

    .learn-list li {
        margin-bottom: 5px;
    }

    .js-toggle-more {
        font-size: 12px;
    }

    .incluye-lista img {
        width: 14px;
        height: 14px;
    }

    .leadblack {
        font-size: 12px;
    }

    .js-expand-all {
        font-size: 12px;
    }

    .curso-detalles span {
        font-size: 12px;
    }

    .nombre-instructor {
        font-size: 16px;
        text-align: center;
    }

    .especialidad {
        font-size: 12px;
        margin: 0 0 10px 0;
    }

    .instructor-datos li {
        font-size: 12px;
    }

    .descripcion-instructor {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.4;
    }

    .instructor-card {
        padding: 10px 0;
    }

    .instructor-header {
        align-items: center;
        flex-direction: column;
    }

    .js-toggle-instructores {
        font-size: 12px;
    }

    .js-testimonio-item {
        margin-top: 12px;
    }

    .card-testimonio {
        padding: 10px;
    }

    .card-testimonio p {
        margin-top: 0;
    }

    #modal-video .uk-modal-dialog .uk-padding-small h3 {
        font-size: 16px;
    }

    #modal-video .video-item {
        padding: 10px;
        margin: 0;
    }

    .barra-titulo {
        max-width: 280px;
    }

    .game-profile-price {
        padding: 0;
    }

    .action-buttons a {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .whatsapp-button.precio-numero {
        width: 100%;
        justify-content: center;
        gap: 20px;
    }

    .precio-numero {
        font-size: 18px;
    }

    .uk-accordion-content a {
        font-size: 12px;
    }

}

@media (max-width: 450px) {

    #modal-video .uk-modal-dialog .uk-padding-small h3 {
        font-size: 14px;
    }

    #modal-video .uk-modal-dialog {
        width: 100%;
    }

    #modal-video .video-item {
        padding: 10px;
        margin: 0;
    }

    .titulo-modal {
        font-size: 12px;
    }

    #modal-video .video-item span {
        font-size: 12px;
    }

    .barra-titulo {
        max-width: 200px;
    }

    .mas_vendido {
        display: none;
    }

    .div-rating {
        justify-content: space-between;
    }

    .estrella-rating li {
        padding-left: 5px;
    }

}

@media (max-width: 350px) {

    .barra-titulo {
        max-width: 150px;
    }

    .rating i {
        font-size: 10px;
    }

}



/* en desktop: ocultar el botón "ver más" */
@media (min-width: 768px) {
    .js-btn-container {
        display: none;
    }
}