/* =====================================================================
   BeeWall · Footer (site-wide) en la línea de diseño de la home
   ---------------------------------------------------------------------
   El footer sigue siendo el de Kadence (5 columnas de widgets + barra
   inferior); aquí solo se restyla. beewall-header.js añade: el goteo con
   el color real de la sección anterior (--bw-ft-drip), la banda superior
   (.bw-ft-top: wordmark gigante + chips de contacto) y, en móvil, los
   acordeones de las listas de enlaces SEO (.bw-ft-acc).
   ===================================================================== */
#colophon.site-footer { --bw-ft-drip: transparent; position: relative; overflow: hidden; background: #2c2c2c !important; color: #FCF6E6; font-family: 'Manrope', sans-serif; }
#colophon .bw-ft-drip { position: absolute; top: -1px; left: 0; width: 100%; height: clamp(50px, 9vw, 130px); display: block; pointer-events: none; z-index: 3; }
#colophon .bw-ft-drip path { fill: var(--bw-ft-drip); }

/* Banda superior: wordmark + contacto */
/* Misma caja que las secciones de la home: 1400px de contenido + laterales por fuera (content-box); antes el max-width incluía el padding y el footer salía 93px más estrecho */
#colophon .bw-ft-top { box-sizing: content-box; max-width: 1400px; margin: 0 auto; padding: clamp(150px, 16vw, 210px) clamp(20px, 6vw, 96px) 0; }
#colophon .bw-ft-kicker { font-weight: 700; font-size: 12px; letter-spacing: 0.25em; text-transform: uppercase; color: #FFCB05; opacity: 0.85; margin: 0 0 18px; }
#colophon .bw-ft-word { display: flex; align-items: center; gap: 0.14em; font-family: 'Poppins', sans-serif; font-weight: 900; font-size: min(clamp(4rem, 13.5vw, 13rem), 26vh); line-height: 0.9; letter-spacing: -0.05em; color: #FFCB05; margin: 0 0 0 -0.03em; }
#colophon .bw-ft-word::before { content: ''; flex: none; width: 0.62em; height: 0.62em; background: url('https://beewall.es/wp-content/uploads/2024/08/cropped-LOGO_BEEWALL_DEF-1.png') center / contain no-repeat; }
#colophon .bw-ft-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px 40px; margin-top: clamp(28px, 4vw, 48px); padding-bottom: clamp(36px, 5vw, 56px); border-bottom: 1px solid rgba(252, 246, 230, 0.15); }
#colophon .bw-ft-tag { font-size: clamp(1rem, 1.3vw, 1.2rem); line-height: 1.5; max-width: 480px; opacity: 0.8; margin: 0; }
#colophon .bw-ft-contact { display: flex; flex-wrap: wrap; gap: 10px; }
#colophon .bw-ft-cta { display: inline-flex; align-items: center; gap: 8px; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 14px; padding: 13px 22px; border-radius: 999px; border: 1.5px solid rgba(252, 246, 230, 0.3); color: #FCF6E6 !important; text-decoration: none !important; white-space: nowrap; }
#colophon .bw-ft-cta--honey { background: #FFCB05; border-color: #FFCB05; color: #2c2c2c !important; }
#colophon .bw-ft-cta i { font-style: normal; }

