body { font-family: Poppins,sans-serif } {} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @media (max-width: 639px) { .global-style-vtw69z6b2 { background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat; } } @media (max-width: 767px) and (min-width: 640px) { .global-style-vtw69z6b2 { background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat; } } @media (max-width: 991px) and (min-width: 768px) { .global-style-vtw69z6b2 { background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat; } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-vtw69z6b2 { background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat; } } @media (min-width: 1200px) { .global-style-vtw69z6b2 { background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat; } } #hdp-welcome{ --crema:#FFFAFC; --crema-2:#F9EDF3; --blanco:#FFFFFF; --tinta:#202D3C; --tinta-suave:#4F5965; --naranja:#C21B6F; --naranja-osc:#94184D; --amarillo:#FFB806; --verde:#1E8E5A; --verde-osc:#15703F; --verde-claro:#E6F4EC; --whatsapp:#25D366; --whatsapp-osc:#128C7E; --borde:#E8CFDB; --sombra-media:0 12px 34px rgba(148,24,77,.12); --radio:18px; --radio-lg:26px; --ease:cubic-bezier(0.22,1,0.36,1); } #hdp-welcome *{ box-sizing:border-box; } #hdp-welcome{ margin:0; padding:0; overflow-x:hidden; } #hdp-welcome{ font-family:"Poppins", system-ui, -apple-system, Arial, sans-serif; background: radial-gradient(120% 70% at 50% 0%, #FFFFFF 0%, var(--crema) 55%), var(--crema); color:var(--tinta); line-height:1.7; font-size:19px; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:1.4rem; -webkit-font-smoothing:antialiased; } #hdp-welcome h1, #hdp-welcome h2{ margin:0; font-family:"Poppins", system-ui, sans-serif; font-weight:700; line-height:1.18; } #hdp-welcome p{ margin:0; } #hdp-welcome em.resalta{ font-style:italic; color:var(--naranja-osc); font-weight:500; } #hdp-welcome .tarjeta{ background:var(--blanco); border:1px solid var(--borde); border-radius:var(--radio-lg); box-shadow:var(--sombra-media); max-width:600px; width:100%; padding: clamp(1.8rem, 5vw, 3rem); text-align:center; } #hdp-welcome .marca{ width:clamp(170px, 42vw, 220px); height:auto; margin:0 auto 1.6rem; } #hdp-welcome .programa{ color:var(--naranja-osc); font-weight:700; margin-bottom:1rem; } /* Sello de éxito */ #hdp-welcome .sello{ width:96px; height:96px; margin:0 auto 1.6rem; border-radius:50%; background:var(--verde-claro); display:flex; align-items:center; justify-content:center; border:3px solid var(--verde); animation:aparece-sello .6s var(--ease) both; } #hdp-welcome .sello svg{ width:50px; height:50px; } @keyframes aparece-sello{ from{ opacity:0; transform:scale(.6); } to{ opacity:1; transform:scale(1); } } #hdp-welcome .titulo{ font-size:clamp(1.7rem, 4.5vw, 2.4rem); margin-bottom:1rem; text-wrap:balance; } #hdp-welcome .saludo{ color:var(--tinta-suave); font-size:clamp(1.08rem,2.2vw,1.2rem); margin-bottom:1.6rem; text-wrap:pretty; } #hdp-welcome .saludo strong{ color:var(--tinta); } /* Paso siguiente destacado */ #hdp-welcome .siguiente-paso{ background:var(--crema-2); border:1px solid var(--borde); border-radius:var(--radio); padding:1.4rem 1.3rem; margin-bottom:1.8rem; } #hdp-welcome .siguiente-paso .etiqueta{ display:inline-block; background:var(--naranja); color:#fff; font-weight:800; font-size:.85rem; letter-spacing:.05em; padding:.35rem .9rem; border-radius:999px; margin-bottom:.9rem; } #hdp-welcome .siguiente-paso p{ font-size:1.08rem; color:var(--tinta); } /* Botón WhatsApp */ #hdp-welcome .btn-wa{ display:flex; align-items:center; justify-content:center; gap:.7rem; width:100%; min-height:68px; padding:1.1rem 1.6rem; background:linear-gradient(135deg, var(--whatsapp) 0%, var(--whatsapp-osc) 100%); color:#fff; font-weight:800; font-size:1.2rem; border:none; border-radius:999px; text-decoration:none; box-shadow:0 12px 32px rgba(18,140,126,.42), 0 0 0 0 rgba(37,211,102,.4); transition:transform .3s var(--ease), box-shadow .3s var(--ease); animation:wa-latido 2.4s ease-in-out infinite; } #hdp-welcome .btn-wa:hover{ transform:translateY(-3px); } #hdp-welcome .btn-wa svg{ width:30px; height:30px; flex:none; } @keyframes wa-latido{ 0%,100%{ box-shadow:0 12px 32px rgba(18,140,126,.42), 0 0 0 0 rgba(37,211,102,.35); } 50%{ box-shadow:0 12px 32px rgba(18,140,126,.42), 0 0 0 14px rgba(37,211,102,0); } } #hdp-welcome .tranquiliza{ color:var(--tinta-suave); font-size:1rem; margin-top:1.3rem; text-wrap:pretty; } #hdp-welcome .firma{ margin-top:1.8rem; padding-top:1.4rem; border-top:1px solid var(--borde); color:var(--tinta-suave); font-size:1.02rem; } #hdp-welcome .firma strong{ color:var(--tinta); font-family:"Poppins",sans-serif; } @media (prefers-reduced-motion: reduce){ #hdp-welcome *, #hdp-welcome *::before, #hdp-welcome *::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; } } @media (max-width:700px){ #hdp-welcome{ font-size:18px; } #hdp-welcome .tarjeta{ padding:1.5rem 1rem; border-radius:20px; } #hdp-welcome .marca{ width:min(100%, 280px); } #hdp-welcome .btn-wa{ font-size:1.05rem; padding:1rem; } }