.seguro-negocio-grid {
    display: grid;
    grid-template-columns: 500px 500px; /* mismo ancho fijo para ambas columnas */
    gap: 20px;
    height: 600px; /* altura fija para ambas columnas */
}

.seguro-casa-contenido__texto {
    height: 100%; /* ocupa toda la altura */
    overflow-y: auto; /* scroll si el texto es más largo que la altura */
    padding-left: 0;
}

.collage-wrapper {
    height: 100%; /* ocupa toda la altura del contenedor */
    padding-top: 2rem;
}

.collage-grid-negocio {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr 1fr; /* 2 filas iguales */
    gap: 10px;
    height: 100%;
    
}

.row1a {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.row1b {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.row2 {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}

.collage-grid-negocio img {
    width: 100%;
    height: 75%;
    object-fit: cover;  /* mantiene proporción y recorta si es necesario */
    border-radius: 8px;
     box-shadow: 6px 10px 18px rgba(0, 0, 0, 0.45);
}

.img100 {
    height: 100% !important;
}

.br {
    display: none;
}

@media (max-width: 1200px) {
    .seguro-negocio-grid {
        display: grid;
        grid-template-columns: 1fr; /* una sola columna */
        width: 80%; /* ocupa 80% del ancho */
        margin: 0 auto; /* centra el grid */
        height: auto; /* altura automática para adaptarse al contenido */
    }

    .collage-grid-negocio img {
        height: 100%;
    }

    .collage-wrapper {
    height: 100%; /* ocupa toda la altura del contenedor */
    padding-top: 0;
    }

    .seguro-casa-contenido__texto {
        padding: 0;
    }

    .br {
    display: block;
    }
}

.no-risk {
    width: 900px;
    margin: 3rem 0;
}


@media (max-width: 1200px) {
    .no-risk {
    max-width: 85%;

}
}

.beneficios-grid {
  display: grid;
  grid-template-columns: 500px 500px; /* ancho fijo en desktop */
  gap: 30px;
  align-items: stretch; /* columnas mismo alto */
}

.beneficios-grid > div {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}

.beneficios-grid img {
  max-height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 8px;
}

/* Responsive para teléfonos y pantallas más pequeñas */
@media (max-width: 1200px) {
  .beneficios-grid {
    grid-template-columns: 1fr; /* una sola columna */
    width: 80%; /* ocupa la mayor parte del ancho */
    height: auto; /* se adapta al contenido */
    gap: 15px; /* un poco de espacio entre filas */
  }

  .beneficios-grid > div {
    height: auto; /* se adapta al contenido */
    overflow: visible; /* que no haga scroll */
    justify-content: flex-start; /* contenido arriba */
  }

.beneficios-grid > div {
    justify-content: center;
}

}

main {
    margin-top: 1rem;
    margin-bottom: 1rem !important;
    padding-bottom: 2rem;
}

.white-bg {
    background-color: white;
}

.p-0 {
    padding: 0;
}

.m-0 {
    margin: 0;
}

.m-t-3rem {
    margin-top: 3rem;
}

.m-b-3rem {
    margin-bottom: 3rem !important;
}

.hero-negocio {
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), 
    url("/images/seguro-negocio/Hero-business.png");                            
  background-size: cover;
  background-position: center;
  z-index: 1;
  position: relative;
  color: black;  /* texto oscuro para contraste con el overlay blanco */
}

.hero-copy h1 {
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}

.hero-copy {
  background: rgba(255, 255, 255, 0.2); /* fondo blanco translúcido */
  padding: 1.5rem;
  border-radius: 0.5rem;
  display: inline-block; /* se ajusta solo al contenido */
}