/* mirag.es/tu-web — «No tengo web» */
.sin-web{margin-top:26px;max-width:640px;width:100%;display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;background:linear-gradient(120deg,rgba(255,59,31,.1),rgba(255,255,255,.02) 60%);border:1px dashed #3a3a40;color:var(--fg);font:15.5px/1.4 var(--sans);text-align:left;cursor:pointer;transition:border-color .25s,transform .25s,background .25s}
.sin-web:hover{border-color:var(--senal);transform:translateY(-2px)}
.sin-web b{font-weight:650}
.sin-web>span:nth-child(2){flex:1;color:#c9c9ce}
.sin-web .sw-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--senal);color:#fff;font:600 24px/1 var(--sans);box-shadow:0 0 24px -4px rgba(255,59,31,.7)}
.sin-web i{font-style:normal;color:var(--senal);font-size:20px;transition:transform .25s}.sin-web:hover i{transform:translateX(4px)}

.cero{padding:20px 0 80px;scroll-margin-top:80px}
.cero-caja{max-width:880px;margin:0 auto;animation:entra .7s cubic-bezier(.16,1,.3,1)}
.cero-cab{display:flex;justify-content:space-between;align-items:center}
.cerrar{width:40px;height:40px;border-radius:12px;border:1px solid #2c2c31;background:none;color:var(--gris);font-size:24px;cursor:pointer}.cerrar:hover{color:var(--fg)}
.cbarra{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 4px;counter-reset:p}
.cbarra li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid #2c2c31;color:var(--gris);font-size:14px;cursor:pointer;transition:border-color .3s,color .3s}
.cbarra li span{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:600 12px var(--mono);background:#1f1f23}
.cbarra li.on{border-color:var(--senal);color:var(--fg)}.cbarra li.on span{background:var(--senal);color:#fff}
.cbarra li.ok span{background:#2BD576;color:#0c0c0d}
@media(max-width:560px){.cbarra li{font-size:0;justify-content:center}.cbarra li span{font-size:12px}.cbarra li.on{font-size:13px;justify-content:flex-start}}
.cpaso{display:grid;gap:18px;animation:entra .5s cubic-bezier(.16,1,.3,1)}
.caja textarea{padding:12px 14px;border-radius:12px;background:var(--bg);border:1px solid #2c2c31;color:var(--fg);font:16px/1.5 var(--sans);outline:0;resize:vertical;min-height:90px}
.caja textarea:focus{border-color:var(--senal)}
.caja textarea::placeholder,.caja input::placeholder{color:#5e5e64}
.grupo{display:grid;gap:10px}
.et{font-size:14px;color:#c9c9ce}.et small{color:var(--gris)}
/* sectores */
.sectores{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.sec{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:var(--bg);border:1px solid #2c2c31;color:#d6d6da;font:500 13.5px/1.25 var(--sans);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.sec svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--gris)}
.sec:hover{border-color:#4a4a50}
.sec.on{border-color:var(--senal);background:rgba(255,59,31,.1);color:#fff}.sec.on svg{color:var(--senal)}
/* colores */
.colores{display:flex;flex-wrap:wrap;gap:10px}
.par{position:relative;display:flex;align-items:center;padding:6px;border-radius:14px;background:var(--bg);border:1px solid #2c2c31;cursor:pointer}
.par i{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.12)}.par i+i{margin-left:-8px}
.par small{position:absolute;left:50%;top:-9px;transform:translateX(-50%);font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--senal);color:#fff;padding:2px 6px;border-radius:6px;white-space:nowrap}
.par.on{border-color:var(--senal);box-shadow:0 0 0 3px rgba(255,59,31,.2)}
.par.propio{padding:0 14px;height:44px;font-size:13.5px;color:#c9c9ce;background:conic-gradient(from 0deg,#ff3b1f,#f2a541,#2bd576,#38bdf8,#8b5cf6,#ff3b1f) border-box;border:2px solid transparent;background-clip:border-box}
.par.propio span{background:var(--bg);padding:9px 12px;border-radius:10px;margin:0 -12px}
.propios{display:flex;gap:16px;flex-wrap:wrap}
.color{display:flex!important;align-items:center;gap:10px!important}
.caja .color input{width:54px;height:40px;padding:2px;border-radius:10px;cursor:pointer}
/* segmentos */
.seg4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px;border-radius:14px;background:var(--bg);border:1px solid #2c2c31}
.seg4.tres{grid-template-columns:repeat(3,1fr)}
.seg4 button{border:0;background:none;color:var(--gris);font:500 14px var(--sans);padding:10px 6px;border-radius:10px;cursor:pointer}
.seg4 button.on{background:#ededed;color:#0c0c0d;font-weight:600}
@media(max-width:560px){.seg4{grid-template-columns:repeat(2,1fr)}.seg4.tres{grid-template-columns:repeat(3,1fr)}.seg4 button{font-size:13px}}
/* logos */
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:4px}
.logos .lg{height:118px;display:grid;place-items:center;padding:16px 18px;border-radius:16px;background:#fff;border:3px solid transparent;cursor:pointer;transition:transform .25s,border-color .2s,box-shadow .25s;animation:entra .5s cubic-bezier(.16,1,.3,1) both}
.logos .lg:nth-child(2){animation-delay:.05s}.logos .lg:nth-child(3){animation-delay:.1s}.logos .lg:nth-child(4){animation-delay:.15s}.logos .lg:nth-child(5){animation-delay:.2s}.logos .lg:nth-child(6){animation-delay:.25s}
.logos .lg img{max-width:100%;max-height:80px;object-fit:contain}
.logos .lg:hover{transform:translateY(-3px)}
.logos .lg.on{border-color:var(--senal);box-shadow:0 0 0 4px rgba(255,59,31,.25)}
.cargando-logos{color:var(--gris);font-size:14px;grid-column:1/-1}
#otrasIdeas{margin-top:10px;color:#c9c9ce;font-size:14.5px}
.subir{position:relative;display:flex!important;flex-wrap:wrap;align-items:center;gap:12px!important;padding:16px;border-radius:14px;border:1px dashed #44444a;background:var(--bg);cursor:pointer}
.subir input{position:absolute;inset:0;opacity:0;cursor:pointer;height:auto!important}
.subir span{background:#ededed;color:#0c0c0d;font-weight:600;padding:9px 14px;border-radius:10px}
.subir small{color:var(--gris)}
.subir.mini{width:120px;height:120px;justify-content:center;padding:8px}.subir.mini span{background:none;color:#c9c9ce;font-weight:500;padding:0;text-align:center}
.vista-logo{margin-top:10px}.vista-logo img{max-height:90px;max-width:100%;background:#fff;border-radius:12px;padding:10px 14px}
/* fotos */
.fotos{display:flex;flex-wrap:wrap;gap:10px}
.fotos-l{display:contents}
.fotos figure{position:relative;width:120px;height:120px;border-radius:14px;overflow:hidden;border:1px solid #2c2c31;animation:entra .5s cubic-bezier(.16,1,.3,1)}
.fotos figure img{width:100%;height:100%;object-fit:cover}
.fotos figure button{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:18px;line-height:1;cursor:pointer}
/* pie */
.cero-pie{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:6px}
.cero-pie .link{margin-right:auto;color:var(--gris)}
@media(max-width:560px){.cero-pie .boton{flex:1}}
.hero{overflow-x:clip}