@font-face {font-family: "RingsideNarrow-Bold"; src: url("THEMES/nea/fonts/RingsideNarrow-Bold.otf") format("opentype"); font-weight: normal; font-style: normal }
@font-face {font-family: "RingsideNarrow-Book"; src: url("THEMES/nea/fonts/RingsideNarrow-Book.otf") format("opentype"); font-weight: normal; font-style: normal }

.p1  {font-family: "RingsideNarrow-Bold", sans-serif; font-size: 20px;line-height: 20px}
.p2  {font-family: "RingsideNarrow-Bold", sans-serif; font-size: 18px;line-height: 18px}
.p3  {font-family: "RingsideNarrow-Book", sans-serif; font-size: 18px;line-height: 18px}
.p4  {font-family: "RingsideNarrow-Book", sans-serif; font-size: 16px;line-height: 18px}
.p5  {font-family: "RingsideNarrow-Book", sans-serif; font-size: 16px;line-height: 22px}
.p6  {font-family: "RingsideNarrow-Book", sans-serif; font-size: 14px;line-height: 15px}
.t16 {font-family: "RingsideNarrow-Bold", sans-serif; font-size: 20px;line-height: 20px}
.t6  {font-family: "RingsideNarrow-Bold", sans-serif; font-size: 14px;line-height: 14px; letter-spacing: +0.25}
.cta {font-family: "RingsideNarrow-Bold", sans-serif; font-size: 14px;line-height: 18px}

