@font-face { font-family: 'Source Sans 3'; font-style: normal; font-display: swap; font-weight: 200 900; src: url('../fonts/source-sans-3-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Source Sans 3'; font-style: normal; font-display: swap; font-weight: 200 900; src: url('../fonts/source-sans-3-latin-ext-wght-normal.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } :root { --mng-tipo: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --mng-tipo-titular: var(--mng-tipo); --mng-acento: #aa2a54; --mng-acento-forte: #8e2246; --mng-acento-suave: #fbeef2; --mng-tinta: #0c1d27; --mng-tinta-2: #3a4a55; --mng-tinta-3: #667680; --mng-azul: #5989a6; --mng-azul-forte: #3f718f; --mng-azul-suave: #e7f0f4; --mng-papel: #ffffff; --mng-fondo: #f4f6f7; --mng-borde: #dde3e6; --mng-crema: #f7f1e7; --mng-crema-2: #eee3d2; --mng-rosa-papel: #f7e7ec; --mng-ok: #2f7d4f; --mng-aviso: #8a5a00; --mng-erro: #b3261e; --mng-r-caixa: 12px; --mng-r-control: 8px; --mng-e1: 0 1px 2px rgba(12, 29, 39, .06); --mng-e2: 0 2px 4px rgba(12, 29, 39, .06), 0 8px 24px rgba(12, 29, 39, .08); --mng-esp: 1rem; --mng-ancho-texto: 65ch; --mng-z-cookies: 900; --bs-link-color: var(--mng-acento); --bs-link-color-rgb: 170, 42, 84; --bs-link-hover-color: var(--mng-acento-forte); --bs-link-hover-color-rgb: 142, 34, 70; --bs-border-radius: var(--mng-r-control); --bs-body-font-family: var(--mng-tipo); --bs-body-color: var(--mng-tinta); --bs-secondary-color: var(--mng-tinta-3); } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--mng-tipo); background: var(--mng-fondo); color: var(--mng-tinta); font-size: 1rem; line-height: 1.6; -webkit-font-smoothing: antialiased; } h1, .h1 { font-size: clamp(1.75rem, 1.35rem + 1.7vw, 2.6rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; } h2, .h2 { font-size: clamp(1.4rem, 1.18rem + .95vw, 1.9rem); font-weight: 600; letter-spacing: -.01em; line-height: 1.25; } h3, .h3 { font-size: clamp(1.2rem, 1.08rem + .5vw, 1.45rem); font-weight: 600; line-height: 1.3; } h4, .h4 { font-size: 1.1rem; font-weight: 600; line-height: 1.35; } h1, h2, h3, h4 { text-wrap: balance; margin-top: 0; } p { text-wrap: pretty; } a { color: var(--mng-acento); text-underline-offset: .18em; } a:hover { color: var(--mng-acento-forte); } strong, b { font-weight: 600; } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--mng-acento); outline-offset: 2px; border-radius: 3px; } .mng-saltar { position: absolute; left: -9999px; top: 0; z-index: 1000; background: var(--mng-papel); color: var(--mng-acento); padding: .75rem 1.25rem; font-weight: 600; border-radius: 0 0 var(--mng-r-control) 0; } .mng-saltar:focus { left: 0; } [x-cloak] { display: none !important; } .mng-texto-lexible { max-width: var(--mng-ancho-texto); } .btn { --bs-btn-border-radius: var(--mng-r-control); font-weight: 600; padding: .55rem 1.1rem; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; transition: background-color .2s ease, color .2s ease, transform .1s ease, box-shadow .2s ease; } .btn:hover { transform: translateY(-1px); } .btn:active { transform: translateY(1px) scale(.99); } .btn-merca { background: var(--mng-acento); border-color: var(--mng-acento); color: #fff; } .btn-merca:hover, .btn-merca:focus { background: var(--mng-acento-forte); border-color: var(--mng-acento-forte); color: #fff; } .btn-claro { background: #fff; border-color: #fff; color: var(--mng-tinta); } .btn-claro:hover, .btn-claro:focus { background: #e7edf0; border-color: #e7edf0; color: var(--mng-tinta); } .btn-outline-claro { background: transparent; border: 1px solid rgba(255, 255, 255, .55); color: #fff; } .btn-outline-claro:hover, .btn-outline-claro:focus { background: rgba(255, 255, 255, .12); border-color: #fff; color: #fff; } .btn-success { --bs-btn-bg: var(--mng-ok); --bs-btn-border-color: var(--mng-ok); --bs-btn-hover-bg: #266741; --bs-btn-hover-border-color: #266741; --bs-btn-disabled-bg: var(--mng-ok); --bs-btn-disabled-border-color: var(--mng-ok); } .btn-primary { --bs-btn-bg: var(--mng-tinta); --bs-btn-border-color: var(--mng-tinta); --bs-btn-hover-bg: #16303e; --bs-btn-hover-border-color: #16303e; --bs-btn-disabled-bg: var(--mng-tinta); --bs-btn-disabled-border-color: var(--mng-tinta); } .form-label { font-weight: 600; font-size: .95rem; margin-bottom: .3rem; color: var(--mng-tinta-2); } .form-control, .form-select { font-size: 1rem; min-height: 46px; border-radius: var(--mng-r-control); border-color: var(--mng-borde); } .form-control:focus, .form-select:focus { border-color: var(--mng-acento); box-shadow: 0 0 0 3px var(--mng-acento-suave); } .form-check { padding-left: 2.1rem; min-height: 1.5rem; } .form-check-input { width: 1.5rem; height: 1.5rem; margin-left: -2.1rem; margin-top: 0; border-color: var(--mng-tinta-3); } .form-check-label { padding-top: .1rem; margin-left: .4rem; } .form-check-input:checked { background-color: var(--mng-acento); border-color: var(--mng-acento); } .invalid-feedback { font-size: .9rem; font-weight: 600; color: var(--mng-erro); } span.errores { font-weight: 600; color: var(--mng-erro); } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } .mng-cabeceira { background: var(--mng-tinta); position: sticky; top: 0; z-index: 500; } .mng-cabeceira .navbar { padding-top: .6rem; padding-bottom: .6rem; } .mng-cabeceira .navbar-brand img { width: 77px; height: 44px; } .mng-cabeceira .navbar-brand { padding-top: 0; padding-bottom: 0; } .mng-cabeceira .nav-link { color: rgba(255, 255, 255, .82); font-weight: 500; padding: .55rem .85rem; border-radius: var(--mng-r-control); } .mng-cabeceira .nav-link:hover, .mng-cabeceira .nav-link:focus { color: #fff; background: rgba(255, 255, 255, .08); } .mng-cabeceira .nav-link.active { color: #fff; background: rgba(255, 255, 255, .1); box-shadow: inset 0 -2px 0 var(--mng-acento); } .mng-cabeceira .navbar-toggler { border-color: rgba(255, 255, 255, .3); padding: .5rem .7rem; } .mng-nav-acceso { gap: .5rem; align-items: center; } .mng-nav-secundaria { font-size: .92rem; opacity: .85; } @media (max-width: 991.98px) { .mng-nav-acceso { align-items: stretch; margin-top: .75rem; padding-top: .75rem; border-top: 1px solid rgba(255, 255, 255, .14); } .mng-nav-acceso .btn { width: 100%; } } #contenido { background: var(--mng-papel); border-radius: var(--mng-r-caixa); box-shadow: var(--mng-e1); padding: clamp(1.25rem, .8rem + 2vw, 2.5rem); margin-top: 1.5rem; margin-bottom: 2.5rem; } #contenido > h1:first-child { margin-bottom: 1.25rem; } .mng-pe { background: var(--mng-tinta); color: rgba(255, 255, 255, .85); padding: 2.5rem 0 1.5rem; } .mng-pe__grella { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 768px) { .mng-pe__grella { grid-template-columns: 2fr 1fr 1fr; } } .mng-pe__logo { width: 120px; height: auto; } .mng-pe__lema { margin-top: .9rem; max-width: 32ch; color: rgba(255, 255, 255, .75); } .mng-pe__titulo { font-size: .85rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .6); margin-bottom: .75rem; } .mng-pe__lista { list-style: none; padding: 0; margin: 0; } .mng-pe__lista li + li { margin-top: .4rem; } .mng-pe a { color: #aecfe5; text-decoration: none; } .mng-pe a:hover { color: #fff; text-decoration: underline; } .mng-pe__final { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, .14); font-size: .9rem; color: rgba(255, 255, 255, .65); } .mng-cookies { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--mng-z-cookies); padding: 1rem; } .mng-cookies__caixa { max-width: 60rem; margin: 0 auto; background: var(--mng-tinta); color: #fff; border-radius: var(--mng-r-caixa); box-shadow: var(--mng-e2); padding: 1.25rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; } .mng-cookies__texto { flex: 1 1 20rem; margin: 0; font-size: .95rem; color: rgba(255, 255, 255, .88); } .mng-cookies__texto a { color: #aecfe5; } .mng-cookies__botons { display: flex; gap: .6rem; flex: 0 0 auto; } .mng-heroe { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; } @media (min-width: 992px) { .mng-heroe { grid-template-columns: 1.15fr .85fr; gap: 3rem; } } .mng-heroe__texto { font-size: 1.1rem; color: var(--mng-tinta-2); max-width: 46ch; margin-bottom: 1.5rem; } .mng-heroe__accions { display: flex; flex-wrap: wrap; gap: .75rem; } .mng-heroe__imaxe { width: 100%; height: auto; border-radius: var(--mng-r-caixa); } .mng-dato { margin: 1.25rem 0 0; color: var(--mng-tinta-2); } .mng-dato strong { color: var(--mng-tinta); font-variant-numeric: tabular-nums; } .mng-pasos { list-style: none; counter-reset: paso; padding: 0; margin: 1.5rem 0 0; } .mng-paso { counter-increment: paso; display: grid; grid-template-columns: 2.5rem 1fr; column-gap: 1rem; row-gap: .35rem; padding: 1.75rem 0; border-top: 1px solid var(--mng-borde); } .mng-paso::before { content: counter(paso); grid-row: 1 / span 3; font-size: 1.35rem; font-weight: 600; line-height: 1.3; color: var(--mng-acento); font-variant-numeric: tabular-nums; } .mng-paso h3 { margin: 0; } .mng-paso p { margin: 0; color: var(--mng-tinta-2); max-width: 60ch; } .mng-paso .btn { justify-self: start; margin-top: .35rem; } @media (min-width: 800px) { .mng-paso { grid-template-columns: 2.5rem minmax(0, 16rem) minmax(0, 1fr); column-gap: 2rem; align-items: start; } .mng-paso h3 { grid-column: 2; grid-row: 1; } .mng-paso p { grid-column: 3; grid-row: 1; } .mng-paso .btn { grid-column: 3; grid-row: 2; } } .mng-medidor { height: 4px; max-width: 32rem; background: var(--mng-borde); overflow: hidden; } .mng-medidor__barra { height: 100%; background: var(--mng-acento); transition: width .4s ease; } .mng-medidor__barra--esgotado { background: var(--mng-tinta-3); } .mng-tendas { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1.25rem; list-style: none; padding: 0; margin: 0; } .mng-tenda { display: flex; flex-direction: column; background: var(--mng-fondo); border-radius: var(--mng-r-caixa); overflow: hidden; transition: background-color .2s ease; } .mng-tenda:hover { background: #e9edef; } .mng-tenda__imaxe { width: 100%; aspect-ratio: 86 / 32; object-fit: cover; background: var(--mng-fondo); } .mng-tenda__corpo { padding: 1rem; flex: 1 1 auto; } .mng-tenda__nome { font-size: 1.05rem; font-weight: 600; margin-bottom: .3rem; } .mng-tenda__dato { font-size: .92rem; color: var(--mng-tinta-2); margin-bottom: .3rem; } .mng-tenda__tipo { display: inline-block; font-size: .78rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--mng-tinta-3); margin-bottom: .5rem; } .mng-tenda__pe { padding: 0 1rem 1rem; } .mng-buscador { margin-bottom: 1.5rem; max-width: 26rem; } .mng-baleiro { padding: 2.5rem 1rem; text-align: center; color: var(--mng-tinta-3); background: var(--mng-fondo); border-radius: var(--mng-r-caixa); } .mng-panel { background: var(--mng-fondo); border-radius: var(--mng-r-caixa); padding: 1.5rem; } .mng-panel-datos { margin-bottom: 1.25rem; overflow: hidden; background: #fff; border: 1px solid var(--mng-borde); border-radius: var(--mng-r-control); } .mng-panel-datos > summary { display: flex; min-height: 50px; padding: .75rem .9rem; align-items: center; justify-content: space-between; gap: .75rem; color: var(--mng-tinta); background: var(--mng-azul-suave); font-weight: 700; list-style: none; cursor: pointer; -webkit-tap-highlight-color: transparent; } .mng-panel-datos > summary::-webkit-details-marker { display: none; } .mng-panel-datos > summary:hover { background: #dbe9ef; } .mng-panel-datos > summary:focus-visible { outline: 3px solid var(--mng-acento); outline-offset: -3px; } .mng-panel-datos > summary span { display: inline-flex; align-items: center; gap: .5rem; } .mng-panel-datos__frecha { color: var(--mng-acento); transition: transform .2s ease; } .mng-panel-datos[open] .mng-panel-datos__frecha { transform: rotate(180deg); } .mng-panel-datos__lista { margin: 0; padding: .35rem .9rem .55rem; } .mng-panel-datos__lista > div { padding: .55rem 0; border-bottom: 1px solid var(--mng-borde); } .mng-panel-datos__lista > div:last-child { border-bottom: 0; } .mng-panel-datos__lista dt { color: var(--mng-tinta-3); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .mng-panel-datos__lista dd { margin: .1rem 0 0; color: var(--mng-tinta); font-weight: 600; overflow-wrap: anywhere; } .mng-pedido__accion { width: 100%; min-height: 48px; } .mng-promove { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2.5rem; margin-top: 1.5rem; } .mng-promove img { max-width: 220px; height: auto; } .mng-accions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; } .mng-accions--centro { justify-content: center; } .mng-erro-paxina { text-align: center; padding: 2rem 1rem 3rem; } .mng-erro-paxina__codigo { font-size: clamp(3rem, 2rem + 6vw, 5rem); font-weight: 700; line-height: 1; color: var(--mng-acento); font-variant-numeric: tabular-nums; } .table-custom thead th { background: var(--mng-tinta); color: #fff; font-weight: 600; } .justificado, p.justificado, div.justificado { text-align: left; } .centrado, p.centrado, h3.centrado { text-align: center; } .botonera, div.botonera { text-align: center; margin-top: 1rem; } .formBotones, div.formBotones { text-align: center; padding-top: 1.25rem; } div.form-check label { cursor: pointer; } div.bloqueLateral { padding-top: 1rem; border-left: 1px solid var(--mng-borde); } div.bloqueLiga { border: 1px solid var(--mng-borde); border-radius: var(--mng-r-caixa); } div.bloqueLiga:hover { background: var(--mng-fondo); } div.botones a.izq { float: left; } div.botones a.der { float: right; } div.clearfix { clear: both; } a.enlaceTarjeta { text-decoration: none; color: inherit; } span.card-ref-der { float: right; font-weight: 600; } .textoIndex { max-width: var(--mng-ancho-texto); } #contenido img { max-width: 100%; height: auto; } .mng-publico { background-color: var(--mng-crema); background-image: radial-gradient(circle at 12% 7%, rgba(170, 42, 84, .08), transparent 24rem), radial-gradient(circle at 88% 18%, rgba(89, 137, 166, .12), transparent 28rem), radial-gradient(rgba(12, 29, 39, .08) .55px, transparent .55px); background-size: auto, auto, 8px 8px; } .mng-publico h1, .mng-publico h2, .mng-publico h3, .mng-publico .h1, .mng-publico .h2, .mng-publico .h3 { font-family: var(--mng-tipo-titular); font-variation-settings: 'SOFT' 50, 'WONK' 0; } .mng-publico h1 { max-width: 18ch; font-size: clamp(2.55rem, 1.75rem + 3vw, 5rem); line-height: .98; letter-spacing: -.045em; } .mng-publico h2 { letter-spacing: -.025em; } .mng-publico .mng-cabeceira { border-bottom: 3px solid var(--mng-acento); box-shadow: 0 10px 30px rgba(12, 29, 39, .12); } .mng-publico .mng-cabeceira .container, .mng-publico .mng-pe .container { max-width: 1320px; } .mng-publico .mng-cabeceira .navbar { min-height: 76px; } .mng-publico .mng-cabeceira .navbar-brand { display: inline-flex; align-items: center; gap: .85rem; margin-right: 2rem; } .mng-publico .mng-cabeceira .navbar-brand img { width: 84px; height: auto; } .mng-marca__lema { display: none; width: 9rem; color: rgba(255, 255, 255, .66); font-size: .74rem; line-height: 1.15; letter-spacing: .04em; } @media (min-width: 1200px) { .mng-publico .mng-marca__lema { display: block; } } .mng-publico .mng-cabeceira .nav-link { position: relative; border-radius: 0; padding: .75rem .72rem; color: rgba(255, 255, 255, .76); } .mng-publico .mng-cabeceira .nav-link .fa { display: none; } .mng-publico .mng-cabeceira .nav-link::after { content: ''; position: absolute; right: .72rem; bottom: .48rem; left: .72rem; height: 2px; background: var(--mng-acento); transform: scaleX(0); transform-origin: left; transition: transform .22s ease; } .mng-publico .mng-cabeceira .nav-link:hover, .mng-publico .mng-cabeceira .nav-link:focus, .mng-publico .mng-cabeceira .nav-link.active { background: transparent; box-shadow: none; } .mng-publico .mng-cabeceira .nav-link:hover::after, .mng-publico .mng-cabeceira .nav-link:focus::after, .mng-publico .mng-cabeceira .nav-link.active::after { transform: scaleX(1); } .mng-publico .mng-nav-acceso .btn { min-height: 40px; padding: .45rem .8rem; } .mng-principal { width: min(calc(100% - 2rem), 1320px); margin: 0 auto; } .mng-publico #contenido { min-height: 60dvh; margin-top: 0; margin-bottom: 0; padding: clamp(3.25rem, 6vw, 7rem) 0 clamp(5rem, 8vw, 9rem); background: transparent; border-radius: 0; box-shadow: none; } .mng-publico #contenido > h1:first-child { margin-bottom: 1.5rem; } .mng-publico #contenido > h1:first-child::before, .mng-paxina__eyebrow, .mng-heroe__eyebrow { display: block; margin-bottom: .9rem; color: var(--mng-acento); font-family: var(--mng-tipo); font-size: .78rem; font-weight: 700; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; } .mng-publico #contenido > h1:first-child::before { content: 'MercaNoGrove'; } .mng-publico .text-muted { color: var(--mng-tinta-2) !important; } .mng-publico .alert { max-width: 58rem; border: 0; border-left: 4px solid currentColor; border-radius: 0 14px 14px 0; padding: 1.15rem 1.25rem; } .mng-publico .alert-info { color: #244d65; background: var(--mng-azul-suave); } .mng-publico .alert-warning { color: #6f4900; background: #fff1cf; } .mng-publico .alert-success { color: #235f3e; background: #e5f2e9; } .mng-publico .alert-danger { color: #8c201b; background: #fbe7e5; } .mng-publico.mng-vista-index #contenido { padding-top: clamp(1.5rem, 4vw, 3.5rem); } .mng-publico .mng-heroe { position: relative; min-height: min(720px, calc(100dvh - 110px)); grid-template-columns: minmax(0, 1.02fr) minmax(22rem, .98fr); gap: clamp(2rem, 5vw, 6rem); padding: clamp(2rem, 5vw, 5.5rem); overflow: hidden; isolation: isolate; background: var(--mng-papel); border: 1px solid rgba(12, 29, 39, .08); border-radius: 2px 2px 54px 2px; box-shadow: 0 24px 70px rgba(57, 43, 34, .11); } .mng-publico .mng-heroe::before { content: ''; position: absolute; z-index: -1; width: 26rem; height: 26rem; right: -7rem; top: -10rem; border-radius: 50%; background: var(--mng-rosa-papel); } .mng-publico .mng-heroe::after { content: '#MERCA'; position: absolute; z-index: -1; right: 2rem; bottom: -1.4rem; color: rgba(89, 137, 166, .11); font-size: clamp(5rem, 13vw, 12rem); font-weight: 800; line-height: .8; letter-spacing: -.09em; } .mng-publico .mng-heroe h1 { margin-bottom: 1.35rem; } .mng-publico .mng-heroe > * { min-width: 0; } .mng-publico .mng-heroe__texto { max-width: 42ch; margin-bottom: 2rem; color: var(--mng-tinta-2); font-size: clamp(1.12rem, 1rem + .45vw, 1.35rem); line-height: 1.55; } .mng-publico .mng-heroe__accions { align-items: center; } .mng-publico .mng-heroe__accions .btn-link { color: var(--mng-tinta); } .mng-publico .mng-heroe__visual { position: relative; min-height: 28rem; display: grid; place-items: center; } .mng-publico .mng-heroe__visual::before { content: ''; position: absolute; inset: 8% 3% 3% 9%; z-index: -1; background: var(--mng-azul-suave); border-radius: 50% 46% 42% 54%; transform: rotate(-5deg); } .mng-publico .mng-heroe__imaxe { width: min(100%, 620px); border-radius: 0; filter: drop-shadow(0 24px 26px rgba(12, 29, 39, .16)); transform: rotate(2deg); } .mng-dispo { display: grid; grid-template-columns: auto 1fr; gap: .15rem 1rem; align-items: center; max-width: 34rem; margin-top: 2.25rem; padding-top: 1.15rem; border-top: 1px solid var(--mng-borde); } .mng-dispo__numero { grid-row: 1 / span 2; color: var(--mng-acento); font-family: var(--mng-tipo-titular); font-size: 2.6rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; } .mng-dispo__titulo { font-weight: 700; line-height: 1.15; } .mng-dispo__texto { color: var(--mng-tinta-2); font-size: .92rem; } .mng-seccion { padding-top: clamp(4rem, 8vw, 8rem); } .mng-seccion__cabeceira { display: grid; grid-template-columns: minmax(0, .7fr) minmax(18rem, 1fr); gap: 2rem; align-items: end; margin-bottom: 2rem; } .mng-seccion__cabeceira p { max-width: 50ch; margin: 0 0 .35rem auto; color: var(--mng-tinta-2); font-size: 1.08rem; } .mng-publico .mng-pasos { border-bottom: 1px solid rgba(12, 29, 39, .16); } .mng-publico .mng-paso { padding: clamp(1.75rem, 3vw, 2.75rem) 0; border-color: rgba(12, 29, 39, .16); } .mng-publico .mng-paso::before { display: grid; width: 2.35rem; height: 2.35rem; place-items: center; color: #fff; background: var(--mng-acento); border-radius: 50% 50% 50% 8px; font-family: var(--mng-tipo); font-size: 1rem; } .mng-publico .mng-dato { max-width: 46rem; margin: 1.5rem 0 1rem; font-size: clamp(1.1rem, 1rem + .5vw, 1.35rem); } .mng-publico .mng-medidor { width: min(100%, 46rem); height: 8px; margin-bottom: 3rem; background: var(--mng-crema-2); border-radius: 8px; } .mng-publico .mng-medidor__barra { border-radius: inherit; } .mng-publico .mng-panel { background: rgba(255, 255, 255, .72); border: 1px solid rgba(12, 29, 39, .09); border-radius: 2px 2px 34px 2px; padding: clamp(1.5rem, 3vw, 3rem); } .mng-publico.mng-vista-bonos .mng-panel { max-width: 64rem; margin-top: 2rem; } .mng-publico .mng-promove { justify-content: flex-start; padding: 2rem; background: rgba(255, 255, 255, .6); border-top: 1px solid rgba(12, 29, 39, .12); border-bottom: 1px solid rgba(12, 29, 39, .12); } .mng-publico .mng-promove img { max-width: 240px; max-height: 78px; object-fit: contain; } .mng-tendas-cabeceira { display: grid; grid-template-columns: minmax(0, .8fr) minmax(20rem, 1.2fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; margin-bottom: 2.5rem; } .mng-tendas-intro { margin: 0; color: var(--mng-tinta-2); font-size: 1.12rem; } .mng-filtros { padding: 1.35rem; background: rgba(255, 255, 255, .72); border: 1px solid rgba(12, 29, 39, .09); border-radius: 2px 18px 18px 18px; } .mng-publico .mng-buscador { max-width: none; margin-bottom: 1rem; } .mng-publico .mng-buscador .form-control { min-height: 52px; padding-left: 1rem; background: #fff; } .mng-categorias { display: flex; flex-wrap: wrap; gap: .45rem; } .mng-categoria { min-height: 36px; padding: .35rem .7rem; border: 1px solid var(--mng-borde); border-radius: 4px; color: var(--mng-tinta-2); background: #fff; font-size: .84rem; font-weight: 600; transition: border-color .2s ease, background-color .2s ease, color .2s ease; } .mng-categoria:hover, .mng-categoria[aria-pressed='true'] { color: #fff; background: var(--mng-tinta); border-color: var(--mng-tinta); } .mng-resultados { margin: 0 0 1rem; color: var(--mng-tinta-2); font-size: .92rem; } .mng-publico .mng-tendas { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.75rem); } .mng-publico .mng-tenda { position: relative; background: rgba(255, 255, 255, .78); border: 1px solid rgba(12, 29, 39, .09); border-radius: 2px 2px 24px 2px; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .mng-publico .mng-tenda:hover { background: rgba(255, 255, 255, .96); border-color: rgba(170, 42, 84, .28); box-shadow: 0 18px 36px rgba(57, 43, 34, .1); transform: translateY(-4px); } .mng-tenda__visual { display: grid; aspect-ratio: 86 / 32; place-items: center; overflow: hidden; padding: clamp(.8rem, 2vw, 1.35rem); background: #fff; border-bottom: 1px solid rgba(12, 29, 39, .08); } .mng-publico .mng-tenda__imaxe { width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; background: transparent; } .mng-publico .mng-tenda__corpo { padding: 1.3rem 1.3rem .85rem; } .mng-publico .mng-tenda__tipo { margin-bottom: .7rem; color: var(--mng-acento); font-size: .72rem; letter-spacing: .1em; } .mng-publico .mng-tenda__nome { margin-bottom: .5rem; font-family: var(--mng-tipo-titular); font-size: 1.3rem; line-height: 1.18; } .mng-publico .mng-tenda__pe { padding: 0 1.3rem 1.3rem; } .mng-publico .mng-tenda__pe .btn { min-height: 40px; padding: .42rem .75rem; background: transparent; border-color: var(--mng-borde); color: var(--mng-tinta); } .mng-publico .mng-tenda__pe .btn:hover { background: var(--mng-tinta); border-color: var(--mng-tinta); color: #fff; } .mng-publico #contenido form:not([style]) { max-width: 68rem; margin-top: 1.75rem; padding: clamp(1.35rem, 3vw, 2.5rem); background: rgba(255, 255, 255, .76); border: 1px solid rgba(12, 29, 39, .09); border-left: 4px solid var(--mng-acento); border-radius: 0 18px 18px 0; } .mng-publico .form-control, .mng-publico .form-select { border-color: rgba(12, 29, 39, .2); background-color: rgba(255, 255, 255, .92); } .mng-publico fieldset { padding: 1.25rem; border: 1px solid rgba(12, 29, 39, .12); border-radius: 12px; } .mng-publico fieldset legend { float: none; width: auto; margin: 0 0 .35rem; padding: 0 .35rem; color: var(--mng-acento); } .mng-publico.mng-vista-login #contenido, .mng-publico.mng-vista-logintienda #contenido, .mng-publico.mng-vista-recuperarclave #contenido, .mng-publico.mng-vista-recuperarclavetienda #contenido, .mng-publico.mng-vista-cambiarclave #contenido, .mng-publico.mng-vista-cambiarclavetienda #contenido, .mng-publico.mng-vista-g #contenido { max-width: 1100px; } .mng-publico.mng-vista-login #contenido form, .mng-publico.mng-vista-logintienda #contenido form { margin-top: 0; } .mng-publico.mng-vista-avisolegal #contenido, .mng-publico.mng-vista-politicaprivacidad #contenido, .mng-publico.mng-vista-avisocookies #contenido { max-width: 860px; } .mng-publico.mng-vista-avisolegal #contenido h2, .mng-publico.mng-vista-politicaprivacidad #contenido h2, .mng-publico.mng-vista-avisocookies #contenido h2 { margin-top: 2.75rem; padding-top: 1.25rem; border-top: 1px solid rgba(12, 29, 39, .14); } .mng-publico .table-responsive { margin: 1.5rem 0; border-radius: 12px; box-shadow: 0 0 0 1px rgba(12, 29, 39, .1); } .mng-publico .mng-baleiro { padding: 3rem; background: rgba(255, 255, 255, .7); border: 1px dashed rgba(12, 29, 39, .22); border-radius: 2px 18px 18px 18px; } .mng-publico .mng-erro-paxina { max-width: 760px; margin: 0 auto; padding: 4rem 1rem 6rem; } .mng-publico .mng-erro-paxina__codigo { color: transparent; -webkit-text-stroke: 2px var(--mng-acento); font-family: var(--mng-tipo-titular); font-size: clamp(6rem, 20vw, 12rem); } .mng-publico .mng-pe { position: relative; padding-top: 4rem; border-top: 4px solid var(--mng-azul); } .mng-publico .mng-pe::before { content: '#merca no Grove'; position: absolute; right: max(1rem, calc((100% - 1320px) / 2)); top: 1.5rem; color: rgba(255, 255, 255, .08); font-family: var(--mng-tipo-titular); font-size: clamp(2rem, 6vw, 5rem); font-weight: 700; } .mng-publico .mng-pe__grella { position: relative; } .mng-publico .mng-pe__marca { max-width: 25rem; } .mng-publico .mng-pe__logo { width: 136px; } .mng-publico .mng-pe__lema { font-family: var(--mng-tipo-titular); font-size: 1.25rem; line-height: 1.35; } .mng-publico .mng-cookies__caixa { max-width: 66rem; border: 1px solid rgba(255, 255, 255, .14); border-bottom: 3px solid var(--mng-acento); border-radius: 2px 16px 16px 16px; } .mng-vista-logo #contenido { max-width: 900px; } .mng-logo-editor { display: grid; grid-template-columns: minmax(0, .85fr) minmax(18rem, 1.15fr); gap: 2rem; margin: 1.5rem 0; } .mng-logo-editor__mostra { display: grid; aspect-ratio: 86 / 32; place-items: center; padding: 1.5rem; background: #fff; border: 1px solid var(--mng-borde); border-radius: 10px; } .mng-logo-editor__mostra img { width: 100%; height: 100%; object-fit: contain; } .mng-logo-editor__axuda { padding: 1.5rem; background: var(--mng-azul-suave); border-radius: 2px 16px 16px 16px; } @media (max-width: 991.98px) { .mng-publico .mng-cabeceira .nav-link::after { display: none; } .mng-publico .mng-cabeceira .nav-link.active { background: rgba(255, 255, 255, .1); } .mng-publico .mng-heroe { min-height: auto; grid-template-columns: 1fr; } .mng-publico .mng-heroe__visual { min-height: 24rem; order: -1; } .mng-publico .mng-heroe__imaxe { width: 100%; max-width: 100%; } .mng-publico .mng-tendas { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mng-tendas-cabeceira, .mng-seccion__cabeceira { grid-template-columns: 1fr; } .mng-seccion__cabeceira p { margin-left: 0; } } @media (max-width: 767.98px) { .mng-publico h1 { max-width: 20ch; } .mng-publico #contenido { padding-top: 3rem; padding-bottom: 5rem; } .mng-publico .mng-heroe { padding: 1.35rem 1.25rem 2.5rem; border-radius: 2px 2px 30px 2px; } .mng-publico .mng-heroe__visual { min-height: 17rem; } .mng-publico .mng-heroe::after { display: none; } .mng-publico .mng-heroe__accions .btn { width: 100%; } .mng-publico .mng-tendas { grid-template-columns: 1fr; } .mng-publico #contenido form:not([style]) { margin-right: -.25rem; margin-left: -.25rem; padding: 1.15rem; } .mng-publico .mng-cookies { padding: .6rem; } .mng-publico .mng-cookies__caixa { display: block; width: 100%; min-width: 0; padding: 1rem; } .mng-publico .mng-cookies__texto { margin-bottom: .85rem; font-size: .88rem; } .mng-publico .mng-cookies__botons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; } .mng-publico .mng-cookies__botons .btn { width: 100%; min-width: 0; } .mng-logo-editor { grid-template-columns: 1fr; } } .mng-form-intro { max-width: 42rem; margin-bottom: 1.5rem; } .mng-form-intro > :last-child { margin-bottom: 0; } .mng-kicker { margin: 0 0 .55rem; color: var(--mng-acento, #aa2a54); font-size: .82rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; } .mng-acceso-alt { padding: clamp(1.4rem, 2.5vw, 2.2rem); background: var(--mng-publico-superficie, #f5f0e9); border-left: 3px solid var(--mng-azul, #5989a6); } .mng-perfis { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: .85rem; } .mng-perfil { position: relative; display: grid; gap: .2rem; min-height: 8rem; padding: 1.25rem; color: var(--mng-tinta, #0c1d27); text-align: left; background: #fff; border: 1px solid var(--mng-publico-borde, #d5dfe3); border-radius: 8px; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; } .mng-perfil:hover, .mng-perfil:focus-visible { border-color: var(--mng-acento, #aa2a54); box-shadow: 0 10px 24px rgba(12, 29, 39, .08); transform: translateY(-2px); } .mng-perfil:active { transform: translateY(0); } .mng-perfil__nome { font-size: 1.2rem; font-weight: 720; } .mng-perfil__detalle { color: var(--mng-tinta-2, #50636e); } .mng-perfil__estado { align-self: end; width: fit-content; margin-top: .55rem; color: #76520b; font-size: .84rem; font-weight: 700; } .mng-activacion { max-width: 52rem; } .mng-codigo-sms { display: grid; grid-template-columns: minmax(12rem, 1fr) auto; gap: 1rem; align-items: end; } .mng-codigo-sms .mb-3 { margin-bottom: 0 !important; } .mng-selector-tipo { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; margin: 0 0 1.25rem; padding: 1rem 1.15rem; } .mng-selector-tipo legend { float: none; width: auto; margin: 0 .75rem 0 0; font-size: 1rem; } .mng-selector-tipo label { display: inline-flex; gap: .45rem; align-items: center; font-weight: 650; } .mng-aviso-pendente { max-width: 72rem; margin: 1rem auto 0; } @media (max-width: 575.98px) { .mng-codigo-sms { grid-template-columns: 1fr; } .mng-codigo-sms .btn { width: 100%; } .mng-perfil { min-height: 7rem; } } .mng-publico { --mng-publico-ancho: 1440px; --mng-publico-superficie: #f4f7f8; --mng-publico-superficie-2: #eaf0f3; --mng-publico-borde: #d7e0e5; --mng-publico-radio: 12px; background: #fff; background-image: none; } .mng-publico h1, .mng-publico h2, .mng-publico h3, .mng-publico .h1, .mng-publico .h2, .mng-publico .h3, .mng-publico .mng-tenda__nome, .mng-publico .mng-pe__lema, .mng-publico .mng-dispo__numero { font-family: var(--mng-tipo); font-variation-settings: normal; } .mng-publico h1, .mng-publico #contenido > h1:first-child { max-width: 24ch; margin-bottom: 1.5rem; font-size: clamp(2.35rem, 1.85rem + 1.7vw, 3.75rem); font-weight: 720; line-height: 1.03; letter-spacing: -.04em; } .mng-publico h2, .mng-publico .h2 { font-size: clamp(1.7rem, 1.5rem + .75vw, 2.35rem); font-weight: 700; line-height: 1.12; letter-spacing: -.025em; } .mng-publico h3, .mng-publico .h3, .mng-publico .h4, .mng-publico .h5 { font-weight: 680; letter-spacing: -.015em; } .mng-publico #contenido > h1:first-child::before, .mng-publico .mng-paxina__eyebrow, .mng-publico .mng-heroe__eyebrow { display: none; } .mng-publico .mng-cabeceira { border-bottom-width: 2px; box-shadow: none; } .mng-publico .mng-cabeceira .container, .mng-publico .mng-pe .container { max-width: var(--mng-publico-ancho); } .mng-publico .mng-cabeceira .navbar { min-height: 74px; } .mng-publico .mng-cabeceira .navbar-brand img { width: 80px; } .mng-publico .mng-marca__lema { display: none; } .mng-principal { width: min(calc(100% - clamp(2rem, 5vw, 5rem)), var(--mng-publico-ancho)); } .mng-publico #contenido, .mng-publico.mng-vista-index #contenido { min-height: 62dvh; padding: clamp(3rem, 4.5vw, 5rem) 0 clamp(5rem, 7vw, 7rem); } .mng-publico .text-muted { color: #50636e !important; } .mng-publico .btn { border-radius: 6px; } .mng-publico .form-control, .mng-publico .form-select { border-color: var(--mng-publico-borde); border-radius: 6px; background: #fff; } .mng-publico .alert { border-radius: 0 8px 8px 0; } .mng-publico .mng-heroe { min-height: 0; grid-template-columns: minmax(0, 1fr) minmax(28rem, .9fr); gap: clamp(3rem, 7vw, 7rem); padding: 0 0 clamp(3.5rem, 5vw, 5rem); overflow: visible; background: transparent; border: 0; border-bottom: 1px solid var(--mng-publico-borde); border-radius: 0; box-shadow: none; } .mng-publico .mng-heroe::before, .mng-publico .mng-heroe::after, .mng-publico .mng-heroe__visual::before { display: none; } .mng-publico .mng-heroe h1 { max-width: 17ch; margin-bottom: 1.25rem; font-size: clamp(3rem, 2.2rem + 2.4vw, 4.5rem); font-weight: 750; line-height: .98; } .mng-publico .mng-heroe__texto { max-width: 43ch; margin-bottom: 1.75rem; font-size: clamp(1.08rem, 1rem + .25vw, 1.25rem); line-height: 1.5; } .mng-publico .mng-heroe__visual { min-height: 0; width: 100%; } .mng-publico .mng-heroe__imaxe { width: min(100%, 620px); filter: none; transform: none; } .mng-publico .mng-dispo { max-width: 34rem; grid-template-columns: auto 1fr; margin-top: 1.75rem; padding: 1rem 0 1rem 1.1rem; border-top: 0; border-left: 3px solid var(--mng-acento); } .mng-publico .mng-dispo__numero { font-size: 2.2rem; font-weight: 750; } .mng-publico .mng-seccion { padding-top: clamp(3.5rem, 5vw, 5.5rem); } .mng-publico .mng-seccion__cabeceira { display: block; max-width: 48rem; margin-bottom: 1.5rem; } .mng-publico .mng-seccion__cabeceira p { max-width: 55ch; margin: .75rem 0 0; } .mng-publico .mng-pasos { max-width: 72rem; border-bottom-color: var(--mng-publico-borde); } .mng-publico .mng-paso { grid-template-columns: 2.25rem minmax(0, 15rem) minmax(0, 1fr); gap: 1.5rem; padding: 1.75rem 0; border-color: var(--mng-publico-borde); } .mng-publico .mng-paso::before { width: 2rem; height: 2rem; border-radius: 6px; font-size: .9rem; } .mng-publico.mng-vista-informacion #contenido, .mng-publico.mng-vista-bonos #contenido, .mng-publico.mng-vista-mercar #contenido, .mng-publico.mng-vista-pagook #contenido, .mng-publico.mng-vista-g #contenido, .mng-publico.mng-vista-noencontrado #contenido { max-width: 1180px; } .mng-publico.mng-vista-informacion #contenido { max-width: var(--mng-publico-ancho); } .mng-publico.mng-vista-informacion .mng-pasos { max-width: none; } .mng-publico.mng-vista-informacion .mng-texto-lexible, .mng-publico.mng-vista-avisolegal .mng-texto-lexible, .mng-publico.mng-vista-politicaprivacidad .mng-texto-lexible, .mng-publico.mng-vista-avisocookies .mng-texto-lexible { font-size: 1.06rem; line-height: 1.7; } .mng-publico .mng-dato { font-size: 1.2rem; } .mng-publico .mng-form-nota, .mng-publico .mng-estado-inline { max-width: 44rem; color: var(--mng-tinta-2); font-size: .95rem; } .mng-publico .mng-form-nota { margin: -.5rem 0 1.25rem; } .mng-publico .mng-estado-inline { display: block; grid-column: 2; margin: .25rem 0 0; font-weight: 650; } @media (min-width: 800px) { .mng-publico .mng-paso .mng-estado-inline { grid-column: 3; grid-row: 2; } } .mng-publico .mng-medidor { height: 6px; background: var(--mng-publico-superficie-2); } .mng-publico .mng-panel, .mng-publico #contenido form:not([style]), .mng-publico fieldset, .mng-publico .mng-filtros, .mng-publico .mng-baleiro { background: var(--mng-publico-superficie); border-color: var(--mng-publico-borde); border-radius: var(--mng-publico-radio); box-shadow: none; } .mng-publico #contenido form:not([style]) { border: 1px solid var(--mng-publico-borde); padding: clamp(1.4rem, 2.5vw, 2.25rem); } .mng-publico fieldset { background: #fff; } .mng-publico fieldset legend { color: var(--mng-tinta); } .mng-publico.mng-vista-login #contenido, .mng-publico.mng-vista-logintienda #contenido, .mng-publico.mng-vista-recuperarclave #contenido, .mng-publico.mng-vista-recuperarclavetienda #contenido, .mng-publico.mng-vista-cambiarclave #contenido, .mng-publico.mng-vista-cambiarclavetienda #contenido, .mng-publico.mng-vista-registro #contenido, .mng-publico.mng-vista-registrotienda #contenido { max-width: 1180px; } .mng-publico.mng-vista-login .mng-panel, .mng-publico.mng-vista-logintienda .mng-panel { height: 100%; background: var(--mng-publico-superficie); border-radius: var(--mng-publico-radio); } .mng-publico.mng-vista-avisolegal #contenido, .mng-publico.mng-vista-politicaprivacidad #contenido, .mng-publico.mng-vista-avisocookies #contenido { max-width: 960px; } .mng-publico.mng-vista-avisolegal #contenido h2, .mng-publico.mng-vista-politicaprivacidad #contenido h2, .mng-publico.mng-vista-avisocookies #contenido h2 { border-color: var(--mng-publico-borde); } .mng-publico .mng-promove { background: var(--mng-publico-superficie); border-color: var(--mng-publico-borde); border-radius: var(--mng-publico-radio); } .mng-publico .mng-tendas-cabeceira { grid-template-columns: minmax(20rem, .7fr) minmax(34rem, 1.3fr); gap: clamp(2.5rem, 6vw, 6rem); margin-bottom: 2.25rem; } .mng-publico .mng-tendas-cabeceira > *, .mng-publico .mng-filtros, .mng-publico .mng-buscador, .mng-publico .mng-categorias { min-width: 0; max-width: 100%; } .mng-publico .mng-tendas-cabeceira h1 { max-width: 16ch; } .mng-publico .mng-tendas-intro { max-width: 42ch; font-size: 1.06rem; } .mng-publico .mng-filtros { padding: 1.25rem; } .mng-publico .mng-categoria { border-radius: 5px; border-color: var(--mng-publico-borde); } .mng-publico .mng-tenda { background: #fff; border-color: var(--mng-publico-borde); border-radius: var(--mng-publico-radio); } .mng-publico .mng-tenda:hover { background: #fff; border-color: #b8c7cf; box-shadow: 0 12px 28px rgba(12, 29, 39, .08); transform: translateY(-2px); } .mng-publico .mng-tenda__visual { background: var(--mng-publico-superficie); border-color: var(--mng-publico-borde); } .mng-publico .mng-tenda__nome { font-size: 1.18rem; font-weight: 700; letter-spacing: -.02em; } @media (min-width: 1600px) { .mng-publico .mng-tendas { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .mng-publico .mng-pe { padding-top: 3.5rem; border-top-width: 2px; } .mng-publico .mng-pe::before { display: none; } .mng-publico .mng-pe__lema { font-size: 1.08rem; font-weight: 600; } .mng-publico .mng-cookies__caixa { max-width: 900px; border-radius: 10px; border-bottom-width: 2px; } @media (max-width: 1199.98px) { .mng-publico .mng-heroe { grid-template-columns: minmax(0, 1fr) minmax(22rem, .82fr); gap: 3rem; } .mng-publico .mng-tendas-cabeceira { grid-template-columns: 1fr; gap: 1.75rem; } } @media (max-width: 991.98px) { .mng-publico .mng-heroe { grid-template-columns: 1fr; gap: 1.75rem; } .mng-publico .mng-heroe__visual { max-width: 34rem; margin: 0 auto; order: 0; } .mng-publico .mng-heroe__contido { order: -1; } .mng-publico .mng-paso { grid-template-columns: 2.25rem 1fr; } } @media (max-width: 767.98px) { .mng-principal { width: min(calc(100% - 2rem), var(--mng-publico-ancho)); } .mng-publico #contenido, .mng-publico.mng-vista-index #contenido { padding: 2.5rem 0 4.5rem; } .mng-publico h1, .mng-publico #contenido > h1:first-child { max-width: none; font-size: clamp(2.15rem, 9vw, 2.8rem); line-height: 1.02; } .mng-publico .mng-heroe { padding: 0 0 3rem; border-radius: 0; } .mng-publico .mng-heroe h1 { max-width: none; font-size: clamp(2.6rem, 11vw, 3.35rem); line-height: .98; } .mng-publico .mng-heroe__visual { max-width: 27rem; } .mng-publico .mng-heroe__accions .btn { width: auto; flex: 1 1 12rem; } .mng-publico .mng-paso { column-gap: .85rem; } .mng-publico .mng-categorias { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding-bottom: .35rem; scrollbar-width: thin; } .mng-publico .mng-filtros { overflow: hidden; } .mng-publico .mng-categoria { flex: 0 0 auto; } .mng-publico #contenido form:not([style]) { margin-right: 0; margin-left: 0; } .mng-publico #contenido > .row, .mng-publico #contenido form > .row { --bs-gutter-x: 1rem; margin-right: 0; margin-left: 0; } .mng-publico #contenido > .row > [class*="col-"], .mng-publico #contenido form > .row > [class*="col-"] { padding-right: 0; padding-left: 0; } .mng-publico #contenido form:not([style]), .mng-publico .mng-acceso-alt, .mng-publico .mng-cookies, .mng-publico .mng-cookies__caixa { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } .mng-publico .mng-cookies { padding: .6rem; } } @media (max-width: 479.98px) { .mng-publico .mng-heroe__accions { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; } .mng-publico .mng-heroe__accions .btn { width: 100%; min-width: 0; flex: none; white-space: normal; } .mng-publico .mng-cookies__botons { grid-template-columns: minmax(0, 1fr); } .mng-publico .mng-cookies__botons .btn { width: 100%; min-width: 0; } } .mng-publico fieldset.mng-selector-tipo { padding: 0; background: transparent; border: 0; border-radius: 0; } .mng-publico.mng-vista-canjear #contenido, .mng-publico.mng-vista-canjearok #contenido { max-width: 1120px; } .mng-canje-cabeceira { margin-bottom: clamp(1.75rem, 4vw, 3rem); } .mng-canje-cabeceira h1 { margin-bottom: .75rem; } .mng-canje-form { display: grid; gap: 0; } .mng-canje-bloque, .mng-canje-confirmacion { padding: clamp(1.25rem, 3vw, 2.2rem) 0; } .mng-canje-bloque + .mng-canje-bloque, .mng-canje-confirmacion { border-top: 1px solid var(--mng-publico-borde); } .mng-canje-paso { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: 1rem; align-items: start; margin-bottom: 1.4rem; } .mng-canje-paso > span { display: grid; width: 2.4rem; height: 2.4rem; place-items: center; background: var(--mng-tinta); color: #fff; border-radius: 4px 4px 12px 4px; font-weight: 750; font-variant-numeric: tabular-nums; } .mng-canje-paso h2 { margin: 0 0 .2rem; font-size: clamp(1.35rem, 2.3vw, 1.8rem); } .mng-canje-paso p { max-width: 62ch; margin: 0; color: var(--mng-publico-texto-suave); } .mng-scanner { margin: 0 0 1.5rem 3.4rem; } .mng-scanner__inicio { display: flex; flex-wrap: wrap; gap: .85rem 1rem; align-items: center; } .mng-scanner__contador { color: var(--mng-tinta); font-weight: 700; font-variant-numeric: tabular-nums; } .mng-scanner__arquivo { color: var(--mng-acento); background: transparent; border-color: var(--mng-acento); cursor: pointer; } .mng-scanner__arquivo:hover, .mng-scanner__arquivo:focus { color: #fff; background: var(--mng-acento); border-color: var(--mng-acento); } .mng-scanner__arquivo.is-loading, .mng-scanner__arquivo[aria-disabled="true"] { cursor: wait; opacity: .62; pointer-events: none; } .visually-hidden:focus + .mng-scanner__arquivo { outline: 3px solid rgba(89, 137, 166, .35); outline-offset: 3px; } .mng-scanner__visor { position: relative; width: min(100%, 760px); margin-top: 1rem; overflow: hidden; background: var(--mng-tinta); border-radius: 5px 5px 18px 5px; aspect-ratio: 4 / 3; } .mng-scanner__visor[hidden] { display: none; } .mng-scanner__visor video { width: 100%; height: 100%; object-fit: cover; } .mng-scanner__guia { position: absolute; inset: 0; display: grid; place-items: center; background: linear-gradient(rgba(6, 22, 31, .3), rgba(6, 22, 31, .3)); pointer-events: none; } .mng-scanner__guia span { width: min(82%, 34rem); height: clamp(8.5rem, 40vw, 13rem); border: 3px solid #fff; border-radius: 4px; box-shadow: 0 0 0 999px rgba(6, 22, 31, .42), inset 0 0 0 1px rgba(170, 42, 84, .9); } .mng-scanner__visor-accions { position: absolute; right: .85rem; bottom: .85rem; left: .85rem; display: flex; justify-content: center; } .mng-scanner__estado { max-width: 60ch; min-height: 1.5rem; margin: .85rem 0 .2rem; font-weight: 650; } .mng-scanner__estado.is-success { color: #17633b; } .mng-scanner__estado.is-error { color: #9d244b; } .mng-scanner__axuda { max-width: 66ch; margin: 0; color: var(--mng-publico-texto-suave); font-size: .92rem; } .mng-bonos-campos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-left: 3.4rem; } .mng-bono-campo { position: relative; min-width: 0; } .mng-bono-campo .form-control { padding-right: 2.7rem; text-transform: uppercase; font-variant-numeric: tabular-nums; } .mng-bono-campo.is-filled .form-control { border-color: #579174; background: #f3faf6; } .mng-bono-campo__borrar { position: absolute; right: .45rem; bottom: .45rem; display: grid; width: 2.15rem; height: 2.15rem; padding: 0; place-items: center; color: var(--mng-tinta); background: transparent; border: 0; border-radius: 4px; } .mng-bono-campo__borrar:hover, .mng-bono-campo__borrar:focus-visible { background: #e5edf1; } .mng-canje-telefono { max-width: 30rem; margin-left: 3.4rem; } .mng-canje-confirmacion { max-width: 48rem; } .mng-canje-resumo { margin: 0 0 1.5rem 3.4rem; padding: 0; list-style: none; border-top: 1px solid var(--mng-publico-borde); } .mng-canje-resumo li { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem .15rem; border-bottom: 1px solid var(--mng-publico-borde); font-variant-numeric: tabular-nums; } .mng-canje-resumo__total { font-size: 1.2rem; } .mng-canje-check { margin-left: 3.4rem; } .mng-canje-mobil { margin: 0 0 1rem 3.4rem; font-variant-numeric: tabular-nums; } .mng-canje-accions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-top: 1rem; } .mng-canje-exito { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); gap: 1.25rem; max-width: 48rem; padding: clamp(1.4rem, 3vw, 2rem); background: #edf7f1; border-left: 4px solid #438267; } .mng-canje-exito > .fa { display: grid; width: 3.25rem; height: 3.25rem; place-items: center; background: #17633b; color: #fff; border-radius: 50%; font-size: 1.35rem; } .mng-canje-exito h2 { margin: 0 0 .65rem; font-size: 1.4rem; } .mng-canje-exito ul { margin: 0; padding-left: 1.2rem; } @media (max-width: 991.98px) { .mng-bonos-campos { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 575.98px) { .mng-scanner, .mng-bonos-campos, .mng-canje-telefono, .mng-canje-resumo, .mng-canje-mobil, .mng-canje-check { margin-left: 0; } .mng-bonos-campos { grid-template-columns: 1fr; } .mng-scanner__inicio .btn, .mng-canje-accions .btn { width: 100%; } .mng-scanner__visor { aspect-ratio: 3 / 4; } .mng-scanner__guia span { width: 88%; height: 11rem; } .mng-canje-exito { grid-template-columns: 1fr; } } .mng-publico.mng-vista-g #contenido { max-width: 980px; } .mng-bonos-acceso { max-width: 46rem; margin-bottom: 1.5rem; } .mng-bonos-acceso__form { max-width: 46rem; } .mng-bonos-acceso__campo { display: grid; grid-template-columns: minmax(14rem, 1fr) auto; gap: 1rem; align-items: end; } .mng-bonos-acceso__campo .mb-3 { margin-bottom: 0 !important; } .mng-wallet { max-width: 900px; margin: 0 auto; } .mng-wallet__cabeceira { display: flex; justify-content: space-between; gap: 2rem; align-items: end; margin-bottom: 1.25rem; } .mng-wallet__cabeceira h1 { margin-bottom: .6rem; } .mng-wallet__cabeceira p:last-child { max-width: 52ch; margin: 0; color: var(--mng-tinta-2); font-size: 1.06rem; } .mng-wallet__resumo { flex: 0 0 auto; min-width: 7rem; padding-left: 1.25rem; border-left: 3px solid var(--mng-acento); } .mng-wallet__resumo strong, .mng-wallet__resumo span { display: block; } .mng-wallet__resumo strong { color: var(--mng-acento); font-size: 2.5rem; line-height: 1; } .mng-wallet__resumo span { margin-top: .25rem; color: var(--mng-tinta-2); font-weight: 650; } .mng-wallet__estado { min-height: 1.5rem; margin-bottom: .8rem; color: var(--mng-tinta-2); text-align: center; font-weight: 650; } .mng-wallet__estado.is-error { color: var(--mng-erro); } .mng-wallet__escenario { display: grid; gap: 1.5rem; justify-items: center; } .mng-bono-carteira { width: min(100%, 470px); overflow: hidden; background: #fff; border: 1px solid var(--mng-publico-borde); border-radius: 12px; box-shadow: 0 16px 42px rgba(12, 29, 39, .11); } .mng-bono-carteira[hidden] { display: none; } .mng-bono-carteira__topo { display: flex; min-height: 7rem; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.25rem 1.5rem; background: var(--mng-tinta); border-bottom: 4px solid var(--mng-acento); color: #fff; } .mng-bono-carteira__topo img { width: 106px; height: auto; } .mng-bono-carteira__topo strong { font-size: clamp(2.5rem, 11vw, 4rem); font-weight: 780; line-height: 1; font-variant-numeric: tabular-nums; } .mng-bono-carteira__corpo { padding: clamp(1.25rem, 5vw, 2rem); text-align: center; } .mng-bono-carteira__estado { display: inline-block; margin-bottom: .7rem; color: #17633b; font-size: .9rem; font-weight: 750; } .mng-bono-carteira__qr { display: grid; width: min(100%, 270px); aspect-ratio: 1; place-items: center; margin: 0 auto; padding: 5px; background: #fff; } .mng-bono-carteira__qr svg { display: block; width: 100%; height: 100%; } .mng-bono-carteira__referencia { margin: .7rem 0 .9rem; color: var(--mng-tinta); font-size: clamp(1.55rem, 7vw, 2.05rem); font-weight: 780; letter-spacing: .08em; line-height: 1.1; font-variant-numeric: tabular-nums; } .mng-bono-carteira__barras { max-width: 23rem; margin: 0 auto; padding-top: .9rem; border-top: 1px solid var(--mng-publico-borde); } .mng-bono-carteira__barras img { display: block; width: 100%; height: 82px; object-fit: contain; image-rendering: auto; } .mng-bono-carteira__barras span { display: block; margin-top: .25rem; color: var(--mng-tinta-2); font-size: .8rem; } .mng-bono-carteira__instrucion { max-width: 34ch; margin: 1rem auto; color: var(--mng-tinta-2); font-size: .92rem; } .mng-bono-carteira__gardar { width: 100%; } .mng-bono-carteira.is-used { box-shadow: none; } .mng-bono-carteira.is-used .mng-bono-carteira__topo { background: #50636e; } .mng-bono-carteira__usado { display: grid; min-height: 18rem; place-items: center; align-content: center; gap: .55rem; color: var(--mng-tinta-2); } .mng-bono-carteira__usado .fa { color: #50636e; font-size: 3.5rem; } .mng-bono-carteira__usado strong { font-size: 1.35rem; } .mng-bono-carteira__tenda { display: inline-flex; max-width: 30ch; align-items: center; justify-content: center; gap: .45rem; color: var(--mng-tinta); font-size: 1rem; font-weight: 700; text-align: center; } .mng-bono-carteira__tenda .fa { flex: 0 0 auto; color: var(--mng-acento); font-size: .95rem; } .mng-wallet__navegacion { display: grid; grid-template-columns: 1fr auto 1fr; gap: .75rem; align-items: center; width: min(100%, 470px); margin: 1rem auto 0; } .mng-wallet__navegacion .btn:first-child { justify-self: start; } .mng-wallet__navegacion .btn:last-child { justify-self: end; } .mng-wallet__navegacion > span { color: var(--mng-tinta-2); font-weight: 700; font-variant-numeric: tabular-nums; } .mng-wallet__accions { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid var(--mng-publico-borde); } .mng-publico #contenido .mng-wallet__pdf-form { display: inline-flex; width: auto; margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; } @media (min-width: 576px) { .mng-bono-carteira__opcionais > summary, .mng-wallet__opcionais > summary { display: none; } .mng-bono-carteira__opcionais:not([open]) > *:not(summary) { display: block; } .mng-wallet__opcionais:not([open]) > .mng-wallet__accions { display: flex; } } @media (max-width: 575.98px) { .mng-bonos-acceso__campo { grid-template-columns: 1fr; } .mng-bonos-acceso__campo .btn, .mng-wallet__accions, .mng-wallet__accions .btn, .mng-wallet__pdf-form { width: 100% !important; } .mng-publico.mng-vista-g #contenido { padding-top: .75rem; padding-bottom: 1rem; } .mng-wallet__cabeceira { display: block; margin-bottom: .4rem; } .mng-wallet__titulo { display: flex; align-items: baseline; gap: .65rem; min-width: 0; padding: 0 .1rem; } .mng-wallet__titulo .mng-kicker { flex: 0 1 auto; min-width: 0; margin: 0; overflow: hidden; font-size: .72rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; } .mng-publico.mng-vista-g .mng-wallet__titulo h1 { flex: 0 0 auto; margin: 0; color: var(--mng-tinta-2); font-family: var(--mng-tipo); font-size: .76rem; font-weight: 700; line-height: 1.2; letter-spacing: .04em; text-transform: uppercase; } .mng-wallet__intro { display: none; } .mng-wallet__resumo { display: none; } .mng-wallet__estado:not(.is-error) { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .mng-wallet__estado.is-error { min-height: 0; margin: .45rem 0; font-size: .86rem; } .mng-wallet__escenario { gap: .5rem; } .mng-bono-carteira { border-radius: 8px; box-shadow: 0 8px 22px rgba(12, 29, 39, .1); } .mng-bono-carteira__topo { min-height: 4.2rem; padding: .6rem .9rem; border-bottom-width: 3px; } .mng-bono-carteira__topo img { width: 76px; } .mng-bono-carteira__topo strong { font-size: 2.55rem; } .mng-bono-carteira__corpo { padding: .55rem .8rem .65rem; } .mng-bono-carteira__estado { margin-bottom: .1rem; font-size: .72rem; } .mng-bono-carteira__qr { width: min(62vw, 250px); padding: 2px; } .mng-bono-carteira__referencia { margin: .15rem 0 .2rem; font-size: 1.08rem; } .mng-bono-carteira__opcionais, .mng-wallet__opcionais { width: min(100%, 470px); margin: .35rem auto 0; } .mng-bono-carteira__opcionais > summary, .mng-wallet__opcionais > summary { display: flex; min-height: 42px; align-items: center; justify-content: center; gap: .45rem; color: var(--mng-tinta-2); font-size: .82rem; font-weight: 700; list-style: none; cursor: pointer; -webkit-tap-highlight-color: transparent; } .mng-bono-carteira__opcionais > summary { margin-top: .1rem; border-top: 1px solid var(--mng-publico-borde); } .mng-bono-carteira__opcionais > summary::-webkit-details-marker, .mng-wallet__opcionais > summary::-webkit-details-marker { display: none; } .mng-bono-carteira__opcionais[open] > summary, .mng-wallet__opcionais[open] > summary { color: var(--mng-acento); } .mng-bono-carteira__barras { padding-top: .6rem; } .mng-bono-carteira__instrucion { margin: .65rem auto; } .mng-wallet__navegacion { margin-top: .45rem; gap: .4rem; } .mng-wallet__navegacion .btn { min-height: 44px; padding: .4rem .65rem; font-size: .88rem; } .mng-wallet__navegacion > span { font-size: .85rem; } .mng-wallet__accions { margin-top: .25rem; padding-top: .75rem; } .mng-wallet__opcionais:not([open]) { margin-top: 0; } } @media (max-width: 575.98px) and (max-height: 650px) { .mng-publico.mng-vista-g #contenido { padding-top: .4rem; } .mng-bono-carteira__topo { min-height: 3.7rem; padding-top: .4rem; padding-bottom: .4rem; } .mng-bono-carteira__topo img { width: 68px; } .mng-bono-carteira__topo strong { font-size: 2.2rem; } .mng-bono-carteira__qr { width: min(50vw, 190px); } .mng-bono-carteira__opcionais > summary { min-height: 36px; } } .mng-tenda-subnav { display: flex; max-width: 1180px; margin: -2.5rem auto 2rem; padding: .35rem; gap: .25rem; background: #edf2f4; border: 1px solid var(--mng-borde); border-radius: 10px; } .mng-tenda-subnav a, .mng-tenda-subnav > span { display: inline-flex; min-height: 42px; padding: .55rem .85rem; align-items: center; gap: .45rem; color: var(--mng-tinta-2); border-radius: 7px; font-weight: 700; text-decoration: none; } .mng-tenda-subnav a:hover, .mng-tenda-subnav a:focus-visible, .mng-tenda-subnav a.is-active { color: var(--mng-tinta); background: #fff; box-shadow: 0 1px 4px rgba(12, 29, 39, .08); } .mng-tenda-subnav .is-disabled { opacity: .46; } .mng-tenda-portada { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 1.5rem; align-items: center; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--mng-borde); } .mng-tenda-portada__logo { display: grid; width: 150px; aspect-ratio: 86 / 32; padding: .65rem; place-items: center; background: #fff; border: 1px solid var(--mng-borde); border-radius: 8px; } .mng-tenda-portada__logo img { width: 100%; height: 100%; object-fit: contain; } .mng-tenda-portada .mng-kicker, .mng-tenda-seccion-cabeceira .mng-kicker, .mng-tenda-paxina-cabeceira .mng-kicker { margin-bottom: .35rem; } .mng-tenda-portada h1, .mng-tenda-paxina-cabeceira h1 { max-width: none; margin: 0; } .mng-tenda-estado { display: inline-flex; margin: .55rem 0 0; align-items: center; gap: .4rem; font-size: .92rem; font-weight: 700; } .mng-tenda-estado.is-valid { color: #236642; } .mng-tenda-estado.is-pending { color: #835500; } .mng-tenda-portada__accions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .6rem; } .mng-tenda-inicio { display: grid; grid-template-columns: minmax(16rem, .72fr) minmax(24rem, 1.28fr); gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); } .mng-tenda-metricas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .mng-tenda-metricas article { min-width: 0; padding: 1.15rem; background: #f3f6f7; border: 1px solid var(--mng-borde); border-radius: 8px; } .mng-tenda-metricas span, .mng-tenda-metricas strong { display: block; } .mng-tenda-metricas span { color: var(--mng-tinta-3); font-size: .8rem; font-weight: 700; line-height: 1.15; text-transform: uppercase; } .mng-tenda-metricas strong { margin-top: .45rem; color: var(--mng-tinta); font-size: clamp(1.65rem, 3vw, 2.35rem); line-height: 1; font-variant-numeric: tabular-nums; } .mng-tenda-tarefa-principal { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: 1.25rem; color: #fff; background: var(--mng-tinta); border-radius: 9px; } .mng-tenda-tarefa-principal.is-disabled { color: var(--mng-tinta); background: #edf1f3; } .mng-tenda-tarefa-principal__icono { display: grid; width: 3.25rem; height: 3.25rem; place-items: center; color: #fff; background: var(--mng-acento); border-radius: 8px; font-size: 1.4rem; } .mng-tenda-tarefa-principal h2 { margin: 0 0 .2rem; color: inherit; font-size: 1.3rem; } .mng-tenda-tarefa-principal p { margin: 0; color: rgba(255, 255, 255, .72); } .mng-tenda-tarefa-principal.is-disabled p { color: var(--mng-tinta-3); } .mng-tenda-seccion-cabeceira, .mng-tenda-paxina-cabeceira { display: flex; justify-content: space-between; gap: 1.5rem; align-items: end; margin-bottom: 1.5rem; } .mng-tenda-seccion-cabeceira h2 { margin: 0; } .mng-tenda-paxina-cabeceira p:last-child { max-width: 60ch; margin: .55rem 0 0; color: var(--mng-tinta-2); } .mng-tenda-movementos { border-top: 1px solid var(--mng-borde); } .mng-tenda-movemento { display: grid; grid-template-columns: minmax(11rem, 1.4fr) minmax(5rem, .45fr) minmax(6rem, .5fr) minmax(15rem, 1fr); gap: 1rem; align-items: center; padding: .9rem .25rem; border-bottom: 1px solid var(--mng-borde); } .mng-tenda-movemento__principal strong, .mng-tenda-movemento__principal span { display: block; } .mng-tenda-movemento__principal strong { color: var(--mng-tinta); font-size: 1.05rem; letter-spacing: .04em; } .mng-tenda-movemento__principal span { margin-top: .15rem; color: var(--mng-tinta-3); font-size: .86rem; } .mng-tenda-movemento__importe { font-size: 1.12rem; font-variant-numeric: tabular-nums; } .mng-estado-pago { display: inline-flex; width: fit-content; padding: .25rem .55rem; border-radius: 999px; font-size: .78rem; font-weight: 800; } .mng-estado-pago.is-paid { color: #1d6240; background: #e2f1e8; } .mng-estado-pago.is-pending { color: #805300; background: #fff0c9; } .mng-tenda-movemento__documento { display: flex; justify-content: flex-end; gap: .45rem; } .mng-tenda-baleiro { display: grid; min-height: 13rem; padding: 2rem; place-items: center; align-content: center; gap: .35rem; color: var(--mng-tinta-2); background: #f3f6f7; border: 1px dashed #bdcbd2; text-align: center; } .mng-tenda-baleiro > .fa { color: var(--mng-azul); font-size: 2rem; } .mng-tenda-baleiro p { margin: 0; } .mng-paxinacion { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; margin-top: 1.5rem; } .mng-paxinacion > :last-child { justify-self: end; } .mng-tenda-form { max-width: 960px; } .mng-tenda-form__grupo { margin-bottom: 1rem; background: #fff; border: 1px solid var(--mng-borde); border-radius: 9px; } .mng-tenda-form__grupo > summary { display: flex; min-height: 64px; padding: .85rem 1rem; align-items: center; justify-content: space-between; gap: 1rem; list-style: none; cursor: pointer; } .mng-tenda-form__grupo > summary::-webkit-details-marker { display: none; } .mng-tenda-form__grupo > summary > span:first-child { display: grid; } .mng-tenda-form__grupo > summary strong { font-size: 1.05rem; } .mng-tenda-form__grupo > summary small { color: var(--mng-tinta-3); } .mng-tenda-form__grupo > summary > .fa { color: var(--mng-acento); transition: transform .2s ease; } .mng-tenda-form__grupo[open] > summary > .fa { transform: rotate(180deg); } .mng-tenda-form__campos { margin: 0; padding: 1.25rem 1rem 1.4rem; border-top: 1px solid var(--mng-borde); } .mng-tenda-acceso { display: flex; margin: 1rem 0; padding: 1rem; align-items: center; justify-content: space-between; gap: 1rem; background: var(--mng-azul-suave); border-radius: 8px; } .mng-tenda-acceso > div { display: flex; align-items: center; gap: .85rem; } .mng-tenda-acceso > div > .fa { color: var(--mng-azul-forte); font-size: 1.8rem; } .mng-tenda-acceso h2 { margin: 0; font-size: 1rem; } .mng-tenda-acceso p { margin: .1rem 0 0; font-weight: 700; } .mng-tenda-form__accions { display: flex; gap: .75rem; margin-top: 1.25rem; } .mng-tenda-upload { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem 1rem; max-width: 680px; padding: clamp(1.25rem, 3vw, 2rem); background: #f3f6f7; border: 1px solid var(--mng-borde); border-radius: 9px; } .mng-tenda-upload > .fa { grid-row: 1 / span 2; color: var(--mng-azul); font-size: 2rem; } .mng-tenda-upload h2 { margin: 0; font-size: 1.2rem; } .mng-tenda-upload p { margin: 0; color: var(--mng-tinta-2); } .mng-tenda-upload__form { grid-column: 1 / -1; margin-top: 1rem; } .mng-asistente-progreso { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 620px; margin: 0 0 1.25rem; padding: 0; list-style: none; } .mng-asistente-progreso li { display: flex; align-items: center; gap: .45rem; color: var(--mng-tinta-3); font-size: .86rem; font-weight: 700; } .mng-asistente-progreso li::after { height: 1px; flex: 1; margin-right: .45rem; content: ''; background: var(--mng-borde); } .mng-asistente-progreso li:last-child::after { display: none; } .mng-asistente-progreso li > span { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; color: var(--mng-tinta-2); background: #edf1f3; border-radius: 50%; } .mng-asistente-progreso li.is-active { color: var(--mng-tinta); } .mng-asistente-progreso li.is-active > span { color: #fff; background: var(--mng-acento); } .mng-canje-form.is-assisted [hidden] { display: none !important; } .mng-canje-form .mng-canje-bloque { max-width: 820px; padding-top: 1rem; } .mng-canje-form .mng-scanner, .mng-canje-form .mng-bonos-campos, .mng-canje-form .mng-canje-telefono { margin-left: 3.4rem; } .mng-scanner__inicio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; } .mng-scanner__inicio .btn { width: 100%; } .mng-scanner__contador { grid-column: 1 / -1; } .mng-scanner__capturados { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .75rem; } .mng-scanner__capturados span { padding: .3rem .55rem; color: #1d6240; background: #e2f1e8; border-radius: 999px; font-size: .78rem; font-weight: 800; letter-spacing: .04em; } .mng-scanner__guia span { position: relative; width: min(62%, 19rem); height: auto; aspect-ratio: 1; border-radius: 12px; } .mng-scanner__guia span::after { position: absolute; right: -2rem; bottom: calc(100% + 1rem); left: -2rem; content: 'Centra un QR no cadrado'; color: #fff; font-size: .92rem; font-weight: 800; text-align: center; text-shadow: 0 1px 3px rgba(0, 0, 0, .8); } .mng-scanner__visor-accions { gap: .55rem; } .mng-canje-manual { max-width: 760px; margin: 1rem 0 0 3.4rem; border-top: 1px solid var(--mng-borde); } .mng-canje-manual > summary { display: flex; min-height: 46px; align-items: center; gap: .5rem; color: var(--mng-acento); font-weight: 700; cursor: pointer; } .mng-canje-manual .mng-bonos-campos { margin: .5rem 0 0; } .mng-canje-continuar { max-width: 760px; margin: 1rem 0 0 3.4rem; } .mng-canje-continuar .btn { min-width: 15rem; } .mng-canje-paso-accions { margin: .5rem 0 0 3.4rem; } .mng-canje-seleccion { display: flex; max-width: 30rem; margin: .75rem 0 0 3.4rem; flex-wrap: wrap; gap: .4rem; align-items: center; } .mng-canje-seleccion strong { width: 100%; font-size: .86rem; } .mng-canje-seleccion span { padding: .25rem .5rem; color: #1d6240; background: #e2f1e8; border-radius: 999px; font-size: .76rem; font-weight: 800; } @media (max-width: 991.98px) { .mng-tenda-portada { grid-template-columns: 120px minmax(0, 1fr); } .mng-tenda-portada__logo { width: 120px; } .mng-tenda-portada__accions { grid-column: 1 / -1; justify-content: flex-start; } .mng-tenda-inicio { grid-template-columns: 1fr; } .mng-tenda-movemento { grid-template-columns: minmax(10rem, 1fr) auto auto; } .mng-tenda-movemento__documento { grid-column: 1 / -1; justify-content: flex-start; } } @media (max-width: 767.98px) { .mng-tenda-subnav { display: none; } .mng-tenda-area .mng-pe { display: none; } .mng-tenda-area #contenido { margin-top: 0; padding: 1.25rem 1rem 2rem; border-radius: 0; } .mng-tenda-portada { grid-template-columns: 84px minmax(0, 1fr); gap: .8rem; margin-bottom: 1rem; padding-bottom: 1rem; } .mng-tenda-portada__logo { width: 84px; padding: .35rem; } .mng-tenda-portada h1 { font-size: 1.55rem; line-height: 1.05; } .mng-tenda-estado { font-size: .78rem; line-height: 1.2; } .mng-tenda-portada__accions { display: grid; grid-template-columns: 1fr 1fr; } .mng-tenda-portada__accions .btn { padding-right: .55rem; padding-left: .55rem; } .mng-tenda-inicio { gap: .75rem; margin-bottom: 2rem; } .mng-tenda-metricas { gap: .65rem; } .mng-tenda-metricas article { padding: .9rem; } .mng-tenda-metricas strong { font-size: 1.65rem; } .mng-tenda-tarefa-principal { grid-template-columns: auto minmax(0, 1fr); gap: .8rem; padding: 1rem; } .mng-tenda-tarefa-principal__icono { width: 2.8rem; height: 2.8rem; } .mng-tenda-tarefa-principal h2 { font-size: 1.12rem; } .mng-tenda-tarefa-principal p { font-size: .86rem; } .mng-tenda-tarefa-principal > .btn { grid-column: 1 / -1; width: 100%; } .mng-tenda-seccion-cabeceira, .mng-tenda-paxina-cabeceira { align-items: start; flex-direction: column; gap: .75rem; } .mng-tenda-paxina-cabeceira h1 { font-size: 1.85rem; } .mng-tenda-paxina-cabeceira .btn { width: 100%; } .mng-tenda-movementos { border-top: 0; } .mng-tenda-movemento { grid-template-columns: 1fr auto; gap: .65rem 1rem; margin-bottom: .65rem; padding: .9rem; background: #fff; border: 1px solid var(--mng-borde); border-radius: 8px; } .mng-tenda-movemento__importe { justify-self: end; } .mng-estado-pago { grid-column: 1; } .mng-tenda-movemento__documento { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; } .mng-tenda-movemento__documento .btn:only-child { grid-column: 1 / -1; } .mng-paxinacion { gap: .45rem; font-size: .82rem; } .mng-paxinacion .btn { padding-right: .55rem; padding-left: .55rem; } .mng-tenda-form__grupo > summary { min-height: 58px; } .mng-tenda-form__campos { padding: 1rem .8rem 1.2rem; } .mng-tenda-acceso { align-items: stretch; flex-direction: column; } .mng-tenda-acceso .btn { width: 100%; } .mng-tenda-form__accions { position: sticky; z-index: 20; bottom: calc(4.35rem + env(safe-area-inset-bottom, 0px)); padding: .65rem; background: rgba(255, 255, 255, .96); border-top: 1px solid var(--mng-borde); } .mng-tenda-form__accions .btn:first-child { flex: 1; } .mng-asistente-progreso { margin-bottom: .65rem; } .mng-asistente-progreso li { gap: .3rem; font-size: .72rem; } .mng-asistente-progreso li::after { margin-right: .25rem; } .mng-asistente-progreso li > span { width: 1.55rem; height: 1.55rem; } .mng-canje-cabeceira { margin-bottom: .65rem; } .mng-canje-cabeceira .mng-kicker { margin-bottom: .2rem; } .mng-canje-cabeceira h1 { margin-bottom: .25rem; font-size: 1.9rem; } .mng-canje-cabeceira p:last-child { margin-bottom: 0; font-size: .9rem; } .mng-canje-form .mng-canje-bloque { padding: .65rem 0 0; } .mng-canje-paso { grid-template-columns: 2rem minmax(0, 1fr); gap: .7rem; margin-bottom: .8rem; } .mng-canje-paso > span { width: 2rem; height: 2rem; } .mng-canje-paso h2 { font-size: 1.2rem; } .mng-canje-paso p { font-size: .84rem; line-height: 1.4; } .mng-canje-form .mng-scanner, .mng-canje-form .mng-bonos-campos, .mng-canje-form .mng-canje-telefono, .mng-canje-manual, .mng-canje-continuar, .mng-canje-paso-accions { margin-left: 0; } .mng-canje-seleccion { margin-left: 0; } .mng-scanner__inicio { grid-template-columns: 1fr 1fr; } .mng-scanner__inicio > [data-scanner-start] { grid-column: 1 / -1; } .mng-scanner__inicio .mng-scanner__contador { grid-column: 1 / -1; } .mng-scanner__estado { margin: .65rem 0 .15rem; font-size: .88rem; line-height: 1.4; } .mng-scanner__axuda { font-size: .78rem; } .mng-canje-manual { margin-top: .65rem; } .mng-canje-manual > summary { min-height: 42px; font-size: .86rem; } .mng-canje-continuar { margin-top: .65rem; } .mng-canje-continuar .btn { width: 100%; min-width: 0; } .mng-canje-form .mng-canje-accions { position: sticky; z-index: 20; bottom: calc(4.35rem + env(safe-area-inset-bottom, 0px)); padding: .65rem 0; background: #fff; } .mng-canje-form .mng-canje-accions .btn { width: 100%; } body.mng-scanner-aberto { overflow: hidden; } body.mng-scanner-aberto .mng-cabeceira { visibility: hidden; } .mng-scanner__visor { position: fixed; z-index: 820; inset: 0; width: 100%; height: 100dvh; margin: 0; border-radius: 0; aspect-ratio: auto; } .mng-scanner__visor-accions { bottom: calc(1rem + env(safe-area-inset-bottom, 0px)); flex-wrap: wrap; } .mng-scanner__visor-accions .btn { min-height: 48px; } body.mng-scanner-aberto .mng-nav-mobil { display: none; } } .mng-nav-mobil { display: none; } @media (max-width: 767.98px) { body.mng-publico, body.mng-interno { padding-bottom: calc(4.35rem + env(safe-area-inset-bottom, 0px)); } .mng-nav-mobil { position: fixed; z-index: 700; right: 0; bottom: 0; left: 0; display: block; padding-bottom: env(safe-area-inset-bottom, 0px); color: #fff; background: #0c1d27; border-top: 1px solid rgba(255, 255, 255, .16); box-shadow: 0 -10px 30px rgba(12, 29, 39, .18); } .mng-nav-mobil__interior { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; width: min(100%, 34rem); min-height: 4.35rem; margin: 0 auto; } .mng-nav-mobil__item { position: relative; display: flex; min-width: 0; min-height: 4.35rem; padding: .58rem .3rem .45rem; align-items: center; justify-content: center; flex-direction: column; gap: .24rem; color: rgba(255, 255, 255, .74); font-size: clamp(.72rem, 3.2vw, .82rem); font-weight: 700; line-height: 1.05; text-align: center; text-decoration: none; -webkit-tap-highlight-color: transparent; } .mng-nav-mobil__item > .fa { font-size: 1.22rem; line-height: 1; } .mng-nav-mobil__item::before { position: absolute; top: 0; right: .7rem; left: .7rem; height: 3px; content: ''; background: transparent; border-radius: 0 0 3px 3px; } .mng-nav-mobil__item:hover, .mng-nav-mobil__item:focus-visible, .mng-nav-mobil__item.is-active { color: #fff; background: rgba(255, 255, 255, .07); } .mng-nav-mobil__item:focus-visible { z-index: 1; outline: 3px solid #fff; outline-offset: -4px; } .mng-nav-mobil__item.is-active::before { background: #d64f7c; } .mng-nav-mobil__item.is-disabled { color: rgba(255, 255, 255, .4); cursor: not-allowed; } } @media print { @page { size: A4 portrait; margin: 10mm; } .mng-publico.mng-vista-g .mng-cabeceira, .mng-nav-mobil, .mng-publico.mng-vista-g .mng-pe, .mng-publico.mng-vista-g .mng-wallet__cabeceira, .mng-publico.mng-vista-g .mng-wallet__estado, .mng-publico.mng-vista-g .mng-wallet__navegacion, .mng-publico.mng-vista-g .mng-wallet__accions, .mng-publico.mng-vista-g .mng-bono-carteira__gardar, .mng-publico.mng-vista-g .mng-cookies { display: none !important; } .mng-publico.mng-vista-g, .mng-publico.mng-vista-g #contenido, .mng-publico.mng-vista-g .mng-principal, .mng-publico.mng-vista-g .mng-wallet { width: 100%; max-width: none; margin: 0; padding: 0; background: #fff; } .mng-publico.mng-vista-g .mng-wallet__escenario { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7mm; align-items: start; } .mng-publico.mng-vista-g .mng-bono-carteira, .mng-publico.mng-vista-g .mng-bono-carteira[hidden] { display: block; width: 100%; break-inside: avoid; box-shadow: none; } .mng-publico.mng-vista-g .mng-bono-carteira__topo { min-height: 24mm; print-color-adjust: exact; -webkit-print-color-adjust: exact; } .mng-publico.mng-vista-g .mng-bono-carteira__qr { width: 42mm; } .mng-publico.mng-vista-g .mng-bono-carteira__barras img { height: 18mm; } .mng-publico.mng-vista-g .mng-bono-carteira__instrucion { margin-bottom: 0; font-size: 8pt; } }