* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  height: 100%;
  font-family: "Open Sans", sans-serif;
}

/* ===== SECCIÓN CAPACITACIONES ===== */
.maincap {
  width: 100%;
  padding: 20px;
}

.titucap {
  text-align: center;
  font-size: 25px;
  background-color: #20c67a;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px;
  color: white;
}

.titucap1 { color: #ffff00; }
.titucap2 { color: #ff35c2; }
.titucap3 { color: #f50400; }

.p_cap {
  font-size: 18px;
  text-align: justify;
  margin-bottom: 10px;
}

.capaci {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.m_extintores,
.s_gestion,
.p_auxilios {
  flex: 1 1 32%;
  border: 1px solid #20c67a;
  border-radius: 20px;
  padding: 10px;
  background-color: transparent;
}

.s_gestion { border-color: #ff35c2; }
.p_auxilios { border-color: #f50400; }

/* ===== GALERÍAS ===== */
.galeria,
.galeria2,
.galeria3 {
  max-width: 400px;
  margin: 20px auto;
  text-align: center;
}

#imagen_muestra,
#imagen_muestra2,
#imagen_muestra3 {
  width: 100%;
  height: auto;
  border-radius: 25px;
  border: 1px solid #f2f2f2;
}

.galeria_miniatura,
.galeria_miniatura2,
.galeria_miniatura3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.miniatura,
.miniatura2,
.miniatura3 {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  cursor: pointer;
  object-fit: cover;
  padding: 5px;
  transition: transform 0.3s ease;
}

.miniatura:hover,
.miniatura2:hover,
.miniatura3:hover {
  transform: scale(1.2);
}