.elementor-35 .elementor-element.elementor-element-89e82c8{--display:flex;--min-height:596px;--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;}.elementor-35 .elementor-element.elementor-element-89e82c8:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-89e82c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://productoresgraficos.com/wp-content/uploads/2026/04/depositphotos_534550994-stock-photo-illustration-background-advertising-wallpaper-sci.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-35 .elementor-element.elementor-element-5cbb52e{--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-35 .elementor-element.elementor-element-d2895df{margin:57px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-35 .elementor-element.elementor-element-97be818 .elementor-button{background-color:#FFC600;font-family:"Arial", Sans-serif;font-size:18px;font-weight:800;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:19px 19px 19px 19px;}.elementor-35 .elementor-element.elementor-element-f026ae4{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-35 .elementor-element.elementor-element-9bb2ba2{margin:42px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-35 .elementor-element.elementor-element-9bb2ba2 img{height:437px;border-radius:28px 28px 28px 28px;}.elementor-35 .elementor-element.elementor-element-55b0a4c{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-6d33823{text-align:center;}.elementor-35 .elementor-element.elementor-element-6d33823 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:43px;font-weight:800;color:#FFC600;}.elementor-35 .elementor-element.elementor-element-4f61356{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-e68ef9c{--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-35 .elementor-element.elementor-element-edfe0b9{--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-35 .elementor-element.elementor-element-48d50ce{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-37d57ed{--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-35 .elementor-element.elementor-element-b792a94{--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-35 .elementor-element.elementor-element-063337b{--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-35 .elementor-element.elementor-element-e42e5b6.elementor-element{--align-self:center;}.elementor-35 .elementor-element.elementor-element-e42e5b6{text-align:center;}.elementor-35 .elementor-element.elementor-element-e42e5b6 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:37px;font-weight:800;color:#42413E;}.elementor-35 .elementor-element.elementor-element-3de1abd{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-19312a6{--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-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-35 .elementor-element.elementor-element-95757e7 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-35 .elementor-element.elementor-element-95757e7.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-35 .elementor-element.elementor-element-95757e7.elementor-view-framed .elementor-icon, .elementor-35 .elementor-element.elementor-element-95757e7.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-35 .elementor-element.elementor-element-95757e7 .elementor-icon-box-title, .elementor-35 .elementor-element.elementor-element-95757e7 .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-weight:700;}.elementor-35 .elementor-element.elementor-element-95757e7 .elementor-icon-box-title{color:#737E83;}.elementor-35 .elementor-element.elementor-element-95757e7:has(:hover) .elementor-icon-box-title,
					 .elementor-35 .elementor-element.elementor-element-95757e7:has(:focus) .elementor-icon-box-title{color:#404446;}.elementor-35 .elementor-element.elementor-element-dfbcc26 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-35 .elementor-element.elementor-element-dfbcc26.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-35 .elementor-element.elementor-element-dfbcc26.elementor-view-framed .elementor-icon, .elementor-35 .elementor-element.elementor-element-dfbcc26.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-35 .elementor-element.elementor-element-dfbcc26 .elementor-icon-box-title, .elementor-35 .elementor-element.elementor-element-dfbcc26 .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-weight:700;}.elementor-35 .elementor-element.elementor-element-dfbcc26 .elementor-icon-box-title{color:#737E83;}.elementor-35 .elementor-element.elementor-element-dfbcc26:has(:hover) .elementor-icon-box-title,
					 .elementor-35 .elementor-element.elementor-element-dfbcc26:has(:focus) .elementor-icon-box-title{color:#404446;}.elementor-35 .elementor-element.elementor-element-93d4234 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-35 .elementor-element.elementor-element-93d4234.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-35 .elementor-element.elementor-element-93d4234.elementor-view-framed .elementor-icon, .elementor-35 .elementor-element.elementor-element-93d4234.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-35 .elementor-element.elementor-element-93d4234 .elementor-icon-box-title, .elementor-35 .elementor-element.elementor-element-93d4234 .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-weight:700;}.elementor-35 .elementor-element.elementor-element-93d4234 .elementor-icon-box-title{color:#737E83;}.elementor-35 .elementor-element.elementor-element-93d4234:has(:hover) .elementor-icon-box-title,
					 .elementor-35 .elementor-element.elementor-element-93d4234:has(:focus) .elementor-icon-box-title{color:#404446;}.elementor-35 .elementor-element.elementor-element-86a06b0{--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-35 .elementor-element.elementor-element-fe9845a .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-35 .elementor-element.elementor-element-fe9845a.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-35 .elementor-element.elementor-element-fe9845a.elementor-view-framed .elementor-icon, .elementor-35 .elementor-element.elementor-element-fe9845a.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-35 .elementor-element.elementor-element-fe9845a .elementor-icon-box-title, .elementor-35 .elementor-element.elementor-element-fe9845a .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-weight:700;}.elementor-35 .elementor-element.elementor-element-fe9845a .elementor-icon-box-title{color:#737E83;}.elementor-35 .elementor-element.elementor-element-fe9845a:has(:hover) .elementor-icon-box-title,
					 .elementor-35 .elementor-element.elementor-element-fe9845a:has(:focus) .elementor-icon-box-title{color:#404446;}.elementor-35 .elementor-element.elementor-element-0b28da1 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-35 .elementor-element.elementor-element-0b28da1.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-35 .elementor-element.elementor-element-0b28da1.elementor-view-framed .elementor-icon, .elementor-35 .elementor-element.elementor-element-0b28da1.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-35 .elementor-element.elementor-element-0b28da1 .elementor-icon-box-title, .elementor-35 .elementor-element.elementor-element-0b28da1 .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-weight:700;}.elementor-35 .elementor-element.elementor-element-0b28da1 .elementor-icon-box-title{color:#737E83;}.elementor-35 .elementor-element.elementor-element-0b28da1:has(:hover) .elementor-icon-box-title,
					 .elementor-35 .elementor-element.elementor-element-0b28da1:has(:focus) .elementor-icon-box-title{color:#404446;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-5cbb52e{--width:74%;}.elementor-35 .elementor-element.elementor-element-f026ae4{--width:33%;}.elementor-35 .elementor-element.elementor-element-e68ef9c{--width:50%;}.elementor-35 .elementor-element.elementor-element-edfe0b9{--width:50%;}.elementor-35 .elementor-element.elementor-element-37d57ed{--width:50%;}.elementor-35 .elementor-element.elementor-element-b792a94{--width:50%;}.elementor-35 .elementor-element.elementor-element-19312a6{--width:50%;}.elementor-35 .elementor-element.elementor-element-86a06b0{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-d2895df */.pg-title-hover {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(40px, 6vw, 90px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  cursor: pointer;

  /* blanco principal */
  color: #ffffff;

  transition: all 0.35s ease;
  position: relative;

  /* mejora visibilidad */
  text-shadow: 0 0 8px rgba(0,0,0,0.25);
}

/* hover llamativo */
.pg-title-hover:hover {
  color: #0ea5e9; /* azul moderno */
  transform: scale(1.07);
  letter-spacing: 6px;

  text-shadow: 
    0 0 10px rgba(14,165,233,0.5),
    0 0 20px rgba(99,102,241,0.4);
}

/* línea debajo */
.pg-title-hover::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 0%;
  height: 4px;
  background: #ffffff;
  transition: all 0.35s ease;
  transform: translateX(-50%);
  border-radius: 10px;
  opacity: 0.8;
}

/* animación línea */
.pg-title-hover:hover::after {
  width: 85%;
  background: linear-gradient(90deg, #0ea5e9, #6366f1);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c2f6d2 */.pg-image-hover {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* imagen SIN filtros que dañen calidad */
.pg-image-hover img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
}

/* overlay oscuro profesional */
.pg-image-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.65),
    rgba(0,0,0,0.2)
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 1;
}

/* texto encima */
.pg-image-hover::after {
  content: "PRODUCTORES GRAFICOS";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 20px);
  width: 85%;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(18px, 2vw, 30px);
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0;
  z-index: 2;
  transition: all 0.35s ease;

  text-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* hover limpio (sin blur ni filtros) */
.pg-image-hover:hover img {
  transform: scale(1.03); /* leve para no pixelar */
}

/* overlay aparece */
.pg-image-hover:hover::before {
  opacity: 1;
}

/* texto aparece */
.pg-image-hover:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3194e84 */.pg-image-hover {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* imagen nítida */
.pg-image-hover img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
}

/* overlay */
.pg-image-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.7),
    rgba(0,0,0,0.2)
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 1;
}

