/* DatoYa — presentación comercial clara para dueños de negocio. */
.dy-demo-intro{position:relative;align-items:stretch;overflow:hidden;padding:30px;background:radial-gradient(circle at 92% 10%,rgba(25,198,180,.24),transparent 31%),linear-gradient(135deg,#072B63 0%,#0B3A82 72%,#104d9d 100%)}
.dy-demo-intro:after{content:'';position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-88px;bottom:-112px}
.dy-demo-pitch-copy{position:relative;z-index:2;max-width:690px}.dy-demo-pitch-copy .dy-demo-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(25,198,180,.14);border:1px solid rgba(78,220,206,.25);padding:7px 10px;border-radius:999px;color:#73eadc}.dy-demo-pitch-copy h2{font-size:clamp(27px,4vw,42px);line-height:1.08;letter-spacing:-.8px;margin:13px 0 12px}.dy-demo-pitch-copy>p{font-size:15px;max-width:630px}.dy-demo-pitch-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.dy-demo-pitch-actions .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.dy-demo-learn{background:#fff!important;color:#072B63!important;border-color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.13);position:relative;padding-right:46px!important}.dy-demo-learn .dy-demo-arrow{position:absolute;right:12px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#19C6B4;color:#063c49;font-size:16px;font-weight:900;animation:dyArrowNudge 1.5s ease-in-out infinite}.dy-demo-register{background:#19C6B4!important;border-color:#19C6B4!important;color:#063d48!important}.dy-demo-trust-note{display:flex;align-items:flex-start;gap:8px;margin-top:16px!important;font-size:12px!important;color:#cbdcf5!important;max-width:620px!important}.dy-demo-trust-note b{color:#fff}.dy-demo-start-here{position:relative;z-index:2;width:min(270px,100%);align-self:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:20px;padding:17px;color:#fff}.dy-demo-start-here>span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#78eadf}.dy-demo-start-here strong{display:block;font-size:19px;line-height:1.2;margin:5px 0}.dy-demo-start-here p{font-size:12px;color:#d5e3f6;margin:0 0 12px;line-height:1.45}.dy-demo-start-here a{display:flex;align-items:center;justify-content:space-between;background:#fff;color:#072B63;text-decoration:none;font-weight:900;border-radius:13px;padding:11px 12px}.dy-demo-start-here a i{font-style:normal;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#FF8A1F;color:#fff}
.dy-demo-concepts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.dy-demo-concept{position:relative;background:#fff;border:1px solid #e3ebf5;border-radius:19px;padding:15px 16px 15px 54px;box-shadow:0 8px 22px rgba(11,58,130,.05)}.dy-demo-concept>i{font-style:normal;position:absolute;left:14px;top:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;font-size:18px;background:#fff2df}.dy-demo-concept.weekly>i{background:#fff7d9}.dy-demo-concept small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#8c97a9}.dy-demo-concept b{display:block;color:#132c52;margin:2px 0;font-size:14px}.dy-demo-concept p{font-size:12px;color:#718096;margin:0;line-height:1.4}.dy-demo-concept .dy-demo-demo-pill{position:absolute;right:11px;top:11px;background:#eef4fb;color:#0B3A82;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900}
.dy-demo-showcase-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:8px 0 12px}.dy-demo-showcase-title h3{font-size:21px;margin:0;color:#1B2B48}.dy-demo-showcase-title p{margin:3px 0 0;color:#718096;font-size:13px}.dy-demo-showcase-title a{color:#0B3A82;font-weight:800;text-decoration:none;font-size:12px}
.dy-demo-live-card{border:1px solid #ffd6ab!important}.dy-demo-live-card .dy-live-badge{background:#fff;color:#d45c00}.dy-demo-demo-tag{position:absolute;top:10px;right:10px;z-index:3;background:#fff;color:#0B3A82;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;box-shadow:0 5px 12px rgba(0,0,0,.1)}
@keyframes dyArrowNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(max-width:760px){.dy-demo-intro{padding:23px 18px;flex-direction:column}.dy-demo-start-here{width:100%;align-self:stretch}.dy-demo-pitch-actions{display:grid;grid-template-columns:1fr}.dy-demo-pitch-actions .btn{width:100%}.dy-demo-concepts{grid-template-columns:1fr}.dy-demo-showcase-title{align-items:flex-start;flex-direction:column}.dy-demo-showcase-title a{font-size:13px}.dy-demo-pitch-copy h2{font-size:31px}}
