/* Macondo Express (landing en /express). Sólo lo propio de la página, sobre los tokens y clases de sitio.css. */
/* títulos en escalón de la landing, el apoyo en Light y bloques más compactos */
.tit.med{font-size:clamp(1.6rem,3.2vw,2.5rem)}
.esc.med span+span{font-weight:300}
.trab-ex,.como,.demo,.agencias,.mes,.contacto{padding:52px 0}
@media(min-width:900px){.trab-ex,.como,.demo,.agencias,.mes,.contacto{padding:60px 0}}
/* portada, sobre la del sitio (.portada, .reel, .para y la barra de acompañamiento vienen de sitio.css) */
.portada .ante{margin-bottom:14px}
.portada .cinco{font-weight:700;color:var(--dorado)}
.portada .def{font-weight:500;font-size:1.02rem;line-height:1.5;margin-top:22px;max-width:52ch}
.portada .apoyo{margin-top:14px}
/* fila de piezas, sobre la fila deslizable del sitio */
.trab-ex .cab-t{align-items:flex-end}
.trab-ex .apoyo{max-width:46ch}
.trab-ex .trabajos{margin-top:28px}
.ficha.pieza{flex:0 0 auto;padding:14px;background:#fff}
.pieza .etq{margin-bottom:10px;font-size:.7rem}
.pieza .grupo{display:flex;gap:8px;align-items:flex-start}
.pieza img,.pieza video{display:block;flex:none;max-width:none;width:auto;height:300px;background:var(--azul-cl)}
.pieza video{pointer-events:none}
/* cómo funciona */
.como-g{display:grid;gap:28px;margin-top:24px}
@media(min-width:900px){.como-g{grid-template-columns:5fr 7fr;gap:64px;align-items:start}}
.pasos{margin-top:0;grid-template-columns:1fr;gap:18px}
.pasos li{flex-direction:row;gap:16px;align-items:center}
.pasos .cont{background:var(--azul-cl);width:56px;height:56px}
.pasos .cont svg{width:34px}
.pasos b{font-size:1.15rem;line-height:1.3}
.caso{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:520px}
.caso figure{margin:0}
.caso img,.caso video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:var(--azul-cl)}
.caso video{pointer-events:none}
.caso figcaption{margin:10px 0 0;font-size:.7rem}
/* semana demo */
.demo .wrap{display:grid;gap:28px}
@media(min-width:900px){.demo .wrap{grid-template-columns:1.3fr 1fr;gap:28px 64px;align-items:center}.demo .chica{grid-column:1/-1;margin-top:0}}
.demo .apoyo{max-width:48ch}
.siete{padding:8px 0}
.siete-n{font-weight:300;font-size:clamp(6rem,14vw,9rem);line-height:.9;color:var(--dorado)}
.siete-t{font-weight:600;font-size:1.5rem;margin:6px 0 16px}
.siete .lista{font-size:1.1rem;font-weight:500}
.azul .chica{color:#fff;opacity:.88}
/* agencias */
.agencias .wrap{display:grid;gap:28px;align-items:center}
@media(min-width:900px){.agencias .wrap{grid-template-columns:1fr 1.2fr;gap:64px}}
.agencias .apoyo{max-width:46ch}
.carpetas{display:block;width:100%;height:auto}
/* precio y preguntas */
.mes .wrap{display:grid;gap:32px;align-items:start}
@media(min-width:900px){.mes .wrap{grid-template-columns:1fr 1fr;gap:64px}}
.dato-oro{font-weight:300;font-size:clamp(1.9rem,5.6vw,2.6rem);line-height:1.12;letter-spacing:-.01em;color:var(--dorado-b)}
.mes .pfs{margin-top:0;display:grid;grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr;gap:8px}
.pf summary h3{font:inherit;margin:0}
/* contacto */
.contacto .lado a{display:block}
/* pie */
.pie{padding-top:40px}
.pie .pie-legal{display:block;margin-top:22px;padding-top:16px}
.pie .pie-legal p{font-size:.8rem;font-weight:400;color:var(--gris);margin:0 0 6px;max-width:90ch}
@media(max-width:600px){.trab-ex .cab-t{flex-direction:column;align-items:flex-start;gap:16px}}