/* Dominia — minimal, centrado, paleta Namecheap (naranja + navy). */
:root{
  --orange:#ff5000; --orange-h:#e64800;
  --navy:#22303f; --ink:#1f2733; --muted:#6b7480;
  --line:#e6e8ee; --bg:#ffffff; --soft:#f6f7f9;
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;
  -webkit-font-smoothing:antialiased}
.hidden{display:none!important}
strong{color:var(--ink)}

.page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:48px 20px}
.col{width:100%;max-width:540px;text-align:center;display:flex;flex-direction:column;align-items:center}

.brand{font-weight:800;font-size:18px;color:var(--navy);letter-spacing:-.2px;margin-bottom:30px}

h1{font-size:clamp(30px,6.4vw,44px);line-height:1.08;letter-spacing:-1.1px;font-weight:800;color:var(--navy);margin:0 0 12px}
.sub{font-size:clamp(15px,2.4vw,18px);color:var(--muted);margin:0 0 22px;max-width:440px;margin-left:auto;margin-right:auto}

/* STEP */
.step{width:100%;display:flex;flex-direction:column;align-items:stretch;animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* INPUTS */
textarea,input,select{width:100%;font-family:inherit;font-size:16px;padding:15px 16px;border:1.5px solid var(--line);
  border-radius:var(--radius);background:#fff;color:var(--ink);transition:.15s;text-align:left}
textarea{resize:none;line-height:1.5}
input::placeholder,textarea::placeholder{color:#9aa1ad}
textarea:focus,input:focus,select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,80,0,.12)}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7480' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center}

/* CHIPS — rellenar de un clic */
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 4px}
.chip{border:1px solid var(--line);background:var(--soft);color:#4a5361;font-family:inherit;font-size:13px;
  padding:8px 13px;border-radius:999px;cursor:pointer;transition:.14s}
.chip:hover{border-color:var(--orange);color:var(--navy);background:#fff}

/* BUTTON */
.btn{width:100%;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:17px;color:#fff;
  background:var(--orange);padding:16px 20px;border-radius:var(--radius);transition:.16s;
  box-shadow:0 10px 22px -10px rgba(255,80,0,.6);margin-top:16px}
.btn:hover{background:var(--orange-h);transform:translateY(-1px)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}

.linkish{background:none;border:0;cursor:pointer;color:var(--muted);font-family:inherit;font-size:14px;
  text-decoration:underline;text-underline-offset:3px;padding:2px;margin-top:12px}
.linkish:hover{color:var(--navy)}

.adv{display:flex;flex-direction:column;gap:10px;width:100%;padding-top:10px}
.micro{font-size:13px;color:var(--muted);margin:10px 0 0}

/* RECAP paso 2 */
.idea-recap{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);
  padding:14px 16px;color:var(--navy);font-weight:600;font-size:16px;margin-bottom:14px;text-align:center}

/* RUN / LIVE */
.run{width:100%;margin-top:26px;border-top:1px solid var(--line);padding-top:24px;text-align:center}
.run-head{display:flex;flex-direction:column;align-items:center;gap:6px}
.run-state{font-weight:700;font-size:18px;color:var(--navy)}
.run-sub{color:var(--muted);font-size:14px}
.run-timer{color:#9aa1ad;font-variant-numeric:tabular-nums;font-size:13px}
.spinner{width:30px;height:30px;border-radius:50%;border:3px solid #eee;border-top-color:var(--orange);animation:spin 1s linear infinite;margin-bottom:4px}
@keyframes spin{to{transform:rotate(360deg)}}
.run-log{margin-top:14px;background:var(--soft);color:#4a5361;border-radius:12px;padding:12px 14px;font-size:13px;
  line-height:1.5;max-height:150px;overflow:auto;white-space:pre-wrap;display:none;text-align:left}
.run-log.on{display:block}

.results{margin-top:8px}
.stats{display:flex;justify-content:center;gap:40px;margin:6px 0 18px}
.stat b{display:block;font-size:34px;font-weight:800;color:var(--navy);line-height:1}
.stat span{color:var(--muted);font-size:13px}
.results-summary{color:#3f4854;font-size:15px;margin:0 auto 20px;max-width:460px}
.fav-list{display:flex;flex-direction:column;gap:10px;text-align:left}
.fav{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.fav .mid{flex:1;min-width:0}
.fav .dom{font-weight:700;font-size:17px;color:var(--navy)}
.fav .why{color:var(--muted);font-size:13px}
.fav .price{font-weight:600;font-size:14px;color:#3f4854;white-space:nowrap}
.fav .buy{flex:none;background:var(--orange);color:#fff;font-weight:600;font-size:14px;padding:9px 14px;border-radius:10px}
.fav .buy:hover{background:var(--orange-h)}
.results-actions{display:flex;justify-content:center;gap:22px;margin-top:22px}
.run-error{margin-top:18px;background:#fff4f2;border:1px solid #ffd6cc;color:#c0341a;padding:14px 16px;border-radius:12px;font-size:15px}

.foot{margin-top:34px;font-size:13px;color:#9aa1ad}
.demo{color:var(--orange)}

@media(max-width:520px){
  .page{padding:36px 18px}
  .fav{flex-wrap:wrap}
  .fav .price{order:3}
}