/* Creador de páginas web y tienda en línea (nov 2026). Usa hosting.css para .planes/.pl/.pmini/.why6/.steps. */
.pmini--morado{background:linear-gradient(125deg,#4c1d95,#7c3aed 50%,#c026d3);box-shadow:0 18px 40px -20px rgba(76,29,149,.7)}
.pmini--morado .pmini__go{color:#6d28d9}
.cr-off{display:inline-block;align-self:flex-start;background:linear-gradient(125deg,#4c1d95,#7c3aed 50%,#c026d3);color:#fff;font:800 13px/1 var(--head);padding:7px 12px;border-radius:999px;margin:0 0 8px}
.pl .cr-gift{background:linear-gradient(125deg,#4c1d95,#7c3aed 50%,#c026d3);box-shadow:0 10px 22px -14px rgba(76,29,149,.8)}
.pl li.no{color:var(--ink2);opacity:.8}.pl li.no:before{content:"–";color:var(--ink2);background:none}
.pl .btn{text-align:center}
/* Arte del hero: editor con bloques */
.cr-ed{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px -36px rgba(30,60,90,.45);overflow:hidden}
.cr-ed__top{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#F4F6F9;font:700 12px var(--head);color:var(--ink2)}.cr-ed__top i{width:8px;height:8px;border-radius:50%;background:#d6dde6}
.cr-ed__top b{margin-left:auto;background:#7c3aed;color:#fff;padding:5px 10px;border-radius:999px;font-size:11px}
.cr-ed__body{display:grid;grid-template-columns:70px 1fr;min-height:260px}
.cr-ed__side{background:#FAFBFC;border-right:1px solid var(--line);padding:12px 10px;display:flex;flex-direction:column;gap:8px}
.cr-ed__side span{height:34px;border-radius:8px;background:#EEF1F5;font:700 10px var(--head);color:var(--ink2);display:flex;align-items:center;justify-content:center}
.cr-ed__page{padding:16px;display:flex;flex-direction:column;gap:10px}
.cr-ed__hero{height:96px;border-radius:12px;background:linear-gradient(125deg,#ede9fe,#fae8ff);position:relative}
.cr-ed__hero:after{content:"Tu negocio";position:absolute;left:16px;top:20px;font:800 18px var(--head);color:#4c1d95}
.cr-ed__row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cr-ed__row i{height:54px;border-radius:10px;background:#F1F4F8}
.cr-ed__drag{align-self:flex-start;border:2px dashed #7c3aed;border-radius:10px;padding:8px 12px;font:700 12px var(--head);color:#6d28d9;animation:cr-drag 3.5s ease-in-out infinite}
@keyframes cr-drag{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-6px)}}
@media(max-width:980px){.wh-hero .cr-ed{display:none}}
/* Video */
.cr-vgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;margin-top:24px}
.cr-video{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;background:#0f172a;box-shadow:0 30px 60px -36px rgba(30,60,90,.6)}
.cr-video img{width:100%;height:100%;object-fit:cover;opacity:.85}
.cr-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:#fff;color:#7c3aed;font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.cr-video__t{position:absolute;left:16px;bottom:14px;color:#fff;font:700 15px var(--head);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.cr-vgrid iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:18px}
.cr-list{list-style:none;padding:0;margin:0}.cr-list li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--line)}
.cr-list li:before{content:"✓";position:absolute;left:0;top:10px;color:var(--teal-d);font-weight:800}.cr-list b{display:block;color:var(--navy)}
@media(max-width:900px){.cr-vgrid{grid-template-columns:1fr}}
/* Plantillas */
.cr-tpl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.cr-tpl a{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:transform .15s,box-shadow .15s}
.cr-tpl a:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(30,60,90,.5)}
.cr-tpl img{display:block;width:100%;height:auto}
@media(max-width:800px){.cr-tpl{grid-template-columns:1fr 1fr}}
/* Comparativa creador vs hosting */
.cr-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.cr-vs>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.cr-vs h3{font-size:19px;margin-bottom:6px}.cr-vs p{color:var(--ink2);font-size:14.5px;margin:0 0 12px}
.cr-vs ul{margin:0 0 16px;padding-left:18px;font-size:14px}.cr-vs li{margin:4px 0}
@media(max-width:800px){.cr-vs{grid-template-columns:1fr}}
.cr-trust{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--ink2);font-size:14px}
.cr-trust li:before{content:"✓ ";color:var(--teal-d);font-weight:800}
/* Arte del hero de tienda */
.cr-shop{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px -36px rgba(30,60,90,.45);overflow:hidden}
.cr-shop__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}
.cr-shop__p{border:1px solid var(--line);border-radius:12px;padding:8px}.cr-shop__p i{display:block;height:70px;border-radius:8px;background:linear-gradient(135deg,var(--c),#fff)}
.cr-shop__p b{display:block;font:700 12px var(--head);color:var(--navy);margin-top:6px}.cr-shop__p small{color:#6d28d9;font-weight:700;font-size:12px}
.cr-shop__bar{display:flex;justify-content:space-between;align-items:center;padding:0 16px 16px;font-size:12.5px;color:var(--ink2)}
.cr-shop__bar span{background:#7c3aed;color:#fff;font:700 12px var(--head);padding:7px 12px;border-radius:999px}
@media(max-width:980px){.wh-hero .cr-shop{display:none}}
/* Planes (nov 2026): 2 grandes en crear página web, 1 en tienda; Gratis en franja chica. */
.cr-planes--2{grid-template-columns:repeat(2,1fr);max-width:860px;margin-left:auto;margin-right:auto}
.cr-planes--1{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.cr-planes--2{grid-template-columns:1fr}}
.cr-chip{display:inline-block;align-self:flex-start;margin:2px 0 10px;padding:6px 12px;border-radius:999px;font:800 13px var(--head);color:#fff;background:linear-gradient(125deg,#4c1d95,#7c3aed 50%,#c026d3)}
.cr-chip--no{color:var(--ink2);background:#EEF1F5}
.pl--tienda{border-color:#c4b5fd}
.cr-mini{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;max-width:860px;margin:18px auto 0;padding:14px 18px;border:1px dashed #c9d2dd;border-radius:14px;background:#fff;font-size:14px;color:var(--ink2)}
.cr-mini b{color:var(--navy)}.cr-mini a{font:800 14px var(--head);color:var(--teal-d);white-space:nowrap}
.cr-mini--warn{border:1px solid #ddd6fe;background:#F5F3FF;max-width:460px}.cr-mini--warn a{color:#6d28d9}
/* Páginas por giro (nov 2026): tarjetas hacia /paginas-web/<nicho>. */
.cr-nichos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
@media(max-width:900px){.cr-nichos{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cr-nichos{grid-template-columns:1fr}}
.cr-nicho{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
a.cr-nicho:hover{transform:translateY(-3px);box-shadow:0 22px 44px -28px rgba(30,60,90,.5)}
.cr-nicho img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}
.cr-nicho__b{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px}
.cr-nicho__b b{font:800 18px var(--head);color:var(--navy)}.cr-nicho__b small{color:var(--ink2);font-size:14px}
.cr-nicho__b em{font-style:normal;color:var(--teal-d);font-weight:700;font-size:14px;margin-top:4px}
.cr-nicho--prox{border-style:dashed;background:transparent;justify-content:center}