/*
 * Verdeando Álbum 0.1.12
 * Plantilla inmersiva: logo oficial, scroll blindado y máximo aprovechamiento del viewport.
 */

:root { --vd-adminbar: 0px; --vd-album-header-h: 72px; }
.admin-bar { --vd-adminbar: 32px; }

html { scroll-behavior: smooth; overflow-y: auto !important; }
body.vd-album-plugin-template {
  margin: 0 !important;
  min-height: 100dvh !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #eef1f0;
}

body.vd-album-plugin-template #Wrapper,
body.vd-album-plugin-template #Content,
body.vd-album-plugin-template #Content .content_wrapper,
body.vd-album-plugin-template .verdeando-album-page,
body.vd-album-plugin-template .verdeando-album-page__content {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.vd-album-shell-header {
  position: sticky;
  top: var(--vd-adminbar);
  z-index: 9990;
  width: 100%;
  height: var(--vd-album-header-h);
  background: linear-gradient(90deg, rgba(4,25,18,.99), rgba(3,14,11,.99));
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 8px 26px rgba(0,0,0,.14);
  color: #fff;
}

.vd-album-shell-header__inner {
  height: 100%;
  width: min(1780px, calc(100% - 38px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(270px, auto) 1fr auto;
  align-items: center;
  gap: 24px;
}

.vd-album-brand {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 13px;
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.vd-album-brand__logo {
  display: block;
  width: auto;
  height: 45px;
  max-width: 235px;
  object-fit: contain;
  object-position: left center;
}

.vd-album-brand__fallback {
  color: #fff !important;
  font-size: 1.35rem;
  font-weight: 950;
  letter-spacing: -.05em;
}
.vd-album-brand__fallback span { color: #22b36c !important; }
.vd-album-brand__season {
  color: rgba(255,255,255,.55) !important;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .09em;
}

.vd-album-shell-nav { display: flex; justify-content: center; gap: 6px; }
.vd-album-shell-nav a {
  color: rgba(255,255,255,.7) !important;
  text-decoration: none !important;
  font-size: .83rem;
  font-weight: 780;
  padding: 8px 12px;
  border-radius: 999px;
}
.vd-album-shell-nav a:hover,
.vd-album-shell-nav a.is-active { color: #fff !important; background: rgba(20,184,107,.14); }

.vd-album-shell-status { display: flex; align-items: center; gap: 14px; }
.vd-album-shell-stat { min-width: 52px; text-align: center; line-height: 1.02; }
.vd-album-shell-stat strong { display: block; color: #fff !important; font-size: .95rem; }
.vd-album-shell-stat small { color: rgba(255,255,255,.52) !important; font-size: .64rem; }
.vd-album-exit {
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.17);
  padding: 9px 13px;
  border-radius: 10px;
  font-weight: 820;
  font-size: .75rem;
}
.vd-album-exit:hover { background: #07894f; border-color: #07894f; }

body.vd-album-page .vd-album-app {
  width: min(1780px, calc(100% - 30px));
  max-width: none;
  height: calc(100dvh - var(--vd-adminbar) - var(--vd-album-header-h) - 18px);
  min-height: 600px;
  margin: 10px auto 8px;
}

body.vd-album-plugin-template #wpadminbar { z-index: 10000; }

@media (max-width: 1050px) {
  .vd-album-shell-header__inner { width: calc(100% - 24px); grid-template-columns: 1fr auto; }
  .vd-album-shell-nav { display: none; }
  .vd-album-brand__logo { height: 40px; max-width: 200px; }
}

@media (max-width: 782px) { .admin-bar { --vd-adminbar: 46px; } }

@media (max-width: 720px) {
  :root { --vd-album-header-h: 64px; }
  .vd-album-brand__season, .vd-album-shell-stat small, .vd-album-exit { display: none; }
  .vd-album-brand__logo { height: 37px; max-width: 175px; }
  .vd-album-shell-status { gap: 8px; }
  body.vd-album-page .vd-album-app { width: calc(100% - 12px); height: auto; min-height: 0; margin-top: 6px; }
}


/* =========================================================
   Verdeando Álbum 0.1.12 · Cabecera blanca
   ========================================================= */
.vd-album-shell-header {
  background: rgba(255,255,255,.985) !important;
  border-bottom: 2px solid rgba(7,137,79,.16) !important;
  box-shadow: 0 7px 24px rgba(4,25,18,.08) !important;
  color: #142019 !important;
}

.vd-album-brand { color: #142019 !important; }
.vd-album-brand__logo {
  height: 48px !important;
  max-width: 275px !important;
}
.vd-album-brand__fallback { color: #1b2721 !important; }
.vd-album-brand__fallback span { color: #07894f !important; }
.vd-album-brand__season { color: rgba(17,35,27,.55) !important; }

.vd-album-shell-nav a {
  color: rgba(19,36,28,.66) !important;
}
.vd-album-shell-nav a:hover,
.vd-album-shell-nav a.is-active {
  color: #087d49 !important;
  background: rgba(7,137,79,.095) !important;
}

.vd-album-shell-stat strong { color: #16241d !important; }
.vd-album-shell-stat small { color: rgba(18,37,28,.55) !important; }

.vd-album-exit {
  color: #087d49 !important;
  border-color: rgba(7,137,79,.28) !important;
  background: #fff !important;
}
.vd-album-exit:hover {
  color: #fff !important;
  background: #07894f !important;
  border-color: #07894f !important;
}

body.vd-album-page .vd-album-app {
  grid-template-columns: minmax(250px, 300px) minmax(0,1fr) !important;
  gap: 18px !important;
}

@media (max-width: 1050px) {
  .vd-album-brand__logo { height: 42px !important; max-width: 225px !important; }
}

/* 0.1.22 · El libro es el protagonista en móvil. */
@media (max-width: 900px) {
  body.vd-album-page .vd-album-app { grid-template-columns:1fr !important; }
}
@media (max-width: 720px) {
  .vd-album-shell-header__inner { width:calc(100% - 16px) !important; gap:8px !important; }
  .vd-album-brand__logo { max-width:160px !important; }
  .vd-album-shell-stat { min-width:42px !important; }
}