/* Columnas de widgets */
#colophon .site-footer-row-container-inner { background: transparent !important; }
#colophon .site-container { box-sizing: content-box; max-width: 1400px !important; margin: 0 auto; padding: 0 clamp(20px, 6vw, 96px) !important; }
#colophon .site-top-footer-inner-wrap { display: grid; grid-template-columns: 1.25fr 0.9fr 1fr 1fr 1fr !important; gap: 40px 32px !important; padding: clamp(40px, 5vw, 64px) 0 clamp(40px, 5vw, 64px) !important; }
#colophon .site-footer-section, #colophon .footer-widget-area { text-align: left !important; }
#colophon .footer-widget-area-inner { display: block; }
#colophon .widget { margin: 0 0 14px; }
/* Col 1: marca. El "BeeWall" pequeño sobra (ya está el wordmark gigante); la frase en mayúsculas pasa a Poppins normal */
#colophon .footer-widget1 .widget:first-child { display: none; }
#colophon .footer-widget1 .wp-block-kadence-advancedheading { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; font-size: clamp(1.15rem, 1.5vw, 1.4rem) !important; line-height: 1.25 !important; letter-spacing: -0.02em; text-transform: none !important; color: #FCF6E6 !important; margin: 0 0 14px; }
#colophon .footer-widget1 p { font-size: 14px; line-height: 1.6; opacity: 0.7; margin: 0; }
/* Títulos de columna como kickers */
#colophon .widget-title { display: inline-flex !important; align-items: center; gap: 10px; font-family: 'Manrope', sans-serif !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 0.22em; text-transform: uppercase; color: #FFCB05 !important; line-height: 1.2 !important; margin: 0 0 16px !important; opacity: 1; }
#colophon .widget-title::before { content: ''; width: 22px; height: 2px; background: #FFCB05; flex: none; }
/* Col 2: contacto */
#colophon .footer-widget2 p { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1rem; line-height: 1.9; margin: 0; color: #FCF6E6; }
#colophon .footer-widget2 p a { color: #FCF6E6; text-decoration: none; border-bottom: 2px solid rgba(255, 203, 5, 0.35); transition: border-color 0.3s ease, color 0.3s ease; }
#colophon .footer-widget2 p a:hover { color: #FFCB05; border-color: #FFCB05; }
/* Cols 3-5: listas de enlaces SEO locales */
#colophon .widget_nav_menu ul.menu { list-style: none !important; margin: 0 !important; padding: 0 !important; }
#colophon .widget_nav_menu ul.menu li { margin: 0 !important; padding: 0; border: 0 !important; }
#colophon .widget_nav_menu ul.menu li a { display: block; padding: 4px 0; font-size: 13.5px; line-height: 1.4; color: rgba(252, 246, 230, 0.7) !important; text-decoration: none !important; transition: color 0.25s ease, padding-left 0.25s ease; }
#colophon .widget_nav_menu ul.menu li a:hover { color: #FFCB05 !important; padding-left: 6px; }

/* Barra inferior */
#colophon .site-bottom-footer-wrap { border-top: 1px solid rgba(252, 246, 230, 0.15); }
#colophon .site-bottom-footer-inner-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; padding: 22px 0 !important; min-height: 0 !important; }
#colophon .footer-html p { font-size: 13px; opacity: 0.6; margin: 0; }
#colophon .footer-social-wrap .social-button { width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid rgba(252, 246, 230, 0.25) !important; background: transparent !important; color: #FCF6E6 !important; display: inline-flex; align-items: center; justify-content: center; margin: 0 4px 0 0 !important; transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, border-color 0.3s ease; }
#colophon .footer-social-wrap .social-button svg { width: 16px; height: 16px; }
#colophon .footer-social-wrap .social-button:hover { background: #FFCB05 !important; border-color: #FFCB05 !important; color: #2c2c2c !important; transform: translateY(-2px); }

/* Tablet / móvil */
@media (max-width: 1100px) {
  #colophon .site-top-footer-inner-wrap { grid-template-columns: 1fr 1fr !important; }
  #colophon .footer-widget1 { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  #colophon .bw-ft-top { padding-top: clamp(110px, 24vw, 150px); }
  #colophon .bw-ft-word { font-size: clamp(3.4rem, 19vw, 5rem); }
  #colophon .bw-ft-row { align-items: flex-start; flex-direction: column; }
  #colophon .site-top-footer-inner-wrap { grid-template-columns: 1fr !important; gap: 28px !important; }
  /* Las listas SEO (40 enlaces) van plegadas: el título abre/cierra (JS añade .bw-ft-acc) */
  #colophon .bw-ft-acc .widget-title { cursor: pointer; width: 100%; justify-content: space-between; margin-bottom: 0 !important; padding: 12px 0; border-top: 1px solid rgba(252, 246, 230, 0.12); }
  #colophon .bw-ft-acc .widget-title::after { content: '+'; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 18px; line-height: 1; transition: transform 0.3s ease; }
  #colophon .bw-ft-acc.is-open .widget-title::after { transform: rotate(45deg); }
  #colophon .bw-ft-acc ul.menu { display: none !important; padding: 4px 0 14px !important; }
  #colophon .bw-ft-acc.is-open ul.menu { display: block !important; }
  #colophon .bw-ft-acc { margin: 0; }
  #colophon .bw-ft-acc + .bw-ft-acc, #colophon .site-footer-section:has(.bw-ft-acc) + .site-footer-section:has(.bw-ft-acc) { margin-top: -28px; }
  #colophon .site-bottom-footer-inner-wrap { flex-direction: column; align-items: flex-start; }
}