/* Ventana de compra de hosting fuera de las páginas de hosting (home). Mismos estilos que en hosting.css, sin cargar
   todo hosting.css (trae .faq, .cta, .crumbs... genéricos que cambiarían la home). Nov 2026. */
dialog.buy{border:0;border-radius:22px;padding:0;width:min(560px,calc(100vw - 24px));box-shadow:0 40px 90px -30px rgba(10,20,30,.6)}
dialog.buy::backdrop{background:rgba(15,28,40,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.buy__h{padding:22px 24px 14px;border-bottom:1px solid var(--line);position:relative}
.buy__h h3{margin:0;font-size:20px}
.buy__h small{color:var(--ink2)}
.buy__x{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:var(--bg);font-size:20px;cursor:pointer}
.buy__b{padding:20px 24px 24px;display:grid;gap:14px}
.opt{border:1px solid var(--line);border-radius:16px;padding:16px}
.opt[hidden]{display:none}
.opt h4{margin:0 0 4px;font:800 15px var(--head);color:var(--navy)}
.opt p{margin:0 0 12px;font-size:13.5px;color:var(--ink2)}
.opt--free{border-color:#CFE2F5;background:linear-gradient(90deg,#F3F8FD,#F0FAFB)}
.dom{display:flex;gap:6px}
.dom input{flex:1;min-width:0;border:2px solid var(--line);border-radius:12px;padding:12px 14px;font:500 15px var(--font)}
.dom select{border:2px solid var(--line);border-radius:12px;padding:0 8px;font:600 14px var(--font);background:#fff}
.dom .btn{border-radius:12px;padding:0 16px}
.res{font-size:14px;margin-top:10px}
.res.ok{color:var(--teal-d);font-weight:700}
.res.no{color:var(--red)}
#dom-buy[hidden]{display:none}
@media(max-width:520px){.dom{flex-wrap:wrap}.dom select{flex:1;padding:10px}.dom .btn{flex:1;padding:12px}}

/* Ventana de compra de correo «¿con qué dominio?» (html/front/correo.php). Antes estas reglas vivían en correo.css. */
dialog.ce-dlg{border:0;border-radius:22px;padding:0;width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;box-shadow:0 40px 90px -30px rgba(10,20,30,.6)}
dialog.ce-dlg::backdrop{background:rgba(15,28,40,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ce-dlg .ce-dom{margin:0;border:0;box-shadow:none;max-width:none}
.ce-dlg__x{z-index:1}
.ce-dom__help{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#FDF2F8;font-size:14px;line-height:1.5;color:var(--ink)}
.ce-dom__help b{color:var(--navy)}.ce-dom__help u{text-decoration-color:#e11d74;text-decoration-thickness:2px;text-underline-offset:3px}
.ce-dom .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ce-dom{max-width:760px;margin:28px auto 0;background:#fff;border:2px solid #f9a8d4;border-radius:22px;padding:26px;box-shadow:0 30px 60px -34px rgba(190,24,93,.45)}
.ce-dom__k{margin:0;font:800 12px var(--head);letter-spacing:.08em;text-transform:uppercase;color:#be185d}
.ce-dom h3{margin:4px 0 6px;font-size:22px}.ce-dom__sum{margin:0 0 16px;color:var(--ink2)}.ce-dom__sum b{color:var(--navy)}
.ce-dom__opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.ce-dom__o{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;background:var(--bg)}
.ce-dom__o:has(input:checked){border-color:#e11d74;background:#FDF2F8}.ce-dom__o input{margin-top:4px;accent-color:#e11d74}
.ce-dom__o b{display:block;color:var(--navy)}.ce-dom__o small{display:block;font-size:13px;color:var(--ink2);margin-top:2px}.ce-dom__o em{font-style:normal;font-weight:800;color:#be185d}
.ce-dom__q{display:flex;gap:8px;flex-wrap:wrap}.ce-dom__q input{flex:1 1 200px;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:16px var(--font)}
.ce-dom__q select{border:1px solid var(--line);border-radius:12px;padding:12px;font:600 15px var(--font);background:#fff}
.ce-dom__price{margin:10px 0 0;font-size:14px;color:var(--ink2)}.ce-dom__price b{color:#be185d;font-size:16px}
.ce-dom__res{margin:10px 0}.ce-dom__ok{color:var(--teal-d);font-weight:600;margin:0}.ce-dom__err{color:#b42318;margin:0 0 8px}.ce-dom__wait{color:var(--ink2);margin:0}
.ce-dom__alt{display:flex;flex-wrap:wrap;gap:8px}.ce-dom__alt button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font:600 13.5px var(--font);cursor:pointer}
.ce-dom__alt button.on,.ce-dom__alt button:hover{border-color:#e11d74;color:#be185d}
.ce-dom .js-add{width:100%;margin-top:6px}.ce-dom__fine{margin:12px 0 0;font-size:12.5px;color:var(--ink2)}
.ce-dom__si .btn{width:100%}
@media(max-width:640px){.ce-dom{padding:18px}.ce-dom__opts{grid-template-columns:1fr}}
.ce-dom [hidden],.ce-dom[hidden]{display:none!important}
.ce-dlg .ce-dom__k,.ce-dlg .ce-dom h3{padding-right:48px}