.elementor-43 .elementor-element.elementor-element-6799fe0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-43 .elementor-element.elementor-element-4b5d618{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-4b5d618 */<footer class="tcb-footer" role="contentinfo">
  <div class="tcb-container tcb-footer__top">
    <!-- Col 1 -->
    <div class="tcb-f-col tcb-f-brand">
      <a class="tcb-logo" href="/" aria-label="Inicio">
        <img src="https://taxiclub.es/dev/wp-content/uploads/2025/11/Diseno-sin-titulo-67.png" alt="Taxi Club Barcelona" />
      </a>
      <p class="tcb-f-copy">Transfers y taxi profesional en Barcelona y Cataluña. Servicio 24/7 y atención a empresas con SLA.</p>

      <div class="tcb-f-badges" aria-label="Ventajas">
        <span class="pill">24/7</span>
        <span class="pill">Factura disponible</span>
        <span class="pill">Empresas · SLA</span>
        <span class="pill">Conductores profesionales</span>
      </div>
    </div>

    <!-- Col 2 -->
    <div class="tcb-f-col">
      <h3 class="tcb-f-title">SERVICIOS</h3>
      <ul class="tcb-f-list">
        <li><a href="/servicios/">Taxi en Barcelona</a></li>
        <li><a href="/transfer-aeropuerto/">Aeropuerto BCN</a></li>
        <li><a href="/empresas-sla/">Empresas · SLA</a></li>
        <li><a href="/transporte-de-menores/">Transporte de menores</a></li>
        <li><a href="/eventos-congresos/">Eventos y congresos</a></li>
        <li><a href="/costa-brava/">Transfer Costa Brava</a></li>
      </ul>
    </div>

    <!-- Col 3 -->
    <div class="tcb-f-col">
      <h3 class="tcb-f-title">EMPRESA</h3>
      <ul class="tcb-f-list">
        <li><a href="/nosotros/">Sobre nosotros</a></li>
        <li><a href="/tarifas/">Tarifas</a></li>
        <li><a href="/zonas/">Zonas de servicio</a></li>
        <li><a href="/preguntas-frecuentes/">FAQ</a></li>
        <li><a href="/contacto/">Contacto</a></li>
      </ul>
    </div>

    <!-- Col 4 -->
    <div class="tcb-f-col tcb-f-contact">
      <h3 class="tcb-f-title">CONTACTO</h3>
      <ul class="tcb-f-contact-list" aria-label="Datos de contacto">
        <li><span class="ico">@</span><a href="mailto:info@taxiclubbarcelona.com">info@taxiclubbarcelona.com</a></li>
        <li><span class="ico">✆</span><a href="tel:+34930000000">+34 930 000 000</a></li>
        <li><span class="ico">💬</span><a href="https://wa.me/34600000000" rel="nofollow noopener">WhatsApp: +34 600 000 000</a></li>
      </ul>

      <ul class="tcb-f-social" aria-label="Redes sociales">
        <li><a href="#" aria-label="WhatsApp"><svg viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="M20 3.9A10 10 0 0 0 3.8 18.5L3 22l3.6-.9A10 10 0 1 0 20 3.9ZM12 20a8 8 0 1 1 6.7-3.6l-.4.6.5 2.2-2.2-.6-.6.4A8 8 0 0 1 12 20Z"/></svg></a></li>
        <li><a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm5 5.5A5.5 5.5 0 1 1 6.5 13 5.5 5.5 0 0 1 12 7.5Z"/></svg></a></li>
        <li><a href="#" aria-label="LinkedIn"><svg viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="M6 6a2 2 0 1 1-2-2 2 2 0 0 1 2 2ZM4 8h4v12H4Zm10.5 0A5.5 5.5 0 0 1 20 13.5V20h-4v-6.2c0-1.7-.7-2.8-2.1-2.8s-2.2 1-2.2 2.8V20H8V8Z"/></svg></a></li>
      </ul>
    </div>
  </div>

  <div class="tcb-footer__bottom">
    <div class="tcb-container tcb-bottom__wrap">
      <p>© <span id="tcb-year"></span> Taxi Club Barcelona. Todos los derechos reservados.</p>

      <nav class="tcb-bottom__links" aria-label="Legal">
        <a href="/aviso-legal/">Aviso legal</a>
        <a href="/privacidad/">Privacidad</a>
        <a href="/cookies/">Cookies</a>
        <a href="/sitemap/">Sitemap</a>
      </nav>

      <a class="tcb-dev" href="https://linktelservices.com" target="_blank" rel="noopener">Desarrollo web: Linktel Services</a>

      <button class="tcb-top is-hidden" aria-label="Volver arriba">↑</button>
    </div>
  </div>
</footer>

<style>
:root{
  --tcb-yellow:#ffcc00;
  --tcb-yellow-ink:#e6b800;
  --tcb-deep:#0b0b0b;
  --tcb-panel:#121212;
  --tcb-border:rgba(255,255,255,.10);
  --tcb-text:#fff;
  --tcb-muted:#cfcfcf;
  --radius:18px;
}

.tcb-footer{
  background:
    radial-gradient(1000px 300px at 50% -150px, rgba(255,204,0,.08), transparent),
    linear-gradient(180deg, #0c0c0c 0%, #000 100%);
  color:var(--tcb-text);
  border-top:1px solid var(--tcb-border);
}

/* Contenedor con margen lateral */
.tcb-container{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  padding:0 5vw; /* margen a izquierda y derecha */
}

/* Top */
.tcb-footer__top{
  display:grid;
  gap:34px;
  grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
  padding:44px 0;
}
.tcb-logo img{height:40px;width:auto;display:block;}
.tcb-f-copy{margin:14px 0 16px;color:var(--tcb-muted);}

.tcb-f-badges{display:flex;gap:10px;flex-wrap:wrap;}
.tcb-f-badges .pill{
  background:#0f0f0f;border:1px solid var(--tcb-border);color:#f1f1f1;
  padding:6px 10px;border-radius:999px;font-weight:800;font-size:.8rem;
}
.tcb-f-badges .pill:first-child{background:var(--tcb-yellow);color:#111;border-color:var(--tcb-yellow);}

.tcb-f-title{
  font-size:1rem;
  margin:6px 0 12px;
  color:#fff;
  letter-spacing:.6px;
  text-transform:uppercase;
  transition:.2s;
}
.tcb-f-title:hover{color:var(--tcb-yellow);text-shadow:0 0 8px rgba(255,204,0,.5);}

.tcb-f-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;}
.tcb-f-list a{
  color:#eaeaea;text-decoration:none;border-bottom:1px dashed transparent;transition:.2s;
}
.tcb-f-list a:hover{color:var(--tcb-yellow);border-bottom-color:var(--tcb-yellow);}

/* Contacto */
.tcb-f-contact-list{
  list-style:none;
  padding:0;
  margin:0 0 12px;
  display:grid;
  gap:8px;
}
.tcb-f-contact-list li{display:flex;align-items:center;gap:8px;}
.tcb-f-contact-list .ico{display:inline-flex;width:22px;justify-content:center;}
.tcb-f-contact-list a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px dashed rgba(255,255,255,.18);
  transition:.2s;
}
.tcb-f-contact-list a:hover{border-bottom-color:var(--tcb-yellow);color:var(--tcb-yellow);}

/* Social */
.tcb-f-social{display:flex;gap:10px;margin-top:16px;}
.tcb-f-social a{
  width:36px;height:36px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;background:#141414;border:1px solid var(--tcb-border);
  color:#fff;text-decoration:none;transition:.2s;
}
.tcb-f-social a:hover{transform:translateY(-2px);background:#1c1c1c;}

/* Bottom */
.tcb-footer__bottom{border-top:1px solid var(--tcb-border);background:var(--tcb-panel);}
.tcb-bottom__wrap{
  display:grid;
  grid-template-columns:1fr auto auto auto;
  align-items:center;
  gap:16px;
  padding:16px 0;
}
.tcb-bottom__wrap p{margin:0;color:#dcdcdc;}
.tcb-bottom__links{display:flex;gap:14px;flex-wrap:wrap;}
.tcb-bottom__links a{color:#eaeaea;text-decoration:none;transition:.2s;}
.tcb-bottom__links a:hover{color:var(--tcb-yellow);}

.tcb-dev{
  color:#eaeaea;text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  padding:6px 10px;border-radius:10px;
  font-weight:700;transition:.2s;white-space:nowrap;
}
.tcb-dev:hover{color:#111;background:#ffcc00;border-color:#ffcc00;}

/* Back to top */
.tcb-top{
  appearance:none;
  border:1px solid var(--tcb-yellow);
  background:var(--tcb-yellow);
  color:#111;
  border-radius:10px;
  padding:8px 10px;
  cursor:pointer;
  transition:.2s;
}
.tcb-top:hover{transform:translateY(-2px);background:var(--tcb-yellow-ink);}
.tcb-top.is-hidden{opacity:0;pointer-events:none;}

/* Responsive */
@media (max-width:980px){
  .tcb-footer__top{grid-template-columns:1fr 1fr;}
  .tcb-bottom__wrap{grid-template-columns:1fr;text-align:center;}
  .tcb-bottom__links{justify-content:center;}
  .tcb-dev{justify-self:center;}
}
@media (max-width:680px){
  .tcb-footer__top{grid-template-columns:1fr;gap:26px;padding:30px 0;}
}


/* --- Alinear títulos de columnas en la misma línea --- */
.tcb-footer__top{
  align-items:flex-start;            /* todas las columnas arrancan arriba */
}

/* Quita margen superior del título */
.tcb-f-col .tcb-f-title{
  margin-top:0;                      /* antes: 6px */
  padding-top:0;
  line-height:1.1;
}

/* Nivela columnas 2–4 respecto a la primera */
.tcb-f-col:not(.tcb-f-brand){
  margin-top:0;
  padding-top:4px;                   /* micro-ajuste para igualar baseline */
}

/* Asegura que listas no empujen nada hacia abajo */
.tcb-f-list,
.tcb-f-contact-list{
  margin-top:0;
}

</style>/* End custom CSS */