/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 16 2026 | 02:58:20 */
.gqb-servicios-bloque{
  /* Colores planos de marca, sin degradados */
  --gqb-fondo:#F7941D;         /* naranjo Guau, fondo de la seccion */
  --gqb-card:#FFFFFF;          /* tarjetas blancas */
  --gqb-burdeo:#4A241F;        /* cafe burdeo Guau, textos y botones */
  --gqb-gris:#5C4A45;          /* texto secundario sobre blanco */
  --gqb-wa:#25D366;
  --gqb-radio:20px;

  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--gqb-fondo);
  padding:72px 24px;
  font-size:16px;              /* base propia: el tema no la altera */
  -webkit-font-smoothing:antialiased;
}
.gqb-servicios-bloque *,
.gqb-servicios-bloque *::before,
.gqb-servicios-bloque *::after{box-sizing:border-box;}

/* Forzar tipografias por sobre el tema de WordPress */
.gqb-servicios-bloque,
.gqb-servicios-bloque p,
.gqb-servicios-bloque span,
.gqb-servicios-bloque a,
.gqb-servicios-bloque div{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
.gqb-servicios-bloque h2,
.gqb-servicios-bloque h3,
.gqb-servicios-bloque .gqb-sb__titulo,
.gqb-servicios-bloque .gqb-sb__etiqueta,
.gqb-servicios-bloque .gqb-sb__btn{
  font-family:'Gabarito',sans-serif !important;
}

.gqb-sb__wrap{max-width:1280px;margin:0 auto;}

.gqb-sb__titulo{
  font-family:'Gabarito',sans-serif;
  font-size:clamp(30px,4.2vw,52px) !important;
  font-weight:900;color:var(--gqb-burdeo);letter-spacing:-.02em;
  line-height:1.08;margin:0 0 14px;
}
.gqb-sb__titulo em{font-style:normal;color:#FFFFFF;}
.gqb-sb__bajada{
  color:var(--gqb-burdeo);font-size:18px !important;line-height:1.6;margin:0 0 44px;max-width:62ch;opacity:.92;
}

/* ===== GRID ===== */
.gqb-sb__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}

/* ===== CARD ===== */
.gqb-sb__card{
  background:var(--gqb-card);
  border-radius:var(--gqb-radio);
  overflow:hidden;
  display:flex;flex-direction:column;
  border:0;
  transition:transform .22s ease, box-shadow .22s ease;
}
.gqb-sb__card:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 30px rgba(74,36,31,.28);
}

.gqb-sb__figura{
  position:relative;margin:0;
  aspect-ratio:5/4;overflow:hidden;
  background:var(--gqb-burdeo);
}
.gqb-sb__img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  display:block;max-width:none;
  transition:transform .5s ease;
}
.gqb-sb__card:hover .gqb-sb__img{transform:scale(1.05);}

/* Etiqueta sobre la foto */
.gqb-sb__etiqueta{
  position:absolute;top:14px;left:14px;
  background:var(--gqb-burdeo);color:#fff;
  font-family:'Gabarito',sans-serif;
  font-size:12px !important;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;
  padding:8px 15px;border-radius:999px;
  box-shadow:none;
}

.gqb-sb__cuerpo{
  padding:30px 26px 30px;
  display:flex;flex-direction:column;flex:1;
  text-align:center;
}
.gqb-sb__cuerpo h3{
  font-size:26px !important;font-weight:800;color:var(--gqb-burdeo);
  letter-spacing:-.01em;line-height:1.15;margin:0 0 10px;
}
.gqb-sb__desc{
  color:var(--gqb-gris);font-size:16px !important;line-height:1.6;
  margin:0 0 26px;
}

.gqb-sb__acciones{margin-top:auto;}

/* Botón primario tipo píldora */
.gqb-sb__btn{
  display:flex;align-items:center;justify-content:center;gap:9px;
  width:100%;
  font-size:17px !important;font-weight:700;
  padding:16px 24px;border-radius:999px;
  background:var(--gqb-burdeo);color:#fff;
  text-decoration:none;
  transition:background .18s ease,color .18s ease;
}
.gqb-sb__btn svg{width:21px;height:21px;flex:none;color:#4AE884;}
.gqb-sb__btn:hover{background:#331713;color:#fff;}
.gqb-sb__btn:focus-visible{outline:3px solid var(--gqb-burdeo);outline-offset:3px;}

/* Enlace secundario */
.gqb-sb__link{
  display:inline-block;margin-top:16px;
  color:var(--gqb-burdeo);font-size:16px !important;font-weight:600;
  text-decoration:underline;text-underline-offset:4px;
  text-decoration-thickness:1.5px;
  transition:color .18s ease;
}
.gqb-sb__link:hover{color:var(--gqb-fondo);}
.gqb-sb__link:focus-visible{outline:3px solid var(--gqb-burdeo);outline-offset:3px;border-radius:4px;}

/* ===== PUNTOS DEL CARRUSEL (solo movil) ===== */
.gqb-sb__puntos{display:none;}

/* ===== RESPONSIVE ===== */
@media (max-width:900px){
  .gqb-sb__grid{grid-template-columns:repeat(2,1fr);}
  .gqb-sb__card:last-child{grid-column:1/-1;}
  .gqb-sb__card:last-child .gqb-sb__figura{aspect-ratio:16/7;}
}

/* ===== MOVIL: carrusel deslizable ===== */
@media (max-width:700px){
  .gqb-servicios-bloque{padding:52px 0;}
  .gqb-sb__wrap{padding:0;}
  .gqb-sb__titulo,
  .gqb-sb__bajada{padding-left:18px;padding-right:18px;}
  .gqb-sb__bajada{font-size:17px !important;margin-bottom:26px;}

  .gqb-sb__grid{
    display:flex;
    grid-template-columns:none;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scroll-padding-left:16px;
    padding:4px 16px 6px;
    /* ocultar la barra de scroll sin perder el gesto */
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .gqb-sb__grid::-webkit-scrollbar{display:none;}

  .gqb-sb__card{
    flex:0 0 84%;
    max-width:360px;
    scroll-snap-align:start;
  }
  /* anular la regla de 900px que estiraba la ultima card */
  .gqb-sb__card:last-child{grid-column:auto;}
  .gqb-sb__card:last-child .gqb-sb__figura{aspect-ratio:4/3;}

  /* espacio al final para que la ultima card no quede pegada al borde */
  .gqb-sb__grid::after{content:"";flex:0 0 2px;}

  .gqb-sb__puntos{
    display:flex;justify-content:center;gap:8px;margin-top:20px;
  }
  .gqb-sb__punto{
    width:8px;height:8px;border-radius:50%;padding:0;border:0;
    background:rgba(74,36,31,.32);cursor:pointer;
    transition:background .2s ease,width .2s ease;
  }
  .gqb-sb__punto.gqb-activo{background:var(--gqb-burdeo);width:22px;border-radius:999px;}
}

@media (prefers-reduced-motion:reduce){
  .gqb-servicios-bloque *{transition:none!important;}
  .gqb-sb__card:hover{transform:none;}
  .gqb-sb__card:hover .gqb-sb__img{transform:none;}
  .gqb-sb__grid{scroll-behavior:auto;}
}