/* Anuncio de «Alimentos chilenos que cuidan el cerebro» en la portada */
.fan{margin-top:clamp(28px,4vw,46px);margin-bottom:clamp(8px,2vw,16px)}
.fan-in{position:relative;display:grid;grid-template-columns:auto minmax(0,1.25fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:center;
  padding:clamp(22px,3.4vw,40px) clamp(22px,3.6vw,46px);border-radius:30px;overflow:hidden;color:#D6DEF5;
  background:radial-gradient(90% 140% at 100% 0%,rgba(41,169,224,.38) 0%,rgba(41,169,224,0) 55%),linear-gradient(135deg,#0B0B63 0%,#1B1B86 60%,#2C2CA8 100%);
  box-shadow:0 34px 70px -40px rgba(11,11,99,.85)}
.fan-in::before,.fan-in::after{content:"";position:absolute;border-radius:50%;pointer-events:none;border:1.5px dashed rgba(143,216,245,.22)}
.fan-in::before{width:420px;height:420px;right:-120px;top:-170px}
.fan-in::after{width:260px;height:260px;right:120px;bottom:-190px}
.fan-sello{position:relative;z-index:1;display:block;width:clamp(104px,12vw,150px);border-radius:50%;transition:transform .3s;box-shadow:0 0 0 5px rgba(143,216,245,.28),0 0 0 12px rgba(143,216,245,.08)}
.fan-sello:hover{transform:rotate(-6deg) scale(1.04)}
.fan-sello-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 26px rgba(0,0,0,.35));animation:fan-timbre 1s cubic-bezier(.2,1.4,.4,1) .2s both}
.fan-sello-svg .fa-sello-txt{transform-origin:80px 80px;animation:fan-gira 40s linear infinite}
.fan-txt{position:relative;z-index:1;display:grid;gap:10px}
.fan-ojo{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-3,#8FD8F5)}
.fan-nuevo{font-family:inherit;letter-spacing:.08em;background:#8BDC6E;color:#0B3D1A;font-weight:800;border-radius:999px;padding:3px 10px;animation:fan-late 2.4s ease-in-out 1.2s infinite}
.fan h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2.25rem);line-height:1.08;margin:0}
.fan-txt>p:not(.fan-ojo){margin:0;font-size:clamp(.95rem,1.2vw,1.04rem);line-height:1.55;max-width:56ch}
.fan-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.fan-btn-claro{background:#fff;color:var(--navy,#0B0B63)}
.fan-btn-claro:hover{background:#EAF6FD;transform:translateY(-2px)}
.fan-platos{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,16px);justify-items:center}
.fan-plato{display:block;width:100%;max-width:104px;animation:fan-entra .7s cubic-bezier(.2,.8,.2,1) both,fan-flota 6s ease-in-out infinite;animation-delay:calc(.25s + var(--i) * .09s),calc(var(--i) * -.9s)}
.fan-plato:nth-child(even){margin-top:26px}
.fan-ilu{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.3))}
@keyframes fan-timbre{from{opacity:0;transform:scale(1.5) rotate(-25deg)}}
@keyframes fan-gira{to{transform:rotate(360deg)}}
@keyframes fan-late{50%{box-shadow:0 0 0 6px rgba(139,220,110,.18)}}
@keyframes fan-entra{from{opacity:0;transform:translateY(16px) scale(.85)}}
@keyframes fan-flota{50%{transform:translateY(-7px)}}
@media(max-width:1020px){
  .fan-in{grid-template-columns:auto minmax(0,1fr)}
  .fan-platos{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));max-width:560px}
  .fan-plato:nth-child(even){margin-top:14px}
}
@media(max-width:620px){
  .fan-in{grid-template-columns:1fr;justify-items:start;padding:24px 20px 26px}
  .fan-sello{width:96px}
  .fan-cta,.fan-cta .btn{width:100%;justify-content:center}
  .fan-platos{gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .fan-sello-svg,.fan-sello-svg .fa-sello-txt,.fan-nuevo,.fan-plato{animation:none}
}