/* TEXTO COMPLETO (titulo + descripcion) */
.pg-image-hover::after {
  content: "PRODUCTORES GRAFICOS\A Diseño, impresión y soluciones visuales de alto impacto";
  white-space: pre-line;

  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 20px);
  width: 85%;
  text-align: center;

  font-family: 'Poppins', sans-serif;
  color: #ffffff;

  opacity: 0;
  z-index: 2;
  transition: all 0.35s ease;

  text-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* TITULO (primera linea) */
.pg-image-hover::after {
  font-size: clamp(18px, 2vw, 28px);
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* hover */
.pg-image-hover:hover img {
  transform: scale(1.03);
}

.pg-image-hover:hover::before {
  opacity: 1;
}

.pg-image-hover:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b0c5867 */.pg-image-hover {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* imagen SIN filtros que dañen calidad */
.pg-image-hover img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
}

/* overlay oscuro profesional */
.pg-image-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.65),
    rgba(0,0,0,0.2)
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 1;
}

/* texto encima */
.pg-image-hover::after {
  content: "PRODUCTORES GRAFICOS";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 20px);
  width: 85%;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(18px, 2vw, 30px);
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0;
  z-index: 2;
  transition: all 0.35s ease;

  text-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* hover limpio (sin blur ni filtros) */
