.elementor-576 .elementor-element.elementor-element-5a82565{--display:flex;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-pp-table .pp-table th.pp-table-cell{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-pp-table .pp-table tr .pp-table-cell{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-pp-table .pp-table .pp-table-cell .pp-table-cell-content{color:var( --e-global-color-text );}.elementor-widget-pp-table .pp-table tfoot td.pp-table-cell{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table-container{max-width:100%;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table th.pp-table-cell{font-family:"Roboto", Sans-serif;font-weight:500;letter-spacing:2.3px;background-color:#FFFFFF;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table th.pp-table-cell .pp-table-cell-content{color:#FFFFFF;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table th.pp-table-cell .pp-icon svg{fill:#FFFFFF;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table th.pp-table-cell:hover .pp-table-cell-content{color:#D2AB3A;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table th.pp-table-cell:hover .pp-icon svg{fill:#D2AB3A;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table thead .pp-table-cell-content{justify-content:center;align-items:center;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table thead .pp-table-cell:first-child .pp-table-cell-content{align-items:center;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table thead .pp-table-cell:last-child .pp-table-cell-content{align-items:center;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table tr .pp-table-cell{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table .pp-table-cell .pp-table-cell-content{color:#000000;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table tbody .pp-table-cell-content{justify-content:center;align-items:center;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table tbody td{vertical-align:middle;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table tbody .pp-table-cell:first-child .pp-table-cell-content{align-items:center;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table tbody .pp-table-cell:last-child .pp-table-cell-content{align-items:center;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table tfoot .pp-table-cell-content{align-items:center;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table tfoot .pp-table-cell:first-child .pp-table-cell-content{align-items:center;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table tfoot .pp-table-cell:last-child .pp-table-cell-content{align-items:center;}.elementor-576 .elementor-element.elementor-element-96168bc .pp-table-cell-icon img{width:100px;}@media(min-width:768px){.elementor-576 .elementor-element.elementor-element-5a82565{--width:100%;}}/* Start custom CSS for pp-table, class: .elementor-element-96168bc *//* ====================================
   CSS PARA WIDGET TABLA ELEMENTOR
   Clases individuales por celda
   ==================================== */

/* Contenedor principal de la tabla */
.program-table-container {
  width: 100%;
  overflow-x: auto;
  margin: 2rem 0;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  
}
.fondillo {
  background-color:black;
}


/* Estilos base de la tabla */
.program-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family:  Roboto, sans-serif;
  font-size: 19px;
  color:black;
  line-height: 0.9;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
}

/* Header de la tabla */


.program-tableth {
  padding: 1rem 0.75rem;
  text-align: center;
  font-weight: 600;
  font-size: 23px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #ffffff;
  border: none;
  position: relative;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}


/* Primera columna (TIME) más ancha */
.program-table th:first-child {
  background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
  font-weight: 700;
  min-width: 100px;
}
.dicas {
  text-align:center;
  font-size:25px;
  font-weight: 700;
  min-width: 100px;
  
}
.dicas:hover {
  color:black;
}
.redicas:hover {
  color:black;
}

#semanario td{
 box-shadow: 0 0 24px 24px #cccccc;
}

.etiquetas {
  padding:5px;
  color: white;
  border-radius:10px;
  font-size:11px;
  margin-bottom:5px;
  font-weight: 700;
  min-width: 100px;
}

.e-blue{
    background-color: blue;
}

.e-red{
    background-color: red;
} 


.e-orange{
    background-color:orange;
}
   
   /* ==========================================
   TEXTO VERTICAL (DE ABAJO HACIA ARRIBA)
   ========================================== */



/* OPCIÓN 2: Usando transform rotate (alternativa) */
.texto-vertical-rotate {
  transform: rotate(-90deg) !important;
  transform-origin: center center !important;
  height: 120px !important;
  width: 120px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  padding: 0 !important;
  font-size:20px;
 
}
.texto-vertical-rotate:hover {
  color:white;
}




/* Separador sutil entre columnas del header */
.program-table th:not(:first-child)::before {
  content: '';
  position: absolute;
  left: 0;
  top: 25%;
  height: 50%;
  width: 1px;

}

/* Filas del cuerpo - SIN HOVER */
.program-table tbody tr {
  border: 1px solid rgba(226, 232, 240, 0.8);
}

.program-table tbody tr:last-child {
  border-bottom: none;
}

/* Celdas base */
.program-table td {
  padding: 1rem 0.75rem;
  border: none;
  vertical-align: top;
  position: relative;
  transition: all 0.3s ease;
  text-align: center;
}

/* Primera columna (horarios) */
.program-table td:first-child {
  background: #f8fafc !important;
  font-weight: 800;
  font-size: 12px;
  color: #000000;
  text-align: center;
  border-right: 2px solid #e2e8f0;
  min-width: 10px;
  white-space: nowrap;
}

/* Contenido de las celdas */
.program-table td:not(:first-child) {
  font-size: 13px;
  color: #000000;
  line-height: 0.9;
  cursor: pointer;
  text-align:center;
}

/* ==========================================
   CLASES ESPECÍFICAS PARA ELEMENTOR
   Aplica estas clases manualmente a cada celda
   ========================================== */

/* 1. PLENARY LECTURES */
.plenary {
  background: linear-gradient(135deg, #fef5e7 0%, #fed7aa 100%) !important;
  color: #92400e !important;
  font-weight: 600 !important;

}

.plenary:hover {
  background: linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4);
   border-left: 4px solid #f59e0b !important;
}

/* 2. SIMPOSIOS/SESIONES (S1, S2, S3, S4, S5, S6) */
.simposio {
  background: linear-gradient(135deg, #ECF7FD 0%, #A7AAF3 100%) !important;
  color: #065f46 !important;
  font-weight: 500 !important;

}

.simposio:hover {
  background: linear-gradient(135deg, #103AB9 0%, #139CF2 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(5, 150, 105, 0.4);
   border-left: 4px solid #059669 !important;
}
.simposio:hover a{
    color: #ffffff !important;
}


/* 3. BREAK */
.break {
  background: linear-gradient(135deg, #fffbeb 0%, #fde68a 100%) !important;
 
  color: #92400e !important;
  font-style: italic !important;
 
}

.break:hover {
  background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(217, 119, 6, 0.4);
   border-left: 4px solid #d97706 !important;
}

/* 4. LUNCH */
.lunch {
  background: linear-gradient(135deg, #fef3c7 0%, #fcd34d 100%) !important;
 
  color: #78350f !important;
  font-weight: 500 !important;

}

.lunch:hover {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
   border-left: 4px solid #f59e0b !important;
  box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4);
}

/* 5. REGISTRATION */
.registration {
  background: linear-gradient(135deg, #f0fdfa 0%, #99f6e4 100%) !important;

  color: #134e4a !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 11px !important;
 
}

.registration:hover {
  background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(13, 148, 136, 0.4);
   border-left: 4px solid #f59e0b !important;
}

/* 6. YOUNG INVESTIGATOR TALKS */
.young-investigator {
  background: linear-gradient(135deg, #ede9fe 0%, #c4b5fd 100%) !important;
 
  color: #581c87 !important;
  font-weight: 500 !important;
 
  
}

.young-investigator:hover {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(124, 58, 237, 0.4);
   border-left: 4px solid #7c3aed !important;
}

/* 7. STUDENTS NETWORK */
.students-network {
  background: linear-gradient(135deg, #f3e8ff 0%, #d8b4fe 100%) !important;

  color: #6b21a8 !important;
  font-weight: 500 !important;
  border-radius: 6px;
}

.students-network:hover {
  background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(147, 51, 234, 0.4);
    border-left: 4px solid #9333ea !important;
}

/* 8. ASAMBLEA/ASSEMBLY */
.assembly {
  background: linear-gradient(135deg, #fdf2f8 0%, #f9a8d4 100%) !important;

  color: #9d174d !important;
  font-weight: 500 !important;
  border-radius: 6px;
}

.assembly:hover {
  background: linear-gradient(135deg, #ec4899 0%, #db2777 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(219, 39, 119, 0.4);
    border-left: 4px solid #db2777 !important;
}

/* 9. POSTER SESSIONS */
.poster {
  background: linear-gradient(135deg, #f0f9ff 0%, #93c5fd 100%) !important;
 
  color: #1e40af !important;
  font-weight: 500 !important;
 
}

.poster:hover {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.4);
   border-left: 4px solid #2563eb !important;
}

/* 10. ROUND TABLES */
.roundtable {
  background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%) !important;
  
  color: #334155 !important;
  font-weight: 500 !important;
  border-radius: 6px;
}

.roundtable:hover {
  background: linear-gradient(135deg, #64748b 0%, #475569 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(71, 85, 105, 0.4);
  border-left: 4px solid #475569 !important;
}

/* 11. SPECIAL EVENTS (Party, etc.) */
.special {
  background: linear-gradient(135deg, #fdf4ff 0%, #f0abfc 100%) !important;
  
  color: red !important;
  font-weight: 500 !important;

}

.special:hover {
  background: linear-gradient(135deg, #d946ef 0%, #c026d3 100%) !important;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(192, 38, 211, 0.4);
  border-left: 4px solid #c026d3 !important;
}

/* 11. SPECIAL EVENTS (Party, etc.) */
.party  {
  background:  linear-gradient(135deg, #d946ef 0%, #c026d3 100%) !important;
  font-size:20px;
  font-weight: 500 !important;

}

.party:hover {
  background: linear-gradient(135deg, #d946ef 0%, #c026d3 100%) !important;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(192, 38, 211, 0.4);
  border-left: 4px solid #c026d3 !important;
}

/* 12. EMPTY CELLS */
.empty {
  background: #fafafa !important;
  position: relative;
  border-radius: 6px;
}

.empty::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  background: #e2e8f0;
  border-radius: 50%;
}

/* ==========================================
   RESPONSIVE DESIGN
   ========================================== */

@media (max-width: 768px) {
  .program-table-container {
    margin: 1rem -1rem;
    border-radius: 0;
  }
  
  .program-table {
    border-radius: 0;
    font-size: 12px;
  }
  
  .program-table th,
  .program-table td {
    padding: 0.5rem 0.25rem;
  }
  
  .program-table th {
    font-size: 10px;
  }
  
  .program-table td:first-child {
    min-width: 70px !important;
    font-size: 10px !important;
  }
  
  .program-table td:not(:first-child) {
    font-size: 11px;
  }
  
  .registration {
    font-size: 9px !important;
  }
}

@media (max-width: 480px) {
  .program-table th,
  .program-table td {
    padding: 0.25rem;
  }
  
  .program-table {
    font-size: 10px;
  }
  
  .program-table th {
    font-size: 9px;
  }
  
  .program-table td:first-child {
    min-width: 60px !important;
    font-size: 9px !important;
  }
  
  .program-table td:not(:first-child) {
    font-size: 10px;
  }
  
  .registration {
    font-size: 8px !important;
  }
}
.pp-table tr:nth-child(odd) td {
    background-color: #fcfcfc;

}

/* Para widgets de Elementor */
.elementor-widget-table .program-table-container {
  margin: 0;
}/* End custom CSS */