.elementor-716 .elementor-element.elementor-element-b51b1ed{--display:flex;}.elementor-716 .elementor-element.elementor-element-b51b1ed.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-716 .elementor-element.elementor-element-baa2225{--display:flex;--min-height:356px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:59px;--padding-right:71px;max-width:1400px;}.elementor-716 .elementor-element.elementor-element-baa2225:not(.elementor-motion-effects-element-type-background), .elementor-716 .elementor-element.elementor-element-baa2225 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F182C;}.elementor-716 .elementor-element.elementor-element-baa2225::before, .elementor-716 .elementor-element.elementor-element-baa2225 > .elementor-background-video-container::before, .elementor-716 .elementor-element.elementor-element-baa2225 > .e-con-inner > .elementor-background-video-container::before, .elementor-716 .elementor-element.elementor-element-baa2225 > .elementor-background-slideshow::before, .elementor-716 .elementor-element.elementor-element-baa2225 > .e-con-inner > .elementor-background-slideshow::before, .elementor-716 .elementor-element.elementor-element-baa2225 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-716 .elementor-element.elementor-element-8e6f3e4{width:var( --container-widget-width, 44.63% );max-width:44.63%;animation-duration:1500ms;--container-widget-width:44.63%;--container-widget-flex-grow:0;z-index:2;animation-delay:100ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-716 .elementor-element.elementor-element-8e6f3e4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-716 .elementor-element.elementor-element-8e6f3e4 .elementor-heading-title{font-size:65px;font-weight:700;line-height:60px;color:#FFFFFF;}.elementor-716 .elementor-element.elementor-element-3bf63e7 .aux-button{background-color:var( --e-global-color-secondary );text-shadow:0px 0px 10px rgba(0, 0, 0, 0);padding:17px 30px 17px 30px;}.elementor-716 .elementor-element.elementor-element-3bf63e7 .aux-button .aux-overlay::after{background-color:var( --e-global-color-primary );}.elementor-716 .elementor-element.elementor-element-3bf63e7{width:var( --container-widget-width, 45% );max-width:45%;animation-duration:1500ms;--container-widget-width:45%;--container-widget-flex-grow:0;z-index:2;animation-delay:400ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-716 .elementor-element.elementor-element-3bf63e7 > .elementor-widget-container{margin:52px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-3bf63e7.elementor-element{--align-self:flex-start;}.elementor-716 .elementor-element.elementor-element-3bf63e7 .widget-content{color:#FFFFFF !important;font-size:20px;font-weight:400;line-height:30px;margin-top:0px;margin-bottom:0px;}.elementor-716 .elementor-element.elementor-element-3bf63e7 .aux-widget-text .aux-text-widget-content{padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-3bf63e7 .aux-icon{font-size:20px;margin:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-3bf63e7 .aux-button:hover .aux-icon{color:#FBFBFB;}.elementor-716 .elementor-element.elementor-element-3bf63e7 .aux-text{color:#FFFFFF;font-size:16px;font-weight:500;text-transform:uppercase;line-height:24px;}.elementor-716 .elementor-element.elementor-element-3bf63e7 .aux-button:hover .aux-text{color:#FFFFFF;}.elementor-716 .elementor-element.elementor-element-3bf63e7 .aux-widget-advanced-text{text-align:left !important;padding:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-ebfc92f{transition-duration:1000ms;transition-property:all;bottom:27.417px;z-index:1;transition-timing-function:cubic-bezier(0.165,0.84,0.44,1);}body:not(.rtl) .elementor-716 .elementor-element.elementor-element-ebfc92f{right:24.333px;}body.rtl .elementor-716 .elementor-element.elementor-element-ebfc92f{left:24.333px;}.elementor-716 .elementor-element.elementor-element-ebfc92f .aux-the-svg{width:100%;}.elementor-716 .elementor-element.elementor-element-ebfc92f .aux-widget-container{text-align:right;}@media(min-width:768px){.elementor-716 .elementor-element.elementor-element-b51b1ed{--width:102.751%;}.elementor-716 .elementor-element.elementor-element-baa2225{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-716 .elementor-element.elementor-element-baa2225{--width:100%;}}@media(max-width:1024px){.elementor-716 .elementor-element.elementor-element-baa2225{--min-height:356px;--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;--padding-top:0px;--padding-bottom:20px;--padding-left:59px;--padding-right:71px;max-width:640px;}.elementor-716 .elementor-element.elementor-element-8e6f3e4{width:100%;max-width:100%;}.elementor-716 .elementor-element.elementor-element-3bf63e7{width:100%;max-width:100%;z-index:2;}}@media(max-width:767px){.elementor-716 .elementor-element.elementor-element-baa2225{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:35px;--padding-right:35px;}.elementor-716 .elementor-element.elementor-element-8e6f3e4{width:100%;max-width:100%;}.elementor-716 .elementor-element.elementor-element-8e6f3e4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-716 .elementor-element.elementor-element-8e6f3e4 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-716 .elementor-element.elementor-element-3bf63e7{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-d857156 *//* ===== BASE (conserva tu estilo) ===== */
body {
  background-color: #000;
  color: #eaf7ff;
  font-family: 'Segoe UI', Arial, sans-serif;
  line-height: 1.7;
  margin: 0;
  padding: 0;
}

.blog-post {
  max-width: 900px;
  margin: 50px auto;
  padding: 0 24px 48px 24px;
  position: relative;
  z-index: 2;
}

/* H1 MÁS GRANDE Y MÁS ANCHO QUE EL BLOQUE */
.blog-post h1 {
  font-size: 3.5rem;
  line-height: 1.1;
  margin-bottom: 5rem;
  padding-left: 26px;
  color: #fff;
  position: relative;
  font-weight: 900;
  max-width: 1000px;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  background: none;
  z-index: 10;
  letter-spacing: -1.5px;
}

.blog-post h1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 13px;
  border-radius: 8px;
  background: linear-gradient(180deg, #0075FF 0%, #22C198 100%);
}

.blog-post h2 {
  font-size: 1.4rem;
  margin: 2.6rem 0 1rem 0;
  color: #fff;
  font-weight: 700;
  position: relative;
  padding-left: 13px;
  letter-spacing: 0.01em;
}

.blog-post h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 7px;
  border-radius: 6px;
  background: linear-gradient(180deg, #22C198 0%, #0075FF 100%);
  transition: background 0.5s;
}

.intro {
  font-size: 1.14rem;
  color: #a7e2da;
  margin-bottom: 2.2rem;
  line-height: 1.6;
}

.blog-post p {
  color: #eaf7ff;
  margin-bottom: 1.2rem;
  font-size: 1.07rem;
}

/* LISTAS CON CHECKS REDONDOS */
.blog-post ul {
  margin: 1rem 0 2rem 0;
  padding-left: 0;
  list-style: none;
}

.blog-post li {
  margin-bottom: 0.85rem;
  position: relative;
  padding-left: 2.3em;
  color: #eaf7ff;
  font-weight: 500;
}

.blog-post li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1.6em;
  height: 1.6em;
  border-radius: 50%;
  background: linear-gradient(135deg, #0075FF 35%, #22C198 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 7px #22c19825;
}

.blog-post li::after {
  content: '';
  position: absolute;
  left: 0.50em;
  top: 0.65em;
  width: 0.45em;
  height: 0.9em;
  border-right: 2.5px solid #fff;
  border-bottom: 2.5px solid #fff;
  transform: rotate(45deg);
  opacity: 1;
  background: none;
}

.blog-post blockquote {
  border-left: 5px solid;
  border-image: linear-gradient(180deg, #0075FF, #22C198, #008A63) 1;
  background: rgba(34,193,152,0.07);
  color: #a0f0d0;
  padding: 1.1rem 1.3rem;
  font-style: italic;
  margin: 2.2rem 0 2.2rem 0;
  border-radius: 7px;
  font-size: 1.08rem;
  box-shadow: 0 2px 22px 0 rgba(34,193,152,0.07);
  transition: background 0.4s;
}

strong {
  color: #22C198;
  font-weight: bold;
}

@media (max-width: 900px) {
  .blog-post h1 {
    font-size: 2.3rem;
    max-width: 95vw;
    padding-left: 15px;
  }
  .blog-post {
    padding: 0 8px 40px 8px;
  }
  .blog-post h2 { font-size: 1.1rem; }
}

a {
  color: #0075FF;
  font-weight: 600;
  text-decoration: underline;
  transition: color 0.3s;
}
a:hover { color: #22C198; }

/* ===== EXTENSIONES VISUALES ===== */

/* Figura hero responsiva */
.hero-figure {
  margin: 0 0 1.2rem 0;
}
.hero-figure img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.45);
}
.hero-figure figcaption {
  font-size: 0.95rem;
  color: #a7e2da;
  margin-top: 0.6rem;
  padding-left: 6px;
}

/* Badges destacadas */
.badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 1.2rem 0 1.6rem 0;
}
.badge {
  background: radial-gradient(120% 120% at 0% 0%, #22C198 0%, #0075FF 80%);
  color: #fff;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.85rem;
  box-shadow: 0 3px 18px rgba(0,117,255,0.25);
  border: 1px solid rgba(255,255,255,0.08);
}

/* Cards en grid (usa <ul> con .kpi-grid y <li> con .card) */
.kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.card {
  padding: 16px 16px 16px 44px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 8px 26px rgba(0,0,0,0.35);
}
.card strong {
  color: #fff;
  font-weight: 700;
}
@media (max-width: 700px) {
  .kpi-grid { grid-template-columns: 1fr; }
}

/* Pasos del proceso */
.process {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.step {
  padding: 16px 14px 16px 54px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.06);
  background: linear-gradient(180deg, rgba(34,193,152,0.08), rgba(0,117,255,0.04));
  box-shadow: 0 8px 26px rgba(0,0,0,0.35);
  min-height: 110px;
}
.step-num {
  position: absolute;
  margin-left: -40px;
  margin-top: -2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0075FF 35%, #22C198 100%);
  color: #fff;
  font-weight: 800;
  box-shadow: 0 2px 7px #22c19825;
}
@media (max-width: 900px) {
  .process { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .process { grid-template-columns: 1fr; }
}

/* CTA Box */
.cta-box {
  margin-top: 2rem;
  padding: 18px 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(0,117,255,0.07), rgba(34,193,152,0.07));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 10px 34px rgba(0,0,0,0.35);
}
.cta-btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 10px;
  background: linear-gradient(135deg, #22C198 0%, #0075FF 80%);
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  margin-right: 12px;
  box-shadow: 0 6px 18px rgba(0,117,255,0.35);
}
.cta-btn:hover { opacity: 0.9; }
.cta-link {
  color: #a7e2da;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for aux_text, class: .elementor-element-3bf63e7 */.elementor-716 .elementor-element.elementor-element-3bf63e7 .widget-content{
    max-width:1000px;
}
.elementor-716 .elementor-element.elementor-element-3bf63e7 h5 span{
    color: var( --e-global-color-primary );
}
.elementor-716 .elementor-element.elementor-element-3bf63e7 h4::before{
    content: "";
    display: inline-block;
    width: 25px;
    height: 30px;
    background: url(https://pacusoft.com/wp-content/wp-content/uploads/2023/05/Icon.png);
    margin-right: 9px;
}

.elementor-716 .elementor-element.elementor-element-3bf63e7 .aux-text-widget-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.elementor-716 .elementor-element.elementor-element-3bf63e7 .aux-button {
    align-self: flex-end;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-baa2225 */.elementor-716 .elementor-element.elementor-element-baa2225::before {
    content:"" !important;
    position: absolute;
    left: -20px;
    top: -21px;
    border: 3px solid #0075FF;
    z-index: -1;
    background: #131925;
    display:block;
}
.elementor-716 .elementor-element.elementor-element-baa2225::after{
     background: #131925;
    content:"" !important;
    position: absolute;
    left: -45px;
    top: -46px;
    border: 3px solid #0075FF;
    z-index: -2;
    width: 100%;
    height: 100%;
    z-index: -2;
}
@media screen and (min-width:1366px) and (max-width:1440px){
    .elementor-716 .elementor-element.elementor-element-baa2225{
        max-width:1200px;
    }
}


@media screen and (min-width:900px) and (max-width:1024px){
    .elementor-716 .elementor-element.elementor-element-baa2225{
        max-width:900px!important;
    }
}
@media screen and (max-width:767px) {
   .elementor-716 .elementor-element.elementor-element-baa2225::before{
       left: -8px;
    top: -8px;
   }
   .elementor-716 .elementor-element.elementor-element-baa2225::after{
       left: -15px;
    top: -15px;
      
   }
}/* End custom CSS */