/* «Analiza tu web gratis» — [ds_analiza_web] */
.ds-audit { padding-top: clamp(7rem, 12vw, 9rem); }
.ds-audit__wrap { max-width: 860px; }
.ds-audit__head { text-align: center; }
.ds-audit .ds-pill { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.45rem 0.95rem; border-radius: 999px; border: 1px solid var(--ds-line); background: var(--ds-card); font-size: 0.78rem; font-weight: 600; color: var(--ds-text-dim); }
.ds-audit .ds-pill__dot { width: 7px; height: 7px; border-radius: 50%; background: #2ee88a; box-shadow: 0 0 10px #2ee88a; }
.ds-audit__title { margin: 1.1rem 0 0.9rem; font-size: clamp(2rem, 5vw, 3.3rem); line-height: 1.08; font-weight: 800; }
.ds-audit__lead { margin: 0 auto; max-width: 640px; color: var(--ds-text-dim); line-height: 1.7; }

.ds-audit__form { margin-top: 2.2rem; }
.ds-audit__bar { display: flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.4rem 0.4rem 1.1rem; border-radius: 999px; border: 1px solid rgba(212,0,255,0.35); background: var(--ds-card); box-shadow: 0 30px 70px -40px rgba(212,0,255,0.7); }
.ds-audit__prefix { color: var(--ds-text-dim); font-size: 0.95rem; }
.ds-audit__bar input[name="url"] { flex: 1; min-width: 0; padding: 0.85rem 0.2rem; border: 0; outline: 0; background: transparent; color: var(--ds-text); font-size: 1.05rem; }
.ds-audit__bar .ds-btn { white-space: nowrap; }
.ds-audit__bar .ds-btn svg { width: 18px; height: 18px; }
.ds-audit__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.ds-audit__msg { min-height: 1.4em; margin: 0.8rem 0 0; text-align: center; font-size: 0.9rem; color: var(--ds-text-dim); }
.ds-audit__msg.is-error { color: #ff7a9a; }
.ds-audit.is-loading .ds-audit__bar .ds-btn { opacity: 0.7; pointer-events: none; }

.ds-audit__result { margin-top: 1.6rem; padding: clamp(1.3rem, 3vw, 2rem); border-radius: 24px; border: 1px solid var(--ds-line); background: var(--ds-card); }
.ds-audit__score { display: flex; align-items: center; gap: 1.4rem; }
.ds-audit__ring { --c: #2ee88a; position: relative; flex: 0 0 116px; height: 116px; border-radius: 50%; display: flex; align-items: center; justify-content: center; gap: 0.1rem;
	background: conic-gradient(var(--c) calc(var(--p) * 1%), rgba(255,255,255,0.08) 0); transition: --p 1s ease; }
.ds-audit__ring::before { content: ""; position: absolute; inset: 10px; border-radius: 50%; background: var(--ds-bg); }
.ds-audit__ring b, .ds-audit__ring small { position: relative; }
.ds-audit__ring b { font-size: 2rem; font-weight: 800; }
.ds-audit__ring small { align-self: flex-end; margin-bottom: 2.1rem; color: var(--ds-text-dim); font-size: 0.75rem; }
.ds-audit__ring.is-mid { --c: #ffb547; }
.ds-audit__ring.is-low { --c: #ff5a7a; }
.ds-audit__host { margin: 0; font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ds-magenta); font-weight: 700; }
.ds-audit__verdict { margin: 0.3rem 0; font-size: clamp(1.25rem, 2.6vw, 1.6rem); line-height: 1.2; }
.ds-audit__sub { margin: 0; color: var(--ds-text-dim); line-height: 1.6; }

.ds-audit__checks { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
.ds-audit__checks li { display: flex; gap: 0.7rem; align-items: flex-start; padding: 0.8rem 0.9rem; border-radius: 14px; border: 1px solid var(--ds-line); background: rgba(255,255,255,0.02); }
.ds-audit__checks i { flex: 0 0 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-style: normal; font-size: 0.8rem; font-weight: 800; color: #0a0510; background: #2ee88a; }
.ds-audit__checks li.is-bad { border-color: rgba(255,90,122,0.35); }
.ds-audit__checks li.is-bad i { background: #ff5a7a; color: #fff; }
.ds-audit__checks b { display: block; font-size: 0.92rem; }
.ds-audit__checks span { display: block; margin-top: 0.15rem; font-size: 0.82rem; line-height: 1.5; color: var(--ds-text-dim); }

.ds-audit__cta { margin-top: 1.6rem; padding-top: 1.5rem; border-top: 1px solid var(--ds-line); }
.ds-audit__cta h3 { margin: 0; font-size: 1.2rem; }
.ds-audit__cta > p { margin: 0.4rem 0 1rem; color: var(--ds-text-dim); }
.ds-audit__lead-form { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 0.6rem; }
.ds-audit__lead-form input { min-width: 0; padding: 0.8rem 0.9rem; border-radius: 12px; border: 1px solid var(--ds-line); background: var(--ds-bg); color: var(--ds-text); font-size: 0.92rem; outline: 0; }
.ds-audit__lead-form input:focus { border-color: var(--ds-magenta); }
.ds-audit__done { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; }

@media (max-width: 760px) {
	.ds-audit__bar { flex-wrap: wrap; border-radius: 20px; padding: 0.6rem; }
	.ds-audit__prefix { display: none; }
	.ds-audit__bar input[name="url"] { flex-basis: 100%; padding: 0.7rem 0.5rem; }
	.ds-audit__bar .ds-btn { width: 100%; justify-content: center; }
	.ds-audit__score { flex-direction: column; text-align: center; }
	.ds-audit__checks { grid-template-columns: 1fr; }
	.ds-audit__lead-form { grid-template-columns: 1fr; }
}