/* ================================ */
/* SECCIÓN: Ponente / Speaker       */
/* ================================ */

.speaker {
  background: var(--color-primary);       /* Fondo azul oscuro definido en variables */
  color: var(--color-white);              /* Texto en blanco para buen contraste */
  padding: calc(var(--spacing)*2) 0 0;    /* Padding superior y ninguno en los lados e inferior */
}

.speaker__content {
  display: flex;                          /* Flexbox para organizar texto e imagen */
  align-items: flex-end;                  /* Alinea los elementos en la parte inferior */
  gap: var(--spacing);                    /* Espaciado entre texto e imagen */
  flex-wrap: wrap;                        /* Permite que los elementos se apilen si no caben */
}

.speaker__text {
  flex: 1 1 50%;                          /* Ocupa hasta el 50% del ancho disponible */
  padding-right: var(--spacing);         /* Espacio a la derecha del texto */
  align-self: center;                    /* Centra verticalmente el bloque de texto */
  padding-bottom: calc(var(--spacing)*2);/* Espaciado inferior adicional */
}

.speaker__text h2 {
  font-size: 1.75rem;                     /* Tamaño grande para el título */
  margin-bottom: calc(var(--spacing)/2); /* Espacio debajo del título */
}

.speaker__text p {
  margin-bottom: calc(var(--spacing)/2); /* Espacio entre párrafos */
  line-height: 1.4;                       /* Altura de línea para mejor lectura */
}

/* Nota: El botón dentro de .speaker__text usa estilos globales definidos en base.css */

.speaker__image {
  flex: 1 1 40%;                          /* Ocupa hasta el 40% del ancho disponible */
  text-align: center;                    /* Centra la imagen horizontalmente */
}

.speaker__image img {
  max-width: 100%;                       /* Escala la imagen al ancho del contenedor */
  display: block;                        /* Elimina espacios extra por línea */
  border-radius: 8px;                    /* Bordes redondeados */
  margin-bottom: -1px;                   /* Ajuste fino para eliminar espacio blanco debajo */
}
