.elementor-1132 .elementor-element.elementor-element-67115b1{--display:flex;--min-height:74vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:196px;--padding-bottom:138px;--padding-left:15px;--padding-right:15px;}.elementor-1132 .elementor-element.elementor-element-67115b1:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-67115b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-58be983 );}.elementor-1132 .elementor-element.elementor-element-67115b1::before, .elementor-1132 .elementor-element.elementor-element-67115b1 > .elementor-background-video-container::before, .elementor-1132 .elementor-element.elementor-element-67115b1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1132 .elementor-element.elementor-element-67115b1 > .elementor-background-slideshow::before, .elementor-1132 .elementor-element.elementor-element-67115b1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1132 .elementor-element.elementor-element-67115b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-b5aeb33 );--background-overlay:'';}.elementor-1132 .elementor-element.elementor-element-6ae99640{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;--margin-top:-112px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1132 .elementor-element.elementor-element-6ae99640:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-6ae99640 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b5aeb33 );}.elementor-1132 .elementor-element.elementor-element-6ae99640.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1132 .elementor-element.elementor-element-1550893a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1132 .elementor-element.elementor-element-1550893a:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-1550893a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b5aeb33 );}.elementor-1132 .elementor-element.elementor-element-86ee48c{text-align:start;color:var( --e-global-color-c58817e );}.elementor-1132 .elementor-element.elementor-element-ff5aeae{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1132 .elementor-element.elementor-element-452a68e8{width:auto;max-width:auto;margin:-101px 47px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:0px;}body:not(.rtl) .elementor-1132 .elementor-element.elementor-element-452a68e8{right:-45px;}body.rtl .elementor-1132 .elementor-element.elementor-element-452a68e8{left:-45px;}.elementor-1132 .elementor-element.elementor-element-452a68e8 img{width:20em;}.elementor-1132 .elementor-element.elementor-element-fc4e08f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1132 .elementor-element.elementor-element-7af4a97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1132 .elementor-element.elementor-element-e929e66{text-align:center;}.elementor-1132 .elementor-element.elementor-element-e929e66 .elementor-heading-title{font-size:30px;color:var( --e-global-color-astglobalcolor0 );}.elementor-1132 .elementor-element.elementor-element-ef626f9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-1132 .elementor-element.elementor-element-5052b3d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1132 .elementor-element.elementor-element-5052b3d a > img{border-style:groove;border-color:var( --e-global-color-astglobalcolor0 );}.elementor-1132 .elementor-element.elementor-element-5052b3d .woocommerce-loop-category__title .count{color:var( --e-global-color-astglobalcolor0 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1132 .elementor-element.elementor-element-67115b1{--content-width:900px;}.elementor-1132 .elementor-element.elementor-element-6ae99640{--width:60%;}.elementor-1132 .elementor-element.elementor-element-ff5aeae{--width:45%;}.elementor-1132 .elementor-element.elementor-element-fc4e08f{--content-width:900px;}.elementor-1132 .elementor-element.elementor-element-7af4a97{--content-width:900px;}.elementor-1132 .elementor-element.elementor-element-ef626f9{--content-width:900px;}}@media(max-width:1024px){.elementor-1132 .elementor-element.elementor-element-67115b1{--padding-top:150px;--padding-bottom:100px;--padding-left:15px;--padding-right:50px;}.elementor-1132 .elementor-element.elementor-element-1550893a{--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-1132 .elementor-element.elementor-element-452a68e8 img{width:15em;}}@media(max-width:767px){.elementor-1132 .elementor-element.elementor-element-67115b1{--padding-top:150px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-1132 .elementor-element.elementor-element-1550893a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS *//* ===================================================
   HERO COMPACTO - SISTEMASHUBPRO.COM
   =================================================== */

.shp-hero {
  background-color: #0f172a;
  color: #ffffff;
  padding: 2.5rem 1.25rem; /* Relleno ajustado para no ocupar mucho espacio */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}

.shp-container {
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
}

@media (min-width: 992px) {
  .shp-container {
    grid-template-columns: 1.2fr 0.8fr; /* 60% copy / 40% card */
    gap: 2.5rem;
  }
}

/* --- COLUMNA IZQUIERDA --- */
.shp-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 999px;
  color: #34d399;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.shp-title {
  font-size: 1.85rem;
  line-height: 1.2;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 0.75rem 0;
}

@media (min-width: 768px) {
  .shp-title {
    font-size: 2.5rem;
  }
}

.shp-accent {
  background: linear-gradient(90deg, #38bdf8, #34d399);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.shp-desc {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0 0 1.25rem 0;
  max-width: 540px;
}

.shp-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 576px) {
  .shp-buttons {
    flex-direction: row;
  }
}

.shp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  text-align: center;
}

.shp-btn-primary {
  background-color: #34d399;
  color: #0f172a;
}

.shp-btn-primary:hover {
  background-color: #6ee7b7;
  transform: translateY(-1px);
}

.shp-btn-secondary {
  background-color: #1e293b;
  color: #ffffff;
  border: 1px solid #334155;
}

.shp-btn-secondary:hover {
  background-color: #334155;
}

.shp-features {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.78rem;
  color: #cbd5e1;
}

/* --- COLUMNA DERECHA (CARD) --- */
.shp-card {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  padding: 1.25rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
}

.shp-card-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #334155;
}

.shp-dot {
  width: 8px;
  height: 8px;
  background-color: #34d399;
  border-radius: 50%;
  display: inline-block;
}

.shp-card-title {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #94a3b8;
}

.shp-price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
  font-size: 0.85rem;
}

.shp-label {
  color: #94a3b8;
}

.shp-old-price {
  text-decoration: line-through;
  color: #f87171;
  font-weight: 600;
}

.shp-highlight {
  margin-top: 0.25rem;
}

.shp-label-bold {
  color: #ffffff;
  font-weight: 700;
}

.shp-new-price {
  color: #34d399;
  font-size: 1.35rem;
  font-weight: 800;
}

.shp-new-price small {
  font-size: 0.7rem;
  color: #94a3b8;
  font-weight: 400;
}

.shp-card-footer {
  margin-top: 0.75rem;
  background-color: #0f172a;
  padding: 0.5rem;
  border-radius: 0.375rem;
  text-align: center;
}

.shp-card-footer p {
  margin: 0;
  font-size: 0.75rem;
  color: #38bdf8;
  font-weight: 600;
}/* End custom CSS */