.bg-page{
   background-image: linear-gradient(to bottom, #f9fafb, #ffffff);

}


.p-hero .zpcontainer,
.p-hero .zprow,
.p-hero .zprow-container {
  padding-bottom: 0px !important;
}

.bg-hero{
    background-image: url(/files/Fondo.webp);
    background-position: -60rem center !important;
}

.logo-footer{
    filter: brightness(0) invert(1);
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.especialidades{
   background-color: rgba(62, 155, 156, 0.05);
   padding: 0.3rem;
   border-radius: 0.5rem;
}

.perfil img{
    border-radius: 100px;
}




.filosofia{
    background-color: rgba(62, 155, 156, 0.05);
    padding: 1rem;
    border-radius: 0.75rem;
    border-left-width: 4px;
    border-left-color: rgb(62, 155, 156);
}

.items zpicon-text-container zpicon-text-wrap-none{
    padding-block-start: 0px !important;
}

.zscustom-section-29 .zsbox-container-style-02 {
  border-block-end: none !important;
  border-bottom: none !important; /* fallback para navegadores sin soporte lógico */
}

.comunidad-p{
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-radius: 9999px;
  padding: 6px 14px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
}

.asesoria-p h6 {
  background-color: rgba(62, 155, 156, 0.15);
  color: #3e9b9c;
  border-radius: 9999px;
  padding: 6px 14px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
}

.miembros-p{
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
  padding: 6px 14px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 600;
  line-height: 1.3;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.img-blog {
  width: 325px;            /* ancho fijo */
  height: 450px;           /* alto fijo */
  overflow: hidden;        /* oculta el exceso */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;          /* centra el contenedor */
}

.img-blog img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* mantiene proporción sin deformar */
  object-position: center; /* centra la parte visible */
  border-radius: 8px;      /* opcional: bordes suaves */
}