.pg-image-hover:hover img {
  transform: scale(1.03); /* leve para no pixelar */
}

/* overlay aparece */
.pg-image-hover:hover::before {
  opacity: 1;
}

/* texto aparece */
.pg-image-hover:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-52a0f5d */.pg-image-hover {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* imagen SIN filtros que dañen calidad */
.pg-image-hover img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
}

/* overlay oscuro profesional */
.pg-image-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.65),
    rgba(0,0,0,0.2)
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 1;
}

/* texto encima */
.pg-image-hover::after {
  content: "PRODUCTORES GRAFICOS";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 20px);
  width: 85%;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(18px, 2vw, 30px);
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0;
  z-index: 2;
  transition: all 0.35s ease;

  text-shadow: 0 8px 20px rgba(0,0,0,0.6);
}

/* hover limpio (sin blur ni filtros) */
.pg-image-hover:hover img {
  transform: scale(1.03); /* leve para no pixelar */
}

/* overlay aparece */
.pg-image-hover:hover::before {
  opacity: 1;
}

/* texto aparece */
.pg-image-hover:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-95757e7 */.pg-icon-box {
  background: #ffffff;
  border-radius: 18px;
  padding: 25px 20px;
  text-align: center;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 8px 25px rgba(0,0,0,0.04);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* ICONO NEGRO */
.pg-icon-box i,
.pg-icon-box svg {
  font-size: 40px;
  color: #000000;
  margin-bottom: 12px;
  transition: transform 0.35s ease;
}

/* TEXTO */
.pg-icon-box h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 6px;
}

.pg-icon-box p {
  font-size: 14px;
  color: #64748b;
}

/* HOVER CAJA */
.pg-icon-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  border-color: rgba(15, 23, 42, 0.12);
}

/* ICONO SOLO CRECE, NO CAMBIA COLOR */
.pg-icon-box:hover i,
.pg-icon-box:hover svg {
  transform: scale(1.15);
  color: #000000;
}

/* EFECTO LUZ */
.pg-icon-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.5),
    transparent
  );
  transform: skewX(-25deg);
  transition: all 0.6s ease;
}

