.timeline-container-wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 0px; padding-bottom: 5px; }
         .timeline-content { white-space: nowrap; padding: 15px 15px; min-height: 130px; position: relative; display: block; box-sizing: border-box; }
         .timeline-line-element { position: absolute; top: 30px; left: 15px; height: 2px; background-color: #dee2e6; z-index: 1; width: 0; }
         .timeline-point { display: inline-block; vertical-align: top; width: 100px; margin-right: 25px; text-align: center; white-space: normal; position: relative; z-index: 2; }
         .timeline-content .timeline-point:last-child { margin-right: 0; }
         .minute-marker { width: 32px; height: 32px; background-color: #fff; border: 2px solid #ccc; border-radius: 50%; line-height: 28px; text-align: center; font-size: 0.8em; font-weight: bold; color: #555; margin: 0 auto 6px auto; box-shadow: 0 1px 2px rgba(0,0,0,0.1); position: relative; z-index: 3; }
         .event-details { width: 100%; }
         .timeline-event-img { display: block; margin: 0 auto 4px auto; width: 24px; height: 24px; object-fit: contain; }
         .player-name, .player-name-extra, .score-detail, .period-text, .added-time-text, .var-detail, .penalty-detail, .assist-detail { display: block; font-size: 11px; color: #333; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; padding: 0; white-space: normal; }
         .player-name-extra { color: #777; }
         .score-detail { font-weight: bold; font-size: 10px; }
         .period-text { font-size: 10px; font-weight: bold; color: #6c757d; text-transform: uppercase; margin-top: 6px; }
         .added-time-text {display: inline-block; font-size: 10px !important; color: #d9534f; font-weight: bold; margin-left: 2px; position: absolute; top: -14px; left: 4px;}
         .var-detail, .penalty-detail { color: #555; font-style: italic; font-size: 9px; line-height: 1.1; }
         .assist-detail { color: #555; font-size: 10px; }
         .assist-arrow { color: #5bc0de; margin-right: 3px; font-weight: normal; display: inline-block; }
         .timeline-point.event-type-goal .minute-marker { border-color: #5cb85c; }
         .timeline-point.event-type-card.yellow .minute-marker { border-color: #f0ad4e; }
         .timeline-point.event-type-card.red .minute-marker { border-color: #d9534f; }
         .timeline-point.event-type-card.yellowred .minute-marker { border-color: #d9534f; }
         .timeline-point.event-type-substitution .minute-marker { border-color: #5bc0de; }
         .timeline-point.event-type-ingamepenalty .minute-marker { border-color: #d9534f; }
         .timeline-point.event-type-vardecision .minute-marker { border-color: #777; }
         .timeline-point.event-type-period .minute-marker { font-weight: normal; }
         .timeline-point.event-type-period.start .minute-marker { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
         .timeline-point.event-type-period.halftime .minute-marker { background-color: #fff3cd; border-color: #ffeeba; font-size: 0.9em; line-height: 28px; }
         .timeline-point.event-type-period.ft .minute-marker { background-color: #f2dede; border-color: #ebccd1; color: #a94442; font-weight: bold; }

         /* Fontello (Mantenido de tu código) */
         @font-face { font-family: fontello; src: url(font/fontello.eot?202203221153); src: url(font/fontello.eot?202203221153#iefix) format('embedded-opentype'),url(font/fontello.woff?202203221153) format('woff'),url(font/fontello.ttf?202203221153) format('truetype'),url(font/fontello.svg?202203221153#fontello) format('svg'); font-weight: 400; font-style: normal }
         [class*=" icon-"],[class^=icon-] { font-family: fontello; font-style: normal; font-weight: 400; speak: none; font-size: 14px; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; font-smoothing: antialiased; text-rendering: auto }
         /* ... Resto de definiciones de Fontello ... */
          .icon-comment:before { content: '\e800' } .icon-block:before { content: '\e801' } .icon-spade:before { content: '\e802' } .icon-facebook:before { content: '\e803' } .icon-search:before { content: '\e804' } .icon-star:before { content: '\e805' } .icon-twitter:before { content: '\e806' } .icon-users:before { content: '\e807' } .icon-ok:before { content: '\e808' } .icon-award:before { content: '\e809' } .icon-plus-squared:before { content: '\e80a' } .icon-list:before { content: '\e80b' } .icon-help-circled:before { content: '\e80c' } .icon-chart-area:before { content: '\e80d' } .icon-home:before { content: '\e80e' } .icon-left-open:before { content: '\e80f' } .icon-warning:before { content: '\e810' } .icon-error:before { content: '\e810' } .icon-menu:before { content: '\e811' } .icon-money:before { content: '\e812' } .icon-login:before { content: '\e813' } .icon-logout:before { content: '\e814' } .icon-switch:before { content: '\e815' } .icon-check-empty:before { content: '\e816' } .icon-check:before { content: '\e817' } .icon-flight:before { content: '\e818' } .icon-stop:before { content: '\e81b' } .icon-up-circled:before { content: '\e81c' } .icon-circle:before { content: '\e81e' } .icon-shield:before { content: '\e81f' } .icon-right-circled:before { content: '\e820' } .icon-right-open:before { content: '\e821' } .icon-gplus-1:before { content: '\f0d5' } .icon-soccer-ball:before { content: '\f1e3' } .icon-newspaper:before { content: '\f1ea' } .icon-bed:before { content: '\f236' } .icon-eye:before { content: '\e819' } .icon-hand-paper-o:before { content: '\f256' } .icon-play-circled:before { content: '\e81a' } .icon-plus-circled:before { content: '\e822' } .icon-minus-circled:before { content: '\e823' } .icon-t-shirt:before { content: '\e824' } .icon-share:before { content: '\e825' } .icon-play:before { content: '\e826' }
          .icon-event-amarilla:before { content: '\e81b'; color: #ffc107 } .icon-event-roja:before { content: '\e81b'; color: #f44336 } .icon-event-doble:before { content: '\e81b'; color: #ffc107; background: linear-gradient(135deg,#ffc107 0,#ffc107 50%,#f44336 51%,#f44336 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .icon-event-gol:before { content: '\e81e'; color: #4caf50 } .icon-event-gol_pp:before { content: '\e81e'; color: #f44336 } .icon-event-pen_scored:before,.icon-event-penalty:before { content: '\e81c'; color: #4caf50 } .icon-event-missed:before,.icon-event-pen_missed:before { content: '\e81c'; color: #f44336 } .icon-event-asistencia:before { content: '\e820'; color: #2196f3 } .icon-event-saved:before { content: '\f256'; color: #4caf50 } .icon-event-entra:before { content: '\e813'; color: #4caf50 } .icon-event-sale:before { content: '\e814'; color: #f44336 } .icon-event-lesion:before { content: '\e80a'; color: #f44336 } .icon-event-mvp:before { content: '\e809'; color: #9c27b0 } .icon-event-star:before { content: '\e805'; color: #9c27b0 } .icon-event-var:before { content: '\e81d'; color: #2196f3; font-size: 10px }

         @media (max-width: 767px) {

             .timeline-content { min-width: 300px; padding: 15px 10px; min-height: 120px; }
             .timeline-line-element { top: 29px; left: 10px; }
             .timeline-point { width: 90px; margin-right: 0px; }
             .minute-marker { width: 30px; height: 30px; line-height: 26px; font-size: 0.75em; margin-bottom: 4px; }
             .timeline-event-img { width: 20px; height: 20px; margin-bottom: 3px; }
             .player-name, .player-name-extra, .score-detail, .period-text, .added-time-text, .var-detail, .penalty-detail, .assist-detail { font-size: 11px; line-height: 1.1; }
             .period-text { margin-top: 3px; }
             .assist-detail { font-size: 9px; }
             .assist-arrow { margin-right: 2px; }
         }


.swiper-button-next,
.swiper-button-prev {
  display: block;
  color: #2aff52 !important;
}

.select2-container--default .select2-selection--single {
    height: auto !important; /* Usar !important */
}

.select2-container--default .select2-results__options {
    max-height: 300px !important;
    overflow-y: auto !important;
}

/* Estilos para el contenedor de Select2 */
.select2-container--default .select2-selection--single {
  height: 42px; /* Aumentamos un poco más la altura */
  line-height: 40px; /* Ajustamos el line-height */
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
  padding: 0 10px;
  margin-bottom: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: border-color 0.3s ease;
  padding-left: 12px; /* Añadimos padding izquierdo para el logo */
}

.select2-container--default .select2-selection--single:hover {
  border-color: #aaa;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px; /* Asegúrate de que coincida */
  padding-left: 0; /* Removemos el padding izquierdo del rendered, ya está en el contenedor */
  color: #333;
  display: flex; /* Usamos flex para alinear el logo y el texto */
  align-items: center; /* Centramos verticalmente */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px; /* Ajustamos la altura de la flecha */
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
  margin-left: 2px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 6px 6px 6px;
}

/* Estilos para las opciones y la selección del dropdown */
.fantasy-option-container,
.fantasy-selection-container {
  display: flex;
  align-items: center;
}

.fantasy-option-container {
  justify-content: flex-start;
  width: 100%;
}

.select2-results__option--highlighted.select2-results__option--selectable .fantasy-option-container {
  background-color: #0a5f00;
}

.fantasy-logo {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  object-fit: contain;
}

/* Logo más pequeño en la selección */
.select2-selection__rendered .fantasy-logo {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.fantasy-name {
  flex-grow: 1;
  font-weight: normal;
  font-size: 16px;
}

/* Ocultar el icono de pin en la selección principal (opcional) */
.select2-selection__rendered .fantasy-pin-icon {
  display: none;
}


  :root{
      --bg: #ffffff;
      --page: #f6f8fb;
      --card: #ffffff;
      --stroke: #e6eaf1;
      --text: #1f2a37;
      --muted: #6b7280;

      --goal: #10b981;
      --yellow: #f59e0b;
      --red: #ef4444;
      --sub: #3b82f6;

      --shadow: 0 6px 18px rgba(17, 24, 39, .08);
      --radius: 14px;
    }


    .wrap{
      max-width: 760px;
      margin: 22px auto;
      padding: 0 12px 30px;
    }

  
 

    .status{
      font-size: 12px;
      color: var(--muted);
      margin-left: 8px;
    }

    /* CONTENEDOR LISTA */
    #contenedor_comentarios{
      padding: 14px 12px 16px;
    }

    /* FILA: minuto separado + tarjeta */
    .comentario-row{
      display:flex;
      gap: 10px;
      align-items: stretch;
      margin: 10px 0;
    }

    .comentario-min{
      width: 58px;
      min-width: 58px;
      text-align: right;
      font-weight: 900;
      color: #111827;
      padding-top: 10px;
      position: relative;
      font-size: 14px;
      line-height: 1;
    }

    .comentario-min .min-icon{
      display:inline-flex;
      width: 18px;
      justify-content:center;
      margin-right: 4px;
      opacity: .9;
    }

    /* Tarjeta */
    .comentario-card{
      flex:1;
      background: var(--card);
      border: 1px solid var(--stroke);
      border-radius: 14px;
      box-shadow: 0 4px 14px rgba(17, 24, 39, .06);
      padding: 10px 12px;
      position: relative;
      overflow:hidden;
    }

    /* cabecera de tipo (GOL / Amarilla / Roja / Sustitución) */
.comentario-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
}
.comentario-emoji{
  font-size:18px;
  line-height:1;
}

    .comentario-titulo{
      font-weight: 900;
      font-size: 15px;
      letter-spacing: .2px;
    }

    .comentario-texto{
      font-size: 13.5px;
      line-height: 1.35;
      color: #111827;
    }

    .comentario-texto a.comentario-player{
      color: #0b5ed7;
      text-decoration: none;
      font-weight: 700;
    }
    .comentario-texto a.comentario-player:hover{
      text-decoration: underline;
    }

    /* Tipos (borde izquierdo + “badge” suave) */
    .comentario-card.tipo-gol{
      border-left: 5px solid var(--goal);
    }
    .comentario-card.tipo-gol .comentario-titulo{ color: var(--goal); }

    .comentario-card.tipo-amarilla{
      border-left: 5px solid var(--yellow);
    }
    .comentario-card.tipo-amarilla .comentario-titulo{ color: var(--yellow); }

    .comentario-card.tipo-roja{
      border-left: 5px solid var(--red);
    }
    .comentario-card.tipo-roja .comentario-titulo{ color: var(--red); }

    .comentario-card.tipo-cambio{
      border-left: 5px solid var(--sub);
    }
    .comentario-card.tipo-cambio .comentario-titulo{ color: var(--sub); }

    /* Líneas de sustitución */
    .cambio-line{
      display:flex;
      align-items:center;
      gap: 8px;
      padding: 6px 0;
      border-top: 1px dashed rgba(17,24,39,.12);
    }
    .cambio-line:first-of-type{
      border-top: none;
      padding-top: 2px;
    }

    .player-name{
      font-size: 13.5px;
            font-weight: bold;
    }

    .player-name a{
      color:#111827;
      text-decoration:none;

    }
    .player-name a:hover{ text-decoration:underline; }

    .tag-entra, .tag-sale{
      font-weight: 900;
      font-size: 12px;
      padding: 2px 8px;
      border-radius: 999px;
      border: 1px solid var(--stroke);
      margin-left: 6px;
      display:inline-block;
      vertical-align: middle;
    }
    .tag-entra{
      color: #059669;
      background: rgba(16,185,129,.10);
      border-color: rgba(16,185,129,.25);
    }
    .tag-sale{
      color: #dc2626;
      background: rgba(239,68,68,.10);
      border-color: rgba(239,68,68,.25);
    }

    /* Loader */
    .loader{
      display:flex;
      align-items:center;
      gap: 10px;
      padding: 12px;
      color: var(--muted);
      font-size: 13px;
    }
    .dot{
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #9ca3af;
      animation: pulse 1s infinite ease-in-out;
    }
    .dot:nth-child(2){ animation-delay:.15s; }
    .dot:nth-child(3){ animation-delay:.30s; }
    @keyframes pulse{
      0%,100%{ transform: translateY(0); opacity:.45; }
      50%{ transform: translateY(-3px); opacity: 1; }
    }

    /* Responsive */
    @media (max-width: 520px){
      .comentario-min{
        width: 48px;
        min-width: 48px;
        font-size: 13px;
      }
      .comentario-card{ padding: 10px 10px; }
      .comentario-texto{ font-size: 13px; }
    }