/* Creativa Páginas: base común (inicio y landing). Colores de la marca, sacados del logo. */
body.cgp-pagina { margin: 0; background: #ffffff; }
.cgp, .cgl {
	--ink: #14141b; --ink2: #1d1d26; --gris: #f4f4f6; --linea: #e4e4ea; --texto: #3d3d49; --suave: #5d5d6b;
	--magenta: #ac016d; --azul: #2b428b; --naranja: #c35e1f; --verde: #56943b;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ink); font-size: 16px; line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
.cgp *, .cgl *, .cgp *::before, .cgl *::before, .cgp *::after, .cgl *::after { box-sizing: border-box; }
.cgp img, .cgl img { max-width: 100%; height: auto; }
.cgp h1, .cgp h2, .cgp h3, .cgp h4, .cgl h1, .cgl h2, .cgl h3, .cgl h4 { font-family: Montserrat, Inter, sans-serif; margin: 0; color: inherit; letter-spacing: -.01em; }
.cgp [hidden], .cgl [hidden] { display: none !important; }
.cgp-ancho, .cgl-ancho { max-width: 1280px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.cgp-oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cgp-ico { flex: 0 0 auto; }
.cgp a:focus-visible, .cgp button:focus-visible, .cgp input:focus-visible, .cgl a:focus-visible, .cgl button:focus-visible { outline: 3px solid #4c8aaf; outline-offset: 2px; }
.cgp-carrito-n { display: inline-block; min-width: 22px; padding: 1px 7px; border-radius: 999px; background: var(--magenta); color: #fff; font-size: 12px; font-weight: 600; text-align: center; line-height: 1.6; }

/* Pie */
.cgp-pie { background: #14141b; color: #b9b9c6; font-size: 15px; }
.cgp-pie__in { display: flex; flex-wrap: wrap; gap: 36px 64px; padding-top: 56px; padding-bottom: 32px; }
.cgp-pie__in > div { flex: 1 1 200px; min-width: 0; }
.cgp-pie__marca { flex: 1.4 1 280px !important; }
.cgp-pie__marca img { height: 48px; width: auto; display: block; }
.cgp-pie__marca p { margin: 14px 0 0; max-width: 320px; }
.cgp-pie h4 { color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px; }
.cgp-pie ul { list-style: none; margin: 0; padding: 0; }
.cgp-pie li { margin: 0 0 8px; }
.cgp-pie a { color: #b9b9c6; text-decoration: none; }
.cgp-pie a:hover { color: #fff; }
.cgp-pie__contacto li { display: flex; gap: 10px; align-items: flex-start; }
.cgp-pie__contacto .cgp-ico { margin-top: 3px; color: #8a8a98; }
.cgp-pie__redes { display: flex; gap: 10px; }
.cgp-pie__redes a { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #3a3a48; display: inline-flex; align-items: center; justify-content: center; }
.cgp-pie__redes a:hover { border-color: #fff; }
.cgp-pie__legal { border-top: 1px solid #2c2c38; padding-top: 18px; padding-bottom: 28px; font-size: 13px; color: #8a8a98; }