/* MarIA Landings: bienvenida del embudo (visitantes sin sesión). Colores y tipografía del tema. */
.mlw{
	--mlw-ink:#202124;
	--mlw-muted:#5f6368;
	--mlw-line:#e8eaed;
	--mlw-soft:#f8f9fa;
	--mlw-blue:#1a73e8;
	--mlw-blue-dark:#1558b0;
	box-sizing:border-box;max-width:1100px;margin:0 auto;padding:32px 16px 56px;
	color:var(--mlw-ink);font-family:inherit;font-size:1rem;line-height:1.6;
}
.mlw *,.mlw *::before,.mlw *::after{box-sizing:inherit}
.mlw :focus-visible{outline:3px solid var(--mlw-blue);outline-offset:2px}
.mlw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.mlw-error{margin:0 0 24px;padding:12px 16px;border-left:4px solid #d93025;background:#fce8e6;color:#8c1d18}
.mlw-error a{color:inherit;font-weight:600}

/* Portada: texto y armado de la dirección a la izquierda, el ejemplo real a la derecha. */
.mlw-hero{display:grid;gap:40px}
.mlw-title{margin:0 0 16px;max-width:20ch;font-size:clamp(1.75rem,1.2rem + 2.4vw,2.75rem);font-weight:800;line-height:1.12;letter-spacing:-.015em}
.mlw-lead{margin:0 0 28px;max-width:56ch;color:#3c4043;font-size:1.0625rem}

/* La dirección: lo único con peso propio en la página. */
.mlw-address-box{margin:0 0 28px;max-width:34rem}
.mlw-label{display:block;margin:0 0 6px;font-weight:600}
.mlw-name{display:block;width:100%;padding:12px 14px;border:1.5px solid #80868b;border-radius:10px;background:#fff;color:inherit;font:inherit;font-size:1.0625rem}
.mlw-name:focus{border-color:var(--mlw-blue)}
.mlw-address{margin:18px 0 0;padding:0 0 10px;border-bottom:2px solid var(--mlw-line);font-size:clamp(1.5rem,1rem + 2.6vw,2.5rem);line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}
.mlw-slug{font-weight:800;color:var(--mlw-ink)}
.mlw-domain{font-weight:500;color:var(--mlw-muted)}
.mlw-hint{margin:8px 0 0;color:var(--mlw-muted);font-size:.875rem}

.mlw-actions{max-width:34rem}
.mlw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1.5px solid transparent;border-radius:999px;font:inherit;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.mlw-btn--primary{background:var(--mlw-blue);color:#fff}
.mlw-btn--primary:hover{background:var(--mlw-blue-dark);color:#fff}
.mlw-btn--quiet{background:#fff;border-color:var(--mlw-blue);color:var(--mlw-blue)}
.mlw-btn--quiet:hover{background:#e8f0fe}
.mlw-btn[disabled]{opacity:.6;cursor:default}

.mlw-email{margin:16px 0 0}
.mlw-email summary{display:inline-block;cursor:pointer;color:var(--mlw-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mlw-email summary::-webkit-details-marker{display:none}
.mlw-email summary::marker{content:""}
.mlw-email-form{margin:12px 0 0}
.mlw-email-form label{display:block;margin:0 0 6px;font-weight:600}
.mlw-email-row{display:flex;flex-wrap:wrap;gap:8px}
.mlw-email-row input{flex:1 1 14rem;min-width:0;padding:11px 14px;border:1.5px solid #80868b;border-radius:10px;background:#fff;color:inherit;font:inherit}
.mlw-email-status{min-height:1.6em;margin:8px 0 0;font-size:.9375rem}
.mlw-email-status.is-error{color:#b3261e}
.mlw-email-status.is-ok{color:#137333}
.mlw-fine{margin:16px 0 0;color:var(--mlw-muted);font-size:.875rem}

/* El ejemplo: una landing publicada, con su dirección en la misma tipografía. */
.mlw-example{margin:0;max-width:220px}
.mlw-example-link{display:block;color:inherit;text-decoration:none}
.mlw-example-url{display:block;margin:0 0 10px;font-size:1.0625rem;line-height:1.3;overflow-wrap:anywhere}
.mlw-example img{display:block;width:100%;height:auto;border:1px solid var(--mlw-line);border-radius:18px;background:var(--mlw-soft)}
.mlw-example-link:hover .mlw-example-url .mlw-slug{text-decoration:underline;text-underline-offset:4px}
.mlw-example figcaption{margin:10px 0 0;color:var(--mlw-muted);font-size:.875rem}

/* Cómo es: cuatro pasos en orden. */
.mlw-steps-title{margin:56px 0 16px;font-size:1.375rem;font-weight:800}
.mlw-steps{display:grid;gap:24px;margin:0;padding:0;list-style:none;counter-reset:mlw}
.mlw-steps li{counter-increment:mlw;padding:14px 0 0;border-top:2px solid var(--mlw-line);color:#3c4043}
.mlw-steps li::before{content:counter(mlw);display:block;margin:0 0 6px;color:var(--mlw-blue);font-size:1.5rem;font-weight:800;line-height:1}
.mlw-steps strong{display:block;color:var(--mlw-ink)}
.mlw-trial{margin:32px 0 0;padding:14px 0 0;border-top:2px solid var(--mlw-line);color:var(--mlw-ink);font-weight:600}

@media (min-width:600px){
	.mlw{padding:48px 24px 72px}
	.mlw-example{max-width:300px}
	.mlw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
	.mlw-hero{grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:start}
	.mlw-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
}