:root{--noche:#172b27;--verde:#526e56;--tierra:#a9583e;--oro:#d9b878;--marfil:#f5f0e5;--papel:#fffdf7;--tinta:#29332d;--suave:#73776d;--linea:#e4ddcf}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--marfil);color:var(--tinta);font-family:Arial,Helvetica,sans-serif}.contenedor{width:min(1120px,calc(100% - 36px));margin:auto}.cabecera{background:var(--noche);color:var(--marfil);padding:22px 0}.marca{font-weight:900;letter-spacing:.2em;font-size:22px}.marca small{display:block;color:var(--oro);font-size:8px;letter-spacing:.18em;margin-top:4px}.principal{padding:55px 0 80px}.etiqueta{color:var(--tierra);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.titulo{font:normal clamp(34px,6vw,54px) Georgia,serif;color:var(--noche);margin:12px 0}.intro{max-width:720px;color:var(--suave);line-height:1.8}.grupos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:35px}.grupo-card{display:block;padding:25px;border:1px solid var(--linea);border-radius:13px;background:var(--papel);text-decoration:none;transition:transform .2s,box-shadow .2s}.grupo-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #203a3315}.grupo-card strong{display:block;color:var(--noche);font:normal 27px Georgia,serif}.grupo-card span{display:block;color:var(--suave);font-size:13px;line-height:1.6;margin-top:9px}.grupo-card small{display:block;color:var(--tierra);font-size:10px;font-weight:bold;letter-spacing:.1em;margin-top:18px}.volver{display:inline-block;color:var(--tierra);font-weight:bold;margin:20px 0;text-decoration:none}
#ciba-alimentos .alimentos-cabecera{max-width:760px;margin-bottom:28px}#ciba-alimentos .alimentos-buscador{display:flex;gap:10px;margin:22px 0 15px}#ciba-alimentos-buscar{width:100%;min-height:52px;padding:0 17px;border:1px solid var(--linea);border-radius:7px;background:var(--papel);color:var(--tinta);font:inherit}#ciba-alimentos-categorias{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}#ciba-alimentos .ciba-alimentos-filtro{border:1px solid var(--linea);border-radius:22px;padding:8px 13px;background:var(--papel);color:var(--verde);cursor:pointer;font-size:12px}#ciba-alimentos .ciba-alimentos-filtro.activo{background:var(--noche);border-color:var(--noche);color:white}#ciba-alimentos-estado{color:var(--suave);font-size:13px;margin:10px 0 18px}#ciba-alimentos-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}#ciba-alimentos .ciba-alimento-tarjeta{display:flex;flex-direction:column;overflow:hidden;padding:0;text-align:left;border:1px solid var(--linea);border-radius:11px;background:var(--papel);color:var(--tinta);cursor:pointer}#ciba-alimentos .ciba-alimento-tarjeta img{display:block;width:100%;height:170px;object-fit:cover;background:#eee}#ciba-alimentos .ciba-alimento-tarjeta-texto{display:grid;gap:7px;padding:16px}#ciba-alimentos .ciba-alimento-tarjeta-texto small{color:var(--tierra);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}#ciba-alimentos .ciba-alimento-tarjeta-texto strong{color:var(--noche);font:normal 23px Georgia,serif}#ciba-alimentos .ciba-alimento-tarjeta-texto span{color:var(--suave);font-size:13px;line-height:1.6}#ciba-alimentos-detalle{margin-top:26px;padding:clamp(18px,4vw,34px);border:1px solid var(--linea);border-top:4px solid var(--verde);border-radius:12px;background:var(--papel)}#ciba-alimentos-detalle[hidden],#ciba-alimentos-lista[hidden]{display:none}#ciba-alimentos .ciba-alimento-galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:24px}#ciba-alimentos .ciba-alimento-foto{margin:0}#ciba-alimentos .ciba-alimento-foto img{width:100%;max-height:390px;object-fit:cover;border-radius:9px}#ciba-alimentos .ciba-alimento-foto figcaption{margin-top:7px;color:var(--suave);font-size:11px}#ciba-alimentos .ciba-alimento-etiqueta{color:var(--tierra);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}#ciba-alimentos .ciba-alimento-detalle-cabecera h3{margin:7px 0;color:var(--noche);font:normal clamp(30px,5vw,42px) Georgia,serif}#ciba-alimentos .ciba-alimento-resumen{color:var(--suave);font-size:16px}#ciba-alimentos .ciba-alimento-bloque{margin:26px 0}#ciba-alimentos .ciba-alimento-bloque h4,#ciba-alimentos .ciba-alimento-fuentes h4,#ciba-alimentos .ciba-alimento-video h4{margin:0 0 10px;color:var(--tierra);font:normal 22px Georgia,serif}#ciba-alimentos .ciba-alimento-bloque p,#ciba-alimentos .ciba-alimento-bloque li{line-height:1.75}#ciba-alimentos .ciba-alimento-bloque li{margin-bottom:10px}#ciba-alimentos .ciba-alimento-bloque strong{color:var(--verde)}#ciba-alimentos .ciba-alimento-ingredientes{color:var(--suave);font-size:13px}#ciba-alimentos .ciba-alimento-video,#ciba-alimentos .ciba-alimento-fuentes{margin-top:24px;padding:20px;border-radius:10px;background:var(--marfil)}#ciba-alimentos .ciba-alimento-video-pendiente{padding:14px;border-left:3px solid var(--oro);background:var(--marfil);color:var(--suave);font-size:13px}#ciba-alimentos .ciba-alimentos-volver{min-height:44px;padding:0 16px;border:0;border-radius:6px;background:var(--noche);color:white;cursor:pointer;font-weight:700}a:focus-visible,button:focus-visible{outline:3px solid var(--oro);outline-offset:4px}@media(max-width:600px){#ciba-alimentos-lista{grid-template-columns:1fr 1fr;gap:10px}#ciba-alimentos .ciba-alimento-tarjeta img{height:125px}#ciba-alimentos .ciba-alimento-tarjeta-texto{padding:12px}#ciba-alimentos .ciba-alimento-tarjeta-texto strong{font-size:19px}}@media(max-width:390px){#ciba-alimentos-lista{grid-template-columns:1fr}}


/* CIBA · ACCESOS FLOTANTES DE LAS FICHAS DE ALIMENTOS
   Se mantienen arriba a la derecha; el oráculo/buscador global conserva libre
   su zona inferior derecha y su z-index superior. */
.ciba-alimento-accesos{
  position:fixed;
  z-index:9995;
  top:94px;
  right:16px;
  display:flex;
  align-items:center;
  gap:7px;
  animation:ciba-alimento-accesos-entrada .32s ease-out both;
}
.ciba-alimento-acceso{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(217,184,120,.7);
  border-radius:50%;
  background:#172b27;
  color:#f5f0e5;
  box-shadow:0 5px 16px rgba(0,0,0,.22);
  text-decoration:none;
  font:700 19px/1 Arial, sans-serif;
  cursor:pointer;
  transition:transform .2s,background .2s,color .2s;
}
.ciba-alimento-acceso:hover,
.ciba-alimento-acceso:focus-visible{
  transform:translateY(-2px);
  background:#526e56;
  color:#fffdf7;
}
@keyframes ciba-alimento-accesos-entrada{
  from{opacity:0;transform:translateY(-14px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:600px){
  .ciba-alimento-accesos{top:88px;right:10px;gap:5px}
  .ciba-alimento-acceso{width:39px;height:39px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  .ciba-alimento-accesos{animation:none}
  .ciba-alimento-acceso{transition:none}
}


/* CIBA · ORDEN VISUAL DE LA BIBLIOTECA
   Las fotografías disponibles aparecen primero. Los alimentos sin foto
   permanecen accesibles, en una sección secundaria de nombres. */
#ciba-alimentos-lista{display:block}
#ciba-alimentos .ciba-alimentos-seccion{margin:24px 0 30px}
#ciba-alimentos .ciba-alimentos-subtitulo{
  margin:0 0 14px;
  color:var(--noche);
  font:normal 25px Georgia,serif;
}
#ciba-alimentos .ciba-alimentos-rejilla{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:15px;
}
#ciba-alimentos .ciba-alimentos-rejilla-otros{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
#ciba-alimentos .ciba-alimento-sin-foto{
  min-height:48px;
  padding:11px 15px;
  border:1px solid var(--linea);
  border-radius:8px;
  background:var(--papel);
  color:var(--noche);
  text-align:left;
  cursor:pointer;
}
#ciba-alimentos .ciba-alimento-sin-foto .ciba-alimento-tarjeta-texto{
  display:block;
  padding:0;
}
#ciba-alimentos .ciba-alimento-sin-foto .ciba-alimento-tarjeta-texto strong{
  font:600 15px Arial,Helvetica,sans-serif;
}
#ciba-alimentos .ciba-alimento-sin-foto:hover{
  border-color:var(--verde);
  background:#f0f3ec;
}
@media(max-width:600px){
  #ciba-alimentos .ciba-alimentos-rejilla{grid-template-columns:1fr 1fr;gap:10px}
  #ciba-alimentos .ciba-alimento-sin-foto{padding:10px 12px}
}
@media(max-width:390px){
  #ciba-alimentos .ciba-alimentos-rejilla{grid-template-columns:1fr}
}


