/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Sep 19, 2025, 12:08:39 PM
    Author     : esop
*/

/* 1) El wrapper REAL dentro de cada slide se vuelve una "row" flex */
.carrousel .slick-slide > div {
  display: flex !important;   /* pisa el block que mete Slick */
  flex-wrap: wrap;
  align-items: stretch;        /* clave: estira todas las columnas a la misma altura */
}

/* 2) Cada columna (tus col-*) trae inline "display:inline-block"; hay que pisarlo */
.carrousel .slick-slide > div > [class*="col-"] {
  display: flex !important;    /* ahora la card puede ocupar 100% de alto */
}

/* 3) El <a> y la card llenan la columna */
.carrousel .slick-slide > div > [class*="col-"] > a {
  display: flex;
  width: 100%;
}
.carrousel .slick-slide .card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;                /* iguala alturas entre todas las cards */
}

/* 4) La zona de imagen fija y centrada (ya la traes a 120px) */
.carrousel .card-img-top {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 5) El body rellena el resto del alto */
.carrousel .card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}