.pg-icon-box:hover::before {
  left: 120%;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-dfbcc26 */.pg-icon-box {
  background: #ffffff;
  border-radius: 18px;
  padding: 25px 20px;
  text-align: center;

  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 8px 25px rgba(0,0,0,0.04);

  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* ICONO (plomo) */
.pg-icon-box i,
.pg-icon-box svg {
  font-size: 40px;
  color: #64748b; /* plomo elegante */
  margin-bottom: 12px;
  transition: all 0.35s ease;
}

/* TEXTO */
.pg-icon-box h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 6px;
}

.pg-icon-box p {
  font-size: 14px;
  color: #64748b;
}

/* HOVER */
.pg-icon-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  border-color: rgba(124,58,237,0.2);
}

/* ICONO HOVER (morado opaco) */
.pg-icon-box:hover i,
.pg-icon-box:hover svg {
  transform: scale(1.2);
  color: #7c3aed; /* morado elegante */
}

/* EFECTO LUZ */
.pg-icon-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.5),
    transparent
  );
  transform: skewX(-25deg);
  transition: all 0.6s ease;
}

.pg-icon-box:hover::before {
  left: 120%;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-93d4234 */.pg-icon-box {
  background: #ffffff;
  border-radius: 18px;
  padding: 25px 20px;
  text-align: center;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 8px 25px rgba(0,0,0,0.04);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* ICONO NEGRO */
.pg-icon-box i,
.pg-icon-box svg {
  font-size: 40px;
  color: #000000;
  margin-bottom: 12px;
  transition: transform 0.35s ease;
}

/* TEXTO */
.pg-icon-box h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 6px;
}

.pg-icon-box p {
  font-size: 14px;
  color: #64748b;
}

/* HOVER CAJA */
.pg-icon-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  border-color: rgba(15, 23, 42, 0.12);
}

/* ICONO SOLO CRECE, NO CAMBIA COLOR */
.pg-icon-box:hover i,
.pg-icon-box:hover svg {
  transform: scale(1.15);
  color: #000000;
}

/* EFECTO LUZ */
.pg-icon-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.5),
    transparent
  );
  transform: skewX(-25deg);
  transition: all 0.6s ease;
}

.pg-icon-box:hover::before {
  left: 120%;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-fe9845a */.pg-icon-box {
  background: #ffffff;
  border-radius: 18px;
  padding: 25px 20px;
  text-align: center;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 8px 25px rgba(0,0,0,0.04);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* ICONO NEGRO */
.pg-icon-box i,
.pg-icon-box svg {
  font-size: 40px;
  color: #000000;
  margin-bottom: 12px;
  transition: transform 0.35s ease;
}

/* TEXTO */
.pg-icon-box h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 6px;
}

.pg-icon-box p {
  font-size: 14px;
  color: #64748b;
}

/* HOVER CAJA */
.pg-icon-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  border-color: rgba(15, 23, 42, 0.12);
}

/* ICONO SOLO CRECE, NO CAMBIA COLOR */
.pg-icon-box:hover i,
.pg-icon-box:hover svg {
  transform: scale(1.15);
  color: #000000;
}

/* EFECTO LUZ */
.pg-icon-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.5),
    transparent
  );
  transform: skewX(-25deg);
  transition: all 0.6s ease;
}

.pg-icon-box:hover::before {
  left: 120%;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0b28da1 */.pg-icon-box {
  background: #ffffff;
  border-radius: 18px;
  padding: 25px 20px;
  text-align: center;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 8px 25px rgba(0,0,0,0.04);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* ICONO NEGRO */
.pg-icon-box i,
.pg-icon-box svg {
  font-size: 40px;
  color: #000000;
  margin-bottom: 12px;
  transition: transform 0.35s ease;
}

/* TEXTO */
.pg-icon-box h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 6px;
}

.pg-icon-box p {
  font-size: 14px;
  color: #64748b;
}

/* HOVER CAJA */
.pg-icon-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  border-color: rgba(15, 23, 42, 0.12);
}

/* ICONO SOLO CRECE, NO CAMBIA COLOR */
.pg-icon-box:hover i,
.pg-icon-box:hover svg {
  transform: scale(1.15);
  color: #000000;
}

/* EFECTO LUZ */
.pg-icon-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.5),
    transparent
  );
  transform: skewX(-25deg);
  transition: all 0.6s ease;
}

.pg-icon-box:hover::before {
  left: 120%;
}/* End custom CSS */