/*
 * Organizador Wallpapers · Newclon
 * Variante visual sobre el Design System: recupera las identidades fotográficas
 * del catálogo sin alterar componentes, datos ni comportamiento.
 */

html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-shell{
 background:#e8e5dc!important;
}
body.organizador-wallpapers{--org-action-glass-blur:blur(5px) saturate(106%)}
html body.organizador-wallpapers .org-scene-background::before{
 inset:-8px!important;
 filter:blur(2px)!important;
}

/* Menú cerrado: iconos más legibles y una columna continua. */
@media(min-width:901px){
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar>nav{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  align-content:normal!important;
  gap:1px!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar :is(.org-nav-group,.org-nav-group-panel,.org-nav-group-items,.org-nav-section){
  display:grid!important;
  justify-items:center!important;
  gap:1px!important;
  margin:0!important;
  padding:0!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar :is(.org-nav-group+.org-nav-group,.org-nav-utility){
  margin:1px 0 0!important;
  padding:1px 0 0!important;
  border-top:0!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar nav button.org-nav-disclosure{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0 auto!important;
  padding:2px!important;
  border-radius:9px!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar nav button.org-nav-disclosure>i:not(.org-disclosure-arrow){
  width:25px!important;
  height:25px!important;
  font-size:15px!important;
  line-height:1!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar .org-nav-section-row{
  width:42px!important;
  margin:0 auto!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar nav .org-nav-section-row>button[data-area],
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar nav .org-nav-group-items>button,
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar .org-nav-utility>button{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0 auto!important;
  padding:2px!important;
  border-radius:10px!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar nav button[data-area]>i,
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar .org-nav-utility>button>i{
  width:32px!important;
  height:32px!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar-shortcuts{
  margin-bottom:4px!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .is-sidebar-compact .org-sidebar-shortcuts .org-sidebar-shortcut{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  font-size:15px!important;
 }
}

/* Cada sección vuelve a utilizar su imagen ambiental. La capa marfil conserva
   la lectura de tablas y tarjetas sin ocultar por completo la fotografía. */
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]{
 background-color:var(--ds-ivory)!important;
 background-image:linear-gradient(115deg,rgba(247,245,239,.68),rgba(247,245,239,.58) 52%,rgba(239,239,231,.5)),var(--visual-background)!important;
 background-position:center!important;
 background-size:cover!important;
 background-attachment:fixed!important;
}

/* Encabezado fotográfico completo, en lugar del panel dividido o sólido. */
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero{
 isolation:isolate!important;
 min-height:188px!important;
 border-color:rgba(255,255,255,.55)!important;
 background-color:var(--ds-forest)!important;
 background-image:var(--visual-hero)!important;
 background-position:center!important;
 background-size:cover!important;
 box-shadow:0 10px 28px rgba(29,39,30,.13)!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero::before{
 content:""!important;
 position:absolute!important;
 inset:0!important;
 z-index:0!important;
 display:block!important;
 background:linear-gradient(90deg,rgba(19,32,23,.82) 0%,rgba(24,39,28,.62) 42%,rgba(25,42,30,.22) 74%,rgba(19,31,22,.08) 100%)!important;
 opacity:1!important;
 pointer-events:none!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero::after{
 z-index:0!important;
 background:linear-gradient(0deg,rgba(14,25,17,.24),transparent 62%)!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero>:not(.org-visual-hero-layer){
 position:relative;
 z-index:2;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero .org-hero-copy{
 width:min(720px,68%)!important;
 max-width:720px!important;
 padding:0!important;
 text-shadow:0 2px 16px rgba(0,0,0,.32)!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero .org-hero-copy :is(h1,p,span),
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero>.org-hero-date{
 color:#fff!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero .org-hero-copy p{
 color:rgba(255,255,255,.78)!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero .org-hero-copy>span{
 color:rgba(255,255,255,.9)!important;
}

/* Acciones y metadatos conservan contraste sobre fotografías claras u oscuras. */
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero :is(.org-hero-place,.org-hero-date){
 border:1px solid rgba(255,255,255,.34)!important;
 background:rgba(27,43,31,.82)!important;
 color:#fff!important;
 box-shadow:0 5px 18px rgba(0,0,0,.14)!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero .org-header-actions :is(button,.org-search,.org-header-tool){
 border-color:rgba(255,255,255,.58)!important;
 background:rgba(255,255,255,.9)!important;
 color:var(--ds-forest)!important;
 box-shadow:0 4px 14px rgba(0,0,0,.1)!important;
}

/* Los espacios con pestañas mantienen su organización nueva dentro de la foto. */
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .area-activities .org-hero{
 min-height:226px!important;
 background-image:var(--visual-hero)!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .area-activities .org-hero::before{
 background:linear-gradient(90deg,rgba(18,31,22,.84) 0%,rgba(23,39,27,.64) 46%,rgba(25,43,30,.24) 76%,rgba(18,31,22,.1) 100%)!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .area-activities .org-hero-copy{
 width:auto!important;
 max-width:680px!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .area-activities .org-hero-copy :is(h1,span){color:#fff!important}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .area-activities .org-work-now{
 border-color:rgba(255,255,255,.62)!important;
 background:rgba(255,255,255,.9)!important;
 box-shadow:0 7px 22px rgba(0,0,0,.12)!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .area-activities .org-section-header-tabs{
 border-color:rgba(255,255,255,.64)!important;
 background:rgba(255,255,255,.88)!important;
 box-shadow:0 7px 22px rgba(0,0,0,.1)!important;
}

/* Diálogos y espacios especializados reciben su propia cabecera del catálogo. */
html body.organizador-wallpapers .org-visual-surface[data-visual-context]>:is(header,.org-crm-header),
html body.organizador-wallpapers .org-settings-page-head[data-visual-context]{
 border-color:rgba(255,255,255,.46)!important;
 background-color:var(--ds-forest)!important;
 background-image:linear-gradient(90deg,rgba(19,34,24,.76),rgba(24,45,31,.36)),var(--visual-hero)!important;
 background-position:center!important;
 background-size:cover!important;
 color:#fff!important;
 box-shadow:0 8px 24px rgba(26,39,28,.12)!important;
}
html body.organizador-wallpapers .org-visual-surface[data-visual-context]>:is(header,.org-crm-header) :is(h1,h2,h3,p,small,span,label){color:inherit!important}

/* Las pantallas externas conservan una identidad fotográfica aunque no monten
   el catálogo dinámico de la aplicación principal. */
body.organizador-wallpapers.org-booking-public-page{
 background-color:#173a2d!important;
 background-image:linear-gradient(rgba(15,47,37,.56),rgba(18,52,41,.48)),url("images/visuals/calendar-week-background-v1.webp")!important;
 background-position:center!important;
 background-size:cover!important;
 background-attachment:fixed!important;
}
body.organizador-wallpapers .org-booking-public-head{
 background-color:var(--ds-forest)!important;
 background-image:linear-gradient(145deg,rgba(16,44,32,.76),rgba(31,73,50,.34)),url("images/visuals/calendar-week-hero-v1.webp")!important;
 background-position:center!important;
 background-size:cover!important;
}
.organizador-admin .org-admin-hero{
 border-color:rgba(255,255,255,.42)!important;
 background-color:var(--ds-forest)!important;
 background-image:linear-gradient(100deg,rgba(20,38,27,.78),rgba(31,55,38,.34)),url("images/visuals/settings-system-hero-v1.jpg")!important;
 background-position:center!important;
 background-size:cover!important;
 color:#fff!important;
 box-shadow:0 10px 28px rgba(29,39,30,.14)!important;
}
.organizador-admin .org-admin-hero :is(h1,p,.org-admin-eyebrow){color:inherit!important}
body.organizador-wallpapers :is(.org-booking-manager-layer,.org-booking-form>footer,.org-booking-public-shell){
 -webkit-backdrop-filter:blur(5px)!important;
 backdrop-filter:blur(5px)!important;
}

/* En páginas de proyecto la portada sigue siendo protagonista. */
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-project-page[data-visual-context^="workspace-"]{
 background-image:linear-gradient(rgba(247,245,239,.68),rgba(247,245,239,.6)),var(--visual-background)!important;
 background-size:cover!important;
 background-attachment:fixed!important;
}
html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-project-page[data-visual-context^="workspace-"]>.org-project-page-cover{
 background-image:linear-gradient(90deg,rgba(21,34,25,.26),rgba(21,34,25,.04)),var(--visual-hero)!important;
 background-size:cover!important;
 background-position:center!important;
}

@media(max-width:900px){
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]{
  background-image:linear-gradient(rgba(247,245,239,.78),rgba(247,245,239,.7)),var(--visual-background)!important;
  background-attachment:scroll!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero{
  min-height:184px!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero::before{
  background:linear-gradient(90deg,rgba(18,31,22,.82),rgba(22,38,27,.58))!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero .org-hero-copy{
  width:100%!important;
  max-width:100%!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .area-activities .org-hero{
  min-height:0!important;
 }
}

@media(prefers-reduced-transparency:reduce){
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]{
  background-image:linear-gradient(rgba(247,245,239,.94),rgba(247,245,239,.94)),var(--visual-background)!important;
 }
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero::before{
  background:rgba(24,39,28,.82)!important;
 }
}

@media(forced-colors:active){
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context],
 html body.organizador-wallpapers.organizador-design-system.organizador-rtx #organizador-app#organizador-app .org-main[data-visual-context]>.org-hero{
  background:Canvas!important;
  color:CanvasText!important;
 }
}