.rspbld-image img {
    border-radius: 0 !important;
}

/* Asegurar que la fila funciona como flex */
.row-fluid {
    display: flex;
    align-items: stretch;
}

/* Forzar que la columna izquierda ocupe todo el alto */
.rspbld-col.span5 {
    display: flex;
    flex-direction: column;
}

/* Ajustar contenedor de la imagen */
.rspbld-image {
    flex: 1 1 auto;
    height: 100%;
    overflow: hidden;
}

/* Hacer que la imagen rellene totalmente */
.rspbld-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* Quitar completamente los cantos redondeados de la imagen */
.rspbld-image img {
    border-radius: 0 !important;
}

/* Eliminar cualquier borde redondeado en las imágenes del addon IMAGE */
.rspbld-image img,
.rspbld-image,
.rspbld-image-wrapper,
.sppb-addon-image,
.sppb-addon-image img {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
 /*     overflow: visible !important;*/
  overflow: clip !important;;
}

/* Por si proviene de Bootstrap / UIkit / Helix */
.img-rounded,
.img-thumbnail,
.uk-border-rounded,
.uk-border-circle {
    border-radius: 0 !important;
}

.formulario-semitransparente {
  background-color: rgba(255, 255, 255, 0.8); /* blanco semitransparente */
  padding: 60px 24px 0px 24px;               /* mismo padding que tenías */
  border-radius: 8px;                         /* opcional, bordes redondeados */
}

/* Cada item del slide */
.ponentes-slider li {
    display: inline-block;       /* se ciñe al contenido */
    vertical-align: top;
    margin: 0 10px;              /* espacio entre imágenes */
}

/* Contenedor de la imagen */
.ponentes-slider li .uk-text-center {
    position: relative;
    display: inline-block;
    border-radius: 12px;         /* bordes redondeados */
    overflow: hidden;            /* evita que el zoom sobresalga */
}

/* Imagen */
.ponentes-slider li img {
    display: block;
    width: 100%;
    border-radius: 12px;
    transition: transform 0.5s ease;
}

/* Zoom suave al pasar el cursor */
.ponentes-slider li:hover img {
    transform: scale(1.08);
}

/* Overlay negro en la parte inferior */
.ponentes-slider li .uk-text-center::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;                  /* solo cubre la parte inferior */
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); /* difuminado hacia arriba */
    border-radius: 0 0 12px 12px; /* solo esquinas inferiores redondeadas */
    pointer-events: none;
    transition: background 0.5s ease;
}

/* Opcional: aumentar opacidad al hover */
.ponentes-slider li:hover .uk-text-center::after {
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/* Contenedor del texto dentro del overlay */
.ponentes-slider li .overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #ffffff;
    z-index: 2;                   /* sobre la imagen y overlay */
    font-family: sans-serif;
}

/* Contenedor principal del slide */
.uk-panel {
  position: relative; /* necesario para posicionar overlay encima de la imagen */
  overflow: hidden;   /* evita que el overlay sobresalga */
}

/* Caja negra con el nombre */
.uk-panel .name-overlay {
  position: absolute;
  bottom: 0;              /* pegado al fondo de la imagen */
  width: 100%;            /* ocupa todo el ancho de la imagen */
  background: #000;       /* fondo negro opaco */
  display: flex;
  justify-content: center;  /* centrado horizontal */
  align-items: center;      /* centrado vertical */
  padding: 10px 0;          /* altura de la caja */
  box-sizing: border-box;
  z-index: 3;               /* encima de la imagen */
}

/* Estilo del texto dentro del overlay */
.uk-panel .name-overlay a {
  color: #fff;              /* texto blanco */
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
}

/* --- ESTILO DE SUBTÍTULO TIPO PESTAÑA --- */
.zoo-subtitulo {
    display: inline-block;
    padding: 10px 25px;
    margin-bottom: 15px;
    border-radius: 8px 8px 0 0;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    background: linear-gradient(90deg, #e86bf6, #b86ef9);
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

/* ESTILO PARA CUERPO (si quieres caja como tu ejemplo) */
.zoo-box {
    border: 1px solid #e3e3e3;
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 30px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    line-height: 1.6;
    color: #444;
}

/* Contenedor del logo */
.rstpl-brand {
    background-color: #ffffff; /* Fondo blanco */
    padding: 30px;             /* Espacio interno de 30px */
    display: inline-block;     /* Ajusta el tamaño al contenido */
}

/* Imagen del logo */
.rstpl-brand img {
    max-height: 60px; /* Ajusta la altura a tu gusto */
    width: auto;      /* Mantiene proporción */
    display: block;   /* Elimina espacios innecesarios */
}

/* Fuerza el color del título */
.rspbld-price-box.featured .rspbld-title {
    color: #fdaa80 !important;  /* Cambia por el color que quieras */
}

/* Solo caja del subtítulo (sin cambiar el color del texto) */
.rspbld-price-box.featured .rspbld-subtitle {
    background-color: #fdaa80 !important; /* color de la caja */
    padding: 5px 10px; 
    display: inline-block;
    border-radius: 4px; /* opcional */
}