/* Estilo de landing de producto, copiado del molde de /afiliados/ (.cxl-afi).
TODOS los selectores cuelgan de .cxl-lp. Nada de *{} ni body{} sueltos. */
.cxl-lp{
--cxa-azul:#0070c9;
--cxa-azul-osc:#005a8c;
--cxa-azul-noche:#062a45;
--cxa-azul-bg:#e8f2f8;
--cxa-ambar:#7a4f00;
--cxa-ambar-bg:#fdf4e3;
--cxa-ambar-vivo:#e69f00;
--cxa-titulo:#0b0f14;
--cxa-texto:#1a1f26;
--cxa-sec:#4a5560;
--cxa-borde:#e1e6eb;
--cxa-sup:#f5f7fa;
--cxa-blanco:#ffffff;
--cxa-medida:44rem;
font-family:'Rubik',Arial,Helvetica,sans-serif;
color:var(--cxa-texto);
line-height:1.7;
font-size:17px;
}
.cxl-lp *{box-sizing:border-box}
.cxl-lp .cxa-env{max-width:1120px;margin:0 auto;padding:0 24px}
.cxl-lp section{padding:72px 0}
@media (max-width:800px){.cxl-lp section{padding:52px 0}}
.cxl-lp h1,.cxl-lp h2,.cxl-lp h3{color:var(--cxa-titulo);font-weight:700;margin:0 0 14px}
.cxl-lp h1{font-size:clamp(2.1rem,1.3rem+3.1vw,3.4rem);line-height:1.08;letter-spacing:-.025em}
.cxl-lp h2{font-size:clamp(1.65rem,1.15rem+1.9vw,2.5rem);line-height:1.15;letter-spacing:-.02em}
.cxl-lp h3{font-size:1.2rem;line-height:1.35}
.cxl-lp p{margin:0 0 16px;max-width:var(--cxa-medida)}
.cxl-lp a{color:var(--cxa-azul-osc);text-decoration:underline;text-underline-offset:2px}
.cxl-lp .cxa-lead{font-size:clamp(1.05rem,1rem+.4vw,1.3rem);color:var(--cxa-sec);line-height:1.6}
.cxl-lp a:focus-visible,
.cxl-lp button:focus-visible,
.cxl-lp summary:focus-visible{outline:3px solid var(--cxa-azul);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion: reduce){
.cxl-lp *{animation-duration:.001ms !important;animation-iteration-count:1 !important;
transition-duration:.001ms !important}
}
.cxl-lp .cxa-hero{
background:linear-gradient(150deg,var(--cxa-azul-noche) 0%,#0a3d62 48%,var(--cxa-azul-osc) 100%);
color:var(--cxa-blanco);padding:88px 0 80px;position:relative;overflow:hidden}
@media (max-width:800px){.cxl-lp .cxa-hero{padding:60px 0 56px}}
.cxl-lp .cxa-hero h1{color:var(--cxa-blanco);max-width:18ch}
.cxl-lp .cxa-hero p{color:#d5e4ef;max-width:36rem}
.cxl-lp .cxa-hero .cxa-lead{color:#d5e4ef}
.cxl-lp .cxa-hero a{color:#cfe3f0}
.cxl-lp .cxa-hero__pill{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;
padding:7px 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;
font-size:14px;letter-spacing:.02em;color:#d5e4ef;background:rgba(255,255,255,.06)}
.cxl-lp .cxa-hero__acc{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 0}
.cxl-lp .cxa-hero__pruebas{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0 0;
padding:0;list-style:none;max-width:40rem}
.cxl-lp .cxa-hero__pruebas li{margin:0;font-size:14.5px;color:#d5e4ef;font-weight:600}
.cxl-lp .cxa-hero__pruebas b{color:var(--cxa-ambar-vivo);font-weight:700}
.cxl-lp .cxa-hero__nota{margin:22px 0 0;font-size:14.5px;color:#9fb9cc;max-width:34rem}
.cxl-lp .cxa-hero__grid{
display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
gap:28px 36px;align-items:center}
.cxl-lp .cxa-hero__art{margin:0}
.cxl-lp .cxa-hero__art img{width:100%;height:auto;display:block;border-radius:14px}
@media (max-width:800px){
.cxl-lp .cxa-hero__grid{grid-template-columns:1fr}
.cxl-lp .cxa-hero__art{max-width:420px;margin:8px auto 0}
}
.cxl-lp .cxa-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
min-height:52px;padding:13px 30px;border-radius:10px;font-size:17px;font-weight:600;
text-decoration:none;border:2px solid transparent;cursor:pointer;
font-family:inherit;transition:background .18s ease,color .18s ease,border-color .18s ease}
.cxl-lp .cxa-btn--pri{background:var(--cxa-ambar-vivo);color:#2b1c00;border-color:var(--cxa-ambar-vivo)}
.cxl-lp .cxa-btn--pri:hover{background:#f5b32b;border-color:#f5b32b;color:#2b1c00}
.cxl-lp .cxa-btn--fan{background:transparent;color:var(--cxa-blanco);border-color:rgba(255,255,255,.55)}
.cxl-lp .cxa-btn--fan:hover{background:rgba(255,255,255,.12);border-color:var(--cxa-blanco)}
.cxl-lp .cxa-btn--azul{background:var(--cxa-azul);color:var(--cxa-blanco);border-color:var(--cxa-azul)}
.cxl-lp .cxa-btn--azul:hover{background:var(--cxa-azul-osc);border-color:var(--cxa-azul-osc);color:var(--cxa-blanco)}
.cxl-lp .cxa-pasos{list-style:none;counter-reset:cxa;padding:0;margin:36px 0 0;
display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
@media (max-width:900px){.cxl-lp .cxa-pasos{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cxl-lp .cxa-pasos{grid-template-columns:1fr}}
.cxl-lp .cxa-pasos li{counter-increment:cxa;margin:0}
.cxl-lp .cxa-pasos li::before{content:counter(cxa);display:flex;align-items:center;
justify-content:center;width:42px;height:42px;margin:0 0 14px;border-radius:12px;
background:var(--cxa-azul);color:var(--cxa-blanco);font-weight:700;font-size:19px}
.cxl-lp .cxa-pasos h3{margin:0 0 8px}
.cxl-lp .cxa-pasos p{font-size:15.5px;margin:0;color:var(--cxa-sec)}
.cxl-lp .cxa-rej{display:grid;gap:22px;margin:36px 0 0;grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}
.cxl-lp .cxa-card{background:var(--cxa-blanco);border:1px solid var(--cxa-borde);
border-radius:14px;padding:26px}
.cxl-lp .cxa-card h3{margin:0 0 8px;font-size:1.08rem}
.cxl-lp .cxa-card p{margin:0;font-size:15.5px;color:var(--cxa-sec)}
.cxl-lp .cxa-gris{background:var(--cxa-sup);border-top:1px solid var(--cxa-borde);border-bottom:1px solid var(--cxa-borde)}
.cxl-lp .cxa-vs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:34px 0 0}
@media (max-width:800px){.cxl-lp .cxa-vs{grid-template-columns:1fr}}
.cxl-lp .cxa-vs__col{background:var(--cxa-blanco);border:1px solid var(--cxa-borde);border-radius:14px;padding:28px}
.cxl-lp .cxa-vs__col--dest{border:2px solid var(--cxa-azul)}
.cxl-lp .cxa-vs__col ul{margin:0;padding:0 0 0 20px}
.cxl-lp .cxa-vs__col li{margin:0 0 8px;font-size:15.5px;color:var(--cxa-sec)}
.cxl-lp .cxa-vs__eti{display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:999px;
font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
background:var(--cxa-azul-bg);color:var(--cxa-azul-osc)}
.cxl-lp .cxa-faq{margin:34px 0 0;max-width:var(--cxa-medida)}
.cxl-lp .cxa-faq details{border-bottom:1px solid var(--cxa-borde)}
.cxl-lp .cxa-faq summary{cursor:pointer;padding:18px 40px 18px 0;font-weight:600;
font-size:17px;list-style:none;position:relative;color:var(--cxa-titulo);min-height:44px}
.cxl-lp .cxa-faq summary::-webkit-details-marker{display:none}
.cxl-lp .cxa-faq summary::after{content:"";position:absolute;right:8px;top:26px;width:10px;height:10px;
border-right:2.5px solid var(--cxa-azul);border-bottom:2.5px solid var(--cxa-azul);
transform:rotate(45deg);transition:transform .18s ease}
.cxl-lp .cxa-faq details[open] summary::after{transform:rotate(-135deg);top:30px}
.cxl-lp .cxa-faq details p{padding:0 0 18px;font-size:16px;color:var(--cxa-sec)}
.cxl-lp .cxa-faq details p:last-child{margin-bottom:0}
.cxl-lp .cxa-cierre{background:linear-gradient(150deg,var(--cxa-azul-osc) 0%,var(--cxa-azul-noche) 100%);
color:var(--cxa-blanco);text-align:center}
.cxl-lp .cxa-cierre h2{color:var(--cxa-blanco)}
.cxl-lp .cxa-cierre p{color:#c3d8e6;margin-left:auto;margin-right:auto}
.cxl-lp .cxa-cierre .cxa-btn{margin:12px 8px 0}
.cxl-lp .cxa-legal{margin:34px auto 0;font-size:13.5px;line-height:1.65;color:#9fb9cc;max-width:52rem}
.cxl-lp .cxa-legal a{color:#cfe3f0}
Tienda online en Colombia
Cobra en COP con el origen en Colombia
WooCommerce, pasarela oficial y un sitio elástico con techo LVE. El checkout no se cachea. El soporte está en tu huso. El visitante en Bogotá no da la vuelta por Miami para pagar.
LVE techo por cuentacPanel y LiteSpeedNAP Colombia
Los precios salen del carrito, no de esta página. Si ya vendes en otro hosting: migra a Conexcol .
Lo que montamos
El plugin es WordPress. El cobro es la pasarela. El suelo es el hosting: origen en Colombia, HTTPS y un techo que se ve en el panel.
Cuatro pasos hasta el primer pedido
El tema bonito va al final. Primero el suelo, el candado y la pasarela en sandbox.
Sitio elástico
Cloud Web Hosting con cPanel y LVE. No es «compartido»: compartido, en nuestro catálogo, es Windows. WooCommerce va aquí.
WordPress y Woo
Softaculous, plugin oficial, moneda COP. Sin packs nulled. El catálogo se cachea; la caja, no.
Candado y pasarela
HTTPS en el dominio canónico. Cuenta en la pasarela, llaves de prueba, un pedido ficticio, luego producción.
Correo del pedido
SPF, DKIM y DMARC en cPanel. Si el aviso cae en spam, el cliente cree que no compró.
El techo se ve. «Ilimitado», no.
El catálogo cacheado aguanta visitas. El checkout es PHP concurrente, RAM y MySQL. Si el LVE se llena el día de la campaña, escalas el plan o pasas a cloud o cluster. No pidas un vecindario sin techo.
Sitio elástico
LVE por cuenta
CPU, RAM, procesos e IO reservados. El vecino no te los pide prestados.
cPanel, LiteSpeed, JetBackup, correo y DNS en el mismo panel.
Operación en Colombia, conectada al NAP. Soporte en tu huso, desde 1999.
Cuando ya no alcanza
Cloud o cluster
Preguntas frecuentes
¿Conexcol me afilia a Wompi o a Nequi?
No. Firmas con la pasarela. Nosotros ponemos el suelo (origen local, cPanel, SSL, PHP) y el ticket si el checkout se cae.
¿Puedo cachear todo el sitio para que vaya más rápido?
El catálogo sí. Carrito, checkout y Mi cuenta, no. Si los cacheas, el cliente paga un precio viejo o un carrito vacío. Detalle: WooCommerce lento .
¿Esto es hosting compartido?
No. La línea Linux es sitio elástico (CloudLinux LVE). Compartido, en Conexcol, es solo Windows con Plesk — y WooCommerce no va ahí.
¿Ya vendo en otro hosting?
Copiamos WordPress, pruebas, nameservers al final. Ficha: migra a Conexcol . Receta: migrar WordPress .
