/* Fuerza Católica — parche visual oscuro v2.7.22
   Solo presentación: colores, glass, difuminados y marca en mayúsculas.
   No modifica lógica, APIs, iconos ni estructura funcional. */

:root{
  --bg:#020B18!important;
  --panel:#03111F!important;
  --panel-2:#07182A!important;
  --ink:#F9FCFF!important;
  --muted:#91A8BE!important;
  --line:rgba(84,180,245,.18)!important;
  --blue:#0191F2!important;
  --blue-2:#018FF1!important;
  --cyan:#018DEF!important;
  --cyan-2:#54B4F5!important;
  --navy:#062A4A!important;
  --white:#FFFFFF!important;
  --card:#07182A!important;
  --dark:#020B18!important;
  --soft:#DCEBFA!important;
  --fc-bg:#020B18;
  --fc-bg-2:#03111F;
  --fc-panel:rgba(7,24,42,.76);
  --fc-panel-strong:rgba(6,21,38,.92);
  --fc-line:rgba(84,180,245,.18);
  --fc-line-strong:rgba(84,180,245,.34);
  --fc-blue:#0191F2;
  --fc-blue-2:#018FF1;
  --fc-blue-3:#018DEF;
  --fc-blue-soft:#54B4F5;
  --fc-text:#F9FCFF;
  --fc-muted:#91A8BE;
  --fc-shadow:0 22px 70px rgba(0,9,24,.46);
}

