/* ==========================================================================
   REBUJIA · site.css
   Estructura global: barra superior, header, navegación, buscador, footer.
   ========================================================================== */

/* Barra superior ----------------------------------------------------------- */
.topbar{background:var(--ink);color:#babdbd;font-size:11px}
.topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between}
.topbar span{display:flex;align-items:center;gap:8px}
.topbar a{color:#fff;text-decoration:underline}

/* Header ------------------------------------------------------------------- */
.site-header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #f0f0ef}
.header-inner{height:78px;display:flex;align-items:center;gap:36px}

/* Logo (texto o imagen del sitio) ------------------------------------------ */
.logo{display:flex;align-items:center;font-weight:900;font-size:20px;letter-spacing:-1.5px;line-height:.8}
.logo small{display:block;font-weight:600;font-size:7px;letter-spacing:2px;color:#8c9090;margin-top:8px}
.logo-mark{display:grid;place-items:center;background:var(--green);color:#fff;clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%);height:31px;width:29px;margin-right:9px;font-size:17px;font-style:italic}
.logo-suffix{color:var(--green)}
.site-logo{display:flex;align-items:center}
.site-logo .custom-logo-link{display:flex;align-items:center}
.site-logo .custom-logo{display:block;width:auto;height:auto;max-height:48px;max-width:100%}

/* Navegación principal ----------------------------------------------------- */
.main-nav{display:flex;align-items:center;margin-left:auto;font-size:12px;font-weight:700}
.main-nav ul{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.main-nav a:hover{color:var(--green)}
.header-tools{display:flex;align-items:center;gap:17px}
.cart{position:relative}
.cart b{position:absolute;top:-9px;right:-9px;background:var(--yellow);color:var(--ink);border-radius:50%;width:16px;height:16px;font-size:9px;display:grid;place-items:center}
.mobile-menu{display:none}

/* Panel de búsqueda -------------------------------------------------------- */
.search-panel{position:absolute;top:78px;left:0;width:100%;background:#fff;border-bottom:1px solid var(--line);padding:14px 0;box-shadow:0 8px 20px #00000008}
.search-panel .container{display:flex;align-items:center}
.search-panel form{display:flex;align-items:center;width:100%}
.search-panel input{width:100%;border:0;outline:0;padding:10px;font-size:14px}

/* Barra de administración de WordPress */
@media(min-width:783px){.admin-bar .site-header{top:32px}}
@media(min-width:601px) and (max-width:782px){.admin-bar .site-header{top:46px}}

/* Footer ------------------------------------------------------------------- */
.footer{background:var(--ink);color:#fff;padding:68px 0 22px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:50px;padding-bottom:54px}
.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--yellow);margin:0 0 19px}
.footer-grid a:not(.logo):not(.custom-logo-link),.footer-grid p{display:block;color:#aeb2b1;font-size:11px;margin:0 0 12px}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid a:not(.logo):not(.custom-logo-link):hover{color:#fff}
.footer .logo{color:#fff}
.footer-brand .logo,.footer-brand .site-logo{margin-bottom:12px}
.footer-brand .site-logo .custom-logo{max-height:44px}
.footer-bottom{border-top:1px solid #292b2b;padding-top:20px;display:flex;justify-content:space-between;color:#6f7473;font-size:10px}
.footer-legal{display:flex;gap:0;list-style:none;margin:0;padding:0}
.footer-legal li+li::before{content:'·';margin:0 6px}
.footer-legal a:hover{color:#fff}

/* Responsive --------------------------------------------------------------- */
@media(max-width:900px){
  .main-nav ul{gap:14px}
}
@media(max-width:640px){
  .topbar .topbar-right{display:none}
  .topbar-inner{justify-content:center}
  .header-inner{height:68px;gap:14px}
  .mobile-menu{display:block}
  .main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 12px 20px #0001;flex-direction:column;align-items:flex-start;margin-left:0}
  .main-nav.open{display:flex}
  .main-nav ul{flex-direction:column;align-items:flex-start}
  .header-tools{margin-left:auto;gap:12px}
  .search-panel{top:68px}
  .logo{font-size:17px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .footer-brand{grid-column:span 2}
  .footer-bottom{display:block;line-height:2}
  .footer-legal{flex-wrap:wrap}
}