/* Official Protección CAN identity, shared by every public page.
   The supplied artwork is preserved intact and its monogram is framed in CSS. */
.pc-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  max-width: 100%;
  line-height: 1;
  text-align: left;
}
.pc-brand-lockup .pc-brand-mark {
  position: relative;
  display: block;
  flex: 0 0 55px;
  width: 55px;
  height: 33.65px;
  overflow: hidden;
}
.pc-brand-lockup .pc-brand-mark img {
  position: absolute;
  display: block;
  width: 149.3%;
  max-width: none;
  height: auto;
  top: -29.5%;
  left: -28.5%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  object-fit: initial;
  mix-blend-mode: screen;
}
.pc-brand-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 7px;
}
.pc-brand-copy strong {
  font-family: Manrope, Inter, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .025em;
  white-space: nowrap;
  color: #f5f9fc;
}
.pc-brand-copy strong b { color: #45c7e0; font-weight: inherit; }
.pc-brand-copy small {
  display: block;
  font-family: Inter, system-ui, sans-serif;
  font-size: 7px;
  font-weight: 550;
  line-height: 1.35;
  letter-spacing: .105em;
  white-space: nowrap;
  color: #a4bacb;
}
.cabecera .marca {
  display: flex;
  align-items: center;
  flex: 0 0 239px;
  width: 239px;
  min-width: 0;
  gap: 0;
  padding: 0;
  background: transparent;
}
.cabecera .marca:focus-visible, .pc-footer-brand:focus-visible {
  outline: 2px solid #45c7e0;
  outline-offset: 7px;
  border-radius: 3px;
}
.cabecera .cabecera__int { gap: 18px; }
.cabecera .nav { min-width: 0; }
.pie .pie__marca .pc-footer-brand {
  display: inline-flex;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 0;
  background: transparent;
}
.pie .pc-brand-lockup--footer .pc-brand-mark {
  flex-basis: 64px;
  width: 64px;
  height: 39.2px;
}
.pie .pc-brand-lockup--footer .pc-brand-copy strong {
  font-size: 17px;
  margin: 0;
}
.pie .pc-brand-lockup--footer .pc-brand-copy small {
  font-size: 8px;
  color: #a4bacb;
  letter-spacing: .12em;
}
.pie .pie__marca > p { max-width: 34ch; line-height: 1.8; }
@media (max-width: 1320px) and (min-width: 1100px) {
  body:not(.pagina-pro) .cabecera .marca { flex-basis: 226px; width: 226px; }
  body:not(.pagina-pro) .cabecera .nav { gap: 2px; }
  body:not(.pagina-pro) .cabecera .nav > a:not(.btn) { padding-inline: 6px; }
}
.pc-access-short { display: none; }
@media (min-width: 901px) and (max-width: 1160px) {
  .pagina-pro .cabecera .marca { flex-basis: 235px; width: 235px; }
  .pagina-pro .cabecera .nav { gap: 12px; }
  .pagina-pro .cabecera__acciones .pc-access-full { display: none; }
  .pagina-pro .cabecera__acciones .pc-access-short { display: inline; }
  .pagina-pro .cabecera__acciones .btn { font-size: 12px; padding-inline: 12px; }
}
@media (max-width: 600px) {
  .cabecera .marca { flex-basis: 235px; width: 235px; }
  .cabecera .cabecera__int { gap: 12px; }
  .pc-brand-lockup { gap: 10px; }
  .pc-brand-lockup .pc-brand-mark { flex-basis: 51px; width: 51px; height: 31.2px; }
  .pc-brand-copy strong { font-size: 15px; }
  .pc-brand-copy small { font-size: 6.65px; letter-spacing: .085em; }
}
@media (max-width: 359px) {
  .cabecera .marca { flex-basis: 205px; width: 205px; }
  .cabecera .cabecera__int { gap: 8px; }
  .cabecera .pc-brand-lockup { gap: 8px; }
  .cabecera .pc-brand-mark { flex-basis: 43px; width: 43px; height: 26.3px; }
  .cabecera .pc-brand-copy strong { font-size: 13.3px; }
  .cabecera .pc-brand-copy small { font-size: 6px; letter-spacing: .06em; }
}
/* A solid masthead also gives the original artwork a consistent blend backdrop. */
.cabecera, .cabecera.cabecera--fija {
  background: #07121f;
  border-bottom-color: #20384b;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