html{background:#020B18!important;}
body{
  background:
    radial-gradient(circle at 14% 18%,rgba(1,145,242,.17),transparent 32%),
    radial-gradient(circle at 88% 76%,rgba(1,141,239,.13),transparent 34%),
    linear-gradient(180deg,#020B18 0%,#03111F 52%,#020915 100%)!important;
  color:var(--fc-text)!important;
}
.background-orbit,.orbit-a,.orbit-b{filter:blur(20px)!important;opacity:.72!important;}
.orbit-a{background:radial-gradient(circle,rgba(1,145,242,.22),transparent 68%)!important;}
.orbit-b{background:radial-gradient(circle,rgba(1,141,239,.18),transparent 68%)!important;}

/* Mantiene el layout; solo actualiza superficies y color. */
.app-frame{
  background:linear-gradient(180deg,rgba(4,17,31,.96),rgba(2,11,24,.98))!important;
  border-color:rgba(84,180,245,.22)!important;
  box-shadow:var(--fc-shadow),0 0 0 1px rgba(1,145,242,.05),0 0 80px rgba(1,145,242,.08)!important;
}
.icon-rail{
  background:linear-gradient(180deg,rgba(2,11,24,.98),rgba(3,17,31,.97))!important;
  border-right-color:var(--fc-line)!important;
}
.brand-orb{box-shadow:0 10px 30px rgba(1,145,242,.22)!important;}
.rail-btn{color:#8EA8BE!important;}
.rail-btn:hover,.rail-btn.active{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(1,145,242,.28),rgba(1,141,239,.12))!important;
  border-color:rgba(84,180,245,.28)!important;
  box-shadow:inset 0 0 20px rgba(1,145,242,.10)!important;
}
.rail-btn.active:after{background:linear-gradient(#54B4F5,#0191F2)!important;box-shadow:0 0 14px rgba(1,145,242,.5)!important;}
.rail-btn[data-tip]:before{background:#07182A!important;color:#F7FBFF!important;border-color:var(--fc-line)!important;}
.profile-dot{background:linear-gradient(145deg,#0191F2,#018DEF)!important;}

.topbar{
  background:rgba(2,11,24,.72)!important;
  border-bottom-color:var(--fc-line)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
}
.brand-title strong{
  color:#FFFFFF!important;
  text-transform:uppercase!important;
  letter-spacing:.35px!important;
}
.brand-title span{color:#8FA8BD!important;border-left-color:var(--fc-line)!important;}
.search-pill,.points-pill,.account-pill,.icon-top{
  background:rgba(7,24,42,.72)!important;
  border-color:var(--fc-line)!important;
  color:#DDEEFF!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.search-pill span,.points-pill span{color:#8EA8BE!important;}
.points-pill svg,.icon-top svg{color:#54B4F5!important;}
.account-pill span{background:linear-gradient(135deg,#0191F2,#018DEF)!important;}
.icon-top i{background:#54B4F5!important;border-color:#07182A!important;}
.search-pill kbd{background:#06162A!important;color:#AFC8DD!important;border-color:var(--fc-line)!important;}

/* Hero: elimina el turquesa y usa exclusivamente la familia azul del logo. */
.hero-card{
  background:
    radial-gradient(circle at 82% 14%,rgba(84,180,245,.24),transparent 35%),
    linear-gradient(125deg,#052749 0%,#018DEF 49%,#0191F2 100%)!important;
  border-color:rgba(84,180,245,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 60px rgba(0,8,24,.32)!important;
}
.hero-card:before{background:linear-gradient(100deg,rgba(2,11,24,.68),rgba(2,11,24,.18) 58%,transparent)!important;}
.hero-copy h1 em,.join-copy h1 em{color:#54B4F5!important;}
.hero-kicker,.eyebrow{color:#8BD1FF!important;}
.hero-kicker i{background:#54B4F5!important;box-shadow:0 0 16px rgba(84,180,245,.85)!important;}
.hero-copy p,.hero-stats span{color:#D3E8F8!important;}

.primary-btn{
  background:linear-gradient(135deg,#0191F2,#018DEF)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(1,145,242,.24)!important;
}
.primary-btn:hover{filter:brightness(1.08)!important;}
.ghost-btn{
  background:rgba(2,11,24,.24)!important;
  color:#F4FAFF!important;
  border-color:rgba(255,255,255,.20)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.soft-btn{
  background:rgba(7,24,42,.76)!important;
  color:#DCEEFF!important;
  border-color:var(--fc-line)!important;
}
.white-btn{background:#FFFFFF!important;color:#062A4A!important;}
.text-btn,a:not(.primary-btn){color:#54B4F5;}

/* Tarjetas y paneles glass. */
.mini-card,.activity-card,.calendar-card,.form-card,.dash-card,.member-table-wrap,
.notification-card,.redeem-card,.ranking-card,.active-users-card,.chat-card,
.gate-card,.premium-panel,.workspace-pane .dash-card,.content-manager,.create-disclosure,
.profile-section272,.support-chat276{
  background:
    linear-gradient(155deg,rgba(9,31,53,.78),rgba(3,17,31,.82))!important;
  border-color:var(--fc-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 40px rgba(0,8,22,.18)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}
.feature-proposal{
  background:
    radial-gradient(circle at 96% 18%,rgba(1,145,242,.17),transparent 35%),
    linear-gradient(155deg,rgba(9,31,53,.84),rgba(3,17,31,.9))!important;
}
.badge{
  color:#8BD1FF!important;
  background:rgba(1,145,242,.10)!important;
  border-color:rgba(84,180,245,.20)!important;
}
.mini-label,.card-top,.dash-title small,.member-table-wrap small{color:#8EA8BE!important;}
.event-art{background:linear-gradient(145deg,#0191F2,#018DEF)!important;box-shadow:0 12px 30px rgba(1,145,242,.22)!important;}
.next-event:after{background:rgba(1,145,242,.10)!important;}

/* Inputs y controles: oscuro, claro y consistente. */
input,select,textarea,
.workspace :is(input,select,textarea),.content-dialog :is(input,select,textarea),
.modal :is(input,select,textarea),.join-form :is(input,select,textarea),
#profileForm270 :is(input,select),#supportText276{
  background:rgba(5,22,39,.88)!important;
  color:#F2F8FF!important;
  border-color:rgba(84,180,245,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
input::placeholder,textarea::placeholder{color:#7892AA!important;opacity:1;}
select option,select optgroup{background:#07182A!important;color:#F2F8FF!important;}
input:focus,select:focus,textarea:focus{
  border-color:rgba(84,180,245,.62)!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(1,145,242,.10)!important;
}

/* Calendario sin cambiar geometría ni comportamiento. */
[data-view-panel="agenda"] .calendar-day{background:rgba(6,24,42,.48)!important;color:#D8E9F7!important;}
[data-view-panel="agenda"] .calendar-day.muted{background:transparent!important;color:#668198!important;}
[data-view-panel="agenda"] .calendar-day.today{border-color:rgba(84,180,245,.50)!important;color:#fff!important;}
[data-view-panel="agenda"] .calendar-day.event-day{
  background:linear-gradient(145deg,rgba(1,145,242,.35),rgba(1,141,239,.18))!important;
  border-color:rgba(84,180,245,.35)!important;
}
[data-view-panel="agenda"] .calendar-day.selected{
  background:linear-gradient(145deg,#0191F2,#018DEF)!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:0 8px 22px rgba(1,145,242,.22),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
#calendarPrev,#calendarNext,#calendarToday{
  background:rgba(7,30,52,.82)!important;
  color:#EAF7FF!important;
  border-color:rgba(84,180,245,.25)!important;
}
[data-view-panel="agenda"] .calendar-day-summary{
  background:linear-gradient(145deg,rgba(8,33,57,.88),rgba(3,17,31,.94))!important;
  border-color:rgba(84,180,245,.22)!important;
}

/* Modales y gates. */
.modal-backdrop{background:rgba(0,7,18,.72)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
.modal{
  background:linear-gradient(145deg,rgba(9,31,53,.97),rgba(2,11,24,.98))!important;
  border-color:rgba(84,180,245,.30)!important;
  color:#F4FAFF!important;
  box-shadow:0 28px 90px rgba(0,5,16,.66),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.modal h2,.modal h3,.modal label{color:#F7FBFF!important;}
.modal p,.modal small{color:#AFC5D8!important;}
.modal-close{color:#DDEEFF!important;}

/* Tablas, listas, chat y panel interno. */
.member-table-wrap table,.member-table-wrap th,.member-table-wrap td{border-color:rgba(84,180,245,.12)!important;}
.member-table-wrap th{color:#A7BED2!important;}
.member-table-wrap tr:hover td{background:rgba(1,145,242,.045)!important;}
.chat-messages,.support-messages276{scrollbar-color:#17466D transparent;}
.support-bubble276{background:#08223B!important;border-color:rgba(84,180,245,.22)!important;}
.support-bubble276.self276{background:#07365C!important;}
#supportThreads276 button{background:#082540!important;border-color:rgba(84,180,245,.20)!important;color:#E7F5FF!important;}
#supportThreads276 button.active{background:#07528A!important;}
#workspaceSectionButton271{background:linear-gradient(135deg,#0A355A,#061E35)!important;border-color:rgba(84,180,245,.30)!important;color:#F4FAFF!important;}
#workspaceSectionMenu271{background:rgba(5,22,39,.98)!important;border-color:rgba(84,180,245,.24)!important;}
#workspaceSectionMenu271 button[aria-current=true],#workspaceSectionMenu271 button:hover{background:rgba(1,145,242,.18)!important;}

/* Navegación móvil: mismo tamaño/posición, nueva piel visual. */
.mobile-bottom{
  background:linear-gradient(145deg,rgba(8,31,54,.80),rgba(2,11,24,.91))!important;
  border-color:rgba(84,180,245,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 42px rgba(0,7,20,.42)!important;
  backdrop-filter:blur(20px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
}
.mobile-bottom button{color:#9CB4C8!important;}
.mobile-bottom button.active{
  background:linear-gradient(145deg,rgba(1,145,242,.27),rgba(1,141,239,.13))!important;
  color:#FFFFFF!important;
  box-shadow:inset 0 0 0 1px rgba(84,180,245,.16)!important;
}
.mobile-bottom #mobileAddMember{
  background:linear-gradient(145deg,rgba(1,145,242,.26),rgba(1,141,239,.16))!important;
  color:#EAF7FF!important;
  border-color:rgba(84,180,245,.30)!important;
}
.mobile-drawer{
  background:linear-gradient(145deg,rgba(6,28,49,.985),rgba(2,11,24,.985))!important;
  border-color:rgba(84,180,245,.18)!important;
}
.drawer-links button{color:#D9E9F7!important;}
.drawer-links button.active{background:linear-gradient(125deg,rgba(1,145,242,.34),rgba(1,141,239,.18))!important;color:#fff!important;}

/* Scrollbars. */
.views::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:#0C3D65!important;}
*{scrollbar-color:#0C3D65 transparent;}

/* El aviso de actualización conserva su función, pero adopta la paleta. */
.update-notice274{
  background:rgba(7,29,50,.97)!important;
  border-color:rgba(84,180,245,.34)!important;
  color:#F2F8FF!important;
  box-shadow:0 14px 42px rgba(0,7,20,.5)!important;
}

/* Responsive: no altera breakpoints ni navegación; solo reduce efectos pesados. */
@media(max-width:820px){
  body{
    background:
      radial-gradient(circle at 50% 0%,rgba(1,145,242,.15),transparent 32%),
      linear-gradient(180deg,#020B18,#03111F 55%,#020915)!important;
  }
  .topbar{background:rgba(2,11,24,.84)!important;}
  .modal{box-shadow:0 18px 58px rgba(0,5,16,.58)!important;}
}

@media(prefers-reduced-transparency:reduce){
  .topbar,.mobile-bottom,.mobile-drawer,.modal,
  .mini-card,.activity-card,.calendar-card,.form-card,.dash-card,.member-table-wrap,
  .notification-card,.redeem-card,.ranking-card,.active-users-card,.chat-card,.gate-card,.premium-panel{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* =========================================================
   CORRECCIÓN DE PALETA · v2.7.22b
   Elimina residuos turquesa/cian del tema anterior.
   Paleta permitida:
   #0191F2 · #018FF1 · #018DEF · #54B4F5 · #FFFFFF
   + fondos neutros azul-negro.
   ========================================================= */

/* Quiénes somos */
[data-view-panel="quienes-somos"] .about-hero{
  background:
    radial-gradient(circle at 84% 16%,rgba(1,145,242,.20),transparent 34%),
    linear-gradient(145deg,rgba(3,17,31,.98),rgba(2,11,24,.98))!important;
  border-color:rgba(84,180,245,.20)!important;
}
[data-view-panel="quienes-somos"] .about-copy h1 em{
  color:#0191F2!important;
  -webkit-text-fill-color:#0191F2!important;
}
[data-view-panel="quienes-somos"] .about-copy .eyebrow{
  color:#54B4F5!important;
}
[data-view-panel="quienes-somos"] .about-value{
  background:linear-gradient(155deg,rgba(7,24,42,.82),rgba(3,17,31,.88))!important;
  border-color:rgba(84,180,245,.16)!important;
}
[data-view-panel="quienes-somos"] .about-value>span{
  background:rgba(1,145,242,.12)!important;
  color:#54B4F5!important;
  border:1px solid rgba(84,180,245,.12)!important;
}
[data-view-panel="quienes-somos"] .about-logo-card{
  background:linear-gradient(145deg,rgba(7,24,42,.74),rgba(3,17,31,.82))!important;
  border-color:rgba(84,180,245,.18)!important;
}
[data-view-panel="quienes-somos"] .about-logo-card span{
  color:#91A8BE!important;
}
[data-view-panel="quienes-somos"] .explore-tile{
  background:linear-gradient(155deg,rgba(7,24,42,.78),rgba(3,17,31,.86))!important;
  border-color:rgba(84,180,245,.16)!important;
}
[data-view-panel="quienes-somos"] .explore-tile:hover{
  border-color:rgba(1,145,242,.42)!important;
}
[data-view-panel="quienes-somos"] .explore-tile>.explore-icon{
  background:linear-gradient(145deg,rgba(1,145,242,.22),rgba(1,141,239,.10))!important;
  color:#54B4F5!important;
}
[data-view-panel="quienes-somos"] .explore-tile>svg{
  color:#54B4F5!important;
}

/* Elementos reutilizados en otras vistas que todavía heredaban turquesa literal */
.explore-tile:hover{border-color:rgba(1,145,242,.36)!important;}
.explore-tile>.explore-icon{
  background:linear-gradient(145deg,rgba(1,145,242,.22),rgba(1,141,239,.10))!important;
  color:#54B4F5!important;
}
.explore-tile>svg{color:#54B4F5!important;}

.hero-copy h1 em,
.join-copy h1 em,
.about-copy h1 em{
  color:#0191F2!important;
  -webkit-text-fill-color:#0191F2!important;
}
.hero-kicker,.eyebrow{color:#54B4F5!important;}
.hero-kicker i{
  background:#0191F2!important;
  box-shadow:0 0 15px rgba(1,145,242,.55)!important;
}

.badge{
  color:#54B4F5!important;
  background:rgba(1,145,242,.10)!important;
  border-color:rgba(84,180,245,.18)!important;
}
.text-btn,
.calendar-legend button{
  color:#54B4F5!important;
}
.event-art,
.profile-dot,
.account-pill span{
  background:linear-gradient(145deg,#0191F2,#018DEF)!important;
}

/* Calendario: reemplaza indicadores cian del CSS histórico */
.calendar-day.event-day i,
.calendar-legend>span i{
  background:#0191F2!important;
  box-shadow:0 0 9px rgba(1,145,242,.38)!important;
}
.calendar-day.event-day em{
  background:rgba(1,145,242,.14)!important;
  color:#54B4F5!important;
}
.calendar-summary-time{
  background:linear-gradient(145deg,rgba(1,145,242,.28),rgba(1,141,239,.16))!important;
  color:#F9FCFF!important;
}
.calendar-summary-copy small{color:#54B4F5!important;}
.calendar-summary-item>button.registered,
.event-item button.registered{
  background:rgba(1,145,242,.10)!important;
  color:#54B4F5!important;
  border-color:rgba(84,180,245,.18)!important;
}

/* Notificaciones y selección: azul del logo, no turquesa */
.notification-count{
  background:#0191F2!important;
  color:#FFFFFF!important;
  border-color:#07182A!important;
  box-shadow:0 5px 14px rgba(1,145,242,.28)!important;
}
.notification-top>i,
.notification-card.unread:before{
  background:#54B4F5!important;
}
.notification-card.unread{
  border-color:rgba(84,180,245,.24)!important;
  background:linear-gradient(155deg,rgba(7,31,53,.84),rgba(3,17,31,.88))!important;
}

/* Party / checkboxes: solo gama azul */
.party-copy-check.copied,
.party-copy-status.copied{
  color:#54B4F5!important;
}
.party-copy-check.copied .party-checkbox,
.party-select-check.selected .party-checkbox{
  border-color:#0191F2!important;
  background:linear-gradient(135deg,#0191F2,#018DEF)!important;
  box-shadow:0 8px 20px rgba(1,145,242,.20)!important;
}
.party-copy-status.copied{background:rgba(1,145,242,.10)!important;}

/* Mobile: fuerza el estado activo a azul */
.mobile-bottom button.active{
  color:#FFFFFF!important;
  background:linear-gradient(145deg,rgba(1,145,242,.27),rgba(1,141,239,.13))!important;
}

/* Enlaces y acentos de marca */
a:not(.primary-btn):not(.ghost-btn):not(.white-btn){color:#54B4F5;}
::selection{background:rgba(1,145,242,.34);color:#FFFFFF;}

@media(max-width:820px){
  [data-view-panel="quienes-somos"] .about-hero{
    background:
      radial-gradient(circle at 92% 8%,rgba(1,145,242,.16),transparent 34%),
      linear-gradient(160deg,#03111F,#020B18)!important;
  }
}