/* Hotfix 30.1.3 — corrección definitiva de logo y cierre de sesión */

/* PORTADA */
body{overflow-x:hidden!important}

header,
.site-header,
.main-header{
  overflow:visible!important;
}

header .container,
header .header-inner,
.site-header .container,
.site-header .header-inner,
.main-header .container,
.main-header .header-inner{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding-left:28px!important;
  padding-right:28px!important;
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:24px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

header .container > *:first-child,
header .header-inner > *:first-child,
.site-header .container > *:first-child,
.site-header .header-inner > *:first-child,
.main-header .container > *:first-child,
.main-header .header-inner > *:first-child{
  width:280px!important;
  min-width:280px!important;
  max-width:280px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  justify-self:start!important;
}

header .container > *:first-child img,
header .header-inner > *:first-child img,
.site-header .container > *:first-child img,
.site-header .header-inner > *:first-child img,
.main-header .container > *:first-child img,
.main-header .header-inner > *:first-child img{
  display:block!important;
  width:100%!important;
  max-width:260px!important;
  height:auto!important;
  max-height:78px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  transform:none!important;
}

header nav,
.site-header nav,
.main-header nav{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}

header nav a,
.site-header nav a,
.main-header nav a{
  white-space:nowrap!important;
  font-size:14px!important;
  padding:4px 0!important;
}

header a[href*="ingresar"],
header a[href*="login"],
header a[href*="asocia"],
header a[href*="afilia"],
.site-header a[href*="ingresar"],
.site-header a[href*="login"],
.site-header a[href*="asocia"],
.site-header a[href*="afilia"]{
  min-height:40px!important;
  padding:8px 16px!important;
  font-size:14px!important;
  line-height:1!important;
  white-space:nowrap!important;
  border-radius:999px!important;
}

@media(max-width:1280px){
  header .container,
  header .header-inner,
  .site-header .container,
  .site-header .header-inner,
  .main-header .container,
  .main-header .header-inner{
    grid-template-columns:230px minmax(0,1fr) auto!important;
    column-gap:16px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  header .container > *:first-child,
  header .header-inner > *:first-child,
  .site-header .container > *:first-child,
  .site-header .header-inner > *:first-child,
  .main-header .container > *:first-child,
  .main-header .header-inner > *:first-child{
    width:230px!important;
    min-width:230px!important;
    max-width:230px!important;
  }

  header .container > *:first-child img,
  header .header-inner > *:first-child img,
  .site-header .container > *:first-child img,
  .site-header .header-inner > *:first-child img,
  .main-header .container > *:first-child img,
  .main-header .header-inner > *:first-child img{
    max-width:220px!important;
  }

  header nav,
  .site-header nav,
  .main-header nav{
    gap:12px!important;
  }

  header nav a,
  .site-header nav a,
  .main-header nav a{
    font-size:13px!important;
  }
}

/* BACKOFFICE: botón fijo visible en todas las pantallas */
#coopalfa-fixed-logout{
  position:fixed!important;
  top:18px!important;
  right:24px!important;
  z-index:99999!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:10px 16px!important;
  border:1px solid #d7e7dd!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#075c3d!important;
  font:800 14px/1 Arial,sans-serif!important;
  text-decoration:none!important;
  box-shadow:0 8px 24px rgba(5,61,45,.16)!important;
}

#coopalfa-fixed-logout:hover{
  background:#eef8f2!important;
}

@media(max-width:900px){
  #coopalfa-fixed-logout{
    top:auto!important;
    right:16px!important;
    bottom:18px!important;
  }
}