@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap');
:root {
    --ps-azul:     #1b3a8a;
    --ps-amarillo: #fecc02; 
    --ps-gris:     #f0f3fa;
}

/*----------------------------------------------------HEADER INICIO----------------------------------------------------*/
.pros-header-wrap {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #edf0f7;
  text-align: center;
  padding: 20px 20px 0px;
  box-shadow: 0 3px 14px rgba(30,58,122,0.12);
  font-family: 'Montserrat', sans-serif;
}

.pros-header-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 24px;
  color: #1c3a8a;
  margin: 0 0 10px 0;
  line-height: 1.15;
  text-shadow: 1px 2px 7px rgba(28,58,138,0.22),
               0px 1px 3px rgba(28,58,138,0.14);
}

.pros-header-subtitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 10px;
  color: #8a9cc4;
  letter-spacing: 2.6px;
  text-transform: uppercase;
  margin: 0;
}

.pros-header-bar {
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 16px;
  background: linear-gradient(90deg, #edf0f7 0%, #fecc02 50%, #edf0f7 100%);
  border: none;
}
#BC {
  position: fixed !important;
  top: 140px !important; /* móvil default */
  left: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 3px 8px;
  pointer-events: none !important;
}

#BC button,
#BC a,
#BC .t-Button {
  pointer-events: auto !important;
}
/* Móvil: < 768px  → top: 150px (tu default actual) */

/* Tablet: 768px - 1024px */
@media (min-width: 768px) {
  #BC { top: 136px !important; }
}

/* Desktop normal: 1024px - 1280px */
@media (min-width: 1024px) {
  #BC { top: 140px !important; }
}

/* Desktop grande: 1280px - 1440px */
@media (min-width: 1280px) {
  #BC { top: 140px !important; }
}

/* Monitor grande: 1440px+ */
@media (min-width: 1440px) {
  #BC { top: 140px !important; }
}

/* Monitor muy grande / 4K: 1920px+ */
@media (min-width: 1920px) {
  #BC { top: 140px !important; }
}
/*----------------------------------------------------HEADER FIN----------------------------------------------------*/

/*----------------------------------------------------BODY INICIO----------------------------------------------------*/
/* -- Fondo de página --- */
.t-Body-main,
.t-Body-content,
.t-Body-wrap,
.t-PageBody-main {
    background: var(--ps-gris) !important;
}
.t-Body-contentInner {
    padding-top: 40px !important;
}


/*----------------------------------------------------BODY FIN----------------------------------------------------*/

/*----------------------------------------------------FOOTER INICIO----------------------------------------------------*/
.t-Footer {
    background-color: #f0f3fa !important;
}

/* ══ Footer global ══ */
.ps-footer {
    display:         flex !important;
    align-items:     center !important;
    justify-content: center !important;
    flex-wrap:       wrap !important;
    gap:             6px !important;
    font-size:       .8rem !important;
    color:           #5a6a8a !important;
    background:      #ffffff !important;
    border:          1px solid #dde3f0 !important;
    border-radius:   20px !important;
    padding:         .5rem 1.5rem !important;
    margin:          1.5rem auto !important;
    max-width:       fit-content !important;
	background-color: #f0f3fa !important;
}

.ps-footer .fa-lock {
    color:     var(--ps-azul) !important;
    font-size: .85rem !important;
}

.ps-footer-brand {
    font-weight: 700 !important;
    color:       var(--ps-azul) !important;
}

/*----------------------------------------------------FOOTER FIN----------------------------------------------------*/