/* Bloques Signlab: los estilos publicos estan segmentados en public/blocks/{bloque}/style.css. */

/* Base responsive brownfield:
   evita desbordes de medios y textos largos cuando los bloques conviven
   dentro de columnas, tabs o contenedores estrechos del tema. */
[class^="signlab-"],
[class*=" signlab-"]{
  min-width: 0;
}

[class^="signlab-"] img,
[class*=" signlab-"] img,
[class^="signlab-"] svg,
[class*=" signlab-"] svg{
  max-width: 100%;
}

/* Contenedores raiz de los shortcodes publicos.
   El clear evita que columnas/flotantes heredados del tema invadan el bloque
   y el espaciado logico mantiene una separacion segura en tablet y movil.
   Las variables permiten ajustar o anular ambos margenes desde CSS del tema. */
html body :is(
  .signlab-card[style],
  .signlab-card-grid,
  .catalogo-visual,
  .signlab-downloads-grid,
  .signlab-est,
  .signlab-faq,
  .signlab-icon-text-grid,
  .signlab-lpartners-grid,
  .signlab-model3d,
  .signlab-monitor,
  .signlab-news,
  .signlab-phone,
  .signlab-pgrid,
  .signlab-simple-card[style],
  .signlab-simple-grid-card,
  .signlab-team,
  .signlab-tl
){
  box-sizing: border-box;
  clear: both;
  max-inline-size: 100%;
}

@media (max-width: 1024px){
  html body :is(
    .signlab-card[style],
    .signlab-card-grid,
    .catalogo-visual,
    .signlab-downloads-grid,
    .signlab-est,
    .signlab-faq,
    .signlab-icon-text-grid,
    .signlab-lpartners-grid,
    .signlab-model3d,
    .signlab-monitor,
    .signlab-news,
    .signlab-phone,
    .signlab-pgrid,
    .signlab-simple-card[style],
    .signlab-simple-grid-card,
    .signlab-team,
    .signlab-tl
  ){
    margin-block-start: var(--signlab-responsive-margin-top, clamp(28px, 4vw, 40px));
    margin-block-end: var(--signlab-responsive-margin-bottom, clamp(28px, 4vw, 40px));
  }
}

@media (max-width: 767px){
  html body :is(
    .signlab-card[style],
    .signlab-card-grid,
    .catalogo-visual,
    .signlab-downloads-grid,
    .signlab-est,
    .signlab-faq,
    .signlab-icon-text-grid,
    .signlab-lpartners-grid,
    .signlab-model3d,
    .signlab-monitor,
    .signlab-news,
    .signlab-phone,
    .signlab-pgrid,
    .signlab-simple-card[style],
    .signlab-simple-grid-card,
    .signlab-team,
    .signlab-tl
  ){
    margin-block-start: var(--signlab-responsive-margin-top-mobile, var(--signlab-responsive-margin-top, 24px));
    margin-block-end: var(--signlab-responsive-margin-bottom-mobile, var(--signlab-responsive-margin-bottom, 24px));
  }
}

@media (max-width: 480px){
  [class^="signlab-"],
  [class*=" signlab-"]{
    overflow-wrap: anywhere;
  }
}