.elementor-1017 .elementor-element.elementor-element-5008d78{--display:flex;--background-transition:0.3s;}.elementor-1017 .elementor-element.elementor-element-a2d7adf{text-align:center;}.elementor-1017 .elementor-element.elementor-element-a2d7adf .elementor-heading-title{color:#FFFFFF;font-family:"Rubik Dirt", Sans-serif;font-size:48px;font-weight:600;letter-spacing:4px;text-shadow:2px 1px 7px rgba(23.800000000000026, 23.64478260869568, 23.64478260869568, 0.95);}.elementor-1017 .elementor-element.elementor-element-69deaa9{--display:flex;--background-transition:0.3s;}.elementor-1017 .elementor-element.elementor-element-69deaa9:not(.elementor-motion-effects-element-type-background), .elementor-1017 .elementor-element.elementor-element-69deaa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1017 .elementor-element.elementor-element-69deaa9, .elementor-1017 .elementor-element.elementor-element-69deaa9::before{--border-transition:0.3s;}.elementor-1017 .elementor-element.elementor-element-c138964{z-index:0;}.elementor-1017 .elementor-element.elementor-element-8e71e85{--display:flex;--background-transition:0.3s;}@media(max-width:1024px){.elementor-1017 .elementor-element.elementor-element-c138964{z-index:1;}}@media(min-width:768px){.elementor-1017 .elementor-element.elementor-element-69deaa9{--content-width:90%;}}/* Start custom CSS for shortcode, class: .elementor-element-c138964 */.poketorneos-card {
    background: #1f0034;
    color: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    border: 1px solid #4c2a85;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #4c2a85;
    margin-bottom: 15px;
    padding-bottom: 8px;
}

.card-header h3 {
    
    margin: 0;
    font-size: 1.5rem;
}

.card-header .estado {
    background: #8649f9;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.85rem;
    text-transform: capitalize;
}

.card-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.info-group p {
    margin: 5px 0;
}

.card-footer {
    margin-top: 20px;
    text-align: center;
}



.card-footer button:hover {
    background: #a67dfb;
}

.card-footer .nota {
    font-size: 0.85rem;
    color: #ccc;
    margin-top: 8px;
}



/* Fondo oscuro y centrado */
.custom-modal {
  display: none; /* será cambiado a flex por JS */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1100;
}

/* Caja del contenido */
.custom-modal-content {
  background: #1c0037;
  padding: 20px;
  border-radius: 10px;
  max-width: 400px;
  width: 90%;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.8);
}

/* Campo de texto */
#custom-prompt-input {
  width: 100%;
  padding: 10px;
  margin: 10px 0 20px 0;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
}

/* Botones */
.custom-modal-buttons button {
  margin: 0 5px;
  padding: 8px 16px;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}

.poketorneos-container label{

    color:white;
}



.comentarios-en-vivo {
    max-height: 300px; /* Altura máxima de la caja */
    overflow-y: auto;
    background-color: #000;
    border: 1px solid #444;
    padding: 10px;
    border-radius: 8px;
    margin-top: 15px;
}

.comentarios-lista .comentario {
    padding: 8px 12px;
    margin-bottom: 6px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
}

.comentarios-lista .comentario:nth-child(odd) {
    background-color: #111; /* primer color */
}

.comentarios-lista .comentario:nth-child(even) {
    background-color: #1a1a1a; /* segundo color */
}

.comentarios-lista .comentario small {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #aaa;
}

.comentarios-lista .comentario .eliminar-comentario {
    position: absolute;
    top: 6px;
    right: 6px;
    background: red;
    color: white;
    border: none;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
}

.comentarios-lista .comentario.sistema {
    font-style: italic;
    border-left: 4px solid #999;
    background-color: #222 !important;
    color: #ccc;
}/* End custom CSS */