.p2.disabled {color:#888}

html {--scrollbarBG: #fff; --thumbBG: #ccc; overflow: hidden; }
body:not(.conjunta) {scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG); height: 100vh; overflow-y: auto; }
body::-webkit-scrollbar {width: 11px; }
body::-webkit-scrollbar-track {background: var(--scrollbarBG); }
body::-webkit-scrollbar-thumb {background-color: var(--thumbBG) ; border: 3px solid var(--scrollbarBG); border-radius: 10px; }

body {padding-top: 0; font-family: "RingsideNarrow-Book", sans-serif; font-size: 16px;line-height: 18px }

header#top, footer#contacte-peu, footer#links {display: none;}
#promo-navbar{background-color: #fff; text-align: center; border-bottom: 1px solid #D8E0E8; padding: 24px; margin-bottom: 4em; }
.noheader {padding-top: 1.4em!important;}

.formulari-wrapper {padding-top: 0}
article, article.pagina {margin-top: 0; margin-bottom: 20px}

.formulari-wrapper .alert {max-width: 100%;}
.formulari-wrapper .alert.alert-success { padding: 10px; }
.subpas-titol {margin-bottom: 0.8em}
.botons {margin-top: 1em}
.btn-default {border:1px solid #ccc; font: normal 18px/26px "Soho Gothic W01 Regular", Arial, sans-serif; text-decoration: none!important;}
.btn-m {margin-right: 0.5em}
.spinner {display: none; padding-top: 15px !important; cursor: progress; background-color: #58a5c6;}
.spinner:hover {background-color: #58a5c6;}

.container.perfil {max-width: 360px; padding: 0}
.formulari-wrapper .perfil strong {font-family: "RingsideNarrow-Bold", sans-serif !important; }

.perfil p {margin: 0 20px 8px}
.perfil .avis {background-color: #F4F6F8; border-radius:2px; padding: 16px; margin: 0 20px 20px 20px}
.perfil .avis h3 { margin-bottom: 10px }
.perfil .avis p { margin: 0 }
.perfil p.pf {display: flex; flex-direction: row; align-items: center; margin: 5px 0 5px 0;}

.perfil h4.top {height: 56px;padding: 19px 0; margin-bottom:20px; background-color: #1C212A; color:#fff; text-align: center;}
.perfil dt, .perfil dd {padding: 0 20px}
.perfil dt {margin-bottom: 10px}
.perfil dd {margin-bottom: 36px; color: #555}
.perfil dd.empty {margin-bottom: 18px;}

.perfil button.btn, .perfil a.btn, .perfil a.btn:visited  {display:block; padding: 14px 0; max-width:290px; margin: -20px auto 28px; border-radius: 1px; background-color: #0076a8; color:#fff; color: #fff; text-decoration: none; text-transform: uppercase; width: 100%;}
.perfil button.btn:hover, .perfil a.btn:hover {background-color: #00648e}
.perfil button.btn-ara, .perfil a.btn-ara {margin-top: 0.5em;}
.perfil a.btn.btn-ara.btn-inv { background-color: transparent; color:#0175A2; border:1px solid #0175A2 }
.perfil a.btn.btn-ara.btn-inv:hover { background-color: #0175A2; color:#fff;  }
.perfil hr {border-color: #D8E0E8; max-width: 320px}

.show-wrapper [class^="ara-switch"]{margin: 15px 0; }
.ara-switch {width: 92%; line-height: 1.15;}
.ara-switch label {font-family: "Ringside",sans-serif; font-weight: 400; font-size: 16px; line-height: 18px; letter-spacing: 0; display: block; position: relative; }
.ara-switch label input {display: none; }
.ara-switch label .switch {display: inline-block; width: 100%; cursor: pointer; user-select: none; }
.ara-switch label .switch.disabled {cursor: not-allowed;}
.ara-switch label input:checked + .switch::before {background-color: #005afc99; }
.ara-switch label.right .switch::before {margin: 5px 0 5px 15px; }
.ara-switch label .switch::before {content: ""; float: right; display: inline-block; margin: 5px 0; border-radius: 7px; width: 34px; height: 14px; background-color: #00000061; transition: background-color .2s,opacity .2s; }
.ara-switch label.right .switch::before {margin: 5px 0 5px 15px; }
.ara-switch label .switch span {line-height: 22px; }
.ara-switch label .switch::after {content: ""; position: absolute; top: 2px; right: 15px; border-radius: 50%; width: 19px; height: 19px; background-color: #f1f1f1; box-shadow: 1px 2px 1px -1px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f; transition: background-color .2s,transform .2s; }
.ara-switch label input:checked + .switch::after {background-color: #005afc; transform: translateX(15px); }

.alert-success {position: fixed;top: 0;left: 0; width: 100%; z-index: 999; display: none;background-color: #56A900; color: #fff; text-align: center; font-size: 18px; padding: 11px; font-family: "RingsideNarrow-normal", Arial, Helvetica, sans-serif;}
.renovable-res {position: relative;}
.ofertabaixa hr { border-color:#ddd; width:90%; text-align:center; margin: 25px auto 20px}
.ofertabaixa hr:after {content: "o bé"; position: absolute; height: 20px; background: #fff; width: 50px; text-align: center; left: calc(50% - 20px); margin-top: -12px;}
.perfil .ofertabaixa a.btn.btn-ara {margin-bottom: 10px;}
.ofertabaixa .text-center {font-size: 15px}

footer#peup {position: sticky; top: 100vh; margin-bottom: 1em; border-top: 1px solid #D8E0E8; text-align: center; }
footer#peup img {margin: 24px auto 30px; height: 16px; width: auto;}
footer#peup ul {list-style: none; padding: 0;}
footer#peup li { display: inline-block; padding-right: 1em; }
footer#peup li:last-of-type {padding-right: 0;}
footer#peup li a, footer#peup li a:visited, footer#peup li a:focus {text-decoration: none; color: #000;}
footer#peup li a:hover {text-decoration: underline;}
footer#peup #links {font-weight: bold;font-size: 16px;}
footer#peup #peu {font-size: 12px; color: #888;}
footer#peup #peu li a, footer#peup #peu li a:visited, footer#peup #peu li a:focus {color: #888;}
.index-inner footer#peup, .targeta-inner footer#peup {display:none}

#ajuda .modal-dialog {max-width: 348px; margin: 10% auto;}
#ajuda .modal-dialog .close span {font-size: 38px; font-family: initial;}
#ajuda .modal-content {border-radius: 0;}
#ajuda .modal-header {border-bottom: none;}
#ajuda .modal-body { padding-top: 0; padding-bottom: 25px;}
#ajuda .modal-title {font-family: "RingsideNarrow-bold", Arial, Helvetica, sans-serif; font-size: 24px; margin-bottom: 0.5em;}
#ajuda.modal p.text-normal {text-align: left; margin: 0;}
#ajuda.modal .form-group .form-control {border-radius: 2px;}
#ajuda.modal .legal {font: 13px/15px 'RingsideNarrow-normal', sans-serif; color: #888;}
#ajuda.modal input[type="submit"] {text-transform: uppercase; font-size: 14px; width: 100%; padding: 15px; margin: 5px 0 15px; font-weight: bold; letter-spacing: 1px; border: none;}

#ajuda .separador { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin: 5px 0 12px}
#ajuda .separador span { padding: 0 10px; color: #888; font-size: 16px;}
#ajuda .separador:before,
#ajuda .separador:after { flex: 1; content: " "; height: 1px; width: auto; background: #ccc }