.alergenos-hero{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:60px 0}.alergenos-hero h1{color:var(--accent);margin-bottom:16px;font-size:2.5rem}.alergenos-subtitle{color:var(--text-light);max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.6}.alergenos-content{background-color:#fff}.alergenos-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:48px;padding:20px}.alergenos-warning h2{color:#856404;margin-bottom:12px;font-size:1.5rem}.alergenos-warning p{color:#856404;margin-bottom:0;line-height:1.6}.alergenos-grid h2{color:var(--accent);text-align:center;margin-bottom:32px;font-size:2rem}.alergenos-list{flex-direction:column;gap:24px;margin-bottom:48px;display:flex}.alergen-item{background-color:var(--background-light);border:1px solid rgba(0,0,0,.05);border-radius:12px;align-items:flex-start;gap:24px;padding:20px;transition:transform .3s,box-shadow .3s;display:flex}.alergen-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.alergen-icon{border:1px solid var(--border);background-color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:6px;display:flex}.alergen-icon-image{object-fit:contain;width:100%;height:100%}.alergen-info h3{color:var(--accent);margin-bottom:8px;font-size:1.2rem}.alergen-info p{color:var(--text-light);margin-bottom:0;line-height:1.5}.contact-info{background-color:var(--background-light);text-align:center;border-radius:8px;padding:32px}.contact-info h2{color:var(--accent);margin-bottom:16px;font-size:1.8rem}.contact-info p{color:var(--text-light);margin-bottom:16px;line-height:1.6}.contact-info p:last-child{margin-bottom:0}@media (max-width:768px){.alergenos-hero{padding:40px 0}.alergenos-hero h1{font-size:2rem}.alergenos-subtitle{font-size:1.1rem}.alergenos-warning{padding:16px}.alergen-item{text-align:center;flex-direction:column;gap:16px}.alergen-icon{width:64px;height:64px;margin:0 auto}.contact-info{padding:24px}.contact-info h2{font-size:1.5rem}}@media (max-width:480px){.alergenos-hero h1{font-size:1.8rem}.alergen-icon{width:58px;height:58px}}