.elementor-43 .elementor-element.elementor-element-c406a24{--display:flex;--margin-top:46px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-43 .elementor-element.elementor-element-3b5f463{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-43 .elementor-element.elementor-element-2ccfe16{--display:flex;}.elementor-43 .elementor-element.elementor-element-0094554{--display:flex;}.elementor-43 .elementor-element.elementor-element-23752d5{--display:flex;}.elementor-43 .elementor-element.elementor-element-6fca5fc{--display:flex;}.elementor-43 .elementor-element.elementor-element-cf96cee{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-43 .elementor-element.elementor-element-3b5f463{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-43 .elementor-element.elementor-element-3b5f463{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-5c672c3 */.titulo-rc {
    font-size: 28px;
    font-weight: 700;
    color: #2c5aa0;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
}

.titulo-rc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #2c5aa0 0%, #f39c12 50%, #2c5aa0 100%);
    border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b5f463 *//* Contenedor padre: grid adaptable */
.tarjetas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

/* Tarjeta individual */
.tarjeta-item {
 background: #fff; /* fondo blanco limpio */
  border-radius: 10px; /* bordes redondeados suaves */
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); /* sombra negra intensa */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}

/* Efecto hover */
.tarjeta-item:hover {
   transform: translateY(-5px); /* levanta un poco la tarjeta al pasar el mouse */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); /* sombra más fuerte en hover */
}

/* Imagen dentro de tarjeta */
.tarjeta-item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
}

/* Título */
.tarjeta-item h3 {
  font-size: 18px;
  font-weight: bold;
  color: #2c5aa0;
  margin: 0;
}

/* Texto opcional */
.tarjeta-item p {
  font-size: 14px;
  color: #555;
}/* End custom CSS */