/* CIBA · VIDEOS EXTERNOS: miniatura y enlace, sin reproductor incrustado */
#ciba-alimentos .ciba-alimento-video{display:grid;gap:10px}
#ciba-alimentos .ciba-alimento-video-titulo{margin:0;color:var(--noche);font-weight:700;line-height:1.5}
#ciba-alimentos .ciba-alimento-video-canal{margin:0;color:var(--suave);font-size:12px}
#ciba-alimentos .ciba-alimento-video-enlace{display:block;max-width:560px;overflow:hidden;border:1px solid var(--linea);border-radius:10px;background:var(--papel);color:var(--noche);text-decoration:none}
#ciba-alimentos .ciba-alimento-video-enlace img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e5dc}
#ciba-alimentos .ciba-alimento-video-boton{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;background:var(--noche);color:#fffdf7;font-weight:700;text-align:center}
#ciba-alimentos .ciba-alimento-video-enlace:hover .ciba-alimento-video-boton{background:var(--verde)}
#ciba-alimentos .ciba-alimento-video-descripcion{max-width:700px;margin:0;color:var(--suave);font-size:13px;line-height:1.65}


/* CIBA · Enlaces ligeros a YouTube: sin miniaturas ni reproductores */
#ciba-alimentos .ciba-alimento-video{margin:14px 0 0;padding:0;background:transparent}
#ciba-alimentos .ciba-alimento-video-enlace{display:inline-flex;align-items:center;gap:9px;min-height:40px;color:var(--verde);font-weight:700;text-decoration:none}
#ciba-alimentos .ciba-alimento-video-enlace svg{display:block;flex:0 0 32px}
#ciba-alimentos .ciba-alimento-video-enlace span{text-decoration:underline;text-underline-offset:3px}
#ciba-alimentos .ciba-alimento-video-enlace:hover span{color:var(--tierra)}
