/* Común a todas las páginas de Carena Labs (portada y productos): pie, idiomas y migas de pan de los productos.
   Colores neutros (blanco con transparencia) para que valga sobre el fondo pizarra y sobre el verde noche de Ventia. */

/* ── Pie ──────────────────────────────────────────────────────────────── */
.pie { border-top: 1px solid rgba(255, 255, 255, .09); padding: 56px max(24px, calc((100vw - 1180px) / 2)) 32px; font-size: 15px;
  color: rgba(232, 236, 242, .58); font-family: 'Figtree', system-ui, sans-serif; }
.pie-dentro { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; }
.pie-marca img { height: 30px; width: auto; margin-bottom: 14px; }
.pie-marca p { max-width: 320px; }
.pie-col { display: flex; flex-direction: column; gap: 8px; }
.pie-col b { color: #E8ECF2; font-weight: 600; margin-bottom: 4px; }
.pie-col a { text-decoration: none; }
.pie-col a:hover { color: #E8ECF2; }
.pie-bajo { margin-top: 48px; font-size: 13px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
/* Selector de idioma en la cabecera (ES · CA). Códigos de texto, sin banderas: una bandera es un país, no un idioma. */
.idiomas { display: inline-flex; align-items: center; padding: 3px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 99px;
  font-family: 'Figtree', system-ui, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .04em; line-height: 1; }
.idiomas > * { padding: 6px 10px; border-radius: 99px; color: rgba(232, 236, 242, .5); text-decoration: none; }
.idiomas > b { background: rgba(255, 255, 255, .12); color: #E8ECF2; font-weight: 600; }
.idiomas > span { cursor: default; }
.idiomas > a:hover { color: #E8ECF2; }

/* ── Migas en la cabecera de un producto: carena labs › productos › Ventia ── */
.migas { display: flex; align-items: center; gap: 10px; }
.migas > a + a::before { content: '/'; margin-right: 10px; color: rgba(232, 236, 242, .28); font-weight: 400; }
.migas .casa, .migas .seccion { display: flex; align-items: center; gap: 8px; text-decoration: none; color: rgba(232, 236, 242, .62);
  font-size: 15px; font-weight: 600; transition: color .2s; }
.migas .casa:hover, .migas .seccion:hover { color: #E8ECF2; }
.migas .casa img { width: 26px; height: 22px; }
.migas .marca { display: flex; align-items: center; gap: 10px; }

@media (max-width: 900px) {
  .pie-dentro { grid-template-columns: 1fr 1fr; }
  .pie-marca { grid-column: 1 / -1; }
  .migas .casa span, .migas .seccion { display: none; }
}

.cab .corto { display: none; }

/* Móvil: logo, idioma y botón tienen que caber en la cabecera. */
@media (max-width: 520px) {
  .cab { padding-left: 16px !important; padding-right: 16px !important; gap: 10px; }
  .cab nav { gap: 8px; }
  .cab .logo img { height: 22px; }
  .cab .boton { padding: 8px 12px; font-size: 13px; white-space: nowrap; }
  .idiomas { font-size: 12px; }
  .idiomas > * { padding: 5px 7px; }
  .migas .marca img { width: 28px; height: 28px; }
  .migas .nombre { font-size: 21px; }
  .cab .largo { display: none; }
  .cab .corto { display: inline; }
}