/* 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}
Correo empresarial con tu dominio
@tudominio en cPanel, o MX a Workspace
El correo no es un accesorio del hosting: es la cara de la empresa. En un sitio elástico las casillas viven en cPanel, con SPF, DKIM y DMARC. Si el equipo ya vive en Gmail, el DNS se queda aquí y el MX apunta a Google.
cPanel Roundcube e IMAPSPF · DKIM · DMARC MX a Workspace, si aplica
No revendemos Google Workspace. Sí te dejamos el DNS en orden. La decisión con calma: Workspace o el correo del hosting .
Dos caminos. Ninguno es «el bueno».
Se elige con el tamaño del equipo, no con el eslogan de la suite. Las dos vías son serias.
Correo del hosting
Casillas en cPanel
ventas@ y gerencia@ en Roundcube, IMAP 993, SMTP 465 o 587.
SPF, DKIM y DMARC se firman aquí. El origen es la misma operación en Colombia que la web.
Para un equipo chico (esa regla de cinco buzones es de tamaño de empresa, no un tope secreto del plan).
Alta: crear correo en cPanel .
Google Workspace
La suite, el MX aquí
Gmail, Drive, Meet, Calendar. Lo factura Google. Nosotros no lo vendemos.
El A de la web se queda en Conexcol. Los MX salen hacia Google.
Tiene sentido cuando el trabajo es esa suite, no cuando solo quieres el @dominio.
DNS: apuntar MX a Workspace .
Cómo se deja en orden
El MX es lo que más gente rompe el sábado. Se decide el mismo día que los nameservers.
Elige el camino
Cinco buzones de trabajo diario frente a la suite de Google. No mezcles MX «un rato».
Firma el correo
SPF, DKIM y DMARC en cPanel, o los de Google si el MX ya salió. La guía .
El teléfono
iPhone, Android (Gmail), Thunderbird, Outlook. Puertos 993 / 465. El detalle está en el blog.
Prueba un envío
A Gmail y a Outlook. Si cae en spam, no es el logo del panel: es la firma o la reputación. Cómo medirlo .
Lo que sí entra con el plan
Sitio elástico, no vecindario
El correo de cPanel vive en la misma cuenta LVE que la web. Compartido, en el catálogo, es Windows.
Soporte en tu huso
DNS, cPanel y buzones del hosting: ticket en horario de Colombia. La consola de Workspace es de Google.
Formularios de la web
Si el MX ya no apunta aquí, el formulario sigue enviando por el hosting. El SPF tiene que contemplar ese origen.
Mudanza
El correo se coordina con el DNS. Si el MX se queda atrás, la web nueva y el buzón viejo se pelean. Migra a Conexcol .
Preguntas frecuentes
¿Conexcol vende Google Workspace?
No. Si lo contratas con Google, apuntas los MX en cPanel y la web se queda aquí. Precios de asientos: Google. Precios del plan con buzones: el carrito de Cloud Web Hosting.
¿Cuántas casillas caben?
Las que quepan en el disco y en la disciplina de envío del plan, no un número mágico. La regla de cinco buzones es de tamaño de empresa (una pyme que quiere ventas@ y gerencia@), no un tope secreto.
¿Puedo tener Roundcube y Gmail a la vez?
No con el mismo MX. Mezclar MX de cPanel y de Google es cómo se pierde correo a los dos lados. Elige uno y redirige con claridad.
¿El correo @dominio se ve menos profesional que Workspace?
Un @tudominio.com.co en Roundcube es el mismo dominio. La suite aporta Drive y Meet, no el «look» de la dirección.
