[class*="pwgp"][hidden] { display: none; }

.wd-page-content {
    display: flex;
    align-items: center;
}

.pwgp-step.pwgp-intro { text-align: center; }
#pwgp-start { 
    border-radius: 500px;
    border: 2px solid #49AC3D;
    background: #49AC3D;
    text-transform: none;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}
.pwgp-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0;
}
.pwgp-desc,
.pwgp-title,
.pwgp-h {
    text-align: center;
}
#pwgp-start:hover { 
    background: #25ac14;
    color: #fff;}
.pwgp { 
    max-width: 820px; 
    margin: 0 auto; 
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
.pwgp-h { 
    margin: 0 0 .5rem;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
}
h3.pwgp-h {
    color: #fff;
    margin-bottom: 24px;
}
.pwgp-p { margin: 0 0 1rem; opacity: .85; text-align: center;}
.pwgp-btn { padding: .6rem 1rem; border-radius: .6rem; border: 1px solid transparent; cursor: pointer; }
.pwgp-btn-primary { background: #111827; color: #fff; }
.pwgp-btn-ghost { background: transparent; border-color: #e5e7eb; }

.pwgp-progress { 
	height: 8px; 
	background: #f3f4f6; 
	border-radius: 999px; 
	overflow: hidden; 
	width: 35%;
	margin: 0 auto 16px;
 }
.pwgp-progress-bar { height: 100%; width: 0%; background: #49AC3D; transition: width .3s; }
.pwgp-video-wrap { 
    position: relative; 
    border-radius: .75rem; 
    overflow: hidden; 
    background: #000;
    max-width: 800px;
    margin: 0 auto; 
    width: 100%;
}
.pwgp-video-wrap:before {
    content: '';
    display: block;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

@media screen and (max-width: 600px) {
    .pwgp-video-wrap:before { 
       padding-top: 85%;
    }
    .pwgp-overlay .pwgp-overlay-content .pwgp-h {
        display: none;
    }
    .pwgp-title,
    .pwgp-h  {
        font-size: 24px;
    }
    .pwgp-progress {
        width: 70%;
    }
}
#pwgp-video { 
    width: 100%; 
    display: block; 
    position: absolute;
    inset: 0;
    height: 100%; 
}
.pwgp-overlay { 
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, .45));
    padding: 1rem;
    backdrop-filter: blur(180px);
    /* position: absolute; inset: 0; display: grid; place-content: center; gap: .75rem; background: linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,.45)); padding: 1rem;backdrop-filter: blur(180px);  */
}
.pwgp-overlay-content {
    align-self: stretch;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pwgp-options { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 4px; 
    justify-content: center; 
}
.pwgp-chip-label {
    font-size: 16px;
}
.pwgp-option-icon { 
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pwgp-option-icon[class*="none"] { 
    display: none;
}

.pwgp-option-icon[class*="hogar"] { 
    background-image: url('icons/hogar-icon.svg');
}

.pwgp-option-icon[class*="smallbiz"] { 
    background-image: url('icons/icon-pequena-oficina.svg');
}

.pwgp-option-icon[class*="oficina"] { 
    background-image: url('icons/oficina-icon.svg');
}

.pwgp-option-icon[class*="pwgp-option-icon-check"] { 
    background-image: url('icons/check-icon.svg');
}

.pwgp-chip { padding: .5rem .9rem; border-radius: 999px; border: 1px solid #fff; background: transparent; color: #fff; cursor: pointer; }
.pwgp-chip.is-selected { 
    background: #49AC3D; 
    color: #fff; 
    border-color: #49AC3D;
}
button.pwgp-chip {
    padding: 16px 32px;
    border-radius: 20px;
    color: #333;
    text-transform: none;
    font-size: 20px;
    background: #fff;
    cursor: pointer;
}
.pwgp-actions { display:flex; justify-content:center; margin-top: .75rem; }
.pwgp-continue {
    /* background-color: #C2C2C2; */
    border-radius: 50px;
    text-transform: none;
    font-size: 16px;
    background: #49AC3D; 
    color: #fff; 
    border-color: #49AC3D; 
}
.pwgp-replay {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}
.pwgp-continue[disabled] { 
    background-color: #C2C2C2;
    pointer-events: none;
    border-color: #C2C2C2;
}
.pwgp-redirect-loader {
    text-align: center;
}

.pwgp-redirect-loader .pwgp-spinner {
    background-image: url(https://printware.com.pe/tienda/wp-content/uploads/loader.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: auto;
    animation: girar 1s linear infinite;
}

@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.pwgp-redirect-loader .pwgp-loader-text {
    margin-top: 32px;
}


.pwgp-back,
.pwgp-back:hover {
    text-transform: none;
    background-color: transparent;
    font-size: 16px;
}

.pwgp-back:before {
    content: "\f114";
    font-family: "woodmart-font";
    font-weight: 400;
}