@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; } .btn:focus-visible { outline: 3px solid var(--mng-acento); outline-offset: 2px; } .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); } .btn-outline-primary { --bs-btn-color: var(--mng-tinta); --bs-btn-border-color: var(--mng-tinta); --bs-btn-hover-bg: var(--mng-tinta); --bs-btn-hover-border-color: var(--mng-tinta); --bs-btn-active-bg: #16303e; --bs-btn-active-border-color: #16303e; --bs-btn-disabled-color: 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-cabeceira { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; } #contenido > .mng-panel-cabeceira h1 { margin: 0; font-size: clamp(1.35rem, 1.1rem + 1.2vw, 2rem); } .mng-panel-perfil { display: grid; flex: 0 0 auto; width: 2.75rem; height: 2.75rem; place-items: center; color: var(--mng-azul-forte); background: var(--mng-azul-suave); border-radius: 50%; font-size: 1.2rem; text-decoration: none; } .mng-panel-perfil:hover, .mng-panel-perfil:focus-visible { color: #fff; background: var(--mng-azul-forte); } .mng-packs { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); gap: .75rem; margin: 0 0 1rem; padding: 0; list-style: none; } .mng-pack { display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid var(--mng-borde); border-left: 4px solid var(--mng-acento); border-radius: var(--mng-r-caixa); box-shadow: var(--mng-e1); } .mng-pack.is-pendente { border-left-color: var(--mng-aviso); } .mng-pack.is-esgotado { border-left-color: var(--mng-borde); } .mng-pack__corpo { flex: 1 1 auto; padding: .75rem .9rem .6rem; } .mng-pack__cabeza { display: flex; align-items: center; justify-content: space-between; gap: .5rem; } .mng-pack__numero { color: var(--mng-tinta); font-size: 1.15rem; font-weight: 780; letter-spacing: .03em; font-variant-numeric: tabular-nums; } .mng-pack__etiqueta { flex: 0 0 auto; padding: .15rem .55rem; color: var(--mng-tinta-2); background: var(--mng-fondo); border-radius: 999px; font-size: .82rem; font-weight: 650; white-space: nowrap; } .mng-pack__etiqueta strong { color: var(--mng-acento); font-variant-numeric: tabular-nums; } .mng-pack__etiqueta.is-esgotado strong { color: var(--mng-tinta-3); } .mng-pack__etiqueta.is-pendente { color: var(--mng-aviso); background: #fff4dc; } .mng-pack__bonos { display: flex; gap: .3rem; margin-top: .55rem; } .mng-pack__bonos span { flex: 1 1 0; height: .4rem; background: var(--mng-acento); border-radius: 999px; } .mng-pack__bonos span.is-usado { background: var(--mng-borde); } .mng-pack__detalle { margin: .45rem 0 0; color: var(--mng-tinta-3); font-size: .85rem; } .mng-pack__accions { display: flex; border-top: 1px solid var(--mng-borde); } .mng-pack__accion { display: flex; flex: 1 1 0; min-height: 48px; align-items: center; justify-content: center; gap: .45rem; color: var(--mng-acento); font-weight: 700; text-decoration: none; } .mng-pack__accion + .mng-pack__accion { border-left: 1px solid var(--mng-borde); } .mng-pack__accion.is-principal { color: #fff; background: var(--mng-acento); } .mng-pack__accion:hover { color: var(--mng-acento-forte); background: var(--mng-acento-suave); } .mng-pack__accion.is-principal:hover { color: #fff; background: var(--mng-acento-forte); } .mng-packs__baleiro { margin: 0 0 1rem; color: var(--mng-tinta-3); } .mng-packs__mercar { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; padding: .6rem .9rem; color: var(--mng-tinta-2); background: var(--mng-acento-suave); border-radius: var(--mng-r-caixa); font-size: .88rem; line-height: 1.3; text-decoration: none; } .mng-packs__mercar img { flex: 0 0 auto; width: 3.5rem; height: 3.5rem; object-fit: contain; } #contenido .mng-packs__mercar img { max-width: 3.5rem; } .mng-packs__mercar > span:nth-child(2) { flex: 1 1 auto; } .mng-packs__mercar strong { display: block; color: var(--mng-acento); font-size: 1rem; } .mng-packs__mercar .fa { color: var(--mng-acento); } .mng-packs__axuda { display: flex; min-height: 44px; align-items: center; justify-content: center; gap: .45rem; color: #1f7a43; font-weight: 700; text-decoration: none; } .mng-packs__axuda .fa { font-size: 1.25rem; } .mng-datos-fixos { display: flex; flex-wrap: wrap; gap: .5rem 2rem; margin: 0 0 1rem; } .mng-datos-fixos dt { color: var(--mng-tinta-3); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .mng-datos-fixos dd { margin: 0; color: var(--mng-tinta); font-weight: 650; } .mng-datos-form { max-width: 28rem; } .mng-datos-clave { margin-bottom: 1rem; } .mng-datos-clave > summary { display: flex; min-height: 44px; align-items: center; gap: .45rem; color: var(--mng-acento); font-weight: 700; cursor: pointer; } .mng-datos-clave__axuda { margin: -.5rem 0 0; color: var(--mng-tinta-3); font-size: .85rem; } .mng-datos-nota { max-width: 28rem; margin: 1rem 0; color: var(--mng-tinta-3); font-size: .88rem; } .mng-datos-sair { max-width: 28rem; } @media (max-width: 575.98px) { #contenido:has(> .mng-panel-cabeceira) { margin-top: .5rem; margin-bottom: 1rem; padding: .9rem .75rem; } .mng-panel-cabeceira { margin-bottom: .75rem; } } .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; } :is(.mng-publico, .mng-interno) .mng-cabeceira { border-bottom: 3px solid var(--mng-acento); box-shadow: 0 10px 30px rgba(12, 29, 39, .12); } :is(.mng-publico, .mng-interno) .mng-cabeceira .container, :is(.mng-publico, .mng-interno) .mng-pe .container { max-width: 1320px; } :is(.mng-publico, .mng-interno) .mng-cabeceira .navbar { min-height: 76px; } :is(.mng-publico, .mng-interno) .mng-cabeceira .navbar-brand { display: inline-flex; align-items: center; gap: .85rem; margin-right: 2rem; } :is(.mng-publico, .mng-interno) .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) { :is(.mng-publico, .mng-interno) .mng-marca__lema { display: block; } } :is(.mng-publico, .mng-interno) .mng-cabeceira .nav-link { position: relative; border-radius: 0; padding: .75rem .72rem; color: rgba(255, 255, 255, .76); } :is(.mng-publico, .mng-interno) .mng-cabeceira .nav-link .fa { display: none; } :is(.mng-publico, .mng-interno) .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; } :is(.mng-publico, .mng-interno) .mng-cabeceira .nav-link:hover, :is(.mng-publico, .mng-interno) .mng-cabeceira .nav-link:focus, :is(.mng-publico, .mng-interno) .mng-cabeceira .nav-link.active { background: transparent; box-shadow: none; } :is(.mng-publico, .mng-interno) .mng-cabeceira .nav-link:hover::after, :is(.mng-publico, .mng-interno) .mng-cabeceira .nav-link:focus::after, :is(.mng-publico, .mng-interno) .mng-cabeceira .nav-link.active::after { transform: scaleX(1); } :is(.mng-publico, .mng-interno) .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-tarxetas { display: grid; grid-template-columns: 1fr; gap: clamp(1rem, 2vw, 1.75rem); } .mng-tarxeta { display: flex; flex-direction: column; align-items: flex-start; padding: clamp(1.35rem, 3vw, 2rem); 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-tarxeta:hover { border-color: rgba(170, 42, 84, .28); box-shadow: 0 18px 36px rgba(57, 43, 34, .1); transform: translateY(-4px); } .mng-tarxeta__icona { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; margin-bottom: 1rem; color: var(--mng-acento); background: var(--mng-acento-suave); border-radius: 50%; font-size: 1.2rem; } .mng-tarxeta h3 { margin-bottom: .5rem; font-size: 1.3rem; line-height: 1.18; } .mng-tarxeta p { flex: 1; max-width: var(--mng-ancho-texto); margin-bottom: 1.25rem; color: var(--mng-tinta-2); } .mng-tarxeta__accions { display: flex; flex-wrap: wrap; gap: .75rem; } .mng-tarxeta--ancha { background: var(--mng-crema); } @media (min-width: 768px) { .mng-tarxetas { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mng-tarxeta--ancha { grid-column: 1 / -1; } } @media (max-width: 575.98px) { .mng-tarxeta__accions { flex-direction: column; align-self: stretch; } .mng-tarxeta__accions .btn { width: 100%; min-height: 48px; } } @media (prefers-reduced-motion: reduce) { .mng-tarxeta, .mng-tarxeta:hover { transition: none; transform: none; } } .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: 0; 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); } :is(.mng-publico, .mng-interno) .mng-pe { position: relative; padding-top: 4rem; border-top: 4px solid var(--mng-azul); } :is(.mng-publico, .mng-interno) .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; } :is(.mng-publico, .mng-interno) .mng-pe__grella { position: relative; } :is(.mng-publico, .mng-interno) .mng-pe__marca { max-width: 25rem; } :is(.mng-publico, .mng-interno) .mng-pe__logo { width: 136px; } :is(.mng-publico, .mng-interno) .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: 960px; } .mng-encadre { margin: 1rem 0 1.5rem; } .mng-encadre__marco { position: relative; aspect-ratio: 86 / 32; overflow: hidden; background: #fff; border: 1px solid var(--mng-borde); border-radius: 10px; cursor: grab; touch-action: none; user-select: none; } .mng-encadre__marco.is-arrastrando { cursor: grabbing; } .mng-encadre__marco:focus-visible { outline: 3px solid var(--mng-acento); outline-offset: 2px; } .mng-encadre__marco canvas { display: block; width: 100%; height: 100%; } .mng-encadre__baleiro { position: absolute; inset: 0; display: grid; place-content: center; gap: .4rem; margin: 0; padding: 1rem; text-align: center; color: var(--mng-tinta-3); background: var(--mng-fondo); cursor: default; } .mng-encadre__baleiro .fa { font-size: 1.6rem; } .mng-encadre__axuda { margin: .5rem 0 .9rem; color: var(--mng-tinta-3); font-size: .88rem; } .mng-encadre__controis { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; } .mng-encadre__tamano { display: flex; align-items: center; gap: .5rem; } .mng-encadre__tamano label { font-weight: 600; } .mng-encadre__tamano .form-range { width: 10rem; } .mng-encadre__botons { display: flex; flex-wrap: wrap; gap: .4rem; } .mng-encadre__fondo { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1rem; margin: 0; } .mng-encadre__fondo legend { float: none; width: auto; margin: 0 .25rem 0 0; font-size: 1rem; font-weight: 600; } .mng-encadre__cor { display: inline-flex; align-items: center; gap: .35rem; } .mng-encadre__mostra-cor { display: inline-block; width: 1.15rem; height: 1.15rem; border: 1px solid #8a979f; border-radius: 4px; } .mng-encadre__cor input[type="color"] { width: 2rem; height: 1.5rem; padding: 0; border: 1px solid #8a979f; border-radius: 4px; background: none; } .mng-encadre__aviso { margin: .75rem 0 0; color: var(--mng-aviso); font-size: .92rem; } .mng-encadre__mostras { display: grid; grid-template-columns: minmax(0, 1fr) 12.5rem; gap: 1.5rem; align-items: end; margin-top: 1.25rem; padding: 1.25rem; background: var(--mng-fondo); border-radius: var(--mng-r-caixa); } .mng-encadre__vista { margin: 0; } .mng-encadre__vista figcaption { margin-bottom: .5rem; color: var(--mng-tinta-3); font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .mng-encadre__grella { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; } .mng-encadre__telefono { padding: 1.1rem .45rem 1.6rem; background: var(--mng-crema); border: 6px solid var(--mng-tinta); border-radius: 1.5rem; } .mng-encadre-tarxeta { overflow: hidden; background: #fff; border: 1px solid rgba(12, 29, 39, .09); border-radius: 2px 2px 12px 2px; } .mng-encadre-tarxeta.is-outra { opacity: .5; } .mng-encadre-tarxeta__visual { aspect-ratio: 86 / 32; background: #fff; } .mng-encadre-tarxeta__visual canvas { display: block; width: 100%; height: 100%; } .mng-encadre-tarxeta__corpo { padding: .45rem .55rem .65rem; } .mng-encadre-tarxeta__tipo { display: block; color: var(--mng-acento); font-size: .55rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; } .mng-encadre-tarxeta__nome { display: block; overflow: hidden; font-size: .78rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; } .mng-encadre-tarxeta__raia { display: block; height: .4rem; margin-top: .3rem; background: #e3e8eb; border-radius: 3px; } .mng-encadre-tarxeta__raia.is-curta { width: 60%; } @media (max-width: 991.98px) { :is(.mng-publico, .mng-interno) .mng-cabeceira .nav-link::after { display: none; } :is(.mng-publico, .mng-interno) .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: minmax(0, 1fr); width: 100%; } .mng-publico .mng-cookies__botons .btn { width: 100%; min-width: 0; } .mng-encadre__mostras { grid-template-columns: minmax(0, 1fr); } .mng-encadre__telefono { max-width: 15rem; margin: 0 auto; } } .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 { max-width: 26rem; } .mng-acceso--ancho { max-width: 46rem; } .mng-acceso__axuda { margin-bottom: 1.25rem; } .mng-acceso button[type="submit"] { width: 100%; margin-top: .25rem; } .mng-acceso__olvido { margin: .75rem 0 0; text-align: center; } .mng-acceso__alta { margin: 1.5rem 0 0; font-size: .95rem; } .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, :is(.mng-publico, .mng-interno) .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; } :is(.mng-publico, .mng-interno) .mng-cabeceira { border-bottom-width: 2px; box-shadow: none; } :is(.mng-publico, .mng-interno) .mng-cabeceira .container, :is(.mng-publico, .mng-interno) .mng-pe .container { max-width: var(--mng-publico-ancho); } :is(.mng-publico, .mng-interno) .mng-cabeceira .navbar { min-height: 74px; } :is(.mng-publico, .mng-interno) .mng-cabeceira .navbar-brand img { width: 80px; } :is(.mng-publico, .mng-interno) .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)); } } :is(.mng-publico, .mng-interno) .mng-pe { padding-top: 3.5rem; border-top-width: 2px; } :is(.mng-publico, .mng-interno) .mng-pe::before { display: none; } :is(.mng-publico, .mng-interno) .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-cookies, .mng-publico .mng-cookies__caixa { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } .mng-publico .mng-cookies { padding: .6rem; } .mng-publico.mng-vista-login #contenido, .mng-publico.mng-vista-registro #contenido, .mng-publico.mng-vista-registrotienda #contenido { padding-top: 1.25rem; } .mng-publico.mng-vista-login #contenido > h1:first-child, .mng-publico.mng-vista-registro #contenido > h1:first-child, .mng-publico.mng-vista-registrotienda #contenido > h1:first-child { margin-bottom: .35rem; font-size: 2rem; } } @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; padding: .5rem .4rem; font-size: .9rem; } .mng-publico .mng-cookies__caixa { padding: .85rem; } .mng-publico .mng-cookies__texto { margin-bottom: .65rem; font-size: .84rem; line-height: 1.4; } } .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__corpo { padding: clamp(.75rem, 4vw, 1.5rem); text-align: center; } .mng-bono-carteira__estado { display: flex; justify-content: space-between; margin: 0 0 .35rem; color: #17633b; font-size: .9rem; font-weight: 750; } .mng-bono-carteira.is-used .mng-bono-carteira__estado { color: #50636e; } .mng-bono-carteira__posicion { color: var(--mng-tinta-3); font-variant-numeric: tabular-nums; } .mng-bono-carteira__visor { display: grid; gap: .25rem; align-items: center; } .mng-bono-carteira__visor.has-frechas { grid-template-columns: auto minmax(0, 1fr) auto; } .mng-bono-carteira__frecha { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; padding: 0; color: var(--mng-acento); background: var(--mng-acento-suave); border: 0; border-radius: 50%; font-size: 1.1rem; -webkit-tap-highlight-color: transparent; } .mng-bono-carteira__frecha:hover { color: #fff; background: var(--mng-acento); } .mng-bono-carteira__frecha:focus-visible { outline: 3px solid var(--mng-acento); outline-offset: 2px; } .mng-bono-carteira__importe { margin: .35rem 0 0; color: var(--mng-acento); font-size: clamp(2rem, 9vw, 2.6rem); font-weight: 780; line-height: 1; font-variant-numeric: tabular-nums; } .mng-bono-carteira.is-used .mng-bono-carteira__importe { color: #50636e; } .mng-bono-carteira__qr { display: grid; width: min(100%, 320px); 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__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__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__corpo { padding: .5rem .35rem .6rem; } .mng-bono-carteira__estado { margin: 0 .4rem .2rem; font-size: .78rem; } .mng-bono-carteira__visor.has-frechas { gap: .1rem; } .mng-bono-carteira__frecha { width: 2.25rem; height: 2.75rem; border-radius: 999px; } .mng-bono-carteira__qr { width: 100%; max-width: 320px; padding: 2px; } .mng-bono-carteira__usado { min-height: 13rem; } .mng-bono-carteira__importe { margin-top: .15rem; font-size: 2.1rem; } .mng-bono-carteira__referencia { margin: .1rem 0 .15rem; font-size: 1rem; } .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__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__qr { max-width: min(62vw, 230px); margin: 0 auto; } .mng-bono-carteira__importe { font-size: 1.8rem; } .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-insignia { display: inline-flex; min-width: 1.3rem; height: 1.3rem; padding: 0 .35rem; align-items: center; justify-content: center; color: #fff; background: var(--mng-erro); border-radius: 999px; font-size: .72rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; } .mng-tenda-subnav .mng-insignia { margin-left: .1rem; } .mng-nav-mobil__item .mng-insignia { position: absolute; top: .35rem; left: calc(50% + .35rem); box-shadow: 0 0 0 2px #0c1d27; } .mng-filtro-estado { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin-bottom: 1rem; } .mng-filtro-estado__opcion { display: inline-flex; min-height: 42px; padding: .4rem .8rem; align-items: center; gap: .45rem; color: var(--mng-tinta-2); background: #fff; border: 1px dashed #9aa9b1; border-radius: 999px; font-weight: 700; text-decoration: none; } .mng-filtro-estado__opcion .fa { font-size: 1.1rem; } .mng-filtro-estado__opcion:not(.is-active) { color: #6b7a83; } .mng-filtro-estado__opcion:not(.is-active) .mng-filtro-estado__numero { text-decoration: line-through; opacity: .7; } .mng-filtro-estado__opcion:hover, .mng-filtro-estado__opcion:focus-visible { color: var(--mng-tinta); border-color: var(--mng-azul); } .mng-filtro-estado__opcion.is-active { color: #fff; background: var(--mng-tinta); border: 1px solid var(--mng-tinta); } .mng-filtro-estado__numero { min-width: 1.4rem; padding: .05rem .4rem; color: var(--mng-tinta-2); background: #edf2f4; border-radius: 999px; font-size: .78rem; text-align: center; font-variant-numeric: tabular-nums; } .mng-filtro-estado__opcion.is-aviso .mng-filtro-estado__numero { color: #fff; background: var(--mng-erro); } .mng-filtro-estado__opcion.is-active:not(.is-aviso) .mng-filtro-estado__numero { color: var(--mng-tinta); background: #fff; } .mng-filtro-estado__xustificar { min-height: 42px; margin-left: auto; padding: .4rem .9rem; color: #fff; background: var(--mng-erro); border-color: var(--mng-erro); border-radius: 999px; font-weight: 800; } .mng-filtro-estado__xustificar:hover, .mng-filtro-estado__xustificar:focus { color: #fff; background: #8f1d17; border-color: #8f1d17; } .mng-aviso-xustificantes .fa { margin-right: .25rem; } .mng-troco.is-sen-xustificar { box-shadow: inset 3px 0 0 var(--mng-erro); } .mng-troco-bonos { display: flex; flex-wrap: wrap; gap: .3rem; margin: .45rem 0 0; padding: 0; list-style: none; } .mng-troco-bonos li { padding: .12rem .5rem; color: var(--mng-tinta-2); background: #f3f6f7; border: 1px solid var(--mng-borde); border-radius: 6px; font-size: .8rem; font-variant-numeric: tabular-nums; } .mng-tenda-movemento__principal .mng-troco-bonos li strong { display: inline; color: var(--mng-tinta); font-size: inherit; letter-spacing: .04em; } .mng-troco-bonos--grande { margin-bottom: 1.25rem; } .mng-troco-bonos--grande li { padding: .3rem .7rem; font-size: .95rem; } .mng-troco-estados { display: flex; flex-direction: column; align-items: flex-start; gap: .3rem; } .mng-estado-xustificante { display: inline-flex; width: fit-content; padding: .25rem .55rem; align-items: center; gap: .3rem; border-radius: 999px; font-size: .78rem; font-weight: 800; } .mng-estado-xustificante.is-ok { color: #1d6240; background: #e2f1e8; } .mng-estado-xustificante.is-pending { color: var(--mng-erro); background: #fbe9e7; } .mng-xustificante-orixes { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: .6rem; } .mng-xustificante-orixe { display: flex; min-height: 4.5rem; padding: .9rem 1rem; align-items: center; gap: .75rem; color: var(--mng-tinta); background: #fff; border: 2px dashed #bdcbd2; border-radius: 9px; font-weight: 700; cursor: pointer; } .mng-xustificante-orixe > .fa { color: var(--mng-azul); font-size: 1.5rem; } .mng-xustificante-orixe:hover, .mng-xustificante-orixe:focus-within { border-color: var(--mng-azul); background: var(--mng-azul-suave); } .mng-xustificante-orixe:focus-within { outline: 3px solid var(--mng-azul); outline-offset: 2px; } @media (hover: hover) and (pointer: fine) { .mng-xustificante-orixe--camara { display: none; } } .mng-xustificante-seleccion { display: flex; margin-top: .75rem; padding: .6rem; align-items: center; gap: .75rem; background: #fff; border: 1px solid var(--mng-borde); border-radius: 8px; overflow-wrap: anywhere; } .mng-xustificante-seleccion img { width: 72px; height: 72px; object-fit: cover; border-radius: 6px; } .mng-xustificante-seleccion > .fa { color: var(--mng-erro); font-size: 2rem; } .mng-xustificante-quitar { margin-left: auto; white-space: nowrap; } .mng-xustificante-estado { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .5rem .9rem; align-items: center; max-width: 680px; margin: 0 0 1rem; padding: .75rem .9rem; background: #fff; border: 1px solid var(--mng-borde); border-left: 4px solid var(--mng-ok); border-radius: 9px; } .mng-xustificante-estado.is-novo { background: #eef7f1; animation: mng-lido-entrar .25s ease-out; } .mng-xustificante-estado__vista { display: grid; width: 56px; height: 56px; place-items: center; overflow: hidden; color: var(--mng-erro); background: #f3f6f7; border-radius: 6px; font-size: 1.8rem; } .mng-xustificante-estado__vista img { width: 100%; height: 100%; object-fit: cover; } .mng-xustificante-estado__texto { display: grid; gap: .1rem; } .mng-xustificante-estado__texto strong { color: var(--mng-ok); } .mng-xustificante-estado__texto span { color: var(--mng-tinta-2); font-size: .9rem; } .mng-xustificante-estado__accions { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: flex-end; } .mng-xustificante-borrar { margin: 0; } @media (max-width: 575.98px) { .mng-xustificante-estado { grid-template-columns: auto minmax(0, 1fr); } .mng-xustificante-estado__accions { grid-column: 1 / -1; justify-content: flex-start; } } @media (prefers-reduced-motion: reduce) { .mng-xustificante-estado.is-novo { animation: none; } } .mng-xustificante-aviso-borrado { max-width: 680px; margin: 0 0 1rem; color: var(--mng-tinta-2); } .mng-tenda-upload.is-substituir { padding: .9rem 1rem; } .mng-tenda-upload.is-substituir .mng-tenda-upload__form { margin-top: .5rem; } .mng-tenda-upload__titulo-curto { grid-column: 1 / -1; font-size: 1rem !important; color: var(--mng-tinta-2); } .mng-xustificante-aviso { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .5rem 1rem; align-items: center; margin: 1.25rem 0; padding: 1rem 1.25rem; background: #fff8e6; border: 1px solid #f0d58c; border-radius: 9px; } .mng-xustificante-aviso > .fa { color: var(--mng-aviso); font-size: 1.75rem; } .mng-xustificante-aviso h2 { margin: 0; font-size: 1.1rem; } .mng-xustificante-aviso p { margin: 0; color: var(--mng-tinta-2); } .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: minmax(0, 1fr) auto auto; gap: .5rem; } .mng-scanner__inicio .btn { width: 100%; } .mng-scanner__inicio .btn.mng-scanner__icono { display: inline-grid; width: 3.25rem; min-height: 3.25rem; place-items: center; padding: 0; font-size: 1.25rem; } .mng-scanner__abrir { min-height: 3.25rem; font-size: 1.05rem; font-weight: 800; } .mng-scanner__manual { min-height: 44px; margin-top: .3rem; padding: .35rem 0; color: var(--mng-acento); font-weight: 700; text-decoration: underline; text-underline-offset: .2em; } .mng-scanner__manual:hover, .mng-scanner__manual:focus { color: var(--mng-acento-forte); } .mng-scanner__estado:empty { display: none; } .mng-canje-form.is-assisted .mng-bonos-campos { display: none; } .mng-scanner__capturados-cab { margin-top: .6rem; } .mng-scanner__capturados { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .4rem; } .mng-scanner__capturados[hidden] { display: none; } .mng-bono-chip { display: inline-flex; align-items: center; gap: .15rem; padding: .15rem .15rem .15rem .6rem; color: #1d6240; background: #e2f1e8; border-radius: 999px; font-size: .82rem; font-weight: 800; letter-spacing: .04em; } .mng-bono-chip.is-erro { color: #8f1d17; background: #fbe4e2; outline: 1px solid var(--mng-erro); } .mng-bono-chip__quitar { display: inline-grid; width: 2rem; height: 2rem; place-items: center; padding: 0; color: inherit; background: transparent; border: 0; border-radius: 50%; } .mng-bono-chip__quitar:hover, .mng-bono-chip__quitar:focus-visible { background: rgba(0, 0, 0, .08); } .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; } body.mng-camara-foto-aberta { overflow: hidden; } .mng-camara-foto { position: fixed; z-index: 1060; inset: 0; display: flex; flex-direction: column; background: #000; } .mng-camara-foto[hidden], .mng-camara-foto [hidden] { display: none; } .mng-camara-foto video { flex: 1; width: 100%; min-height: 0; object-fit: contain; } .mng-camara-foto__estado { position: absolute; top: calc(1rem + env(safe-area-inset-top, 0px)); right: 1rem; left: 1rem; max-width: 30rem; margin: 0 auto; padding: .6rem .9rem; color: #fff; background: rgba(12, 29, 39, .85); border-radius: var(--mng-r-control); font-weight: 700; text-align: center; } .mng-camara-foto__estado:empty { display: none; } .mng-camara-foto__accions { display: flex; flex-wrap: wrap; gap: .55rem; justify-content: center; padding: .85rem 1rem calc(.85rem + env(safe-area-inset-bottom, 0px)); background: rgba(0, 0, 0, .85); } .mng-camara-foto__accions .btn { min-height: 48px; } .mng-camara-foto__disparar { min-width: 11rem; font-size: 1.05rem; font-weight: 800; } @media (max-width: 575.98px) { .mng-camara-foto__disparar { flex-basis: 100%; } } .mng-troco-edicion-pechada { color: var(--mng-publico-texto-suave, #4f616b); font-size: .88rem; font-style: italic; } .mng-scanner__visor-accions .mng-scanner__disparador { order: -1; min-width: 11rem; min-height: 52px; font-size: 1.05rem; font-weight: 800; box-shadow: 0 4px 14px rgba(0, 0, 0, .35); } .mng-scanner__visor-accions [hidden] { display: none; } @media (max-width: 575.98px) { .mng-scanner__visor-accions .mng-scanner__disparador { flex-basis: 100%; } } .mng-scanner__aviso { position: absolute; z-index: 2; top: calc(1rem + env(safe-area-inset-top, 0px)); right: 1rem; left: 1rem; max-width: 30rem; margin: 0 auto; padding: .65rem .9rem; color: #fff; background: rgba(12, 29, 39, .88); border-radius: var(--mng-r-control); font-weight: 700; text-align: center; } .mng-scanner__aviso[hidden], .mng-scanner__lido[hidden] { display: none; } .mng-scanner__aviso.is-error { background: rgba(157, 36, 75, .94); } .mng-scanner__aviso.is-success { background: rgba(47, 125, 79, .94); } .mng-scanner__lido { position: absolute; z-index: 3; inset: 0; display: grid; place-items: center; padding: 1rem; background: rgba(6, 22, 31, .62); } .mng-scanner__lido-caixa { width: min(100%, 24rem); padding: 1.4rem 1.25rem 1.2rem; color: var(--mng-tinta); background: var(--mng-papel); border-radius: var(--mng-r-caixa); box-shadow: 0 12px 40px rgba(0, 0, 0, .35); text-align: center; animation: mng-lido-entrar .18s ease-out; } .mng-scanner__lido-icona { display: inline-grid; width: 3.2rem; height: 3.2rem; place-items: center; margin-bottom: .55rem; color: #fff; background: var(--mng-ok); border-radius: 50%; font-size: 1.5rem; } .mng-scanner__lido-titulo { margin: 0; font-size: 1.2rem; font-weight: 800; } .mng-scanner__lido-ref { display: inline-block; margin: .55rem 0 .35rem; padding: .3rem .7rem; color: #1d6240; background: #e2f1e8; border-radius: 999px; font-weight: 800; letter-spacing: .06em; } .mng-scanner__lido-texto { margin: 0 0 1rem; color: var(--mng-publico-texto-suave, #4f616b); } .mng-scanner__lido-accions { display: grid; gap: .55rem; } .mng-scanner__lido-accions .btn { width: 100%; min-height: 48px; } @keyframes mng-lido-entrar { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .mng-scanner__lido-caixa { animation: none; } } body.mng-canje-aviso-aberto { overflow: hidden; } .mng-canje-aviso { position: fixed; z-index: 1060; inset: 0; display: grid; place-items: center; padding: 1rem; background: rgba(6, 22, 31, .55); } .mng-canje-aviso[hidden] { display: none; } .mng-canje-aviso__caixa { width: min(100%, 26rem); padding: 1.4rem 1.25rem 1.2rem; color: var(--mng-tinta); background: var(--mng-papel); border-top: 5px solid var(--mng-erro); border-radius: var(--mng-r-caixa); box-shadow: 0 12px 40px rgba(0, 0, 0, .35); text-align: center; animation: mng-lido-entrar .18s ease-out; } .mng-canje-aviso__icona { display: inline-grid; width: 3.2rem; height: 3.2rem; place-items: center; margin-bottom: .55rem; color: #fff; background: var(--mng-erro); border-radius: 50%; font-size: 1.5rem; } .mng-canje-aviso__titulo { margin: 0 0 .5rem; font-size: 1.2rem; font-weight: 800; } .mng-canje-aviso__texto { margin: 0 0 .5rem; color: var(--mng-publico-texto-suave, #4f616b); } .mng-canje-aviso .btn { width: 100%; min-height: 48px; margin-top: .6rem; } @media (prefers-reduced-motion: reduce) { .mng-canje-aviso__caixa { animation: none; } } .mng-camara-aviso[data-tipo="antes"] .mng-canje-aviso__caixa { border-top-color: var(--mng-azul-forte); } .mng-camara-aviso[data-tipo="antes"] .mng-canje-aviso__icona { background: var(--mng-azul-forte); } .mng-camara-aviso[data-tipo="denegado"] .mng-canje-aviso__caixa, .mng-camara-aviso[data-tipo="bloqueado"] .mng-canje-aviso__caixa { border-top-color: var(--mng-aviso); } .mng-camara-aviso[data-tipo="denegado"] .mng-canje-aviso__icona, .mng-camara-aviso[data-tipo="bloqueado"] .mng-canje-aviso__icona { background: var(--mng-aviso); } .mng-camara-aviso__pasos { margin: .25rem 0 .5rem; padding-left: 1.25rem; text-align: left; } .mng-camara-aviso__pasos li + li { margin-top: .3rem; } .mng-camara-aviso__pasos[hidden], .mng-camara-aviso__alternativa[hidden] { display: none; } .mng-camara-aviso__alternativa { margin: .5rem 0 0; color: var(--mng-publico-texto-suave, #4f616b); font-size: .88rem; } .mng-camara-aviso .btn-link { margin-top: .2rem; } .mng-manual .mng-canje-aviso__caixa { border-top-color: var(--mng-acento); } .mng-manual .mng-canje-aviso__icona { background: var(--mng-acento); } .mng-manual__etiqueta { display: block; margin: .25rem 0 .35rem; font-weight: 700; text-align: left; } .mng-manual__campo { min-height: 3.25rem; font-size: 1.3rem; font-weight: 700; letter-spacing: .08em; text-align: center; text-transform: uppercase; } .mng-manual__erro { margin: .4rem 0 0; color: var(--mng-erro); font-weight: 700; text-align: left; } .mng-manual__erro[hidden], .mng-manual__lista[hidden] { display: none; } .mng-manual__lista { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .65rem; } .mng-manual__lista span { padding: .2rem .55rem; color: #1d6240; background: #e2f1e8; border-radius: 999px; font-size: .8rem; font-weight: 800; letter-spacing: .04em; } .mng-canje-exito__total { margin: .5rem 0 0; } .mng-canje-check { scroll-margin: 6rem 0 9rem; border-radius: var(--mng-r-control); } .mng-canje-check.is-pendente { padding: .6rem .75rem; background: #fdf1f1; outline: 2px solid var(--mng-erro); animation: mng-check-chamar .9s ease-out 2; } .mng-canje-check.is-pendente .form-check-input { border-color: var(--mng-erro); box-shadow: 0 0 0 .2rem rgba(179, 38, 30, .25); } .mng-canje-check__aviso { margin: .4rem 0 0; color: var(--mng-erro); font-weight: 700; } .mng-canje-check__aviso[hidden] { display: none; } @keyframes mng-check-chamar { 0% { box-shadow: 0 0 0 0 rgba(179, 38, 30, .45); } 100% { box-shadow: 0 0 0 14px rgba(179, 38, 30, 0); } } @media (prefers-reduced-motion: reduce) { .mng-canje-check.is-pendente { animation: none; } } .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-troco-estados { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; } .mng-troco.is-sen-xustificar { box-shadow: none; border-left: 4px solid var(--mng-erro); } .mng-xustificante-aviso { grid-template-columns: auto minmax(0, 1fr); } .mng-xustificante-aviso > .btn { grid-column: 1 / -1; width: 100%; } .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: minmax(0, 1fr) auto auto; } .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__accions, .mng-publico.mng-vista-g .mng-bono-carteira__gardar, .mng-publico.mng-vista-g .mng-bono-carteira__frecha, .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__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; } } .mng-progreso { display: flex; gap: .5rem; max-width: 30rem; margin: 0 0 1.25rem; padding: 0; list-style: none; } .mng-progreso__paso { display: flex; flex: 1 1 0; min-width: 0; align-items: center; gap: .45rem; padding-top: .55rem; color: var(--mng-tinta-3); font-size: .9rem; font-weight: 650; border-top: 3px solid var(--mng-borde); } .mng-progreso__numero { display: inline-flex; flex: 0 0 auto; width: 1.6rem; height: 1.6rem; align-items: center; justify-content: center; font-size: .8rem; border: 2px solid currentColor; border-radius: 50%; } .mng-progreso__nome { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mng-progreso__paso.is-actual { color: var(--mng-acento); border-top-color: var(--mng-acento); } .mng-progreso__paso.is-actual .mng-progreso__numero { color: #fff; background: var(--mng-acento); border-color: var(--mng-acento); } .mng-progreso__paso.is-feito { color: var(--mng-ok); border-top-color: var(--mng-ok); } @media (max-width: 379.98px) { .mng-progreso__paso { font-size: .8rem; } } .mng-confirmar-pack { max-width: 30rem; padding: 1rem 1.1rem; background: var(--mng-papel); border: 1px solid var(--mng-borde); border-radius: var(--mng-r-caixa); box-shadow: var(--mng-e1); } .mng-confirmar-pack__cabeza { display: flex; align-items: center; gap: .85rem; margin-bottom: .9rem; } .mng-confirmar-pack__imaxe { flex: 0 0 auto; width: 4rem; height: auto; } .mng-confirmar-pack__titulo { margin: 0; font-size: 1.25rem; font-weight: 800; line-height: 1.2; } .mng-confirmar-pack__resumo { margin: .15rem 0 0; color: var(--mng-tinta-2); font-size: .92rem; } .mng-confirmar-pack form button[type="submit"] { width: 100%; } .mng-confirmar-pack__nota { margin: .6rem 0 0; color: var(--mng-tinta-3); font-size: .82rem; text-align: center; } .mng-publico .mng-promove { justify-content: center; gap: 1.25rem; } .mng-promove a { display: flex; flex: 0 1 18rem; align-items: center; justify-content: center; height: 7rem; padding: 1rem 1.5rem; background: #fff; border: 1px solid var(--mng-publico-borde, rgba(12, 29, 39, .12)); border-radius: 2px 14px 14px 14px; } .mng-publico .mng-promove img { width: auto; max-width: 100%; max-height: 4.5rem; } .mng-faq { max-width: 52rem; margin: 1rem 0 1.25rem; border-top: 1px solid var(--mng-publico-borde, rgba(12, 29, 39, .12)); } .mng-faq details { border-bottom: 1px solid var(--mng-publico-borde, rgba(12, 29, 39, .12)); } .mng-faq summary { position: relative; padding: 1rem 2.5rem 1rem 0; font-weight: 700; cursor: pointer; list-style: none; } .mng-faq summary::-webkit-details-marker { display: none; } .mng-faq summary::after { content: "+"; position: absolute; top: .8rem; right: .25rem; font-size: 1.4rem; line-height: 1; color: var(--mng-acento, #ae2950); } .mng-faq details[open] summary::after { content: "−"; } .mng-faq summary:focus-visible { outline: 3px solid var(--mng-acento, #ae2950); outline-offset: 2px; } .mng-faq details p { margin: 0 0 1rem; max-width: 46rem; } .mng-scanner__inicio .btn.mng-scanner__icono { width: 4.25rem; gap: .1rem; padding: .35rem 0; align-content: center; } .mng-scanner__rotulo { font-size: .72rem; font-weight: 600; line-height: 1; } @media (max-width: 767.98px) { .mng-pe__lista a, .mng-pe__final a { display: inline-block; padding: .45rem 0; } .mng-pe__lista li + li { margin-top: 0; } } .mng-pasos-curtos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.25rem 0 0; padding: 0; list-style: none; counter-reset: paso; } .mng-pasos-curtos li { position: relative; padding: 1.25rem 1.25rem 1.25rem 4rem; background: var(--mng-publico-superficie, #f3f6f8); border: 1px solid var(--mng-publico-borde, #d7e0e5); border-radius: 2px 16px 16px 16px; color: var(--mng-tinta-2, #3c4a53); counter-increment: paso; } .mng-pasos-curtos li::before { content: counter(paso); position: absolute; top: 1.15rem; left: 1.15rem; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 2px 10px 10px 10px; background: var(--mng-acento, #aa2a54); color: #fff; font-weight: 700; } .mng-pasos-curtos strong { display: block; margin-bottom: .3rem; font-size: 1.1rem; color: var(--mng-tinta, #0c1d27); } .mng-busca-portada { display: flex; gap: .5rem; width: min(100%, 26rem); } .mng-tendas-mostra { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 1.25rem 0 0; padding: 0; list-style: none; } .mng-tendas-mostra li { overflow: hidden; background: #fff; border: 1px solid var(--mng-publico-borde, #d7e0e5); border-radius: 2px 12px 12px 12px; } .mng-tendas-mostra img { display: block; width: 100%; height: auto; aspect-ratio: 86 / 32; object-fit: cover; } .mng-banda-comercio { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem 2rem; margin: 3rem 0 1rem; padding: clamp(1.25rem, 3vw, 2rem); background: var(--mng-tinta, #0c1d27); color: rgba(255, 255, 255, .88); border-radius: 2px 18px 18px 18px; } .mng-banda-comercio h2 { margin: 0 0 .4rem; color: #fff; } .mng-banda-comercio p { max-width: 38rem; margin: 0; } .mng-banda-comercio__accions { display: flex; flex-wrap: wrap; gap: .6rem; } @media (max-width: 991.98px) { .mng-tendas-mostra { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767.98px) { .mng-pasos-curtos { grid-template-columns: minmax(0, 1fr); } .mng-busca-portada { width: 100%; } .mng-banda-comercio__accions, .mng-banda-comercio__accions .btn { width: 100%; } } .mng-publico #contenido form.mng-busca-portada { margin: 0; padding: 0; background: none; border: 0; box-shadow: none; } @media (max-width: 767.98px) { .mng-tendas-mostra li:nth-child(n+5) { display: none; } } :is(.mng-publico, .mng-interno) .mng-pe h2.mng-pe__titulo { font-family: inherit; font-size: .85rem; font-weight: 700; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; color: rgba(255, 255, 255, .6); margin: 0 0 .75rem; } .mng-publico .mng-heroe__imaxe { width: min(100%, 460px); } @media (max-width: 991.98px) { .mng-publico .mng-heroe__visual { max-width: 22rem; } } @media (max-width: 767.98px) { .mng-publico .mng-heroe__visual { max-width: 15rem; min-height: 0; } } .mng-cartel { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 2rem; align-items: start; margin-bottom: 2.5rem; } .mng-cartel__previa { container-type: inline-size; box-shadow: 0 10px 30px rgba(12, 29, 39, .14); border: 1px solid var(--mng-borde); } .mng-cartel__folla { display: flex; flex-direction: column; align-items: center; aspect-ratio: 210 / 297; padding: 8.6cqw 0 0; background: #fff; border-top: 4.3cqw solid #aa2a54; border-bottom: 3.3cqw solid #5989a6; text-align: center; color: #0c1d27; line-height: 1.15; } .mng-cartel__logo { width: 45.7cqw; aspect-ratio: 2232.8 / 1271.5; } .mng-cartel__titulo { margin-top: 3cqw; font-size: 6.1cqw; color: #aa2a54; font-family: Helvetica, Arial, sans-serif; } .mng-cartel__subtitulo { margin-top: 1cqw; font-size: 3.05cqw; font-weight: 700; color: #5989a6; } .mng-cartel__tenda { display: grid; place-items: center; width: 53.3cqw; aspect-ratio: 86 / 32; margin-top: 5cqw; background: #f4f7f8; border: 1px solid #d7e0e5; font-size: 3.7cqw; font-weight: 700; overflow: hidden; } .mng-cartel__tenda img { width: 100%; height: 100%; object-fit: contain; background: #fff; } .mng-cartel__acepta { margin-top: 3.5cqw; font-size: 3.75cqw; } .mng-cartel__qr { width: 33.3cqw; aspect-ratio: 1; margin-top: 2.5cqw; } .mng-cartel__qr svg { display: block; width: 100%; height: 100%; } .mng-cartel__merca { margin-top: 1cqw; font-size: 2.4cqw; color: #50636e; } .mng-cartel__url { font-size: 2.9cqw; color: #aa2a54; } .mng-cartel__emgrobes { width: 25.4cqw; margin-top: 3cqw; } .mng-cartel__form fieldset { margin-bottom: 1.25rem; } .mng-cartel__form legend { font-size: 1rem; font-weight: 700; } .mng-cartel__aviso { padding: .75rem 1rem; background: var(--mng-publico-superficie); border-radius: 8px; } .mng-cartel__estado { margin: .75rem 0 0; font-size: .92rem; color: #50636e; } .mng-cartel__estado.is-error { color: #a4161a; font-weight: 700; } @media (max-width: 767.98px) { .mng-cartel { grid-template-columns: minmax(0, 1fr); } .mng-cartel__previa { max-width: 340px; margin: 0 auto; } } .mng-tenda-area .mng-tenda-portada__accions .btn { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 2.75rem; padding: .55rem 1rem; background: var(--mng-publico-superficie, #f4f7f8); border: 1px solid var(--mng-publico-borde, #d7e0e5); border-radius: 2px 12px 12px 12px; color: var(--mng-tinta, #0c1d27); font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease; } .mng-tenda-area .mng-tenda-portada__accions .btn:hover, .mng-tenda-area .mng-tenda-portada__accions .btn:focus-visible { background: #e8eff2; border-color: #b8c7cf; box-shadow: 0 2px 6px rgba(12, 29, 39, .08); } .mng-tenda-area .mng-tenda-portada__accions .btn.mng-tenda-portada__cartel { background: #fbeef2; border-color: #e9b9c8; color: var(--mng-acento, #aa2a54); } .mng-tenda-area .mng-tenda-portada__accions .btn.mng-tenda-portada__cartel:hover, .mng-tenda-area .mng-tenda-portada__accions .btn.mng-tenda-portada__cartel:focus-visible { background: #f7dde6; border-color: #d98aa3; } @media (max-width: 767.98px) { .mng-tenda-area .mng-tenda-portada__accions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; width: 100%; } .mng-tenda-area .mng-tenda-portada__accions .btn { width: 100%; padding: .6rem .5rem; } .mng-tenda-area .mng-tenda-portada__accions .btn.mng-tenda-portada__cartel { grid-column: 1 / -1; } }